cronapp-framework-js 2.8.21 → 2.8.25

package/components/crn-accordion.components.json

@@ -12,6 +12,10 @@
   "properties": {
     "class": {
       "order": 9999
+    },
+    "heading-arrow": {
+      "displayName_pt_BR": "Seta",
+      "displayName_en_US": "Arrow"
     }
   },
   "forcedGroup": true,
@@ -25,7 +29,7 @@
         "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=\"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"
+        "targetSelector": "div.panel-group"
       },
       {
         "accordionTabClicked": "div.panel-collapse.collapse",
@@ -35,7 +39,31 @@
       }
     ]
   },
+  "attributesForPreview": [
+    {
+      "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"
+        }
+      ]
+    }
+  ],
   "childrenProperties": [
+    {
+      "name": "heading-arrow",
+      "selector": ".panel .panel-heading",
+      "order": 3
+    },
     {
       "name": "ng-init",
       "selector": "div.panel-heading",

package/components/crn-anchor.components.json

@@ -12,8 +12,8 @@
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/anchor.template.html",
   "properties": {
     "target": {
-      "displayName_pt_BR": "Ação pós clique",
-      "displayName_en_US": "Post click action",
+      "displayName_pt_BR": "Onde abrir",
+      "displayName_en_US": "Where to open",
       "removable": false,
       "type": "list",
       "options": [

package/components/crn-datepicker.components.json

@@ -40,6 +40,21 @@
       "selector": "input",
       "type": "type",
       "order": 2
+    },    
+    {
+      "name": "placeholder",
+      "selector": "input",
+      "type": "text"
+    },
+    {
+      "name": "mask",
+      "selector": "input",
+      "type": "mask"
+    },
+    {
+      "name": "mask-placeholder",
+      "selector": "input",
+      "type": "text"
     },
     {
       "name": "ng-required",

package/components/crn-datetimepicker.components.json

@@ -38,6 +38,31 @@
       "displayName_en_US": "Value",
       "mandatory": true
     },
+    {
+      "name": "type",
+      "selector": "input",
+      "type": "type"
+    },
+    {
+      "name": "placeholder",
+      "selector": "input",
+      "type": "text"
+    },
+    {
+      "name": "mask",
+      "selector": "input",
+      "type": "mask"
+    },
+    {
+      "name": "mask-placeholder",
+      "selector": "input",
+      "type": "text"
+    },
+    {
+      "name": "ng-required",
+      "selector": "input",
+      "type": "logic"
+    },
     {
       "name": "ng-init",
       "selector": "input",

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

@@ -26,6 +26,27 @@
     "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": [

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

@@ -0,0 +1,43 @@
+{
+    "name": "crn-eight-four-container",
+    "text_pt_BR": "8/4 Colunas",
+    "text_en_US": "8/4 Columns",
+    "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

@@ -49,6 +49,33 @@
             "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": "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",
@@ -87,7 +114,17 @@
         {
             "name": "ng-required",
             "selector": "cron-auto-complete",
-            "type": "logic"
+            "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": [

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

@@ -89,7 +89,17 @@
     {
       "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",

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

@@ -12,7 +12,7 @@
   ],
   "designTimeDynamic": true,
   "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-autocomplete.designtime.html",
-  "designTimeSelector": "cron-auto-complete",
+  "designTimeSelector": ":self",
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-dynamic-autocomplete.template.html",
   "properties": {
     "class": {
@@ -48,6 +48,33 @@
       "displayName_pt_BR": "Título",
       "displayName_en_US": "Title",
       "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": "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",
@@ -87,7 +114,17 @@
     {
       "name": "ng-required",
       "selector": "cron-auto-complete",
-      "type": "logic"
+      "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": [

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

@@ -25,6 +25,13 @@
     }
   },
   "childrenProperties": [
+    {
+      "name": "no-results-message",
+      "selector": "cron-dynamic-select",
+      "displayName_pt_BR": "Texto quando não tem resultados",
+      "displayName_en_US": "Text when there are no results",
+      "type": "text"
+    },
     {
       "name": "ng-change",
       "selector": "cron-dynamic-select",
@@ -87,7 +94,17 @@
     {
       "name": "ng-required",
       "selector": "cron-dynamic-select",
-      "type": "logic"
+      "type": "logic",
+      "order": 4
+    },
+    {
+      "name": "validationMessage",
+      "selector": "cron-dynamic-select",
+      "displayName_pt_BR": "Texto quando requerido",
+      "displayName_en_US": "Text when required",
+      "type": "text",
+      "mandatory": false,
+      "order": 5
     },
     {
       "name": "id",

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

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

@@ -1,45 +1,42 @@
 {
-  "name": "crn-horizontal-container",
-  "text_pt_BR": "Layout horizontal",
-  "text_en_US": "Horizontal Layout",
-  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-vertical-container.svg",
-  "description": "Dois recipiente ao lado para inserir componentes",
-  "description_en_US": "Two container on the side for inserting components",
-  "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"
+    "name": "crn-horizontal-container",
+    "text_pt_BR": "Layout horizontal",
+    "text_en_US": "Horizontal Layout",
+    "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-vertical-container.svg",
+    "description": "Dois recipiente ao lado para inserir componentes",
+    "description_en_US": "Two container on the side for inserting components",
+    "category": [
+        "LAYOUTS"
+    ],
+    "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/grid-horizontal.template.html",
+    "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"
+        }
     }
-  },
-  "styles": [
-    {
-      "selector": "div#{id} div",
-      "text_pt_BR": "Geral",
-      "text_en_US": "General"
-    }
-  ],
-  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/grid-horizontal.template.html"
-}
+
+}

package/components/crn-label.components.json

@@ -2,6 +2,7 @@
   "name": "crn-span",
   "text_pt_BR": "Texto Simples",
   "text_en_US": "Simple Text",
+  "pallete": false,
   "wrapper": false,
   "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-simple-text.svg",
   "order": 10,

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

@@ -0,0 +1,43 @@
+{
+    "name": "crn-one-container",
+    "text_pt_BR": "1 Coluna",
+    "text_en_US": "1 Column",
+    "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-one-container.svg",
+    "description": "Um recipiente para inserir componentes",
+    "description_en_US": "A container for inserting components",
+    "category": [
+        "LAYOUTS"
+    ],
+    "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/Component_Container/crn-one-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-rating.components.json

@@ -21,10 +21,6 @@
     },
     "class": {
       "order": 9999
-    },
-    "icon-theme": {
-      "displayName_pt_BR": "Cor do ícone",
-      "displayName_en_US": "Icon color"
     }
   },
   "styles": [
@@ -232,7 +228,9 @@
     },
     {
       "name": "icon-theme",
-      "selector": "i"
+      "selector": "i",
+      "displayName_pt_BR": "Cor do ícone",
+      "displayName_en_US": "Icon color"
     },
     {
       "name": "icon-size",

package/components/crn-table.components.json

@@ -50,8 +50,7 @@
     {
       "name": "crn-datasource",
       "selector": "div[crn-datasource]",
-      "displayName_pt_BR": "Configurações",
-      "displayName_en_US": "Configuration",
+      "global": true,
       "type": "pageDatasource"
     },
     {

package/components/crn-textarea.components.json

@@ -59,6 +59,15 @@
       "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",

package/components/crn-textinput.components.json

@@ -64,11 +64,7 @@
       "type": "mask",
       "order": 3
     },
-    {
-      "name": "ng-required",
-      "selector": "input",
-      "type": "logic"
-    },
+
     {
       "name": "placeholder",
       "displayName_pt_BR": "Sugestão",
@@ -77,6 +73,21 @@
       "type": "text",
       "order": 4
     },
+    {
+      "name": "ng-required",
+      "selector": "input",
+      "type": "logic",
+      "order": 5
+    },
+    {
+      "name": "validationMessage",
+      "selector": "input",
+      "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",