cronapp-framework-js 2.9.0-SNAPSHOT.1 → 2.9.0-SNAPSHOT.2

package/components/crn-text-component.components.json

@@ -3,12 +3,30 @@
   "text_pt_BR": "Título",
   "text_en_US": "Title",
   "wrapper": false,
-  "class": "adjust-icon mdi mdi-format-header-pound",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-text-component.svg",
+  "description": "Texto com letra grande",
+  "description_en_US": "Large font text",
+  "category": [
+    "TEXTS", "LAYOUTS"
+  ],
   "order": 10,
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/dynamictitle.template.html",
   "properties": {
+    "id": {
+      "order": 1
+    },
+    "content": {
+      "order": 2
+    },
     "xattr-position": {
-      "displayName": "Position"
+      "displayName_pt_BR": "Posição",
+      "displayName_en_US": "Position",
+      "order": 4
+    },
+    "xattr-type": {
+      "displayName_pt_BR": "Tamanho da letra",
+      "displayName_en_US": "Lettering size",
+      "order": 3
     },
     "class": {
       "order": 9999
@@ -34,6 +52,13 @@
       "type": "event"
     }
   },
+  "styles": [
+    {
+      "selector": "h1#{id}",
+      "text_pt_BR": "Título",
+      "text_en_US": "Title"
+    }
+  ],
   "attributesForPreview": [
     {
       "name": "xattr-position",
@@ -42,17 +67,20 @@
       "values": [
         {
           "key": "text-left",
-          "value": "Standard",
+          "value_pt_BR": "Esquerda",
+          "value_en_US": "Left",
           "icon": "mdi mdi-ray-start"
         },
         {
           "key": "text-center",
-          "value": "Middle",
+          "value_pt_BR": "Centro",
+          "value_en_US": "Center",
           "icon": "mdi mdi-ray-vertex"
         },
         {
           "key": "text-right",
-          "value": "Right",
+          "value_pt_BR": "Direita",
+          "value_en_US": "Right",
           "icon": "mdi mdi-ray-end"
         }
       ]
@@ -64,17 +92,20 @@
       "values": [
         {
           "key": "h1",
-          "value": "Major Title"
+          "value_pt_BR": "Título maior",
+          "value_en_US": "Major Title"
         },
         {
           "key": "h3",
-          "value": "Medium Title"
+          "value_pt_BR": "Título médio",
+          "value_en_US": "Medium Title"
         },
         {
           "key": "h5",
-          "value": "Minor Title"
+          "value_pt_BR": "Título menor",
+          "value_en_US": "Minor Title"
         }
       ]
     }
   ]
-}
+}

package/components/crn-text.components.json

@@ -26,20 +26,23 @@
       "values": [
         {
           "key": "text-left",
-          "value": "Standard",
+          "value_pt_BR": "Esquerda",
+          "value_en_US": "Left",
           "icon": "mdi mdi-ray-start"
         },
         {
           "key": "text-center",
-          "value": "Middle",
+          "value_pt_BR": "Centro",
+          "value_en_US": "Center",
           "icon": "mdi mdi-ray-vertex"
         },
         {
           "key": "text-right",
-          "value": "Right",
+          "value_pt_BR": "Direita",
+          "value_en_US": "Right",
           "icon": "mdi mdi-ray-end"
         }
       ]
     }
   ]
-}
+}

package/components/crn-textarea.components.json

@@ -2,7 +2,12 @@
   "name": "crn-textarea",
   "text_pt_BR": "Área de texto",
   "text_en_US": "Textarea",
-  "class": "adjust-icon mdi mdi-textbox",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-textarea.svg",
+  "description": "Campo para inserir texto longo",
+  "description_en_US": "Long text input field",
+  "category": [
+    "INPUTS", "FORMS"
+  ],
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/textarea.template.html",
   "properties": {
     "class": {
@@ -19,7 +24,10 @@
     {
       "name": "content",
       "selector": "label",
-      "type": "content"
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
+      "type": "content",
+      "order": 1
     },
     {
       "name": "ng-model",
@@ -30,17 +38,51 @@
     {
       "name": "rows",
       "selector": "textarea",
-      "type": "text"
+      "displayName_pt_BR": "Quantidade de Linhas",
+      "displayName_en_US": "Number of Lines",
+      "type": "text",
+      "order": 3
     },
     {
       "name": "maxlength",
       "selector": "textarea",
-      "type": "text"
+      "displayName_pt_BR": "Máximo de caracteres",
+      "displayName_en_US": "maximum characters",
+      "type": "text",
+      "order": 4
     },
     {
       "name": "resize",
       "selector": "textarea",
-      "type": "text"
+      "displayName_pt_BR": "Redimensionável",
+      "displayName_en_US": "Resize",
+      "type": "text",
+      "order": 5
+    },
+    {
+      "name": "validationMessage",
+      "selector": "textarea",
+      "displayName_pt_BR": "Texto quando requerido",
+      "displayName_en_US": "Text when required",
+      "type": "text",
+      "mandatory": false,
+      "order": 6
+    },
+    {
+      "name": "placeholder",
+      "displayName_pt_BR": "Sugestão",
+      "displayName_en_US": "Placeholder",
+      "selector": "textarea",
+      "type": "text",
+      "order": 2
+    },
+    {
+      "name": "ng-disabled",
+      "selector": "textarea",
+      "displayName_en_US": "Disabled",
+      "displayName_pt_BR": "Desabilitado",
+      "type": "logic",
+      "order": 8
     },
     {
       "name": "ng-init",
@@ -104,15 +146,20 @@
     }
   ],
   "styles": [
+    {
+      "selector": "div#{id} label",
+      "text_pt_BR": "Título",
+      "text_en_US": "Title"
+    },
     {
       "selector": "div#{id} textarea.form-control",
       "text_pt_BR": "Área de Texto Geral",
       "text_en_US": "Text Area General"
     },
     {
-      "selector": "div#{id} label",
-      "text_pt_BR": "Label",
-      "text_en_US": "Label"
+      "selector": "div#{id} textarea.form-control::placeholder",
+      "text_pt_BR": "Sugestão",
+      "text_en_US": "Placeholder"
     }
   ],
   "attributesForPreview": [
@@ -123,7 +170,8 @@
       "values": [
         {
           "key": "resize:none;",
-          "value": "None"
+          "value_pt_BR": "Nenhum",
+          "value_en_US": "None"
         },
         {
           "key": "resize:horizontal;",
@@ -135,9 +183,10 @@
         },
         {
           "key": "resize:both;",
-          "value": "Both "
+          "value_pt_BR": "Ambos",
+          "value_en_US": "Both"
         }
       ]
     }
   ]
-}
+}

package/components/crn-textinput.components.json

@@ -3,7 +3,12 @@
   "text_pt_BR": "Entrada de texto",
   "text_en_US": "Input",
   "order": 6,
-  "class": "adjust-icon mdi mdi-label-outline",
+  "description": "Campo para inserir texto",
+  "description_en_US": "Field to enter text",
+  "category": [
+    "INPUTS", "FORMS"
+  ],
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-textinput.svg",
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/textinput.template.html",
   "properties": {
     "class": {
@@ -14,53 +19,87 @@
     }
   },
   "styles": [
+    {
+      "selector": "div#{id} label",
+      "text_pt_BR": "Título",
+      "text_en_US": "Title"
+    },
     {
       "selector": "div#{id} input.form-control",
-      "text_pt_BR": "Estilo Entrada de Texto",
-      "text_en_US": "Input Style"
+      "text_pt_BR": "Entrada de Texto",
+      "text_en_US": "Input"
     },
     {
-      "selector": "div#{id} label",
-      "text_pt_BR": "Label",
-      "text_en_US": "Label"
+      "selector": "div#{id} input.form-control::placeholder",
+      "text_pt_BR": "Sugestão",
+      "text_en_US": "Placeholder"
     }
   ],
   "childrenProperties": [
     {
       "name": "content",
       "selector": "label",
-      "type": "content"
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
+      "type": "text",
+      "order": 1
     },
     {
       "name": "ng-model",
       "selector": "input",
       "type": "text",
-      "onSave": "javascript:function() { var result = arguments[0]; if (result.indexOf('.') == -1 && result.trim().length > 0 ) { result = 'vars.'+result;  }  return result; }",
+      "onSave": "javascript:function() { var result = arguments[0]; result = result.replaceAll(/[-,+, ,(,),']/g,''); if (result.indexOf('.') == -1 && result.trim().length > 0 ) { result = 'vars.'+result; } return result; }",
       "onDisplay": "javascript:function() { return arguments[0].replace('vars.',''); }",
       "mandatory": true
     },
+    {
+      "name": "ng-disabled",
+      "selector": "input",
+      "displayName_en_US": "Disabled",
+      "displayName_pt_BR": "Desabilitado",
+      "type": "logic",
+      "order": 4
+    },
     {
       "name": "type",
       "selector": "input",
-      "type": "type"
+      "type": "type",
+      "order": 2
     },
     {
       "name": "mask",
       "selector": "input",
-      "type": "mask"
+      "type": "mask",
+      "order": 3
+    },
+
+    {
+      "name": "placeholder",
+      "displayName_pt_BR": "Sugestão",
+      "displayName_en_US": "Placeholder",
+      "selector": "input",
+      "type": "text",
+      "order": 4
     },
     {
       "name": "ng-required",
       "selector": "input",
-      "type": "logic"
+      "type": "logic",
+      "order": 5
     },
     {
-      "name": "placeholder",
+      "name": "validationMessage",
       "selector": "input",
-      "type": "text"
+      "displayName_pt_BR": "Texto quando requerido",
+      "displayName_en_US": "Text when required",
+      "type": "text",
+      "mandatory": false,
+      "order": 6
     },
     {
       "name": "mask-placeholder",
+      "displayName_pt_BR": "Máscara da sugestão",
+      "displayName_en_US": "Placeholder mask",
       "selector": "input",
       "type": "text"
     },
@@ -133,4 +172,4 @@
   "type": {
     "displayName": "Type"
   }
-}
+}

package/components/crn-textinputbutton.components.json

@@ -2,7 +2,12 @@
   "name": "crn-textinputbutton",
   "text_pt_BR": "Entrada de texto com botão",
   "text_en_US": "Input with button",
-  "class": "adjust-icon mdi mdi-label-outline",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-textinputbutton.svg",
+  "description": "Campo para inserir texto com botão",
+  "description_en_US": "Field to enter text with button",
+  "category": [
+    "BUTTONS", "INPUTS", "FORMS"
+  ],
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/textinputbutton.template.html",
   "forcedGroupd": true,
   "properties": {
@@ -14,27 +19,35 @@
     }
   },
   "styles": [
+    {
+      "selector": "div#{id} label",
+      "text_pt_BR": "Título",
+      "text_en_US": "Title"
+    },
     {
       "selector": "div#{id} .input-group .form-control",
-      "text_pt_BR": "Geral",
-      "text_en_US": "General"
+      "text_pt_BR": "Entrada de texto",
+      "text_en_US": "Input"
     },
     {
-      "selector": "div#{id} button",
-      "text_pt_BR": "Botão",
-      "text_en_US": "Button"
+      "selector": "div#{id} .input-group .form-control::placeholder",
+      "text_pt_BR": "Sugestão",
+      "text_en_US": "Placeholder"
     },
     {
-      "selector": "div#{id} label",
-      "text_pt_BR": "Label",
-      "text_en_US": "Label"
+      "selector": "div#{id} button, div#{id} button i, div#{id} button span",
+      "text_pt_BR": "Botão",
+      "text_en_US": "Button"
     }
   ],
   "childrenProperties": [
     {
       "name": "content",
       "selector": "label",
-      "type": "content"
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
+      "type": "text",
+      "order": 1
     },
     {
       "name": "ng-model",
@@ -44,30 +57,46 @@
       "onDisplay": "javascript:function() { return arguments[0].replace('vars.',''); }",
       "mandatory": true
     },
+    {
+      "name": "class",
+      "displayName_pt_BR": "Ícone",
+      "displayName_en_US": "Icon",
+      "selector": "button i",
+      "type": "icon",
+      "order": 2
+    },
     {
       "name": "type",
       "selector": "input",
-      "type": "type"
+      "type": "type",
+      "order": 2
     },
     {
       "name": "mask",
       "selector": "input",
-      "type": "mask"
+      "type": "mask",
+      "order": 3
     },
     {
-      "name": "ng-required",
+      "name": "ng-disabled",
       "selector": "input",
-      "type": "logic"
+      "displayName_en_US": "Disabled",
+      "displayName_pt_BR": "Desabilitado",
+      "type": "logic",
+      "order": 4
     },
     {
-      "name": "placeholder",
+      "name": "ng-required",
       "selector": "input",
-      "type": "text"
+      "type": "logic"
     },
     {
-      "name": "mask-placeholder",
+      "name": "placeholder",
+      "displayName_pt_BR": "Sugestão",
+      "displayName_en_US": "Placeholder",
       "selector": "input",
-      "type": "text"
+      "type": "text",
+      "order": 4
     },
     {
       "name": "ng-init",
@@ -138,4 +167,4 @@
   "type": {
     "displayName": "Type"
   }
-}
+}

package/components/crn-textinputicon.components.json

@@ -2,7 +2,12 @@
   "name": "crn-textinputicon",
   "text_pt_BR": "Entrada de texto com ícone",
   "text_en_US": "Input with icon",
-  "class": "adjust-icon mdi mdi-label-outline",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-textinputicon.svg",
+  "description": "Campo para inserir texto com ícone",
+  "description_en_US": "Field to enter text with icon",
+  "category": [
+    "INPUTS", "FORMS"
+  ],
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/textinputicon.template.html",
   "forcedGroupd": true,
   "properties": {
@@ -14,27 +19,42 @@
     }
   },
   "styles": [
+    {
+      "selector": "div#{id} label",
+      "text_pt_BR": "Título",
+      "text_en_US": "Title"
+    },
     {
       "selector": "div#{id} .input-group .k-textbox",
-      "text_pt_BR": "Geral",
-      "text_en_US": "General"
+      "text_pt_BR": "Entrada de texto",
+      "text_en_US": "Input"
+    },
+    {      
+      "selector": "div#{id} input::placeholder",
+      "text_pt_BR": "Sugestão",
+      "text_en_US": "Placeholder"
     },
     {
       "selector": "div#{id} span",
       "text_pt_BR": "Ícone",
       "text_en_US": "Icon"
-    },
-    {
-      "selector": "div#{id} label",
-      "text_pt_BR": "Label",
-      "text_en_US": "Label"
     }
   ],
   "childrenProperties": [
+    {
+      "name": "class",
+      "selector": "i",
+      "displayName_pt_BR": "Ícone",
+      "displayName_en_US": "Icon",
+      "type": "icon"
+    },
     {
       "name": "content",
       "selector": "label",
-      "type": "content"
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
+      "type": "text",
+      "order": 1
     },
     {
       "name": "ng-model",
@@ -47,27 +67,35 @@
     {
       "name": "type",
       "selector": "input",
-      "type": "type"
+      "type": "type",
+      "order": 2
     },
     {
       "name": "mask",
       "selector": "input",
-      "type": "mask"
+      "type": "mask",
+      "order": 3
     },
     {
-      "name": "ng-required",
+      "name": "ng-disabled",
       "selector": "input",
-      "type": "logic"
+      "displayName_en_US": "Disabled",
+      "displayName_pt_BR": "Desabilitado",
+      "type": "logic",
+      "order": 4
     },
     {
-      "name": "placeholder",
+      "name": "ng-required",
       "selector": "input",
-      "type": "text"
+      "type": "logic"
     },
     {
-      "name": "mask-placeholder",
+      "name": "placeholder",
+      "displayName_pt_BR": "Sugestão",
+      "displayName_en_US": "Placeholder",
       "selector": "input",
-      "type": "text"
+      "type": "text",
+      "order": 4
     },
     {
       "name": "ng-init",
@@ -138,4 +166,4 @@
   "type": {
     "displayName": "Type"
   }
-}
+}

package/components/crn-three-container.components.json

@@ -0,0 +1,43 @@
+{
+    "name": "crn-three-container",
+    "text_pt_BR": "3 Colunas (4/4/4)",
+    "text_en_US": "3 Columns (4/4/4)",
+    "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-three-container.svg",
+    "description": "Três recipiente ao lado para inserir componentes",
+    "description_en_US": "Three container on the side for inserting components",
+    "category": [
+        "LAYOUTS"
+    ],
+    "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/Component_Container/crn-three-container.template.html",
+    "wrapper": false,
+    "autoWrapper": true,
+    "properties": {
+        "class": {
+            "order": 9999
+        },
+        "ng-init": {
+            "removable": true,
+            "type": "event"
+        },
+        "ng-click": {
+            "removable": true,
+            "type": "event"
+        },
+        "ng-dblclick": {
+            "removable": true,
+            "type": "event"
+        },
+        "ng-mouseenter": {
+            "removable": true,
+            "type": "event"
+        },
+        "ng-mouseleave": {
+            "removable": true,
+            "type": "event"
+        },
+        "ng-mousemove": {
+            "removable": true,
+            "type": "event"
+        }
+    }
+}