/**
* {@inheritdoc}
*/
public function toCSS(Context $context)
{
$value = $this->key instanceof GenerateCSSInterface ? $this->key->toCSS($context) : $this->key;
if ($this->operator) {
$value .= $this->operator;
$value .= $this->value instanceof GenerateCSSInterface ? $this->value->toCSS($context) : $this->value;
}
return '[' . $value . ']';
}
/**
* @inheritdoc
*/
public function compare(Node $other)
{
// we need to provide The context for those
$context = new Context();
if ($this->toCSS($context) === $other->toCSS($context)) {
return 0;
}
}
/**
* Creates a SVG gradient
*
* @param Node $direction
* @param Node ...$stop1
* @return UrlNode
* @throws CompilerException If the arguments are invalid
*/
public function svggradient(Node $direction)
{
$numArgs = func_num_args();
$arguments = func_get_args();
if ($numArgs === 2) {
// a list of colors
if (is_array($arguments[1]->value) && count($arguments[1]->value) < 2) {
throw new CompilerException('svg-gradient expects direction, start_color [start_position], [color position,]..., end_color [end_position]');
}
$stops = $arguments[1]->value;
} elseif ($numArgs < 3) {
throw new CompilerException('svg-gradient expects direction, start_color [start_position], [color position,]..., end_color [end_position]');
} else {
$stops = array_slice($arguments, 1);
}
$gradientType = 'linear';
$rectangleDimension = 'x="0" y="0" width="1" height="1"';
$renderEnv = new Context(['compress' => false]);
$directionValue = $direction->toCSS($renderEnv);
switch ($directionValue) {
case 'to bottom':
$gradientDirectionSvg = 'x1="0%" y1="0%" x2="0%" y2="100%"';
break;
case 'to right':
$gradientDirectionSvg = 'x1="0%" y1="0%" x2="100%" y2="0%"';
break;
case 'to bottom right':
$gradientDirectionSvg = 'x1="0%" y1="0%" x2="100%" y2="100%"';
break;
case 'to top right':
$gradientDirectionSvg = 'x1="0%" y1="100%" x2="100%" y2="0%"';
break;
case 'ellipse':
case 'ellipse at center':
$gradientType = 'radial';
$gradientDirectionSvg = 'cx="50%" cy="50%" r="75%"';
$rectangleDimension = 'x="-50" y="-50" width="101" height="101"';
break;
default:
throw new CompilerException("svg-gradient direction must be 'to bottom', 'to right', 'to bottom right', 'to top right' or 'ellipse at center'");
}
$returner = '<?xml version="1.0" ?>' . '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">' . '<' . $gradientType . 'Gradient id="gradient" gradientUnits="userSpaceOnUse" ' . $gradientDirectionSvg . '>';
for ($i = 0; $i < count($stops); $i++) {
if ($stops[$i] instanceof ExpressionNode) {
$color = $stops[$i]->value[0];
$position = $stops[$i]->value[1];
} else {
$color = $stops[$i];
$position = null;
}
if (!$color instanceof ColorNode || !(($i === 0 || $i + 1 === count($stops)) && $position === null) && !$position instanceof DimensionNode) {
throw new CompilerException('svg-gradient expects direction, start_color [start_position], [color position,]..., end_color [end_position] or direction, color list');
}
if ($position) {
$positionValue = $position->toCSS($renderEnv);
} elseif ($i === 0) {
$positionValue = '0%';
} else {
$positionValue = '100%';
}
$colorValue = $color->getColor()->toRGB();
$alpha = $color->getAlpha(true);
$returner .= '<stop offset="' . $positionValue . '" stop-color="' . $colorValue . '"' . ($alpha < 1 ? ' stop-opacity="' . $alpha . '"' : '') . '/>';
}
$returner .= '</' . $gradientType . 'Gradient><rect ' . $rectangleDimension . ' fill="url(#gradient)" /></svg>';
$returner = Util::encodeURIComponent($returner);
$returner = 'data:image/svg+xml,' . $returner;
return new UrlNode(new QuotedNode("'" . $returner . "'", $returner, false));
}
/**
* Compares with another node
*
* @param Node $other
* @return integer|null
*/
public function compare(Node $other)
{
if ($other instanceof QuotedNode && !$this->escaped && !$other->escaped) {
return Util::numericCompare($this->value, $other->value);
} else {
$context = new Context();
return $other->toCSS($context) === $this->toCSS($context) ? 0 : null;
}
}
