cronapp-framework-js 2.9.4-RC.3 → 2.9.4-SP.10

package/js/directives.js

@@ -1617,8 +1617,12 @@
                   let $objClick = $(`[data-id="${randomId}"]`); 
                   if ($objClick.length) {
                     clearInterval(waitRender);
-                    $objClick.off('click');
-                    $objClick.on('click', (e) => {
+                    let eventHook = 'click';
+                    if ($('.km-pane-wrapper').length) {
+                        eventHook = 'touchstart';
+                    }
+                    $objClick.off(eventHook);
+                    $objClick.on(eventHook, (e) => {
                       func(e);
                       e.stopImmediatePropagation();
                     });
@@ -1662,7 +1666,7 @@
               showWorkHours: options.showWorkHours,
               selectable: true,
               date: schedulerStartDate,
-              mobile: true,
+              mobile: false,
               allDaySlot: options.allDaySlot,
               messages: {
                 editor: {
@@ -3749,7 +3753,6 @@
             options.filtering = attrs.ngFiltering ? function (){scope.$eval(attrs.ngFiltering)}: undefined;
             
             options.select = attrs.ngSelect ? function (e) {
-              scope.$eval(attrs.ngSelect);
               scope.safeApply(() => {
                 var contextVars = { 
                     'selected' : e.dataItem,
@@ -3759,21 +3762,25 @@
                 scope.$eval(attrs.ngSelect, contextVars); 
               });
             }: undefined;
-            options.change = function(e) {
-              _scope.$apply(function () {
-                _ngModelCtrl.$setViewValue(this.value());
-              }.bind(combobox));
-              if (attrs.ngChange) {
-                var dataItem = this.dataItem();
-                scope.safeApply(() => {
-                  var contextVars = { 
-                      'selected' : dataItem,
-                      'selectedKey' : dataItem[options.dataValueField],
-                      'selectedValue' : dataItem[options.dataTextField]
-                  };
-                  scope.$eval(attrs.ngChange, contextVars); 
-                });
-              }
+            options.change = attrs.ngChange ? function(e) {
+              var dataItem = this.dataItem();
+              scope.safeApply(() => {
+                if (attrs['ngModel']) {
+                  _ngModelCtrl.$$parse(attrs['ngModel']).assign(scope, this.value(), attrs['ngModel'].split("."));
+                }
+                var contextVars = { 
+                    'selected' : dataItem,
+                    'selectedKey' : dataItem[options.dataValueField],
+                    'selectedValue' : dataItem[options.dataTextField]
+                };
+                scope.$eval(attrs.ngChange, contextVars);
+              });
+            }: function(e) {
+              scope.safeApply(() => {
+                if (attrs['ngModel']) {
+                  _ngModelCtrl.$$parse(attrs['ngModel']).assign(scope, this.value(), attrs['ngModel'].split("."));
+                }
+              });
             };
 
             options.messages =  {
@@ -3827,23 +3834,13 @@
             var _scope = scope;
             var _ngModelCtrl = ngModelCtrl;
 
-            var initializing = true;
             if (ngModelCtrl) {
               ngModelCtrl.$formatters.push(function (value) {
                 var result = '';
-
                 if ((typeof value === 'boolean') || (value)) {
                   result = value;
                 }
                 combobox.value(result);
-
-                if (!initializing) {
-                  if (attrs.ngChange) scope.$eval(attrs.ngChange);
-                }
-
-
-                initializing = false;
-                combobox.value(result);
                 return result;
               });
               ngModelCtrl.$parsers.push(function (value) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cronapp-framework-js",
-  "version": "2.9.4-RC.3",
+  "version": "2.9.4-SP.10",
   "description": "Javascript library for CronApp's projects",
   "main": "cronapp.framework.js",
   "scripts": {

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

@@ -1,153 +0,0 @@
-/* Default */
-.k-multiselect .k-button.k-state-hover,
-.k-multiselect .k-button,
-.combobox-default .k-multiselect .k-button.k-state-hover,
-.combobox-default .k-multiselect .k-button {
-    background: linear-gradient(var(--colorDefault10, #fcfcfc), var(--colorDefault10, #fcfcfc) 60%, var(--colorDefault40, #f5f5f5));
-    border-color: var(--colorDefault50, #d7d7d7);
-    color: var(--textColorDefault40, #444444);
-}
-
-.k-multiselect-wrap .k-button.k-state-hover .k-select,
-.k-multiselect-wrap .k-button:hover,
-.combobox-default .k-multiselect-wrap .k-button.k-state-hover .k-select,
-.combobox-default .k-multiselect-wrap .k-button:hover {
-    color: var(--textColorDefault40, #444444);
-    background: linear-gradient(var(--colorDefault30, #f7f7f7), var(--colorDefault50, #d7d7d7) 60%, var(--colorDefault60, #b3b3b3));
-    border-color: var(--colorDefault50, #d7d7d7);
-}
-
-/* Primary */
-.combobox-primary .k-multiselect .k-button.k-state-hover,
-.combobox-primary .k-multiselect .k-button {
-    background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #3c6088));
-    border-color: var(--colorPrimary40, #2fa4e7);
-    color: var(--textColorPrimary40, #ffffff);
-}
-
-.combobox-primary .k-multiselect-wrap .k-button.k-state-hover .k-select,
-.combobox-primary .k-multiselect-wrap .k-button:hover {
-    color: var(--textColorPrimary40, #ffffff);
-    background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary50, #2990ca) 60%, var(--colorPrimary60, #2278a9));
-    border-color: var(--colorPrimary40, #2fa4e7);
-}
-
-/* success */
-.combobox-success .k-multiselect .k-button.k-state-hover,
-.combobox-success .k-multiselect .k-button {
-    background: linear-gradient(var(--colorSuccess30, #9fc085), var(--colorSuccess40, #73a839) 60%, var(--colorSuccess50, #359e1d));
-    border-color: var(--colorSuccess40, #73a839);
-    color: var(--textColorSuccess40, #ffffff);
-}
-
-.combobox-success .k-multiselect-wrap .k-button.k-state-hover .k-select,
-.combobox-success .k-multiselect-wrap .k-button:hover {
-    color: var(--textColorSuccess40, #ffffff);
-    background: linear-gradient(var(--colorSuccess30, #9fc085), var(--colorSuccess50, #659332) 60%, var(--colorSuccess60, #547b2a));
-    border-color: var(--colorSuccess40, #73a839);
-}
-
-/* info */
-.combobox-info .k-multiselect .k-button.k-state-hover,
-.combobox-info .k-multiselect .k-button {
-    background: linear-gradient(var(--colorCalm30, #7b869f), var(--colorCalm40, #033c73) 60%, var(--colorCalm50, #033565));
-    border-color: var(--colorCalm40, #033c73);
-    color: var(--textColorCalm40, #ffffff);
-}
-
-.combobox-info .k-multiselect-wrap .k-button.k-state-hover .k-select,
-.combobox-info .k-multiselect-wrap .k-button:hover {
-    color: var(--textColorCalm40, #ffffff);
-    background: linear-gradient(var(--colorCalm30, #7b869f), var(--colorCalm50, #033565) 60%, var(--colorCalm60, #022c54));
-    border-color: var(--colorCalm40, #033c73);
-}
-
-/* warning */
-.combobox-warning .k-multiselect .k-button.k-state-hover,
-.combobox-warning .k-multiselect .k-button {
-    background: linear-gradient(var(--colorWarning30, #e5907b), var(--colorWarning40, #dd5600) 60%, var(--colorWarning50, #c24b00));
-    border-color: var(--colorWarning40, #dd5600);
-    color: var(--textColorWarning40, #ffffff);
-}
-
-.combobox-warning .k-multiselect-wrap .k-button.k-state-hover .k-select,
-.combobox-warning .k-multiselect-wrap .k-button:hover {
-    color: var(--textColorWarning40, #ffffff);
-    background: linear-gradient(var(--colorWarning30, #e5907b), var(--colorWarning50, #c24b00) 60%, var(--colorWarning60, #a23f00));
-    border-color: var(--colorWarning40, #dd5600);
-}
-
-/* danger */
-.combobox-danger .k-multiselect .k-button.k-state-hover,
-.combobox-danger .k-multiselect .k-button {
-    background: linear-gradient(var(--colorDanger30, #d57e7f), var(--colorDanger40, #c71c22) 60%, var(--colorDanger50, #ae191e));
-    border-color: var(--colorDanger40, #c71c22);
-    color: var(--textColorDanger40, #ffffff);
-}
-
-.combobox-danger .k-multiselect-wrap .k-button.k-state-hover .k-select,
-.combobox-danger .k-multiselect-wrap .k-button:hover {
-    color: var(--textColorDanger40, #ffffff);
-    background: linear-gradient(var(--colorDanger30, #d57e7f), var(--colorDanger50, #ae191e) 60%, var(--colorDanger60, #921519));
-    border-color: var(--colorDanger40, #c71c22);
-}
-
-/* light */
-.combobox-light .k-multiselect .k-button.k-state-hover,
-.combobox-light .k-multiselect .k-button {
-    background: var(--colorLight40, #ffffff);
-    border-color: var(--colorLight60, #bbbbbb);
-    color: var(--textColorLight40, #444444);
-}
-
-.combobox-light .k-multiselect-wrap .k-button.k-state-hover .k-select,
-.combobox-light .k-multiselect-wrap .k-button:hover {
-    color: var(--textColorLight40, #444444);
-    background: var(--colorLight50, #dfdfdf);
-    border-color: var(--colorLight60, #bbbbbb);
-}
-
-/* Stable */
-.combobox-stable .k-multiselect .k-button.k-state-hover,
-.combobox-stable .k-multiselect .k-button {
-    background: linear-gradient(var(--colorStable30, #fafafa), var(--colorStable40, #f8f8f8) 60%, var(--colorStable50, #d9d9d9));
-    border-color: var(--colorStable50, #d9d9d9);
-    color: var(--textColorStable40, #444444);
-}
-
-.combobox-stable .k-multiselect-wrap .k-button.k-state-hover .k-select,
-.combobox-stable .k-multiselect-wrap .k-button:hover {
-    color: var(--textColorStable40, #444444);
-    background: linear-gradient(var(--colorStable30, #fafafa), var(--colorStable50, #d9d9d9) 60%, var(--colorStable60, #b6b6b6));
-    border-color: var(--colorStable50, #d9d9d9);
-}
-
-/* Royal */
-.combobox-royal .k-multiselect .k-button.k-state-hover,
-.combobox-royal .k-multiselect .k-button {
-    background: linear-gradient(var(--colorRoyal30, #ab9aef), var(--colorRoyal40, #886aea) 60%, var(--colorRoyal50, #775dcd));
-    border-color: var(--colorRoyal40, #886aea);
-    color: var(--textColorRoyal40, #ffffff);
-}
-
-.combobox-royal .k-multiselect-wrap .k-button.k-state-hover .k-select,
-.combobox-royal .k-multiselect-wrap .k-button:hover {
-    color: var(--textColorRoyal40, #ffffff);
-    background: linear-gradient(var(--colorRoyal30, #ab9aef), var(--colorRoyal50, #775dcd) 60%, var(--colorRoyal60, #644eab));
-    border-color: var(--colorRoyal40, #886aea);
-}
-
-/* Dark */
-.combobox-dark .k-multiselect .k-button.k-state-hover,
-.combobox-dark .k-multiselect .k-button {
-    background: linear-gradient(var(--colorDark30, #898989), var(--colorDark40, #444444) 60%, var(--colorDark50, #3c3c3c));
-    border-color: var(--colorDark40, #444444);
-    color: var(--textColorDark40, #ffffff);
-}
-
-.combobox-dark .k-multiselect-wrap .k-button.k-state-hover .k-select,
-.combobox-dark .k-multiselect-wrap .k-button:hover {
-    color: var(--textColorDark40, #ffffff);
-    background: linear-gradient(var(--colorDark30, #898989), var(--colorDark50, #3c3c3c) 60%, var(--colorDark60, #323232));
-    border-color: var(--colorDark40, #444444);
-}

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

@@ -1,309 +0,0 @@
-.k-checkbox-label:before {
-    border-width: 1.5px;
-}
-
-.k-checkbox-label:hover:before,
-.k-checkbox:checked+.k-checkbox-label:hover:before,
-.k-checkbox:checked:hover+.k-checkbox-label:before,
-.k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-default .k-checkbox-label:hover:before,
-.checkbox-default .k-checkbox:checked+.k-checkbox-label:hover:before,
-.checkbox-default .k-checkbox:checked:hover+.k-checkbox-label:before,
-.checkbox-default .k-checkbox:hover+.k-checkbox-label:before,
-.k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-default .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-default:hover .k-checkbox-label:before {
-    background: var(--colorDefault10, #d6daeb);
-    border-color: var(--colorLight60, #bbbbbb);
-}
-
-/* Efeito hover */
-.k-checkbox-label:hover:before,
-.k-checkbox:checked+.k-checkbox-label:hover:before,
-.k-checkbox:checked:hover+.k-checkbox-label:before,
-.k-checkbox:hover+.k-checkbox-label:before,
-.k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-default .k-checkbox-label:hover:before,
-.checkbox-default .k-checkbox:checked+.k-checkbox-label:hover:before,
-.checkbox-default .k-checkbox:checked:hover+.k-checkbox-label:before,
-.checkbox-default .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-default .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-default .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-primary .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-primary .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-primary .k-checkbox-label:hover:before,
-.checkbox-primary .k-checkbox:checked+.k-checkbox-label:hover:before,
-.checkbox-primary .k-checkbox:checked:hover+.k-checkbox-label:before,
-.checkbox-primary .k-checkbox-label:active:before,
-.checkbox-primary .k-checkbox:active+.k-checkbox-label:before,
-.checkbox-primary .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-primary .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-primary .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-primary .k-checkbox:indeterminate+.k-checkbox-label:after,
-.checkbox-primary .k-checkbox-label:before,
-.checkbox-success .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-success .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-success .k-checkbox-label:hover:before,
-.checkbox-success .k-checkbox:checked+.k-checkbox-label:hover:before,
-.checkbox-success .k-checkbox:checked:hover+.k-checkbox-label:before,
-.checkbox-success .k-checkbox-label:active:before,
-.checkbox-success .k-checkbox:active+.k-checkbox-label:before,
-.checkbox-success .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-success .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-success .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-success .k-checkbox:indeterminate+.k-checkbox-label:after,
-.checkbox-success .k-checkbox-label:before,
-.checkbox-info .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-info .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-info .k-checkbox-label:hover:before,
-.checkbox-info .k-checkbox:checked+.k-checkbox-label:hover:before,
-.checkbox-info .k-checkbox:checked:hover+.k-checkbox-label:before,
-.checkbox-info .k-checkbox-label:active:before,
-.checkbox-info .k-checkbox:active+.k-checkbox-label:before,
-.checkbox-info .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-info .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-info .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-info .k-checkbox:indeterminate+.k-checkbox-label:after,
-.checkbox-info .k-checkbox-label:before,
-.checkbox-warning .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-warning .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-warning .k-checkbox-label:hover:before,
-.checkbox-warning .k-checkbox:checked+.k-checkbox-label:hover:before,
-.checkbox-warning .k-checkbox:checked:hover+.k-checkbox-label:before,
-.checkbox-warning .k-checkbox-label:active:before,
-.checkbox-warning .k-checkbox:active+.k-checkbox-label:before,
-.checkbox-warning .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-warning .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-warning .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-warning .k-checkbox:indeterminate+.k-checkbox-label:after,
-.checkbox-warning .k-checkbox-label:before,
-.checkbox-danger .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-danger .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-danger .k-checkbox-label:hover:before,
-.checkbox-danger .k-checkbox:checked+.k-checkbox-label:hover:before,
-.checkbox-danger .k-checkbox:checked:hover+.k-checkbox-label:before,
-.checkbox-danger .k-checkbox-label:active:before,
-.checkbox-danger .k-checkbox:active+.k-checkbox-label:before,
-.checkbox-danger .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-danger .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-danger .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-danger .k-checkbox:indeterminate+.k-checkbox-label:after,
-.checkbox-danger .k-checkbox-label:before,
-.checkbox-light .k-checkbox-label:hover:before,
-.checkbox-light .k-checkbox:checked+.k-checkbox-label:hover:before,
-.checkbox-light .k-checkbox:checked:hover+.k-checkbox-label:before,
-.checkbox-light .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-light .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-stable .k-checkbox-label:hover:before,
-.checkbox-stable .k-checkbox:checked+.k-checkbox-label:hover:before,
-.checkbox-stable .k-checkbox:checked:hover+.k-checkbox-label:before,
-.checkbox-stable .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-stable .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-stable .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-royal .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-royal .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-royal .k-checkbox-label:hover:before,
-.checkbox-royal .k-checkbox:checked+.k-checkbox-label:hover:before,
-.checkbox-royal .k-checkbox:checked:hover+.k-checkbox-label:before,
-.checkbox-royal .k-checkbox-label:active:before,
-.checkbox-royal .k-checkbox:active+.k-checkbox-label:before,
-.checkbox-royal .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-royal .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-royal .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-royal .k-checkbox:indeterminate+.k-checkbox-label:after,
-.checkbox-royal .k-checkbox-label:before,
-.checkbox-dark .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-dark .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-dark .k-checkbox-label:hover:before,
-.checkbox-dark .k-checkbox:checked+.k-checkbox-label:hover:before,
-.checkbox-dark .k-checkbox:checked:hover+.k-checkbox-label:before,
-.checkbox-dark .k-checkbox-label:active:before,
-.checkbox-dark .k-checkbox:active+.k-checkbox-label:before,
-.checkbox-dark .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-dark .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-dark .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-dark .k-checkbox:indeterminate+.k-checkbox-label:after,
-.checkbox-dark .k-checkbox-label:before {
-    box-shadow: none;
-    background: var(--colorDefault10, #d6daeb);
-}
-
-/* Efeito focus */
-.k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-default .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-primary .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-success .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-info .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-warning .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-danger .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-light .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-stable .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-royal .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-dark .k-checkbox:focus+.k-checkbox-label:before {
-    box-shadow: 0 0 0 2px var(--colorWarning50, #dfb306);
-    border-color: var(--colorWarning50, #dfb306);
-}
-
-/* Default */
-.k-checkbox:checked+.k-checkbox-label:before,
-.k-checkbox:indeterminate+.k-checkbox-label:before,
-.k-checkbox-label:hover:before,
-.k-checkbox-label:active:before,
-.k-checkbox:active+.k-checkbox-label:before,
-.k-checkbox:checked+.k-checkbox-label:after,
-.k-checkbox:indeterminate+.k-checkbox-label:after,
-.k-checkbox-label:before,
-.checkbox-default .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-default .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-default .k-checkbox-label:active:before,
-.checkbox-default .k-checkbox:active+.k-checkbox-label:before,
-.checkbox-default .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-default .k-checkbox:indeterminate+.k-checkbox-label:after,
-.checkbox-default .k-checkbox-label:before {
-    border-color: var(--colorLight60, #bbbbbb);
-    box-shadow: none;
-}
-
-.k-checkbox:checked+.k-checkbox-label:before,
-.k-checkbox:indeterminate+.k-checkbox-label:before,
-.k-checkbox:checked+.k-checkbox-label:after,
-.k-checkbox:indeterminate+.k-checkbox-label:after,
-.checkbox-default .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-default .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-default .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-default .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background: transparent;
-    color: var(--colorDefault40, #1351b4);
-}
-
-/* Primary */
-.checkbox-primary .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-primary .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-primary .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-primary .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background: transparent;
-    color: var(--colorDefault40, #1351b4);
-}
-
-/* success */
-.checkbox-success .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-success .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-success .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-success .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background: transparent;
-    color: var(--colorDefault40, #1351b4);
-}
-
-/* info */
-.checkbox-info .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-info .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-info .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-info .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background: transparent;
-    color: var(--colorDefault40, #1351b4);
-}
-
-/* warning */
-.checkbox-warning .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-warning .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-warning .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-warning .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background: transparent;
-    color: var(--colorDefault40, #1351b4);
-}
-
-/* danger */
-.checkbox-danger .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-danger .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-danger .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-danger .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background: transparent;
-    color: var(--colorDefault40, #1351b4);
-}
-
-/* light */
-.checkbox-light .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-light .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:after,
-.checkbox-light .k-checkbox-label:before {
-    border-color: var(--colorLight50, #dfdfdf);
-    box-shadow: none;
-}
-
-.checkbox-light .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-light .k-checkbox-label:hover:before,
-.checkbox-light .k-checkbox:checked+.k-checkbox-label:hover:before,
-.checkbox-light .k-checkbox:checked:hover+.k-checkbox-label:before,
-.checkbox-light .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-light .k-checkbox-label:active:before,
-.checkbox-light .k-checkbox:active+.k-checkbox-label:before,
-.checkbox-light .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-light .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:after,
-.checkbox-light .k-checkbox-label:before {
-    border-color: var(--colorLight60, #bbbbbb);
-}
-
-.checkbox-light .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-light .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background: transparent;
-    color: var(--colorDefault40, #1351b4);
-}
-
-/* Stable */
-.checkbox-stable .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-stable .k-checkbox-label:active:before,
-.checkbox-stable .k-checkbox:active+.k-checkbox-label:before,
-.checkbox-stable .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:after,
-.checkbox-stable .k-checkbox-label:before {
-    border-color: var(--colorStable60, #b6b6b6);
-    box-shadow: none;
-}
-
-.checkbox-stable .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-stable .k-checkbox-label:hover:before,
-.checkbox-stable .k-checkbox:checked+.k-checkbox-label:hover:before,
-.checkbox-stable .k-checkbox:checked:hover+.k-checkbox-label:before,
-.checkbox-stable .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-stable .k-checkbox-label:active:before,
-.checkbox-stable .k-checkbox:active+.k-checkbox-label:before,
-.checkbox-stable .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-stable .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-stable .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:after,
-.checkbox-stable .k-checkbox-label:before {
-    border-color: var(--colorStable70, #888888);
-}
-
-.checkbox-stable .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-stable .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background: transparent;
-    color: var(--colorDefault40, #1351b4);
-}
-
-/* Royal */
-.checkbox-royal .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-royal .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-royal .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-royal .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background: transparent;
-    color: var(--colorDefault40, #1351b4);
-}
-
-/* Dark */
-.checkbox-dark .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-dark .k-checkbox:indeterminate+.k-checkbox-label:before,
-.checkbox-dark .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-dark .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background: transparent;
-    color: var(--colorDefault40, #1351b4);
-}