cronapp-framework-js 2.8.32 → 2.8.36

package/components/crn-carousel.components.json

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

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-multi-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-dynamic-select",
+      "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-list.components.json

@@ -6,6 +6,7 @@
     "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-ordered-list.svg",
     "description": "Lista em tópicos com indicadores numerados",
     "description_en_US": "List on topics with numbered indicators",
+    "pallete": false,
     "category": [
         "LISTS"
     ],

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

@@ -6,6 +6,7 @@
     "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",
+    "pallete": false,
     "category": [
         "LISTS"
     ],

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-unordered-list.components.json

@@ -5,6 +5,7 @@
     "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-unordered-list.svg",
     "description": "Lista em tópicos com indicadores redondos",
     "description_en_US": "List on topics with round indicators",
+    "pallete": false,
     "category": [
         "LISTS"
     ],

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

@@ -5,6 +5,7 @@
     "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-unordered-sub-list.svg",
     "description": "Sublista de segundo grau com indicadores redondos",
     "description_en_US": "Second degree sublist with round indicators",
+    "pallete": false,
     "category": [
         "LISTS"
     ],

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": ":self",
+  "designTimeDynamic": true,
+  "wrapper": false,
+  "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/cron-ordered-list.components.json

@@ -0,0 +1,152 @@
+{
+    "name": "cron-ordered-list",
+    "text_pt_BR": "Lista ordenada",
+    "text_en_US": "Ordered list",
+    "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-ordered-list.svg",
+    "description": "Lista em tópicos com indicadores numerados",
+    "description_en_US": "List on topics with numbered indicators",
+    "category": [
+        "LISTS"
+    ],
+    "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/components/templates/cron-ordered-list.template.html",
+    "wrapper": false,
+    "forcedGroup": true,
+    "properties": {
+        "class": {
+            "order": 9999
+        },
+        "id": {
+            "order": 1
+        },
+        "attribute-value": {
+            "displayName_pt_BR": "Valor do atributo numerado",
+            "displayName_en_US": "Numbered attribute value"
+        },
+        "list-type": {
+            "displayName_pt_BR": "Tipo de lista",
+            "displayName_en_US": "List type"
+        },
+        "ordered-attribute-value": {
+            "displayName_pt_BR": "Valor do atributo ordenado",
+            "displayName_en_US": "Ordered attribute value"
+        }
+    },
+    "handleRules": {
+        "canOrder": true,
+        "canActivate": true,
+        "canIncrement": true,
+        "rules": [
+            {
+                "activeSelector": "cron-ordered-list ul li.active",
+                "activeClass": "active",
+                "sourceHTML": "<li class=\"item-list\" data-component=\"crn-list-item\" data-replace=\"true\">New item</li>",
+                "targetSelector": "ul"
+            }
+        ]
+    },
+    "attributesForPreview": [
+        {
+            "name": "attribute-value",
+            "type": "options",
+            "target": "attribute-value",
+            "values": [
+                {
+                    "key": "decimal",
+                    "value_pt_BR": "Numeração (1,2,3..)",
+                    "value_en_US": "Numbering (1,2,3..)"
+                },
+                {
+                    "key": "lower-alpha",
+                    "value_pt_BR": "Letra minúscula (a, b, c..)",
+                    "value_en_US": "Lower case (a, b, c..)"
+                },
+                {
+                    "key": "upper-alpha",
+                    "value_pt_BR": "Letra maiúscula (A, B, C..)",
+                    "value_en_US": "Capital letter (A, B, C..)"
+                },
+                {
+                    "key": "lower-roman",
+                    "value_pt_BR": "Números romanos (I, II, III..)",
+                    "value_en_US": "Roman numbers"
+                },
+                {
+                    "key": "upper-roman",
+                    "value_pt_BR": "Números romanos minúsculo (i, ii, iii..)",
+                    "value_en_US": "Lowercase roman numbers (i, ii, iii..)"
+                }
+            ]
+        },
+        {
+            "name": "ordered-attribute-value",
+            "type": "options",
+            "target": "ordered-attribute-value",
+            "values": [
+                {
+                    "key": "circle",
+                    "value_pt_BR": "Círculo vazio",
+                    "value_en_US": "Circle",
+                    "icon": "mdi mdi-checkbox-blank-circle-outline"
+                },
+                {
+                    "key": "disc",
+                    "value_pt_BR": "Círculo preenchido",
+                    "value_en_US": "Disc",
+                    "icon": "mdi mdi-checkbox-blank-circle"
+                },
+                {
+                    "key": "square",
+                    "value_pt_BR": "Quadrado",
+                    "value_en_US": "Square",
+                    "icon": "mdi mdi-checkbox-blank"
+                }
+            ]
+        },
+        {
+            "name": "list-type",
+            "type": "options",
+            "target": "class",
+            "values": [
+                {
+                    "key": "numbered-list",
+                    "value_pt_BR": "lista numerada",
+                    "value_en_US": "Numbered list"
+                },
+                {
+                    "key": "ordered-list",
+                    "value_pt_BR": "lista ordenada",
+                    "value_en_US": "Ordered list"
+                }
+            ]
+        }
+    ],
+    "childrenProperties": [
+        {
+            "name": "attribute-value",
+            "selector": "cron-ordered-list.numbered-list",
+            "order": 3
+        },
+        {
+            "name": "ordered-attribute-value",
+            "selector": "cron-ordered-list.ordered-list",
+            "order": 3
+        },
+        {
+            "name": "list-type",
+            "selector": "cron-ordered-list",
+            "order": 2
+        }
+    ],
+    "styles": [
+        {
+            "selector": "cron-ordered-list#{id} ul, cron-ordered-list#{id} ol",
+            "text_pt_BR": "Plano de fundo",
+            "text_en_US": "Background"
+        },
+        {
+            "selector": "cron-ordered-list#{id} li",
+            "text_pt_BR": "Item da lista",
+            "text_en_US": "List item"
+        }
+    ]
+}

package/components/templates/accordion.template.html

@@ -1,11 +1,11 @@
 <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
     <div class="panel panel-default">
-        <div class="panel-heading" role="tab" id="headingOne" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+        <div class="panel-heading" role="tab" id="headingOne" data-toggle="collapse" data-parent="#accordion" href="#collapseOne-${RANDOM}" aria-expanded="true" aria-controls="collapseOne-${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="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
+        <div id="collapseOne-${RANDOM}" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
             <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>
@@ -14,12 +14,12 @@
         </div>
     </div>
     <div class="panel panel-default">
-        <div class="panel-heading" role="tab" id="headingTwo" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
+        <div class="panel-heading" role="tab" id="headingTwo" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo-${RANDOM}" aria-expanded="false" aria-controls="collapseTwo-${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="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
+        <div id="collapseTwo-${RANDOM}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
             <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>
@@ -28,12 +28,12 @@
         </div>
     </div>
     <div class="panel panel-default">
-        <div class="panel-heading" role="tab" id="headingThree" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
+        <div class="panel-heading" role="tab" id="headingThree" data-toggle="collapse" data-parent="#accordion" href="#collapseThree-${RANDOM}" aria-expanded="false" aria-controls="collapseThree-${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="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
+        <div id="collapseThree-${RANDOM}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
             <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>

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-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,5 @@
+<div>
+    <cron-breadcrumbs id="cron-breadcrumbs" id-menu="crn-dynamic-menu-home" crn-delimiter-icon="arrow-chevron-right" class="idMenu" type-menu="idMenu">
+        <nav id="navbreadcrumb"></nav>
+    </cron-breadcrumbs>
+</div>

package/components/templates/cron-ordered-list.template.html

@@ -0,0 +1,7 @@
+<cron-ordered-list list-type="ordered-list" attribute-value="decimal" ordered-attribute-value="disc">
+    <ul>
+      <li data-component="crn-list-item" data-replace="true">Item 1</li>
+      <li data-component="crn-list-item" data-replace="true">Item 2</li>
+      <li data-component="crn-list-item" data-replace="true">Item 3</li>
+    </ul>
+  </cron-ordered-list>