cronapp-framework-js 2.8.27 → 2.8.31

package/components/crn-carousel.components.json

@@ -18,7 +18,7 @@
     }
   },
   "forcedGroup": false,
-  "wrapper": false,
+  "wrapper": true,
   "handleRules": {
     "canOrder": true,
     "canActivate": true,

package/components/crn-chart.components.json

@@ -9,6 +9,7 @@
     "LAYOUTS", "FORMS"
   ],
   "wrapper": false,
+  "forcedGroup": true,
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/chart.template.html",
   "designTimeHTML": "<img style=\"height: 100%;width:100%;min-height:100%; min-width:100%;\"  src=\"node_modules/cronapp-framework-js/img/svg-charts.svg\"/>",
   "designTimeSelector": "canvas",

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

@@ -120,92 +120,87 @@
   ],
   "styles": [
     {
-      "selector": "div#{id} .k-grid .k-grid-toolbar, div#{id} .k-grid .k-grid-toolbar .crn-grid-title",
+      "selector": "#{id} .k-grid .k-grid-toolbar",
       "text_pt_BR": "Barra de Ferramentas",
       "text_en_US": "Toolbar"
     },
     {
-      "selector": "div#{id} .k-grid .k-header .k-grid-add",
+      "selector": "#{id} .k-grid .k-header .k-grid-add",
       "text_pt_BR": "Botão de Adicionar",
       "text_en_US": "Add Button"
     },
     {
-      "selector": "div#{id} .k-grid .k-header .k-grid-save-changes",
+      "selector": "#{id} .k-grid .k-header .k-grid-save-changes",
       "text_pt_BR": "Botão de Salvar Alterações",
       "text_en_US": "Save Changes Button"
     },
     {
-      "selector": "div#{id} .k-grid .k-header .k-grid-cancel-changes",
+      "selector": "#{id} .k-grid .k-header .k-grid-cancel-changes",
       "text_pt_BR": "Botão de Cancelar Alteração",
       "text_en_US": "Cancel Changes Button"
     },
     {
-      "selector": "div#{id} .k-grid .k-grouping-header",
+      "selector": "#{id} .k-grid .k-grouping-header",
       "text_pt_BR": "Agrupar Colunas",
       "text_en_US": "Column Group"
     },
     {
-      "selector": "div#{id} .k-grid .k-grouping-header .k-group-indicator",
+      "selector": "#{id} .k-grouping-row",
       "text_pt_BR": "Item Agrupado",
       "text_en_US": "Grouped Item"
     },
     {
-      "selector": "  div#{id} .k-grid th.k-header, div#{id} .k-grid th.k-header thead tr[role=\"row\"] a, div#{id} .k-grid-header .k-header a.k-link",
+      "selector": "  #{id} .k-grid th.k-header, #{id} .k-grid th.k-header thead tr[role=\"row\"] a, #{id} .k-grid-header .k-header a.k-link, #{id} .k-grid-header",
       "text_pt_BR": "Cabeçalho",
       "text_en_US": "Header"
     },
     {
-      "selector": "div#{id} .k-grid .k-grid-header thead tr[role=\"row\"] .k-i-filter",
+      "selector": "#{id} .k-grid-header .k-grid-filter",
       "text_pt_BR": "Ícone do Filtro",
       "text_en_US": "Filter Icon"
     },
     {
-      "selector": ".k-grid-toolbar .k-button.k-grid-save-changes",
-      "text_pt_BR": "Botão Salvar Alterações",
-      "text_en_US": "Save Changes Button"
-    },
-    {
-      "selector": ".k-grid-toolbar .k-button.k-grid-cancel-changes",
-      "text_pt_BR": "Botão Cancelar Alterações",
-      "text_en_US": "Cancel Changes Button"
-    },
-    {
-      "selector": "div#{id} .k-grid tbody",
+      "selector": "#{id} .k-grid tbody",
       "text_pt_BR": "Linha Padrão",
       "text_en_US": "Default Row"
     },
     {
-      "selector": "div#{id} .k-grid tr.k-alt",
+      "selector": "#{id} .k-grid tr.k-alt",
       "text_pt_BR": "Linha Alternada",
       "text_en_US": "Alternate Row"
     },
     {
-      "selector": "div#{id} .k-grid tr.k-state-selected",
+      "selector": "#{id} .k-grid tr.k-state-selected",
       "text_pt_BR": "Linha Selecionada",
       "text_en_US": "Selected Row"
     },
     {
-      "selector": "div#{id} .k-grid tbody .k-grid-edit",
+      "selector": ".k-list-container .k-button.k-state-hover",
+      "text_pt_BR": "Ao passar o mouse no botão de ação",
+      "text_en_US": "On mouse hover the action button"
+    },
+    {
+      "selector": "#{id} .k-grid tbody .k-grid-edit",
       "text_pt_BR": "Botão de ação Editar",
       "text_en_US": "Edit action button"
     },
     {
-      "selector": "div#{id} .k-grid tbody .k-grid-delete",
+      "selector": "#{id} .k-grid tbody .k-grid-delete",
       "text_pt_BR": "Botão de ação Deletar",
       "text_en_US": "Delete action button"
     },
     {
-      "selector": "div#{id} .k-grid tbody .k-grid-update",
+      "selector": "#{id} .k-grid tbody .k-grid-update",
       "text_pt_BR": "Botão de ação Atualizar",
       "text_en_US": "Update action button"
     },
     {
-      "selector": "div#{id} .k-grid tbody .k-grid-cancel",
+      "selector": "#{id} .k-grid tbody .k-grid-cancel",
       "text_pt_BR": "Botão de ação Cancelar",
       "text_en_US": "Cancel action button"
     },
     {
-      "selector": "div#{id} .k-grid .k-pager-wrap, div#{id} .k-pager-info.k-label, div#{id} .k-grid .k-pager-wrap .k-dropdown .k-dropdown-wrap, div#{id} .k-grid .k-pager-wrap .k-dropdown .k-dropdown-wrap .k-input",
+      "selector": "#{id} .k-grid .k-pager-wrap, #{id} .k-pager-info.k-label, #{id} .k-grid .k-pager-wrap .k-dropdown .k-dropdown-wrap, #{id} .k-grid .k-pager-wrap .k-dropdown .k-dropdown-wrap .k-input",
       "text_pt_BR": "Área de paginação",
       "text_en_US": "Pagination Container"
     },
@@ -215,22 +210,17 @@
       "text_en_US": "Pagination Combobox"
     },
     {
-      "selector": ".k-list-container .k-button.k-state-hover, .k-list-container .k-button::hover",
-      "text_pt_BR": "Ao passar o mouse na Paginação",
-      "text_en_US": "Mouse Hover the Pagination"
-    },
-    {
-      "selector": " .k-list .k-item.k-state-focused, .k-list .k-item::focus",
+      "selector": " .k-list .k-item.k-state-focused",
       "text_pt_BR": "Paginação selecionada",
       "text_en_US": "Selected paging"
     },
     {
-      "selector": "div#{id} .k-grid .k-pager-numbers .k-state-selected",
+      "selector": "#{id} .k-grid .k-pager-numbers .k-state-selected",
       "text_pt_BR": "Marcador da Página Atual",
       "text_en_US": "Current Page Marker"
     },
     {
-      "selector": "div#{id} .k-grid tbody .k-custom-command",
+      "selector": "#{id} .k-grid-toolbar .k-grid-custom",
       "text_pt_BR": "Botão Customizável",
       "text_en_US": "Custom Button"
     }

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

@@ -12,6 +12,7 @@
   ],
   "order": 11,
   "wrapper": false,
+  "forcedGroup": true,
   "designTimeDynamic": true,
   "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-dynamic-menu.designtime.html",
   "designTimeSelector": ":self",

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

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

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

@@ -67,6 +67,14 @@
             "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",

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

@@ -161,6 +161,13 @@
       "name": "combobox-theme",
       "selector": "div.form-group"
     },
+    {
+      "name": "cron-disabled",
+      "selector": "cron-select",
+      "displayName_en_US": "Disabled",
+      "displayName_pt_BR": "Desabilitado",
+      "type": "logic"
+    },
     {
       "name": "ng-change",
       "selector": "cron-multi-select",

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

@@ -32,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",

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

@@ -48,33 +48,41 @@
       "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": "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": "cron-disabled",
+      "selector": "cron-auto-complete",
+      "displayName_en_US": "Disabled",
+      "displayName_pt_BR": "Desabilitado",
+      "type": "logic",
+      "order": 7
     },
     {
       "name": "ng-select",

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

@@ -32,6 +32,13 @@
       "displayName_en_US": "Text when there are no results",
       "type": "text"
     },
+    {
+      "name": "cron-disabled",
+      "selector": "cron-auto-complete",
+      "displayName_en_US": "Disabled",
+      "displayName_pt_BR": "Desabilitado",
+      "type": "logic"
+    },
     {
       "name": "ng-change",
       "selector": "cron-dynamic-select",

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

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

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

@@ -1,7 +1,7 @@
 {
     "name": "crn-one-container",
-    "text_pt_BR": "1 Coluna",
-    "text_en_US": "1 Column",
+    "text_pt_BR": "1 Coluna (12)",
+    "text_en_US": "1 Column (12)",
     "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",

package/components/crn-ordered-sub-list.components.json

@@ -2,8 +2,7 @@
     "name": "crn-ordered-sub-list",
     "text_pt_BR": "Sub lista ordenada",
     "text_en_US": "Ordered sub list",
-    "wrapper": false,
-    "autoWrapper": true,
+    "wrapper": true,
     "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-ordered-sub-list.svg",
     "description": "Sublista de segundo grau com indicadores numerados",
     "description_en_US": "Second degree sublist with numbered indicators",

package/components/crn-radioOption.components.json

@@ -38,6 +38,14 @@
       "type": "content",
       "order": 2
     },
+    {
+      "name": "ng-disabled",
+      "selector": "input",
+      "displayName_en_US": "Disabled",
+      "displayName_pt_BR": "Desabilitado",
+      "type": "logic",
+      "order": 3
+    },
     {
       "name": "ng-click",
       "selector": "label[value]",

package/components/crn-textarea.components.json

@@ -76,6 +76,14 @@
       "type": "text",
       "order": 2
     },
+    {
+      "name": "ng-disabled",
+      "selector": "textarea",
+      "displayName_en_US": "Disabled",
+      "displayName_pt_BR": "Desabilitado",
+      "type": "logic",
+      "order": 8
+    },
     {
       "name": "ng-init",
       "selector": "textarea",

package/components/crn-textinput.components.json

@@ -52,6 +52,14 @@
       "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",

package/components/crn-textinputbutton.components.json

@@ -77,6 +77,14 @@
       "type": "mask",
       "order": 3
     },
+    {
+      "name": "ng-disabled",
+      "selector": "input",
+      "displayName_en_US": "Disabled",
+      "displayName_pt_BR": "Desabilitado",
+      "type": "logic",
+      "order": 4
+    },
     {
       "name": "ng-required",
       "selector": "input",

package/components/crn-textinputicon.components.json

@@ -76,6 +76,14 @@
       "type": "mask",
       "order": 3
     },
+    {
+      "name": "ng-disabled",
+      "selector": "input",
+      "displayName_en_US": "Disabled",
+      "displayName_pt_BR": "Desabilitado",
+      "type": "logic",
+      "order": 4
+    },
     {
       "name": "ng-required",
       "selector": "input",

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

@@ -1,7 +1,7 @@
 {
     "name": "crn-three-container",
-    "text_pt_BR": "3 Colunas",
-    "text_en_US": "3 Columns",
+    "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",

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

@@ -1,7 +1,7 @@
 {
     "name": "crn-three-six-three-container",
-    "text_pt_BR": "3/6/3 Colunas",
-    "text_en_US": "3/6/3 Columns",
+    "text_pt_BR": "3 Colunas (3/6/3)",
+    "text_en_US": "3 Columns (3/6/3)",
     "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-three-six-three-container.svg",
     "description": "Três recipiente ao lado para inserir componentes",
     "description_en_US": "Three container on the side for inserting components",

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

@@ -1,7 +1,7 @@
 {
     "name": "crn-two-container",
-    "text_pt_BR": "2 Colunas",
-    "text_en_US": "2 Columns",
+    "text_pt_BR": "2 Colunas (6/6)",
+    "text_en_US": "2 Columns (6/6)",
     "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-two-container.svg",
     "description": "Dois recipiente ao lado para inserir componentes",
     "description_en_US": "Two container on the side for inserting components",

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

@@ -41,14 +41,14 @@
       "type": "event"
     }
   },
-  "forcedGroup": true,
   "wrapper": false,
-  "autoWrapper": true,
   "handleRules": {
+    "canOrder": true,
+    "canActivate": true,
     "canIncrement": true,
     "rules": [
       {
-        "sourceHTML": "<div class=\"col-md-12\" data-container=\"true\" data-replace=\"true\">Content goes here</div> ",
+        "sourceHTML": "<div data-container=\"true\" data-replace=\"true\">Content New</div> ",
         "targetSelector": ":self"
       }
     ]

package/components/cron-breadcrumbs.components.json

@@ -0,0 +1,64 @@
+{
+  "name": "cron-breadcrumbs",
+  "text_pt_BR": "Breadcrumbs",
+  "text_en_US": "Breadcrumbs",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/cron-breadrumb.svg",
+  "description": "Breadcrumb",
+  "description_en_US": "Breadcrumb",
+  "category": [
+    "LAYOUTS", "COMBOS"
+  ],
+  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-breadcrumbs.template.html",
+  "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-breadcrumbs.designtime.html",
+  "designTimeSelector": "cron-breadcrumbs",
+  "designTimeDynamic": true,
+  "wrapper": true,
+  "forcedGroup": true,
+  "properties": {
+    "class": {
+      "order": 9999
+    },
+    "id": {
+      "order": 1
+    },
+    "crn-delimiter-icon": {
+      "displayName_pt_BR": "Ícone delimitador",
+      "displayName_en_US": "Delimiter icon"
+    }
+  },
+  "attributesForPreview": [
+    {
+      "name": "crn-delimiter-icon",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "arrow-chevron-right",
+          "value_pt_BR": "Seta",
+          "value_en_US": "Arrow"
+        },
+        {
+          "key": "line",
+          "value_pt_BR": "Linha",
+          "value_en_US": "Line"
+        }
+      ]
+    }
+  ],
+  "childrenProperties": [
+    {
+      "name": "id-menu",
+      "selector": "cron-breadcrumbs",
+      "displayName_pt_BR": "Identificador do menu",
+      "displayName_en_US": "Menu id",
+      "type": "componentsList",
+      "component": "crn-dynamic-menu",
+      "mandatory": true
+    },
+    {
+      "name": "crn-delimiter-icon",
+      "selector": "cron-breadcrumbs",      
+      "mandatory": true
+    }
+  ]
+}

package/components/templates/carousel.template.html

@@ -1,4 +1,4 @@
-<div class="carousel slide" data-ride="carousel">
+<div class="carousel slide" data-ride="carousel" id="carousel-${RANDOM}">
   <div class="carousel-inner" role="listbox">
     <div class="item active" data-component="crn-carousel-item" id="crn-carousel-item-1">
       <img data-component="crn-image" alt="First Slide" style="margin: 0 auto; object-fit: cover;" xattr-position=""
@@ -34,13 +34,13 @@
   </ol>
 
   
-  <a style="width: 100px;" href="#carousel-example-generic" class="left carousel-control" role="button" data-slide="prev">
+  <a style="width: 100px;" href="#carousel-${RANDOM}" class="left carousel-control" role="button" data-slide="prev">
     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
     <span class="sr-only">Previous</span>
   </a>
   
   
-  <a href="#carousel-example-generic" class="right carousel-control" role="button" data-slide="next">
+  <a href="#carousel-${RANDOM}" class="right carousel-control" role="button" data-slide="next">
     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
     <span class="sr-only">Next</span>
   </a>

package/components/templates/cron-autocomplete.designtime.html

@@ -1,5 +1,37 @@
-<div class="form-group" id="${COMPONENTID}">
+<div class="form-group" id="{{attrs.id}}-designtime">
     <label for="cron-${COMPONENTID}">Label</label>
+    <span style="display: none;" id="cron-autocomplete-designtime" data-attrs="{{attrs}}">
+        <script>
+
+            let $documentDesignTime = $(document.getElementsByTagName('iframe')[0].contentWindow.document);
+            let wait = setInterval(()=> {
+
+                let $element = $documentDesignTime.find('[id=cron-autocomplete-designtime]')
+                if ($element.length) {
+                    clearInterval(wait);
+
+                    $element.each((idx, c) => {
+
+                        let $current = $(c);
+                        let attrs = $current.data('attrs');
+                        let $label = $documentDesignTime.find(`#${attrs.id}`).find('label');
+                        let $labelDesignTime = $documentDesignTime.find(`#${attrs.id}-designtime`).find('label');
+                        if (!$label.data('synchronize-started')) {
+                            $label.data('synchronize-started', true);
+                            let synchronize = setInterval(() => {
+                                if ($label.html() !== $labelDesignTime.html()) {
+                                    $labelDesignTime.html($label.html());
+                                }
+                            }, 500);
+
+                        }
+
+                    });
+                }
+            });
+
+        </script>
+    </span>
     <span class="k-widget k-autocomplete cronAutoComplete" style="width: 100%;">
         <input class="cronAutoComplete k-input" type="text">
     </span>

package/components/templates/cron-breadcrumbs.designtime.html

@@ -0,0 +1,11 @@
+<div id="cron-breadcrumbs" >
+    <ol class="k-breadcrumb-container">
+        <li class="k-breadcrumb-item  k-breadcrumb-root-item ">
+            <a class=" k-breadcrumb-root-link  k-breadcrumb-icontext-link" title="Home">Home</a>
+            <span class="k-breadcrumb-delimiter-icon k-icon k-i-arrow-chevron-right" aria-hidden="true"></span>
+        </li>
+        <li class="k-breadcrumb-item  k-breadcrumb-last-item">
+            <a class="k-breadcrumb-link k-state-disabled" title="user">User</a>
+        </li>
+    </ol>
+</div>

package/components/templates/cron-breadcrumbs.template.html

@@ -0,0 +1,3 @@
+<cron-breadcrumbs id="cron-breadcrumbs" id-menu="crn-dynamic-menu-home" crn-delimiter-icon="arrow-chevron-right">
+    <nav id="navbreadcrumb"></nav>
+</cron-breadcrumbs>

package/components/templates/grid-vertical.template.html

@@ -1,4 +1,4 @@
 <div class="layout-vertical">
-    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" data-container="true" data-replace="true">Content goes here</div>
-    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" data-container="true" data-replace="true">Content goes here</div>
+    <div data-container="true" data-replace="true">Content 1</div>
+    <div data-container="true" data-replace="true">Content 2</div>
 </div>