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

package/components/crn-dynamic-file.components.json

@@ -2,23 +2,28 @@
   "name": "crn-dynamic-file",
   "text_pt_BR": "Envio de Arquivo Dinâmico",
   "text_en_US": "Dynamic File Upload",
-  "class": "adjust-icon mdi mdi-cloud-upload",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-dynamic-file.svg",
+  "description": "Estrutura para armazenar arquivos na fonte de dados",
+  "description_en_US": "Structure for storing file in data source",
+  "category": [
+      "INPUTS", "FORMS"
+  ],
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/dynamicfile.template.html",
   "styles": [
     {
-      "selector": "div#{id} .dynamic-image-container",
-      "text_pt_BR": "Geral",
-      "text_en_US": "General"
+      "selector": "div#{id} label",
+      "text_pt_BR": "Título",
+      "text_en_US": "Title"
     },
     {
-      "selector": "div#{id} .btn",
-      "text_pt_BR": "Campo Interno",
-      "text_en_US": "Internal Field"
+      "selector": "div#{id} .dynamic-image-container",
+      "text_pt_BR": "Campo pontilhado",
+      "text_en_US": "Dotted field"
     },
     {
-      "selector": "div#{id} label",
-      "text_pt_BR": "Label",
-      "text_en_US": "Label"
+      "selector": "div#{id} .btn",
+      "text_pt_BR": "Botão",
+      "text_en_US": "Button"
     }
   ],
   "properties": {
@@ -39,14 +44,16 @@
     {
       "name": "content",
       "selector": "div[dynamic-file]",
+      "displayName_pt_BR": "Texto interno",
+      "displayName_en_US": "Internal text",
       "type": "text",
-      "order": 1
+      "order": 2
     },
     {
       "name": "ng-model",
       "selector": "div[dynamic-file]",
       "type": "text",
-      "order": 2,
+      "order": 3,
       "mandatory": true
     },
     {
@@ -58,10 +65,10 @@
     {
       "name": "content",
       "selector": "label",
-      "displayName_pt_BR": "Conteúdo",
-      "displayName_en_US": "Content",
-      "type": "content",
-      "order": 3
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
+      "type": "text",
+      "order": 1
     },
     {
       "name": "max-file-size",
@@ -106,4 +113,4 @@
       "type": "event"
     }
   ]
-}
+}

package/components/crn-dynamic-image.components.json

@@ -2,7 +2,12 @@
   "name": "crn-dynamic-image",
   "text_pt_BR": "Imagem dinâmica",
   "text_en_US": "Dynamic Image",
-  "class": "adjust-icon mdi mdi-image",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-dynamic-image.svg",
+  "description": "Estrutura para armazenar imagem na fonte de dados",
+  "description_en_US": "Structure for storing image in data source",
+  "category": [
+      "INPUTS", "FORMS"
+  ],
   "order": 8,
   "wrapper": false,
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/dynamicimage.template.html",
@@ -16,20 +21,20 @@
   },
   "styles": [
     {
-      "selector": "div#{id} .dynamic-image-container",
-      "text_pt_BR": "Geral",
-      "text_en_US": "General"
+      "selector": "div#{id} label",
+      "text_pt_BR": "Título",
+      "text_en_US": "Title"
     },
     {
-      "selector": "div#{id} .btn",
-      "text_pt_BR": "Campo Interno",
-      "text_en_US": "Internal Field"
+      "selector": "div#{id} .dynamic-image-container",
+      "text_pt_BR": "Campo pontilhado",
+      "text_en_US": "Dotted field"      
     },
     {
-      "selector": "div#{id} label",
-      "text_pt_BR": "Label",
-      "text_en_US": "Label"
-    }
+      "selector": "div#{id} .btn",
+      "text_pt_BR": "Botão",
+      "text_en_US": "Button"
+    }    
   ],
   "childrenProperties": [
     {
@@ -44,11 +49,20 @@
     {
       "name": "content",
       "selector": "label",
-      "displayName_pt_BR": "Conteúdo",
-      "displayName_en_US": "Content",
-      "type": "content",
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Text",
+      "type": "text",
       "order": 3
     },
+    
+    {
+      "name": "content",
+      "displayName_pt_BR": "Texto interno",
+      "displayName_en_US": "Internal text",
+      "selector": "div[dynamic-image]",
+      "type": "text",
+      "order": 1
+    },
     {
       "name": "img-alt-text",
       "selector": "div[dynamic-image]",
@@ -67,12 +81,6 @@
       "selector": "div[dynamic-image]",
       "type": "logic"
     },
-    {
-      "name": "content",
-      "selector": "div[dynamic-image]",
-      "type": "text",
-      "order": 1
-    },
     {
       "name": "ng-init",
       "selector": "div[dynamic-image]",

package/components/crn-dynamic-menu.components.json

@@ -4,12 +4,18 @@
   "onDoubleClick": "openEditor",
   "text_pt_BR": "Menu Dinâmico",
   "text_en_US": "Dynamic Menu",
-  "class": "adjust-icon mdi mdi-menu",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-dynamic-menu.svg",
+  "description": "Estrutura com botões de navegação",
+  "description_en_US": "Structure with navigation buttons",
+  "category": [
+    "LAYOUTS"
+  ],
   "order": 11,
   "wrapper": false,
+  "autoWrapper": true,
   "designTimeDynamic": true,
   "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-dynamic-menu.designtime.html",
-  "designTimeSelector": ":self",
+  "designTimeSelector": "cron-dynamic-menu",
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-dynamic-menu.template.html",
   "properties": {
     "class": {
@@ -17,6 +23,31 @@
     },
     "id": {
       "order": 1
+    },
+    "content": {
+      "displayName_pt_BR": "Valor alternativo",
+      "displayName_en_US": "Alternative value"
+    },
+    "multilevel-action": {
+      "removable": false,
+      "selector": "cron-dynamic-menu",
+      "displayName_pt_BR": "Ação do multinível",
+      "displayName_en_US": "Multilevel action",
+      "childrenProperty": true,
+      "type": "list",
+      "options": [
+        {
+          "key": "hover",
+          "value_pt_BR": "Ao passar o mouse",
+          "value_en_US": "Hover"
+        },
+        {
+          "key": "click",
+          "value_pt_BR": "Clique",
+          "value_en_US": "Click"
+        }
+      ],
+      "order": 2
     }
   },
   "childrenProperties": [
@@ -29,5 +60,27 @@
       "order": 1,
       "mandatory": true
     }
+  ],
+  "styles": [
+    {
+      "selector": "#{id} .crn-menu-item a",
+      "text_pt_BR": "Geral",
+      "text_en_US": "General"
+    },
+    {
+      "selector": "#{id} .nav .open a, #{id} .nav .open a:focus, #{id} .nav .open a:hover",
+      "text_pt_BR": "Item aberto",
+      "text_en_US": "Open item"
+    },
+    {
+      "selector": "#{id} .dropdown-menu li a",
+      "text_pt_BR": "Subitem",
+      "text_en_US": "Subitem"
+    },
+    {
+      "selector": "#{id} .crn-menu-item .dropdown-menu",
+      "text_pt_BR": "Plano de fundo do Subitem",
+      "text_en_US": "Subitem Background"
+    }
   ]
-}
+}

package/components/crn-eight-four-container.components.json

@@ -0,0 +1,43 @@
+{
+    "name": "crn-eight-four-container",
+    "text_pt_BR": "2 Colunas (8/4)",
+    "text_en_US": "2 Columns (8/4)",
+    "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-eight-four-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-eight-four-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"
+        }
+    }
+}

package/components/crn-enterprise-autocomplete.components.json

@@ -1,113 +1,160 @@
 {
-  "name": "crn-enterprise-autocomplete",
-  "onDrop": "openEditor",
-  "onDoubleClick": "openEditor",
-  "text_pt_BR": "Auto Completar",
-  "text_en_US": "Auto Complete",
-  "class": "adjust-icon mdi mdi-receipt",
-  "designTimeDynamic": true,
-  "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-autocomplete.designtime.html",
-  "designTimeSelector": "cron-auto-complete",
-  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-autocomplete.template.html",
-  "properties": {
-    "class": {
-      "order": 9999
+    "name": "crn-enterprise-autocomplete",
+    "onDrop": "openEditor",
+    "onDoubleClick": "openEditor",
+    "text_pt_BR": "Auto completar",
+    "text_en_US": "Auto complete",
+    "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-enterprise-autocomplete.svg",
+    "description": "Campo que apresenta valores fixos enquanto digita",
+    "description_en_US": "Field that displays fixed values as you type",
+    "category": [
+        "COMBOS", "INPUTS", "FORMS"
+    ],
+    "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-autocomplete.template.html",
+    "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-autocomplete.designtime.html",
+    "designTimeSelector": ":self",
+    "designTimeDynamic": true,
+    "properties": {
+        "class": {
+            "order": 9999
+        },
+        "id": {
+            "order": 1
+        }
     },
-    "id": {
-      "order": 1
-    }
-  },
-  "childrenProperties": [
-    {
-      "name": "options",
-      "selector": "cron-auto-complete",
-      "displayName_pt_BR": "Configuração",
-      "displayName_en_US": "Configuration",
-      "type": "text",
-      "order": 1,
-      "mandatory": true
-    },
-    {
-      "name": "ng-model",
-      "selector": "cron-auto-complete",
-      "onSave": "javascript:function() { var result = arguments[0]; if (result.indexOf('.') == -1 && result.trim().length > 0 ) { result = 'vars.'+result;  }  return result; }",
-      "onDisplay": "javascript:function() { return arguments[0].replace('vars.',''); }",
-      "type": "text",
-      "order": 3,
-      "mandatory": true
-    },
-    {
-      "name": "content",
-      "selector": "label",
-      "type": "text",
-      "order": 2
-    },
-    {
-      "name": "ng-select",
-      "selector": "cron-auto-complete",
-      "displayName_pt_BR": "Ao Selecionar",
-      "displayName_en_US": "On Select",
-      "type": "event"
-    },
-    {
-      "name": "ng-change",
-      "selector": "cron-auto-complete",
-      "displayName_pt_BR": "Ao Alterar",
-      "displayName_en_US": "On Change",
-      "type": "event"
-    },
-    {
-      "name": "ng-close",
-      "selector": "cron-auto-complete",
-      "displayName_pt_BR": "Ao Fechar",
-      "displayName_en_US": "On Close",
-      "type": "event"
-    },
-    {
-      "name": "ng-data-bound",
-      "selector": "cron-auto-complete",
-      "displayName_pt_BR": "Ao Carregar",
-      "displayName_en_US": "On DataBound",
-      "type": "event"
-    },
-    {
-      "name": "ng-filtering",
-      "selector": "cron-auto-complete",
-      "displayName_pt_BR": "Ao Filtrar",
-      "displayName_en_US": "On Filtering",
-      "type": "event"
-    },
-    {
-      "name": "ng-required",
-      "selector": "cron-auto-complete",
-      "type": "logic"
-    }
-  ],
-  "styles": [
-    {
-      "selector": "div#{id} .k-input",
-      "text_pt_BR": "Entrada de Texto",
-      "text_en_US": "Input"
-    },
-    {
-      "selector": "div#{id} .k-autocomplete",
-      "text_pt_BR": "Geral",
-      "text_en_US": "General"
-    },
-    {
-      "selector": "div#{id} label",
-      "text_pt_BR": "Label",
-      "text_en_US": "Label"
-    },
-    {
-      "selector": "div#autoComplete{id}-select-list",
-      "text_pt_BR": "Lista de Itens",
-      "text_en_US": "Item List"
-    },
-    {
-      "selector": "div#autoComplete{id}-select-list>div>ul>li.k-state-hover",
-      "text_pt_BR": "Item da Lista Hover",
-      "text_en_US": "Item List Hover"
-    }
-  ]
-}
+    "childrenProperties": [
+        {
+            "name": "options",
+            "selector": "cron-auto-complete",
+            "displayName_pt_BR": "Configuração",
+            "displayName_en_US": "Configuration",
+            "type": "text",
+            "order": 1,
+            "mandatory": true
+        },
+        {
+            "name": "ng-model",
+            "selector": "cron-auto-complete",
+            "onSave": "javascript:function() { var result = arguments[0]; if (result.indexOf('.') == -1 && result.trim().length > 0 ) { result = 'vars.'+result;  }  return result; }",
+            "onDisplay": "javascript:function() { return arguments[0].replace('vars.',''); }",
+            "type": "text",
+            "order": 3,
+            "mandatory": true
+        },
+        {
+            "name": "content",
+            "selector": "label",
+            "displayName_pt_BR": "Título",
+            "displayName_en_US": "Title",
+            "type": "text",
+            "order": 2
+        },
+        {
+            "name": "auto-expand",
+            "selector": "cron-auto-complete",
+            "displayName_pt_BR": "Expandir automaticamente",
+            "displayName_en_US": "Auto expand",
+            "type": "logic",
+            "order": 4,
+            "mandatory": false
+        },
+        {
+            "name": "first-option-on-blur",
+            "selector": "cron-auto-complete",
+            "displayName_pt_BR": "Selecionar primeira opção ao sair",
+            "displayName_en_US": "Select first option on blur",
+            "type": "logic",
+            "order": 5,
+            "mandatory": false
+        },
+        {
+            "name": "cron-disabled",
+            "selector": "cron-auto-complete",
+            "displayName_en_US": "Disabled",
+            "displayName_pt_BR": "Desabilitado",
+            "type": "logic",
+            "order": 6
+        },
+        {
+            "name": "no-results-message",
+            "selector": "cron-auto-complete",
+            "displayName_pt_BR": "Texto quando não tem resultados",
+            "displayName_en_US": "Text when there are no results",
+            "type": "text",
+            "order": 6,
+            "mandatory": false
+        },
+        {
+            "name": "ng-select",
+            "selector": "cron-auto-complete",
+            "displayName_pt_BR": "Ao Selecionar",
+            "displayName_en_US": "On Select",
+            "type": "event"
+        },
+        {
+            "name": "ng-change",
+            "selector": "cron-auto-complete",
+            "displayName_pt_BR": "Ao Alterar",
+            "displayName_en_US": "On Change",
+            "type": "event"
+        },
+        {
+            "name": "ng-close",
+            "selector": "cron-auto-complete",
+            "displayName_pt_BR": "Ao Fechar",
+            "displayName_en_US": "On Close",
+            "type": "event"
+        },
+        {
+            "name": "ng-data-bound",
+            "selector": "cron-auto-complete",
+            "displayName_pt_BR": "Ao Carregar",
+            "displayName_en_US": "On DataBound",
+            "type": "event"
+        },
+        {
+            "name": "ng-filtering",
+            "selector": "cron-auto-complete",
+            "displayName_pt_BR": "Ao Filtrar",
+            "displayName_en_US": "On Filtering",
+            "type": "event"
+        },
+        {
+            "name": "ng-required",
+            "selector": "cron-auto-complete",
+            "type": "logic",
+            "order": 7
+        },
+        {
+            "name": "validationMessage",
+            "selector": "cron-auto-complete",
+            "displayName_pt_BR": "Texto quando requerido",
+            "displayName_en_US": "Text when required",
+            "type": "text",
+            "mandatory": false,
+            "order": 8
+        }
+    ],
+    "styles": [
+        {
+            "selector": "div#{id} .form-group .k-autocomplete, div#{id} .form-group .cronAutoComplete",
+            "text_pt_BR": "Entrada de Texto",
+            "text_en_US": "Input"
+        },
+        {
+            "selector": "div#{id} .form-group .k-autocomplete .k-input::placeholder",
+            "text_pt_BR": "Sugestão",
+            "text_en_US": "Placeholder"
+        },
+        {
+            "selector": "div#{id} .form-group label",
+            "text_pt_BR": "Título",
+            "text_en_US": "Title"
+        },
+        {
+            "selector": "#cron-{id}-list",
+            "text_pt_BR": "Plano de fundo da Lista",
+            "text_en_US": "Item Background"
+        }
+    ]
+}