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

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

@@ -1,8 +1,13 @@
 {
   "name": "crn-enterprise-checkbox",
-  "text_pt_BR": "Checkbox",
+  "text_pt_BR": "Caixa de checagem",
   "text_en_US": "Checkbox",
-  "class": "adjust-icon mdi mdi-checkbox-marked-outline",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-checkbox.svg",
+  "description": "Caixa de checagem quadrada com texto",
+  "description_en_US": "Square checkbox with text",
+  "category": [
+    "INPUTS", "FORMS"
+  ],
   "order": 7,
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-checkbox.template.html",
   "properties": {
@@ -11,9 +16,158 @@
     },
     "id": {
       "order": 1
+    },
+    "checkbox-theme": {
+      "displayName_pt_BR": "Cor da caixa de checagem",
+      "displayName_en_US": "Checkbox color"
     }
   },
+  "attributesForPreview": [
+    {
+      "name": "checkbox-theme",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "checkbox-theme",
+          "value_pt_BR": "Padrão do tema",
+          "value_en_US": "Theme pattern"
+        },
+        {
+          "key": "checkbox-white",
+          "value_pt_BR": "Branco",
+          "value_en_US": "White",
+          "color": "#fff"
+        },
+        {
+          "key": "checkbox-gray",
+          "value_pt_BR": "Cinza",
+          "value_en_US": "Gray",
+          "color": "#333"
+        },
+        {
+          "key": "checkbox-black",
+          "value_pt_BR": "Preto",
+          "value_en_US": "Black",
+          "color": "#000"
+        },
+        {
+          "key": "checkbox-blue",
+          "value_pt_BR": "Azul",
+          "value_en_US": "Blue",
+          "color": "#0247FE"
+        },
+        {
+          "key": "checkbox-light-blue",
+          "value_pt_BR": "Azul claro",
+          "value_en_US": "Light blue",
+          "color": "#85A5FF"
+        },
+        {
+          "key": "checkbox-dark-blue",
+          "value_pt_BR": "Azul escuro",
+          "value_en_US": "Dark blue",
+          "color": "#00217A"
+        },
+        {
+          "key": "checkbox-purple",
+          "value_pt_BR": "Roxo",
+          "value_en_US": "Purple",
+          "color": "#3D01A4"
+        },
+        {
+          "key": "checkbox-light-purple",
+          "value_pt_BR": "Roxo claro",
+          "value_en_US": "Light purple",
+          "color": "#B285FF"
+        },
+        {
+          "key": "checkbox-dark-purple",
+          "value_pt_BR": "Roxo escuro",
+          "value_en_US": "Dark purple",
+          "color": "#2D007A"
+        },
+        {
+          "key": "checkbox-red",
+          "value_pt_BR": "Vermelho",
+          "value_en_US": "Red",
+          "color": "#FE2712"
+        },
+        {
+          "key": "checkbox-light-red",
+          "value_pt_BR": "Vermelho claro",
+          "value_en_US": "Light red",
+          "color": "#FE8F84"
+        },
+        {
+          "key": "checkbox-dark-red",
+          "value_pt_BR": "Vermelho escuro",
+          "value_en_US": "Dark red",
+          "color": "#7A0B00"
+        },
+        {
+          "key": "checkbox-orange",
+          "value_pt_BR": "Laranja",
+          "value_en_US": "Orange",
+          "color": "#FB9B02"
+        },
+        {
+          "key": "checkbox-light-orange",
+          "value_pt_BR": "Laranja claro",
+          "value_en_US": "Light orange",
+          "color": "#FFD085"
+        },
+        {
+          "key": "checkbox-dark-orange",
+          "value_pt_BR": "Laranja escuro",
+          "value_en_US": "Dark orange",
+          "color": "#7A4B00"
+        },
+        {
+          "key": "checkbox-yellow",
+          "value_pt_BR": "Amarelo",
+          "value_en_US": "Yellow",
+          "color": "#FFFF33"
+        },
+        {
+          "key": "checkbox-light-yellow",
+          "value_pt_BR": "Amarelo claro",
+          "value_en_US": "Light yellow",
+          "color": "#FFFF85"
+        },
+        {
+          "key": "checkbox-dark-yellow",
+          "value_pt_BR": "Amarelo escuro",
+          "value_en_US": "Dark Yellow",
+          "color": "#7A7A00"
+        },
+        {
+          "key": "checkbox-green",
+          "value_pt_BR": "Verde",
+          "value_en_US": "Green",
+          "color": "#66B032"
+        },
+        {
+          "key": "checkbox-light-green",
+          "value_pt_BR": "Verde claro",
+          "value_en_US": "Light green",
+          "color": "#B7FF85"
+        },
+        {
+          "key": "checkbox-dark-green",
+          "value_pt_BR": "Verde escuro",
+          "value_en_US": "Dark green",
+          "color": "#337A00"
+        }
+      ]
+    }
+  ],
   "childrenProperties": [
+    {
+      "name": "checkbox-theme",
+      "selector": "div.form-group",
+      "order": 3
+    },
     {
       "name": "ng-initial-value",
       "selector": "input",
@@ -28,7 +182,8 @@
       "displayName_pt_BR": "Permite Valores Nulos",
       "displayName_en_US": "Allow Null Values",
       "type": "logic",
-      "order": 4
+      "order": 4,
+      "mandatory": true
     },
     {
       "name": "ng-model",
@@ -42,6 +197,8 @@
     {
       "name": "content",
       "selector": "label",
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
       "type": "content",
       "order": 1
     },
@@ -78,6 +235,8 @@
     {
       "name": "ng-false-value",
       "selector": "input",
+      "displayName_pt_BR": "Valor para falso",
+      "displayName_en_US": "Value for false",
       "onSave": "javascript:function() { var result = arguments[0]; if (result.indexOf('.') == -1 && result.trim().length > 0 ) { result = '\\''+result+'\\'';  }  return result; }",
       "onDisplay": "javascript:function() { return arguments[0].split('\\'').join('') }",
       "type": "text"
@@ -85,6 +244,8 @@
     {
       "name": "ng-true-value",
       "selector": "input",
+      "displayName_pt_BR": "Valor para verdadeiro",
+      "displayName_en_US": "Value for true",
       "onSave": "javascript:function() { var result = arguments[0]; if (result.indexOf('.') == -1 && result.trim().length > 0 ) { result = '\\''+result+'\\'';  }  return result; }",
       "onDisplay": "javascript:function() { return arguments[0].split('\\'').join('') }",
       "type": "text"
@@ -92,9 +253,9 @@
   ],
   "styles": [
     {
-      "selector": "div#{id} label",
-      "text_pt_BR": "Label",
-      "text_en_US": "Label"
+      "selector": "div#{id} .k-checkbox:checked+.k-checkbox-label:before, div#{id} .k-checkbox:checked+.k-checkbox-label:after, div#{id} .k-checkbox:indeterminate+.k-checkbox-label:after",
+      "text_pt_BR": "Caixa de checagem",
+      "text_en_US": "Checkbox"
     }
   ]
-}
+}

package/components/crn-enterprise-combobox-multiple.components.json

@@ -4,7 +4,12 @@
   "onDoubleClick": "openEditor",
   "text_pt_BR": "Caixa de seleção múltipla",
   "text_en_US": "Combobox Multi Select",
-  "class": "adjust-icon mdi mdi-nutrition",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-enterprise-combobox-multiple.svg",
+  "description": "Caixa de seleção para selecionar mais de um item",
+  "description_en_US": "Checkbox to select more than one item",
+  "category": [
+    "INPUTS", "FORMS", "COMBOS"
+  ],
   "order": 9,
   "designTimeDynamic": true,
   "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-combobox-multiple.designtime.html",
@@ -16,36 +21,158 @@
     },
     "id": {
       "order": 1
+    },
+    "combobox-theme": {
+      "displayName_pt_BR": "Cor da caixa de seleção",
+      "displayName_en_US": "Combobox color"
     }
   },
-  "styles": [
-    {
-      "selector": "div#{id} .k-multiselect-wrap",
-      "text_pt_BR": "Campo de Seleção Múltipla",
-      "text_en_US": "Multi Select Field"
-    },
+  "attributesForPreview": [
     {
-      "selector": "div#{id}>div>div>div>ul>li.k-button",
-      "text_pt_BR": "Itens Selecionados no Campo",
-      "text_en_US": "Selected Itens on Field"
-    },
+      "name": "combobox-theme",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "combobox-theme",
+          "value_pt_BR": "Padrão do tema",
+          "value_en_US": "Theme pattern"
+        },
+        {
+          "key": "combobox-gray",
+          "value_pt_BR": "Cinza",
+          "value_en_US": "Gray",
+          "color": "#333"
+        },
+        {
+          "key": "combobox-black",
+          "value_pt_BR": "Preto",
+          "value_en_US": "Black",
+          "color": "#000"
+        },
+        {
+          "key": "combobox-blue",
+          "value_pt_BR": "Azul",
+          "value_en_US": "Blue",
+          "color": "#0247FE"
+        },
+        {
+          "key": "combobox-light-blue",
+          "value_pt_BR": "Azul claro",
+          "value_en_US": "Light blue",
+          "color": "#85A5FF"
+        },
+        {
+          "key": "combobox-dark-blue",
+          "value_pt_BR": "Azul escuro",
+          "value_en_US": "Dark blue",
+          "color": "#00217A"
+        },
+        {
+          "key": "combobox-purple",
+          "value_pt_BR": "Roxo",
+          "value_en_US": "Purple",
+          "color": "#3D01A4"
+        },
+        {
+          "key": "combobox-light-purple",
+          "value_pt_BR": "Roxo claro",
+          "value_en_US": "Light purple",
+          "color": "#B285FF"
+        },
+        {
+          "key": "combobox-dark-purple",
+          "value_pt_BR": "Roxo escuro",
+          "value_en_US": "Dark purple",
+          "color": "#2D007A"
+        },
+        {
+          "key": "combobox-red",
+          "value_pt_BR": "Vermelho",
+          "value_en_US": "Red",
+          "color": "#FE2712"
+        },
+        {
+          "key": "combobox-light-red",
+          "value_pt_BR": "Vermelho claro",
+          "value_en_US": "Light red",
+          "color": "#FE8F84"
+        },
+        {
+          "key": "combobox-dark-red",
+          "value_pt_BR": "Vermelho escuro",
+          "value_en_US": "Dark red",
+          "color": "#7A0B00"
+        },
+        {
+          "key": "combobox-orange",
+          "value_pt_BR": "Laranja",
+          "value_en_US": "Orange",
+          "color": "#FB9B02"
+        },
+        {
+          "key": "combobox-light-orange",
+          "value_pt_BR": "Laranja claro",
+          "value_en_US": "Light orange",
+          "color": "#FFD085"
+        },
+        {
+          "key": "combobox-dark-orange",
+          "value_pt_BR": "Laranja escuro",
+          "value_en_US": "Dark orange",
+          "color": "#7A4B00"
+        },
+        {
+          "key": "combobox-yellow",
+          "value_pt_BR": "Amarelo",
+          "value_en_US": "Yellow",
+          "color": "#FFFF33"
+        },
+        {
+          "key": "combobox-light-yellow",
+          "value_pt_BR": "Amarelo claro",
+          "value_en_US": "Light yellow",
+          "color": "#FFFF85"
+        },
+        {
+          "key": "combobox-dark-yellow",
+          "value_pt_BR": "Amarelo escuro",
+          "value_en_US": "Dark Yellow",
+          "color": "#7A7A00"
+        },
+        {
+          "key": "combobox-green",
+          "value_pt_BR": "Verde",
+          "value_en_US": "Green",
+          "color": "#66B032"
+        },
+        {
+          "key": "combobox-light-green",
+          "value_pt_BR": "Verde claro",
+          "value_en_US": "Light green",
+          "color": "#B7FF85"
+        },
+        {
+          "key": "combobox-dark-green",
+          "value_pt_BR": "Verde escuro",
+          "value_en_US": "Dark green",
+          "color": "#337A00"
+        }
+      ]
+    }
+  ],
+  "childrenProperties": [
     {
-      "selector": "div#combobox{id}-select-list",
-      "text_pt_BR": "Lista de Itens",
-      "text_en_US": "Item List"
+      "name": "combobox-theme",
+      "selector": "div.form-group"
     },
     {
-      "selector": "div#cron-{id}-list>div>ul>li.k-state-hover",
-      "text_pt_BR": "Item da Lista Hover",
-      "text_en_US": "Item List Hover"
+      "name": "cron-disabled",
+      "selector": "cron-select",
+      "displayName_en_US": "Disabled",
+      "displayName_pt_BR": "Desabilitado",
+      "type": "logic"
     },
-    {
-      "selector": "div#cron-{id}-list>div>ul>li.k-state-selected",
-      "text_pt_BR": "Itens Selecionados Na Lista",
-      "text_en_US": "Selected Itens On List"
-    }
-  ],
-  "childrenProperties": [
     {
       "name": "ng-change",
       "selector": "cron-multi-select",
@@ -107,6 +234,8 @@
     {
       "name": "content",
       "selector": "label",
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
       "type": "content",
       "order": 2
     },
@@ -122,5 +251,32 @@
       "displayName_pt_BR": "Apenas Leitura",
       "displayName_en_US": "Read Only"
     }
+  ],
+  "styles": [
+    {
+      "selector": "div#{id} .k-multiselect-wrap",
+      "text_pt_BR": "Campo de Seleção Múltipla",
+      "text_en_US": "Multi Select Field"
+    },
+    {
+      "selector": "div#{id} .k-multiselect-wrap .k-button",
+      "text_pt_BR": "Itens Selecionados",
+      "text_en_US": "Selected Itens on Field"
+    },
+    {
+      "selector": "div#{id} .k-multiselect-wrap .k-button .k-select",
+      "text_pt_BR": "Ícone dos Itens Selecionados",
+      "text_en_US": "Selected Itens on Field"
+    },
+    {
+      "selector": ".k-animation-container div#cron-{id}-list",
+      "text_pt_BR": "Plano de fundo dos Itens",
+      "text_en_US": "Item List Background"
+    },
+    {
+      "selector": "div#cron-{id}-list .k-list .k-state-hover, div#cron-{id}-list .k-list .k-state-focused",
+      "text_pt_BR": "Item da Lista Hover",
+      "text_en_US": "Item List Hover"
+    }
   ]
-}
+}

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

@@ -4,7 +4,12 @@
   "onDoubleClick": "openEditor",
   "text_pt_BR": "Caixa de seleção fixa",
   "text_en_US": "Combobox",
-  "class": "adjust-icon mdi mdi-equal-box",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-enterprise-combobox.svg",
+  "description": "Campo de seleção com valores pré-definido",
+  "description_en_US": "Selection field with predefined values",
+  "category": [
+    "INPUTS", "FORMS", "COMBOS"
+  ],
   "order": 9,
   "setRandomId": false,
   "designTimeDynamic": true,
@@ -19,43 +24,6 @@
       "order": 1
     }
   },
-  "styles": [
-    {
-      "selector": "div#{id} .k-dropdown-wrap",
-      "text_pt_BR": "Geral",
-      "text_en_US": "General"
-    },
-    {
-      "selector": "div#{id} .k-combobox .k-select",
-      "text_pt_BR": "Seta",
-      "text_en_US": "Dropdown"
-    },
-    {
-      "selector": "div#{id} .cronSelect",
-      "text_pt_BR": "Campo da Caixa de Seleção",
-      "text_en_US": "Select Field"
-    },
-    {
-      "selector": "div#{id} label",
-      "text_pt_BR": "Label",
-      "text_en_US": "Label"
-    },
-    {
-      "selector": "div#comboBox{id}-select-list",
-      "text_pt_BR": "Lista de Itens",
-      "text_en_US": "Item List"
-    },
-    {
-      "selector": "div#cron-{id}-list>div>ul>li.k-state-hover",
-      "text_pt_BR": "Item da Lista Hover",
-      "text_en_US": "Item List Hover"
-    },
-    {
-      "selector": "div#cron-{id}-list>div>ul>li.k-state-focused",
-      "text_pt_BR": "Item Selecionado",
-      "text_en_US": "Selected Item"
-    }
-  ],
   "childrenProperties": [
     {
       "name": "ng-change",
@@ -64,6 +32,13 @@
       "displayName_en_US": "On Change",
       "type": "event"
     },
+    {
+      "name": "cron-disabled",
+      "selector": "cron-select",
+      "displayName_en_US": "Disabled",
+      "displayName_pt_BR": "Desabilitado",
+      "type": "logic"
+    },
     {
       "name": "ng-select",
       "selector": "cron-select",
@@ -113,13 +88,25 @@
     {
       "name": "content",
       "selector": "label",
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
       "type": "text",
       "order": 2
     },
     {
       "name": "ng-required",
       "selector": "cron-select",
-      "type": "logic"
+      "type": "logic",
+      "order": 4
+    },
+    {
+      "name": "validationMessage",
+      "selector": "cron-select",
+      "displayName_pt_BR": "Texto quando requerido",
+      "displayName_en_US": "Text when required",
+      "type": "text",
+      "mandatory": false,
+      "order": 5
     },
     {
       "name": "id",
@@ -127,5 +114,42 @@
       "type": "text",
       "onSave": "javascript:(value)=> {this.currentObject.parent().find('label').attr('for', arguments[0]); return arguments[0];}"
     }
+  ],
+  "styles": [
+    {
+      "selector": "div#{id}.form-group label",
+      "text_pt_BR": "Título",
+      "text_en_US": "Title"
+    },
+    {
+      "selector": "input#{id}",
+      "text_pt_BR": "Caixa de seleção",
+      "text_en_US": "Combobox"
+    },
+    {
+      "selector": "input#{id}::placeholder",
+      "text_pt_BR": "Sugestão",
+      "text_en_US": "Placeholder"
+    },
+    {
+      "selector": "div#{id} .k-widget .k-dropdown-wrap .k-select",
+      "text_pt_BR": "Seta",
+      "text_en_US": "Dropdown"
+    },
+    {
+      "selector": "#{id}_listbox .k-state-selected",
+      "text_pt_BR": "Item Selecionado",
+      "text_en_US": "Selected Item"
+    },
+    {
+      "selector": "#{id}-list",
+      "text_pt_BR": "Lista de Itens",
+      "text_en_US": "Item List"
+    },
+    {
+      "selector": "#{id}_listbox .k-state-hover",
+      "text_pt_BR": "Item da Lista Hover",
+      "text_en_US": "Item List Hover"
+    }
   ]
-}
+}

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

@@ -10,33 +10,33 @@
   "styles": [
     {
       "selector": "div#{id} .k-datepicker .k-picker-wrap input",
-      "text_pt_BR": "Estilo Campo Date Picker",
-      "text_en_US": "Field Date Picker Style"
+      "text_pt_BR": "Campo Date Picker",
+      "text_en_US": "Field Date Picker"
     },
     {
       "selector": "div#{id} .k-datepicker .k-picker-wrap .k-select",
-      "text_pt_BR": "Estilo Botão Date Picker",
-      "text_en_US": "Button Date Picker Styles"
+      "text_pt_BR": "Botão Date Picker",
+      "text_en_US": "Button Date Picker"
     },
     {
       "selector": "div#{id} .k-calendar .k-header .k-link.k-nav-prev",
-      "text_pt_BR": "Estilo Botão Anterior",
-      "text_en_US": "Style Prev Button"
+      "text_pt_BR": "Botão Anterior",
+      "text_en_US": "Prev Button"
     },
     {
       "selector": "div#{id} .k-calendar .k-header .k-link.k-nav-next",
-      "text_pt_BR": "Estilo Botão Próximo",
-      "text_en_US": "Style Next Button"
+      "text_pt_BR": "Botão Próximo",
+      "text_en_US": "Next Button"
     },
     {
       "selector": "div#{id} .k-widget.k-calendar .k-nav-fast",
-      "text_pt_BR": "Estilo Botão Mês",
-      "text_en_US": "Style Month Button"
+      "text_pt_BR": "Botão Mês",
+      "text_en_US": "Month Button"
     },
     {
       "selector": "div#{id} .k-calendar td.k-today",
-      "text_pt_BR": "Estilo Hoje",
-      "text_en_US": "Style Today"
+      "text_pt_BR": "Hoje",
+      "text_en_US": "Today"
     }
   ],
   "childrenProperties": [