cronapp-framework-js 3.0.0-SP.3 → 3.0.0-SP.31

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

@@ -31,27 +31,6 @@
     "options": {
       "displayName_pt_BR": "Configuração",
       "displayName_en_US": "Configuration"
-    },
-    "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
     }
   },
   "styles": [

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

@@ -324,6 +324,12 @@
       "type": "logic",
       "displayName_pt_BR": "Ocultar Item Selecionado",
       "displayName_en_US": "Hide Selected Item"
+    },
+    {
+      "name": "id",
+      "selector": "cron-multi-select",
+      "type": "text",
+      "onSave": "javascript:(value)=> {this.currentObject.parent().find('label').attr('for', arguments[0]); return arguments[0];}"
     }
   ],
   "styles": [

package/components/crn-navbar.components.json

@@ -17,7 +17,7 @@
     "xattr-class": {
       "order": 998,
       "fixed": true,
-      "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]; }",
+      "onSave": "javascript:function(){ let currentElementId = this.currentObject.attr('id'); let selectedPosition = arguments[0]; let parent = this.currentObject.parent(); let menuVertical = this.currentObject; let uiView = parent.find('[ui-view]'); if(uiView.length === 0) { uiView = parent.parent().find('[ui-view]');} if (selectedPosition.indexOf('horizontal') > -1) { uiView.removeClass('main-view-vertical').removeClass('main-view-retratil').addClass('main-view-horizontal'); menuVertical.removeClass('crn-navigator-retratil').removeClass('crn-navigator-vertical').removeClass('collapsible-menu-hide'); parent.find('.main-title').removeClass('hide'); parent.find('#checkCollapsibleMenu').remove(); parent.find('.labelCollapsibleMenu').remove(); parent.removeClass('crn-navigator-vertical').removeClass('crn-navigator-retratil').removeClass('crn-navigator-retratil-left').addClass('crn-navigator-horizontal'); } else if (selectedPosition.indexOf('retratil') > -1) { uiView.removeClass('main-view-horizontal').addClass('main-view-retratil').addClass('main-view-vertical'); parent.find('.main-title').addClass('hide'); parent.removeClass('crn-navigator-horizontal').removeClass('crn-navigator-vertical').addClass('crn-navigator-retratil').addClass('crn-navigator-retratil-left'); menuVertical.addClass('collapsible-menu-hide'); menuVertical.addClass('crn-navigator-vertical'); menuVertical.addClass('crn-navigator-retratil'); menuVertical[0].insertAdjacentHTML('beforebegin', '<input type=\"checkbox\" id=\"checkCollapsibleMenu\"><label for=\"checkCollapsibleMenu\" class=\"labelCollapsibleMenu\"><i class=\"glyphicon glyphicon-menu-right\" id=\"iconCollapsibleMenu\"></i></label>'); parent.find('[main-nav-bar]').removeClass('crn-navigator-vertical'); } else if (selectedPosition.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(); parent.removeClass('crn-navigator-horizontal').addClass('crn-navigator-vertical'); } return selectedPosition; }",
       "displayName_pt_BR": "Posição",
       "displayName_en_US": "Position",
       "selector": "div"

package/components/templates/Component_Container/crn-eight-four-container.template.html

@@ -1,14 +1,14 @@
 <div
   class="col col-lg-8 col-md-8 col-sm-8 col-xs-8"
   data-container="true"
-  data-replace="false"
+  data-replace="true"
 >
   1 Column
 </div>
 <div
   class="col col-lg-4 col-md-4 col-sm-4 col-xs-4"
   data-container="true"
-  data-replace="false"
+  data-replace="true"
 >
   2 Column
 </div>

package/components/templates/Component_Container/crn-four-eight-container.template.html

@@ -1,14 +1,14 @@
 <div
   class="col col-lg-4 col-md-4 col-sm-4 col-xs-4"
   data-container="true"
-  data-replace="false"
+  data-replace="true"
 >
   1 Column
 </div>
 <div
   class="col col-lg-8 col-md-8 col-sm-8 col-xs-8"
   data-container="true"
-  data-replace="false"
+  data-replace="true"
 >
   2 Column
 </div>

package/components/templates/Component_Container/crn-one-container.template.html

@@ -1,7 +1,7 @@
 <div
   class="col col-lg-12 col-md-12 col-sm-12 col-xs-12"
   data-container="true"
-  data-replace="false"
+  data-replace="true"
 >
   1 Column
 </div>

package/components/templates/Component_Container/crn-three-container.template.html

@@ -1,21 +1,21 @@
 <div
   class="col col-lg-4 col-md-4 col-sm-4 col-xs-4"
   data-container="true"
-  data-replace="false"
+  data-replace="true"
 >
   1 Column
 </div>
 <div
   class="col col-lg-4 col-md-4 col-sm-4 col-xs-4"
   data-container="true"
-  data-replace="false"
+  data-replace="true"
 >
   2 Column
 </div>
 <div
   class="col col-lg-4 col-md-4 col-sm-4 col-xs-4"
   data-container="true"
-  data-replace="false"
+  data-replace="true"
 >
   3 Column
 </div>

package/components/templates/Component_Container/crn-three-six-three-container.template.html

@@ -1,21 +1,21 @@
 <div
   class="col col-lg-3 col-md-3 col-sm-3 col-xs-3"
   data-container="true"
-  data-replace="false"
+  data-replace="true"
 >
   1 Column
 </div>
 <div
   class="col col-lg-6 col-md-6 col-sm-6 col-xs-6"
   data-container="true"
-  data-replace="false"
+  data-replace="true"
 >
   2 Column
 </div>
 <div
   class="col col-lg-3 col-md-3 col-sm-3 col-xs-3"
   data-container="true"
-  data-replace="false"
+  data-replace="true"
 >
   3 Column
 </div>

package/components/templates/Component_Container/crn-two-container.template.html

@@ -1,14 +1,14 @@
 <div
   class="col col-lg-6 col-md-6 col-sm-6 col-xs-6"
   data-container="true"
-  data-replace="false"
+  data-replace="true"
 >
   1 Column
 </div>
 <div
   class="col col-lg-6 col-md-6 col-sm-6 col-xs-6"
   data-container="true"
-  data-replace="false"
+  data-replace="true"
 >
   2 Column
 </div>

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

@@ -1,4 +1,4 @@
-<span tabindex="-1" role="presentation" class="k-widget k-autocomplete cronAutoComplete k-autocomplete-clearable k-state-default" style="width: 100%;">
+<div><span tabindex="-1" role="presentation" class="k-widget k-autocomplete cronAutoComplete k-autocomplete-clearable k-state-default" style="width: 100%;">
     <input style="" id="cron-crn-enterprise-autocomplete-169514" required="" class="cronAutoComplete k-input" placeholder="Select an item" type="text" autocomplete="off">
     <span unselectable="on" class="k-icon k-clear-value k-i-close" title="clear" role="button" tabindex="-1"></span>
-</span>
+</span></div>

package/components/templates/cron-combobox-multiple.template.html

@@ -1,4 +1,4 @@
-<div class="form-group combobox-default" combobox-theme="combobox-default">
+<div class="form-group combobox-default" combobox-theme="combobox-default" id="cron-${COMPONENTID}">
     <label for="cron-${COMPONENTID}-container">Label</label>
     <cron-multi-select options="{}" ng-required="false" id="cron-${COMPONENTID}" ng-model="vars.multipleCombobox${RANDOM}" class="crn-select form-control k-content">
     </cron-multi-select>

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

@@ -38,6 +38,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -43,6 +43,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -40,6 +40,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;