Implementando metodos na tradução reversa (37/43)

exemplos/reverso/exemplo-metodos.css

@@ -31,10 +31,14 @@ div {
     transform: rotateZ(0);
 }
 
+a {
+    backdrop-filter: hue-rotate(90deg);
+}
+
 p {
-    backdrop-filter: brightness(10);
+    backdrop-filter: sepia(60%);
 }
 
-a {
-    backdrop-filter: hue-rotate(90deg);
+div {
+    backdrop-filter: saturate(5);
 }

fontes/avaliador-sintatico/avaliador-sintatico-reverso.ts

@@ -718,6 +718,35 @@ export class AvaliadorSintaticoReverso implements AvaliadorSintaticoInterface {
                     [valorRotacionarY, quantificadorRotacionarY]
                 );
 
+            case "saturate":
+                this.consumir(tiposDeSimbolos.PARENTESE_ESQUERDO, "Esperado parêntese esquerdo após método 'saturate'.");
+                const valorSaturar = this.avancarEDevolverAnterior();
+                let quantificadorSaturar;
+                if (this.simbolos[this.atual].tipo === 'QUANTIFICADOR') {
+                    quantificadorSaturar = this.avancarEDevolverAnterior();
+                } else {
+                    quantificadorSaturar = null;
+                }
+                this.consumir(tiposDeSimbolos.PARENTESE_DIREITO, "Esperado parêntese direito após método 'saturate'.");
+                return new SeletorValorReverso(
+                    lexema,
+                    [valorSaturar, quantificadorSaturar]
+                );
+
+            case "sepia":
+                this.consumir(tiposDeSimbolos.PARENTESE_ESQUERDO, "Esperado parêntese esquerdo após método 'sepia'.");
+                const valorSepia = this.avancarEDevolverAnterior();
+                let quantificadorSepia;
+                if (this.simbolos[this.atual].tipo === 'QUANTIFICADOR') {
+                    quantificadorSepia = this.avancarEDevolverAnterior();
+                } else {
+                    quantificadorSepia = null;
+                }
+                this.consumir(tiposDeSimbolos.PARENTESE_DIREITO, "Esperado parêntese direito após método 'sepia'.");
+                return new SeletorValorReverso(
+                    lexema,
+                    [valorSepia, quantificadorSepia]
+                );
         }
     }
 

fontes/modificadores/dicionario/dicionario-reverso-modificadores.ts

@@ -395,6 +395,8 @@ import { RotateX } from "../../valores/metodos/css/rotateX";
 import { RotateY } from "../../valores/metodos/css/rotateY";
 import { RotateZ } from "../../valores/metodos/css/rotateZ";
 import { HueRotate } from "../../valores/metodos/css/hue-rotate";
+import { Saturate } from "../../valores/metodos/css/saturate";
+import { Sepia } from "../../valores/metodos/css/sepia";
 
 export const DicionarioReversoModificadores: { [nomeCss: string]: any } = {
     "word-wrap": AgruparPalavra,
@@ -787,11 +789,13 @@ export const DicionarioReversoModificadores: { [nomeCss: string]: any } = {
     "rotateX":  RotateX,
     "rotateY": RotateY,
     "rotateZ": RotateZ,
+    "saturate": Saturate,
     "scale3d": Scale3d,
     // "scale": Scale,
     "scaleX": ScaleX,
     "scaleY": ScaleY,
     "scaleZ": ScaleZ,
+    "sepia": Sepia,
     "skew": Skew,
     "skewX": SkewX,
     "skewY": SkewY,

fontes/valores/metodos/css/saturate.ts

@@ -0,0 +1,23 @@
+import { Simbolo } from "../../../lexador";
+import { MetodoCss } from "./metodo-css";
+
+export class Saturate extends MetodoCss {
+    valor: number;
+    quantificador: string;
+    traducao: string;
+
+    constructor(valor: Simbolo, quantificador: Simbolo) {
+        super();
+        this.valor = Number(valor.lexema);
+        this.quantificador = quantificador ? quantificador.lexema : null;
+        this.traducao = 'saturate';
+    }
+
+    paraTexto() {
+        if (this.quantificador) {
+            return `saturar(${this.valor}${this.quantificador})`
+        }
+
+        return `saturar(${this.valor})`
+    }
+}

fontes/valores/metodos/css/sepia.ts

@@ -0,0 +1,23 @@
+import { Simbolo } from "../../../lexador";
+import { MetodoCss } from "./metodo-css";
+
+export class Sepia extends MetodoCss {
+    valor: number;
+    quantificador: string;
+    traducao: string;
+
+    constructor(valor: Simbolo, quantificador: Simbolo) {
+        super();
+        this.valor = Number(valor.lexema);
+        this.quantificador = quantificador ? quantificador.lexema : null;
+        this.traducao = 'sepia';
+    }
+
+    paraTexto() {
+        if (this.quantificador) {
+            return `sepia(${this.valor}${this.quantificador})`
+        }
+
+        return `sepia(${this.valor})`
+    }
+}