cronapp-framework-js 2.8.20 → 2.8.24

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-button.components.json

@@ -85,8 +85,8 @@
             "values": [
                 {
                     "key": "btn-default",
-                    "value_pt_BR": "Padrão",
-                    "value_en_US": "Default"
+                    "value_pt_BR": "Padrão do tema",
+                    "value_en_US": "Theme pattern"
                 },
                 {
                     "key": "btn-primary",
@@ -129,6 +129,11 @@
             "type": "options",
             "target": "class",
             "values": [
+                {
+                    "key": "color-theme",
+                    "value_pt_BR": "Padrão do tema",
+                    "value_en_US": "Theme pattern"
+                },
                 {
                     "key": "color-white",
                     "value_pt_BR": "Branco",
@@ -262,6 +267,11 @@
             "type": "options",
             "target": "class",
             "values": [
+                {
+                    "key": "color-theme",
+                    "value_pt_BR": "Padrão do tema",
+                    "value_en_US": "Theme pattern"
+                },
                 {
                     "key": "color-white",
                     "value_pt_BR": "Branco",

package/components/crn-cron-crud.components.json

@@ -0,0 +1,21 @@
+{
+    "name": "crn-cron-crud",
+    "text_pt_BR": "CRUD",
+    "text_en_US": "CRUD",
+    "order": 2,
+    "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-cron-crud.svg",
+    "description": "Pacote de componentes para criar CRUD",
+    "description_en_US": "Component package to create CRUD",
+    "category": [
+      "GRIDS", "FORMS"
+    ],
+    "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-crud.template.html",
+    "properties": {
+      "class": {
+        "order": 9999
+      },
+      "id": {
+        "order": 1
+      }
+    }
+  }

package/components/crn-datasource.components.json

@@ -174,6 +174,11 @@
       "removable": false,
       "global": true,
       "order": 8
+    },
+    "on-change-status": {
+      "removable": true,
+      "type": "event",
+      "global": true
     }
   }
 }

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-checkbox.components.json

@@ -28,6 +28,11 @@
       "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",

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

@@ -33,6 +33,11 @@
       "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",

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

@@ -12,6 +12,7 @@
   ],
   "order": 3,
   "setRandomId": false,
+  "wrapper": false,
   "designTimeDynamic": true,
   "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-dynamic-combobox.designtime.html",
   "designTimeSelector": "cron-dynamic-select",
@@ -25,6 +26,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 +95,16 @@
     {
       "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",
+      "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,53 @@
 {
-  "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
+    "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"
+        }
     },
-    "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"
+    "forcedGroup": false,
+    "wrapper": false,
+    "autoWrapper": true,
+    "handleRules": {
+        "canIncrement": true,
+        "rules": [
+            {
+                "sourceHTML": "<div class=\"col-md-6\" data-container=\"true\" data-replace=\"true\">Content goes here</div> ",
+                "targetSelector": ":self"
+            }
+        ]
     }
-  ],
-  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/grid-horizontal.template.html"
-}
+}