cronapp-framework-js 2.9.0-SNAPSHOT.1 → 2.9.1-RC.26-SNAPSHOT.1

package/components/crn-QRCode.components.json

@@ -2,7 +2,12 @@
   "name": "crn-QRCode",
   "text_pt_BR": "Código QR",
   "text_en_US": "QR Code",
-  "class": "adjust-icon mdi mdi-qrcode",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-QRCode.svg",
+  "description": "Código de barras bidimensional lido por câmera",
+  "description_en_US": "Two-dimensional barcode read by camera",
+  "category": [
+    "LAYOUTS"
+  ],
   "wrapper": false,
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/qrcode.template.html",
   "designTimeHTML": "<img style=\"height: 100%;width:100%;min-height:100%; min-width:100%;\"  src=\"node_modules/cronapp-framework-js/img/qrcode.png\"/>",
@@ -16,7 +21,11 @@
     },
     "qr": {
       "removable": false,
-      "displayName": "QR Code"
+      "displayName_pt_BR": "Código QR",
+      "displayName_en_US": "QR Code",
+      "childrenProperty": true,
+      "type": "logic",
+      "order": 1
     },
     "class": {
       "order": 9999
@@ -49,4 +58,4 @@
       "type": "event"
     }
   }
-}
+}

package/components/crn-accordion.components.json

@@ -2,7 +2,22 @@
   "name": "crn-accordion",
   "text_pt_BR": "Acordeão",
   "text_en_US": "Accordion",
-  "class": "adjust-icon mdi mdi-view-day",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-accordion.svg",
+  "description": "Estrutura de pergunta e resposta (FAQ)",
+  "description_en_US": "Question and Answer Structure (FAQ)",
+  "category": [
+    "LAYOUTS"
+  ],
+  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/accordion.template.html",
+  "properties": {
+    "class": {
+      "order": 9999
+    },
+    "heading-arrow": {
+      "displayName_pt_BR": "Seta",
+      "displayName_en_US": "Arrow"
+    }
+  },
   "forcedGroup": true,
   "handleRules": {
     "canOrder": true,
@@ -13,7 +28,7 @@
         "accordionTabClicked": "panel-collapse.collapse",
         "activeSelector": "div.panel-collapse.collapse.in",
         "activeClass": "in",
-        "sourceHTML": "<div class=\"panel panel-default\"><div class=\"panel-heading\" role=\"tab\" id=\"heading${RANDOM}\" data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse${RANDOM}\" aria-expanded=\"false\" aria-controls=\"collapse${RANDOM}\" ><h1 class=\"lead text-center\" data-component=\"crn-title\" xattr-position=\"text-center\"> New Group Title </h1></div><div id=\"collapse${RANDOM}\" class=\"panel-collapse collapse\" role=\"tabpanel\" aria-labelledby=\"heading${RANDOM}\"><div class=\"panel-body\" data-container=\"true\" > <h2 data-component=\"crn-subtitle\" class=\"lead text-center\" xattr-position=\"text-center\">  New Group Description   </h2>  </div></div></div>",
+        "sourceHTML": "<div class=\"panel panel-default\"> <div class=\"panel-heading\" role=\"tab\" id=\"heading${RANDOM}\" data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse${RANDOM}\" aria-expanded=\"true\" aria-controls=\"collapse${RANDOM}\"> <div class=\"lead text-center\" data-component=\"crn-title\" xattr-position=\"text-center\"> <h1 class=\"text-center title component-holder h3\" xattr-position=\"h1 text-center\" xattr-type=\"h3\" data-component=\"crn-text-component\">Ungroup and change the component</h1> </div> </div> <div id=\"collapse${RANDOM}\" class=\"panel-collapse collapse\" role=\"tabpanel\" aria-labelledby=\"heading${RANDOM}\"> <div class=\"panel-body\" data-container=\"true\"> <div class=\"lead text-center\" data-component=\"crn-subtitle\" xattr-position=\"text-center\"> <h1 class=\"text-center title component-holder h3\" xattr-position=\"h3 text-center\" xattr-type=\"h3\" data-component=\"crn-text-component\">Ungroup and insert component</h1> </div> </div> </div> </div>",
         "targetSelector": "div.panel-group"
       },
       {
@@ -24,30 +39,31 @@
       }
     ]
   },
-  "styles": [
-    {
-      "selector": "div#{id} .panel-default .panel-heading",
-      "text_pt_BR": "Acordeão Cabeçalho",
-      "text_en_US": "Accordion Heading"
-    },
+  "attributesForPreview": [
     {
-      "selector": "div#{id} .panel-collapse .panel-body",
-      "text_pt_BR": "Acordeão Corpo",
-      "text_en_US": "Accordion Body"
-    },
-    {
-      "selector": "div#{id} .panel-collapse .panel-body h2",
-      "text_pt_BR": "Acordeão Título",
-      "text_en_US": "Accordion Title"
+      "name": "heading-arrow",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "heading-arrow",
+          "value_pt_BR": "Sim",
+          "value_en_US": "Yes"
+        },
+        {
+          "key": "heading-not-arrow",
+          "value_pt_BR": "Não",
+          "value_en_US": "No"
+        }
+      ]
     }
   ],
-  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/accordion.template.html",
-  "properties": {
-    "class": {
-      "order": 9999
-    }
-  },
   "childrenProperties": [
+    {
+      "name": "heading-arrow",
+      "selector": ".panel .panel-heading",
+      "order": 3
+    },
     {
       "name": "ng-init",
       "selector": "div.panel-heading",
@@ -78,5 +94,17 @@
       "selector": "div.panel-heading",
       "type": "event"
     }
+  ],
+  "styles": [
+    {
+      "selector": "div#{id} .panel-default>.panel-heading",
+      "text_pt_BR": "Cabeçalho do acordeão",
+      "text_en_US": "Accordion Heading"
+    },
+    {
+      "selector": "div#{id} .panel-collapse>.panel-body",
+      "text_pt_BR": "Corpo do acordeão",
+      "text_en_US": "Accordion Body"
+    }
   ]
-}
+}

package/components/crn-anchor.components.json

@@ -2,29 +2,40 @@
   "name": "crn-anchor",
   "text_pt_BR": "Link",
   "text_en_US": "Link",
-  "class": "adjust-icon mdi mdi-link",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-anchor.svg",
+  "description": "Texto com vínculo a uma URL",
+  "description_en_US": "Text linked to a URL",
+  "category": [
+    "BUTTONS"
+  ],
   "wrapper": false,
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/anchor.template.html",
   "properties": {
     "target": {
+      "displayName_pt_BR": "Onde abrir",
+      "displayName_en_US": "Where to open",
       "removable": false,
       "type": "list",
       "options": [
         {
           "key": "_blank",
-          "value": "Nova janela"
+          "value_pt_BR": "Nova janela",
+          "value_en_US": "New window"
         },
         {
           "key": "_self",
-          "value": "Mesma janela"
+          "value_pt_BR": "Mesma janela",
+          "value_en_US": "Same window"
         },
         {
           "key": "_parent",
-          "value": "Janela pai"
+          "value_pt_BR": "Janela pai",
+          "value_en_US": "Parent window"
         },
         {
           "key": "_top",
-          "value": "Top"
+          "value_pt_BR": "Topo",
+          "value_en_US": "Top"
         }
       ],
       "order": 2
@@ -35,7 +46,17 @@
       "resourceType": "text/html",
       "extraOptions": {
         "underViewsFolder": true
-      }
+      },
+      "order": 3
+    },
+    "link-theme": {
+      "displayName_pt_BR": "Cor do link",
+      "displayName_en_US": "Link color"
+    },
+    "content": {
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
+      "order": 1
     },
     "class": {
       "order": 9999
@@ -70,5 +91,213 @@
     "data-replace": {
       "order": 3
     }
-  }
-}
+  },
+  "attributesForPreview": [
+    {
+      "name": "link-theme",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "color-default",
+          "value_pt_BR": "Padrão do tema",
+          "value_en_US": "Default theme",
+          "color" : "--colorDefault"
+        },
+        {
+          "key": "color-primary",
+          "value_pt_BR": "Secundário",
+          "value_en_US": "Secondary",
+          "color" : "--colorPrimary"
+        },
+        {
+          "key": "color-success",
+          "value_pt_BR": "Sucesso",
+          "value_en_US": "Success",
+          "color" : "--colorSuccess"
+        },
+        {
+          "key": "color-info",
+          "value_pt_BR": "Informação",
+          "value_en_US": "Info",
+          "color" : "--colorCalm"
+        },
+        {
+          "key": "color-warning",
+          "value_pt_BR": "Aviso",
+          "value_en_US": "Warning",
+          "color" : "--colorWarning"
+        },
+        {
+          "key": "color-danger",
+          "value_pt_BR": "Perigo",
+          "value_en_US": "Danger",
+          "color" : "--colorDanger"
+        },
+        {
+          "key": "color-light",
+          "value_pt_BR": "Claro",
+          "value_en_US": "Light",
+          "color" : "--colorLight"
+        },
+        {
+          "key": "color-stable",
+          "value_pt_BR": "Estável",
+          "value_en_US": "Stable",
+          "color" : "--colorStable"
+        },
+        {
+          "key": "color-royal",
+          "value_pt_BR": "Real",
+          "value_en_US": "Royal",
+          "color" : "--colorRoyal"
+        },
+        {
+          "key": "color-dark",
+          "value_pt_BR": "Escuro",
+          "value_en_US": "Dark",
+          "color" : "--colorDark"
+        },
+        {
+          "key": "color-white",
+          "value_pt_BR": "Branco",
+          "value_en_US": "White",
+          "color": "#fff"
+        },
+        {
+          "key": "color-gray",
+          "value_pt_BR": "Cinza",
+          "value_en_US": "Gray",
+          "color": "#333"
+        },
+        {
+          "key": "color-black",
+          "value_pt_BR": "Preto",
+          "value_en_US": "Black",
+          "color": "#000"
+        },
+        {
+          "key": "color-blue",
+          "value_pt_BR": "Azul",
+          "value_en_US": "Blue",
+          "color": "#0247FE"
+        },
+        {
+          "key": "color-light-blue",
+          "value_pt_BR": "Azul claro",
+          "value_en_US": "Light blue",
+          "color": "#85A5FF"
+        },
+        {
+          "key": "color-dark-blue",
+          "value_pt_BR": "Azul escuro",
+          "value_en_US": "Dark blue",
+          "color": "#00217A"
+        },
+        {
+          "key": "color-purple",
+          "value_pt_BR": "Roxo",
+          "value_en_US": "Purple",
+          "color": "#3D01A4"
+        },
+        {
+          "key": "color-light-purple",
+          "value_pt_BR": "Roxo claro",
+          "value_en_US": "Light purple",
+          "color": "#B285FF"
+        },
+        {
+          "key": "color-dark-purple",
+          "value_pt_BR": "Roxo escuro",
+          "value_en_US": "Dark purple",
+          "color": "#2D007A"
+        },
+        {
+          "key": "color-red",
+          "value_pt_BR": "Vermelho",
+          "value_en_US": "Red",
+          "color": "#FE2712"
+        },
+        {
+          "key": "color-light-red",
+          "value_pt_BR": "Vermelho claro",
+          "value_en_US": "Light red",
+          "color": "#FE8F84"
+        },
+        {
+          "key": "color-dark-red",
+          "value_pt_BR": "Vermelho escuro",
+          "value_en_US": "Dark red",
+          "color": "#7A0B00"
+        },
+        {
+          "key": "color-orange",
+          "value_pt_BR": "Laranja",
+          "value_en_US": "Orange",
+          "color": "#FB9B02"
+        },
+        {
+          "key": "color-light-orange",
+          "value_pt_BR": "Laranja claro",
+          "value_en_US": "Light orange",
+          "color": "#FFD085"
+        },
+        {
+          "key": "color-dark-orange",
+          "value_pt_BR": "Laranja escuro",
+          "value_en_US": "Dark orange",
+          "color": "#7A4B00"
+        },
+        {
+          "key": "color-yellow",
+          "value_pt_BR": "Amarelo",
+          "value_en_US": "Yellow",
+          "color": "#FFFF33"
+        },
+        {
+          "key": "color-light-yellow",
+          "value_pt_BR": "Amarelo claro",
+          "value_en_US": "Light yellow",
+          "color": "#FFFF85"
+        },
+        {
+          "key": "color-dark-yellow",
+          "value_pt_BR": "Amarelo escuro",
+          "value_en_US": "Dark yellow",
+          "color": "#FFFF33"
+        },
+        {
+          "key": "color-green",
+          "value_pt_BR": "Verde",
+          "value_en_US": "Green",
+          "color": "#66B032"
+        },
+        {
+          "key": "color-light-green",
+          "value_pt_BR": "Verde claro",
+          "value_en_US": "Light green",
+          "color": "#B7FF85"
+        },
+        {
+          "key": "color-dark-green",
+          "value_pt_BR": "Verde escuro",
+          "value_en_US": "Dark green",
+          "color": "#337A00"
+        }
+      ]
+    }
+  ],
+  "childrenProperties": [
+    {
+      "name": "link-theme",
+      "selector": ":self"
+    }
+  ],
+  "styles": [
+    {
+      "selector": "a#{id}",
+      "text_pt_BR": "Link",
+      "text_en_US": "Link"
+    }
+  ]
+}

package/components/crn-button-filter.components.json

@@ -101,11 +101,13 @@
       "values": [
         {
           "key": "btn-block",
-          "value": "Block"
+          "value_pt_BR": "Bloco",
+          "value_en_US": "Block"
         },
         {
           "key": "",
-          "value": "Inline"
+          "value_pt_BR": "Embutido",
+          "value_en_US": "Inline"
         }
       ]
     },
@@ -116,31 +118,69 @@
       "values": [
         {
           "key": "btn-default",
-          "value": "Default"
+          "value_pt_BR": "Padrão",
+          "value_en_US": "Default theme",
+          "color": "--btnDefault"
         },
         {
           "key": "k-primary",
-          "value": "Primary"
+          "value_pt_BR": "Secundário",
+          "value_en_US": "Secondary",
+          "color": "--btnPrimary"
         },
         {
           "key": "k-success",
-          "value": "Success"
+          "value_pt_BR": "Sucesso",
+          "value_en_US": "Success",
+          "color": "--btnSuccess"
         },
         {
           "key": "k-info",
-          "value": "Info"
+          "value_pt_BR": "Informação",
+          "value_en_US": "Info",
+          "color": "--btnCalm"
         },
         {
           "key": "k-warning",
-          "value": "Warning"
+          "value_pt_BR": "Aviso",
+          "value_en_US": "Warning",
+          "color": "--btnWarning"
         },
         {
           "key": "k-danger",
-          "value": "Danger"
+          "value_pt_BR": "Perigo",
+          "value_en_US": "Danger",
+          "color": "--btnDanger"
+        },
+        {
+          "key": "btn-light",
+          "value_pt_BR": "Claro",
+          "value_en_US": "Light",
+          "color": "--btnLight"
         },
         {
           "key": "btn-link",
-          "value": "Link"
+          "value_pt_BR": "Link",
+          "value_en_US": "Link",
+          "color": "--btnLink"
+        },
+        {
+          "key": "btn-stable",
+          "value_pt_BR": "Estável",
+          "value_en_US": "Stable",
+          "color": "--btnStable"
+        },
+        {
+          "key": "btn-royal",
+          "value_pt_BR": "Real",
+          "value_en_US": "Royal",
+          "color": "--btnRoyal"
+        },
+        {
+          "key": "btn-dark",
+          "value_pt_BR": "Escuro",
+          "value_en_US": "Dark",
+          "color": "--btnDark"
         }
       ]
     },
@@ -151,11 +191,13 @@
       "values": [
         {
           "key": "true",
-          "value": "Sim"
+          "value_pt_BR": "Sim",
+          "value_en_US": "Yes"
         },
         {
           "key": "false",
-          "value": "Não"
+          "value_pt_BR": "Não",
+          "value_en_US": "No"
         }
       ]
     }
@@ -164,6 +206,8 @@
     {
       "name": "content",
       "selector": "span",
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
       "type": "content",
       "order": 2
     },
@@ -176,4 +220,4 @@
       "order": 3
     }
   ]
-}
+}