[Issue 116] Permite atribuir graus como sinonimo de deg (#123)

* Testando modificadores que aceitam deg como quantificador * Incluindo graus como quantificador de angulo * Permite que método gradiente-linear aceite graus * Permite que métodos inclinar aceitem graus * Permite que métodos rotacionar aceitem graus * Permite que métodos raio e translação aceitem graus * Comenta linhas de teste manual em foles.ts * Inclui 'graus' nos testes do metodo gradiente-linear * Adapta testes do método inclinar() para cobrir a atribuiçao de 'graus' * Inclui 'graus' nos testes de inclinar-vertical e horizontal * Inclui 'graus' nos testes dos 4 métodos rotacionar() * Adapta testes do método translação() para cobrir a atribuiçao de 'graus'
DesignLiquido · Sep 20, 2024 · eeec992 · eeec992
1 parent f07dc8a
commit eeec992
Show file tree

Hide file tree

Showing 16 changed files with 128 additions and 31 deletions.
diff --git a/exemplos/exemplo3.foles b/exemplos/exemplo3.foles
@@ -4,6 +4,8 @@ lmht {
     colunas: 2;
     opacidade: 0.5;
     indice-z: 5;
+    transformar: translação(15graus);
+    deslocamento: raio(conter 200graus);
 }
 
 lmht {
@@ -13,7 +15,7 @@ lmht {
 
 lmht {
     espacamento: calcular(100px - 80px);
-    imagem-máscara: gradiente-linear(inferior, azul, vermelho);
+    imagem-máscara: gradiente-linear(90graus, azul, vermelho);
     origem-imagem-borda: gradiente-linear(90deg, verde, amarelo);
     filtro: borrar(80%); 
 }

diff --git a/fontes/foles.ts b/fontes/foles.ts
@@ -96,4 +96,5 @@ export class FolEs {
 }
 
 //  const a = new FolEs(false);
-//  console.log(a.converterParaCss('../exemplos/exemplo3.foles'));
+//  console.log(a.converterParaCss('../exemplos/exemplo3.foles'));
+//  console.log(a.converterParaFolEs('../exemplos/reverso/exemplo-liquido.css'));
diff --git a/fontes/lexador/palavras-reservadas/foles.ts b/fontes/lexador/palavras-reservadas/foles.ts
@@ -152,6 +152,7 @@ export default {
     // Quantificadores de ângulo
     "deg": tiposDeSimbolos.QUANTIFICADOR,
     "grad": tiposDeSimbolos.QUANTIFICADOR,
+    "graus": tiposDeSimbolos.QUANTIFICADOR,
     "rad": tiposDeSimbolos.QUANTIFICADOR,
     "turn": tiposDeSimbolos.QUANTIFICADOR,
 

diff --git a/fontes/modificadores/atributos/quantificadores.ts b/fontes/modificadores/atributos/quantificadores.ts
@@ -114,6 +114,7 @@ export const valoresTemporais: { [valorFolEs: string]: string } = {
 export const angulos: { [valorFolEs: string]: string } = {
     "deg": "deg",
     "grad": "grad",
+    "graus": "graus",
     "rad": "rad",
     "turn": "turn",
 }
diff --git a/fontes/valores/metodos/gradiente-linear.ts b/fontes/valores/metodos/gradiente-linear.ts
@@ -21,6 +21,8 @@ export class GradienteLinear extends Metodo {
     paraTexto() {
         this.cor1 = cores[this.cor1];
         this.cor2 = cores[this.cor2];
+        this.quantificadorAngulo === 'graus' ? this.quantificadorAngulo = 'deg' : null;
+
         return `linear-gradient(${this.valorAngulo}${this.quantificadorAngulo}, ${this.cor1}, ${this.cor2})`
     }
 }
diff --git a/fontes/valores/metodos/inclinar-horizontal.ts b/fontes/valores/metodos/inclinar-horizontal.ts
@@ -15,6 +15,7 @@ export class InclinarHorizontal extends Metodo {
 
     paraTexto() {
         if (this.quantificador) {
+            this.quantificador === 'graus' ? this.quantificador = 'deg' : null;
             return `skewX(${this.valor}${this.quantificador})`
         }
 

diff --git a/fontes/valores/metodos/inclinar-vertical.ts b/fontes/valores/metodos/inclinar-vertical.ts
@@ -15,6 +15,7 @@ export class InclinarVertical extends Metodo {
 
     paraTexto() {
         if (this.quantificador) {
+            this.quantificador === 'graus' ? this.quantificador = 'deg' : null;
             return `skewY(${this.valor}${this.quantificador})`
         }
 

diff --git a/fontes/valores/metodos/inclinar.ts b/fontes/valores/metodos/inclinar.ts
@@ -23,9 +23,12 @@ export class Inclinar extends Metodo {
         }
 
         if (!this.valor2 && !this.quantificador2) {
+            this.quantificador1 === 'graus' ? this.quantificador1 = 'deg' : null;
             return `skew(${this.valor1}${this.quantificador1})`
         }
 
+        this.quantificador1 === 'graus' ? this.quantificador1 = 'deg' : null;
+        this.quantificador2 === 'graus' ? this.quantificador2 = 'deg' : null;
         return `skew(${this.valor1}${this.quantificador1}, ${this.valor2}${this.quantificador2})`
     }
 }
diff --git a/fontes/valores/metodos/raio.ts b/fontes/valores/metodos/raio.ts
@@ -19,6 +19,7 @@ export class Raio extends Metodo {
     paraTexto() {
         if (this.posicao) {
             this.posicao = posicoesRaio[this.posicao];
+            this.quantificador === 'graus' ? this.quantificador = 'deg' : null;
             return `ray(${this.posicao} ${this.valor}${this.quantificador})`
         }
 

diff --git a/fontes/valores/metodos/rotacionar-eixo-z.ts b/fontes/valores/metodos/rotacionar-eixo-z.ts
@@ -15,6 +15,7 @@ export class RotacionarEixoZ extends Metodo {
 
     paraTexto() {
         if (this.quantificador) {
+            this.quantificador === 'graus' ? this.quantificador = 'deg' : null;
             return `rotateZ(${this.valor}${this.quantificador})`
         }
 

diff --git a/fontes/valores/metodos/rotacionar-horizontal.ts b/fontes/valores/metodos/rotacionar-horizontal.ts
@@ -15,6 +15,7 @@ export class RotacionarHorizontal extends Metodo {
 
     paraTexto() {
         if (this.quantificador) {
+            this.quantificador === 'graus' ? this.quantificador = 'deg' : null;
             return `rotateX(${this.valor}${this.quantificador})`
         }
 

diff --git a/fontes/valores/metodos/rotacionar-matiz.ts b/fontes/valores/metodos/rotacionar-matiz.ts
@@ -15,6 +15,7 @@ export class RotacionarMatiz extends Metodo {
 
     paraTexto() {
         if (this.quantificador) {
+            this.quantificador === 'graus' ? this.quantificador = 'deg' : null;
             return `hue-rotate(${this.valor}${this.quantificador})`
         }
 

diff --git a/fontes/valores/metodos/rotacionar-vertical.ts b/fontes/valores/metodos/rotacionar-vertical.ts
@@ -15,6 +15,7 @@ export class RotacionarVertical extends Metodo {
 
     paraTexto() {
         if (this.quantificador) {
+            this.quantificador === 'graus' ? this.quantificador = 'deg' : null;
             return `rotateY(${this.valor}${this.quantificador})`
         }
 

diff --git a/fontes/valores/metodos/rotacionar.ts b/fontes/valores/metodos/rotacionar.ts
@@ -15,6 +15,7 @@ export class Rotacionar extends Metodo {
 
     paraTexto() {
         if (this.quantificador) {
+            this.quantificador === 'graus' ? this.quantificador = 'deg' : null;
             return `rotate(${this.valor}${this.quantificador})`
         }
 

diff --git a/fontes/valores/metodos/translacao.ts b/fontes/valores/metodos/translacao.ts
@@ -23,9 +23,13 @@ export class Translacao extends Metodo {
         }
 
         if (!this.valor2 && !this.quantificador2) {
+            this.quantificador1 === 'graus' ? this.quantificador1 = 'deg' : null;
             return `translate(${this.valor1}${this.quantificador1})`
         }
 
+        this.quantificador1 === 'graus' ? this.quantificador1 = 'deg' : null;
+        this.quantificador2 === 'graus' ? this.quantificador2 = 'deg' : null;
+
         return `translate(${this.valor1}${this.quantificador1}, ${this.valor2}${this.quantificador2})`
     }
 }