cronapp-framework-js 2.9.3 → 2.9.4

package/components/crn-datepicker.components.json

@@ -76,6 +76,11 @@
       "selector": "input",
       "type": "event"
     },
+    {
+      "name": "ng-change",
+      "selector": "input",
+      "type": "event"
+    },
     {
       "name": "ng-keydown",
       "selector": "input",

package/components/crn-datetimepicker.components.json

@@ -78,6 +78,11 @@
       "selector": "input",
       "type": "event"
     },
+    {
+      "name": "ng-change",
+      "selector": "input",
+      "type": "event"
+    },
     {
       "name": "ng-keydown",
       "selector": "input",

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

@@ -25,12 +25,24 @@
     }
   },
   "childrenProperties": [
+    {
+      "name": "no-results-message",
+      "selector": "cron-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-select",
       "displayName_pt_BR": "Ao Alterar",
       "displayName_en_US": "On Change",
-      "type": "event"
+      "type": "event",
+      "eventFields" : [ 
+        "selected" , 
+        "selectedKey",
+        "selectedValue"
+     ]
     },
     {
       "name": "cron-disabled",
@@ -44,7 +56,12 @@
       "selector": "cron-select",
       "displayName_pt_BR": "Ao Selecionar",
       "displayName_en_US": "On Select",
-      "type": "event"
+      "type": "event",
+      "eventFields" : [ 
+        "selected" , 
+        "selectedKey",
+        "selectedValue"
+     ]
     },
     {
       "name": "ng-close",

package/components/crn-infinite-scroll.components.json

@@ -0,0 +1,29 @@
+{
+  "name": "crn-infinite-scroll",
+  "text_pt_BR": "Scroll infinito",
+  "text_en_US": "Infinite Scroll",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-infinite-scroll.svg",
+  "description": "Estrutura de paginação invisível",
+  "description_en_US": "Invisible paging structure",
+  "category": [
+      "LAYOUTS", "LISTS"
+  ],
+  "template": "<crn-infinite-scroll crn-datasource=\"\"></crn-infinite-scroll>",
+  "designTimeHTML": "<img alt=\"chart\" style=\"height: 20px;\" src=\"node_modules/cronapp-framework-js/img/cron-icon/crn-infinite-scroll.svg\"/>",
+  "designTimeSelector": "crn-infinite-scroll",
+  "properties": {
+    "id": {
+      "order": 1
+    }
+  },
+  "childrenProperties": [
+    {
+      "name": "crn-datasource",
+      "selector": "crn-infinite-scroll",
+      "displayName_pt_BR": "Fonte de dados",
+      "displayName_en_US": "Datasource",
+      "type": "pageDatasource",
+      "onDisplay": "javascript:function() { return arguments[0].replace('vars.',''); }"
+    }
+  ]
+}

package/components/crn-navbar.components.json

@@ -18,11 +18,19 @@
     "xattr-class": {
       "order": 998,
       "fixed": true,
-      "onSave": "javascript:function(){if(arguments[0].indexOf('horizontal') > -1){this.currentObject.parent().find('[ui-view]').removeClass('main-view-vertical').addClass('main-view-horizontal');this.currentObject.parent().find('.main-title').removeClass('hide');}else{this.currentObject.parent().find('[ui-view]').removeClass('main-view-horizontal').addClass('main-view-vertical');this.currentObject.parent().find('.main-title').addClass('hide');} return arguments[0];}",
+      "onSave": "javascript:function(){ let parent=this.currentObject.parent(),menuVertical=parent.find(\"#main-nav-bar\"),uiView=parent.find(\"[ui-view]\");arguments[0].indexOf(\"horizontal\")>-1?(uiView.removeClass(\"main-view-vertical\").removeClass(\"main-view-retratil\").addClass(\"main-view-horizontal\"),menuVertical.removeClass(\"crn-navigator-retratil\").removeClass(\"collapsible-menu-hide\"),parent.find(\".main-title\").removeClass(\"hide\"),parent.find(\"#checkCollapsibleMenu\").remove(),parent.find(\".labelCollapsibleMenu\").remove()):arguments[0].indexOf(\"retratil\")>-1?(uiView.removeClass(\"main-view-horizontal\").removeClass(\"main-view-vertical\").addClass(\"main-view-vertical\").addClass(\"main-view-retratil\"),parent.find(\".main-title\").addClass(\"hide\"),menuVertical.addClass(\"collapsible-menu-hide\"),menuVertical[0].insertAdjacentHTML(\"beforebegin\",'<input type=\"checkbox\" id=\"checkCollapsibleMenu\"><label for=\"checkCollapsibleMenu\" class=\"labelCollapsibleMenu\"><i class=\"glyphicon glyphicon-menu-right\" id=\"iconCollapsibleMenu\"></i></label>')):arguments[0].indexOf(\"vertical\")>-1&&(uiView.removeClass(\"main-view-horizontal\").removeClass(\"main-view-retratil\").addClass(\"main-view-vertical\"),menuVertical.removeClass(\"crn-navigator-retratil\").removeClass(\"collapsible-menu-hide\"),parent.find(\".main-title\").removeClass(\"hide\"),parent.find(\"#checkCollapsibleMenu\").remove(),parent.find(\".labelCollapsibleMenu\").remove()); return arguments[0]; }",
       "displayName_pt_BR": "Posição",
       "displayName_en_US": "Position",
       "selector": "div"
     },
+    "menu-type": {
+      "order": 999,
+      "fixed": true,
+      "onSave": "javascript:function(){ let icon=this.currentObject.parent().find(\"#iconCollapsibleMenu\"); arguments[0].indexOf(\"hamburguer\")>-1?icon.removeClass(\"glyphicon-menu-right\").addClass(\"glyphicon-menu-hamburger\"):arguments[0].indexOf(\"arrow\")>-1&&icon.removeClass(\"glyphicon-menu-hamburger\").addClass(\"glyphicon-menu-right\"); return arguments[0]; }",
+      "displayName_pt_BR": "Tipo de menu retrátil",
+      "displayName_en_US": "Collapsible menu type",
+      "selector": "div"
+    },
     "id": {
       "order": 2
     }
@@ -40,6 +48,30 @@
         {
           "key": "crn-navigator-vertical",
           "value": "Vertical"
+        },
+        {
+          "key": "crn-navigator-retratil crn-navigator-vertical",
+          "value_pt_BR": "Vertical Retrátil",
+          "value_en_US": "Collapsible menu"
+        }
+      ]
+    },
+    {
+      "name": "menu-type",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "menu-type-hamburguer",
+          "value_pt_BR": "Hambúrguer",
+          "value_en_US": "Hamburger",
+          "icon": "mdi mdi-menu"
+        },
+        {
+          "key": "menu-type-arrow",
+          "value_pt_BR": "Seta",
+          "value_en_US": "Arrow",
+          "icon": "mdi mdi-chevron-right"
         }
       ]
     }

package/components/crn-textinputicon.components.json

@@ -40,33 +40,7 @@
       "text_en_US": "Icon"
     }
   ],
-  "attributesForPreview": [
-    {
-      "name": "layout-template",
-      "type": "btngroup",
-      "target": "class",
-      "values": [
-        {
-          "key": "layout-template-classic",
-          "value_pt_BR": "Clássico",
-          "value_en_US": "Classic"
-        },
-        {
-          "key": "layout-template-modern",
-          "value_pt_BR": "Moderno",
-          "value_en_US": "Modern"
-        }
-      ]
-    }
-  ],
   "childrenProperties": [
-    {
-      "name": "layout-template",
-      "displayName_pt_BR": "Modelo de layout",
-      "displayName_en_US": "Layout template",
-      "order": 1,
-      "selector": "div.input-group"
-    },
     {
       "name": "class",
       "selector": "i",

package/components/templates/date.template.html

@@ -1,4 +1,4 @@
 <div class="form-group">
-    <label for="label-${COMPONENTID}">Label</label>
-    <input type="date" mask="" mask-placeholder="" ng-required="false" ng-model="vars.date${COMPONENTID}" class="form-control k-textbox" id="input-${COMPONENTID}">
+    <label for="date-${COMPONENTID}">Label</label>
+    <input type="date" mask="" mask-placeholder="" ng-required="false" ng-model="vars.date${RANDOM}" class="form-control k-textbox" id="date-${COMPONENTID}">
 </div>

package/components/templates/textinputicon.template.html

@@ -1,6 +1,6 @@
 <div>
     <label class="form-group" for="inputButton-${RANDOM}">Label</label>
-    <div class="input-group layout-template-classic" layout-template="layout-template-classic">
+    <div class="input-group">
         <span class="k-button">
             <i class="glyphicon glyphicon-search" aria-hidden="true"></i>
         </span>

package/components/upload/upload.html

@@ -25,7 +25,7 @@
                  ngf-multiple="{{data.multiple}}"
                  ngf-change="uploadFile($files)">
 
-                <span>{{message}}</span>
+                <span ng-bind-html="message"></span>
 
             </div>
         </div>

package/css/app.css

@@ -395,4 +395,8 @@ img[src='undefined'] {
 /* Timeline */
 .timeline{
     clear: both;
+}
+
+.form-group {
+    padding: 5px;
 }

package/css/themes/custom/aquamarine/custom-aquamarine.css

@@ -1264,7 +1264,7 @@ thead.k-grid-header th.k-header:last-child {
 .k-scheduler-navigation .k-nav-prev .k-link:hover,
 .k-scheduler div.k-scheduler-footer .k-link:hover,
 .k-scheduler div.k-scheduler-footer ul li:hover,
-.k-scheduler-edit-form .k-edit-field .k-button:hover {
+.k-scheduler-edit-form .k-edit-field .k-button:hover{
     color: var(--colorDefault40, #2ca4a8);
     box-shadow: none;
     background: var(--colorDefault20, #b1d3d5);
@@ -1491,24 +1491,6 @@ div[data-component^='crn-slider'] .form-control {
     border-color: var(--textColorLight40, #444444);
 }
 
-#cron-breadcrumbs {
+#cron-breadcrumbs{
     background: transparent;
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: var(--textColorDefault40, #ffffff);
-    border-radius: var(--borderRadiusSmall, 15px);
-    border: 1px solid var(--colorLight50, #c2c2c2);
-    padding: 0;
-}
-
-.layout-template-modern:focus-within {
-    border: 1px solid var(--colorLight50, #c2c2c2);
-    background: var(--textColorDefault40, #ffffff);
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
 }

package/css/themes/custom/cerulean/custom-cerulean.css

@@ -886,7 +886,7 @@ td.k-state-focused.k-state-selected {
 }
 
 .cardinput,
-.form-control {
+.form-control{
     border-color: var(--textColor20, #b8b8b8);
 }
 
@@ -966,31 +966,4 @@ td.k-state-focused.k-state-selected {
 
 .k-window-titlebar {
     background: transparent;
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: transparent;
-    border-radius: var(--borderRadiusSmallest, 4px);
-    border: 1px solid var(--textColor20, #b8b8b8);
-    padding: 0;
-}
-
-.layout-template-modern:focus-within {
-    border: 1px solid var(--colorPrimary30, #82bded);
-    background: transparent;
-    outline: 0;
-    box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorPrimary30, #82bded);
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-.layout-template-modern .k-button:hover,
-.layout-template-modern .k-button {
-    color: var(--colorPrimary40, #3b448e);
-    border: 0;
 }

package/css/themes/custom/cosmo/custom-cosmo.css

@@ -1161,31 +1161,4 @@ td.k-state-focused.k-state-selected {
 
 .cardinput {
     padding: 0;
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: transparent;
-    border-radius: var(--borderRadiusNone, 0);
-    border: 1px solid var(--textColor10, #d7d7d7);
-    padding: 0;
-}
-
-.layout-template-modern:focus-within {
-    background: transparent;
-    border-color: var(--colorPrimary30, #82bded);
-    outline: 0;
-    box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorPrimary30, #82bded);
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-.layout-template-modern .k-button:hover,
-.layout-template-modern .k-button {
-    color: var(--colorDefault40, #3b448e);
-    padding: 6px 10px;
 }

package/css/themes/custom/cyborg/custom-cyborg.css

@@ -1318,31 +1318,4 @@ td.k-state-focused.k-state-selected {
 
 .k-scheduler .k-scheduler-toolbar ul .k-nav-current.k-state-hover a {
     background: transparent;
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: var(--colorNeutral00, #ffffff);
-    border-radius: var(--borderRadiusSmallest, 4px);
-    border: 1px solid var(--textColor10, #d7d7d7);
-    padding: 0;
-}
-
-.layout-template-modern:focus-within {
-    background: var(--colorNeutral00, #ffffff);
-    border-color: var(--colorPrimary30, #82bded);
-    outline: 0;
-    box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorPrimary30, #82bded);
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-.layout-template-modern .k-button:hover,
-.layout-template-modern .k-button {
-    color: var(--colorDefault40, #3b448e);
-    padding: 6px 10px;
 }

package/css/themes/custom/cyborg/navbar-cyborg.css

@@ -107,4 +107,10 @@ img.user-avatar[src="node_modules/cronapp-framework-js/dist/img/img-user.svg"] {
         box-shadow: none;
         border: 0;
     }
+}
+
+/* Collapsible menu */
+label.labelCollapsibleMenu {
+    height: var(--textBigSize, 34px);
+    width: var(--textBigSize, 34px);
 }

package/css/themes/custom/darkly/custom-darkly.css

@@ -1229,29 +1229,4 @@ td.k-state-focused.k-state-selected,
 
 .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
     border-top-color: var(--colorNeutral00, #ffffff)
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: var(--colorNeutral00, #ffffff);
-    border-radius: var(--borderRadiusSmallest, 4px);
-    border: 1px solid var(--textColor30, #858585);
-    padding: 0;
-}
-
-.layout-template-modern:focus-within {
-    background: var(--colorNeutral00, #ffffff);
-    border-color: var(--textColor30, #858585);
-    outline: 0;
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-div[data-component^='crn-textinputicon'] .layout-template-modern .k-button,
-div[data-component^='crn-textinputicon'] .layout-template-modern .k-button:hover {
-    color: var(--colorDefault40, #3b448e);
 }

package/css/themes/custom/dsgov/form-dsgov.css

@@ -361,23 +361,4 @@ div[id^="crn-textinputicon"] .input-group .k-button {
 
 #starter div[id^="crn-form"] input {
     margin-bottom: 4px;
-}
-
-/* Input with icon */
-.layout-template-modern:focus-within {
-    border: 1px solid var(--colorNeutral90, #828282);
-    background: var(--backgroundColor40, #ffffff);
-}
-
-.layout-template-modern input.k-textbox {
-    padding-left: 5px;
-}
-
-.layout-template-modern.input-group .k-button {
-    padding: 0px 14px;
-}
-
-div[id^="crn-textinputicon"] .input-group.layout-template-modern .k-button:hover,
-div[id^="crn-textinputicon"] .input-group.layout-template-modern .k-button {
-    color: var(--colorDefault40, #3b448e);
 }

package/css/themes/custom/flatly/custom-flatly.css

@@ -302,7 +302,7 @@
     --borderBtnStable: transparent;
     --borderBtnRoyal: transparent;
     --borderBtnDark: transparent;
-
+    
     /* Components - Text color */
     --colorDefault: var(--colorDefault40, #798d8f);
     --colorPrimary: var(--colorPrimary40, #2c3e50);
@@ -1003,26 +1003,6 @@ textarea.k-textbox,
     border-color: var(--textColor40, #393939);
 }
 
-.cardinput {
-    padding: 0;
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: var(--colorNeutral00, #ffffff);
-    border-radius: var(--borderRadiusSmallest, 4px);
-    border: 2px solid var(--colorDefault10, #dfe3e3);
+.cardinput{
     padding: 0;
-}
-
-.layout-template-modern:focus-within {
-    background: var(--colorNeutral00, #ffffff);
-    border: 2px solid var(--textColor40, #393939);
-    outline: 0;
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
 }

package/css/themes/custom/fuse/custom-fuse.css

@@ -420,7 +420,7 @@
     color: var(--textColor40, #383838);
 }
 
-.color-info:hover {
+.color-info:hover{
     color: var(--textColor40, #383838);
 }
 
@@ -543,8 +543,8 @@ div[data-component="crn-accordion"] .title {
 .bg-login #container-second p {
     color: var(--textColorDefault40, #ffffff);
 }
-
-#crn-botao-cadastre .login-view .crn-button-signup-register,
+#crn-botao-cadastre
+.login-view .crn-button-signup-register,
 .login-view .btn.btn-default {
     background: var(--colorPrimary40, #4f46e5);
     border-color: transparent;
@@ -922,7 +922,7 @@ textarea.k-textbox {
     margin-left: 0;
 }
 
-.cardinput input.k-textbox {
+.cardinput input.k-textbox{
     height: auto;
 }
 
@@ -1240,7 +1240,7 @@ div[data-component="crn-grid"] .k-grid-header th.k-header {
     color: var(--textColor40, #383838);
 }
 
-.panel-info .panel-heading h1 {
+.panel-info .panel-heading h1{
     color: var(--textColor40, #383838);
 }
 
@@ -1248,33 +1248,6 @@ div[data-component="crn-grid"] .k-grid-header th.k-header {
     border-color: var(--textColor20, #b2b2b2);
 }
 
-#cron-breadcrumbs {
+#cron-breadcrumbs{
     background: transparent;
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: var(--colorNeutral00, #ffffff);
-    border-radius: 5px;
-    border: 1px solid var(--colorLight60, #bbbbbb);
-    padding: 0;
-    min-height: 43px;
-}
-
-.layout-template-modern:focus-within {
-    border: 1px solid var(--colorLight60, #bbbbbb);
-    background: var(--colorNeutral00, #ffffff);
-}
-
-.layout-template-modern input.k-textbox {
-    padding-left: 5px;
-}
-
-.layout-template-modern .k-button:hover,
-.layout-template-modern .k-button {
-    color: var(--colorDefault40, #3b448e);
-}
-
-.layout-template-modern.input-group .k-button {
-    padding: 0px 14px;
 }

package/css/themes/custom/journal/custom-journal.css

@@ -269,7 +269,7 @@
     --colorNeutral210: #090909;
     --colorNeutral220: #000000;
 
-    /* === Variables used exclusively in the color palette property === */
+    /* === Variables used exclusively in the color palette property === */    
     /* Components - Button */
     --btnLink: var(--colorPrimary40, #eb6864);
     --btnDefault: var(--colorDefault40, #2ca4a8);
@@ -477,7 +477,7 @@ a:hover {
     border-width: 0;
 }
 
-.bg-login #container-first #crn-botao-signup:hover {
+.bg-login #container-first #crn-botao-signup:hover{
     color: var(--colorDefault30, #8689af);
 }
 
@@ -1060,30 +1060,4 @@ input::placeholder,
 
 .cardinput {
     padding: 0;
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: var(--colorNeutral00, #ffffff);
-    border-radius: var(--borderRadiusSmallest, 4px);
-    border: 1px solid #cccccc;
-    padding: 0;
-}
-
-.layout-template-modern:focus-within {
-    background: var(--colorNeutral00, #ffffff);
-    border-color: var(--colorCalm30, #82bded);
-    outline: 0;
-    box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorCalm30, #82bded);
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-.layout-template-modern .k-button,
-.layout-template-modern .k-button:hover {
-    border: 0;
 }

package/css/themes/custom/lumen/custom-lumen.css

@@ -710,7 +710,6 @@ h6,
 #crn-botao-cadastre {
     color: var(--colorDefault70, #838383);
 }
-
 .bg-login #container-first #crn-botao-signup:hover,
 .bg-login #crn-botao-cadastre:focus,
 .bg-login #crn-botao-cadastre:hover {
@@ -1147,46 +1146,4 @@ td.k-state-focused {
 .k-popup .k-list .k-state-focused {
     box-shadow: inset 0 0 2px 0 var(--colorPrimary30, #7daecc), inset 0 0 7px 0 var(--colorPrimary40, #158cba);
     background: transparent;
-}
-
-.cardinput {
-    border-style: solid;
-    border-width: 2px 1px 1px 1px;
-    border-color: var(--backgroundColor50, #dfdfdf);
-    border-radius: var(--borderRadiusSmallest, 4px);
-    padding: 0;
-}
-
-.cardinput button i {
-    color: var(--colorDefault60, #3b448e);
-    font-size: var(--textNormalSize, 14px);
-}
-
-
-/* Input with icon */
-.layout-template-modern {
-    background: transparent;
-    border-radius: var(--borderRadiusSmallest, 4px);
-    padding: 0;
-    border-style: solid;
-    border-width: 2px 1px 1px 1px;
-    border-color: var(--backgroundColor50, #dfdfdf);
-}
-
-.layout-template-modern:focus-within {
-    background: transparent;
-    border-color: var(--textColor40, #393939);
-    outline: 0;
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-.layout-template-modern .k-button,
-.layout-template-modern .k-button:hover {
-    border: 0;
-    color: var(--colorDefault60, #3b448e);
 }

package/css/themes/custom/lumen/navbar-lumen.css

@@ -94,4 +94,13 @@
         color: var(--textColor40, #222222);
     }
 
+}
+
+/* Collapsible menu */
+#iconCollapsibleMenu {
+    color: var(--textColor30, #7f7f7f);
+}
+
+label.labelCollapsibleMenu {
+    background: var(--colorDefault40, #f0f0f0);
 }