cronapp-framework-js 2.9.3-SP.6 → 2.9.4-RC.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/components/crn-enterprise-combobox.components.json +7 -0
  2. package/components/crn-infinite-scroll.components.json +29 -0
  3. package/components/crn-navbar.components.json +33 -1
  4. package/components/css/checkbox-color.css +0 -1
  5. package/components/css/combobox-color.css +0 -12
  6. package/components/css/option-color.css +0 -28
  7. package/components/upload/upload.html +1 -1
  8. package/css/animate.css +4 -4
  9. package/css/app.css +4 -4
  10. package/css/themes/custom/aquamarine/custom-aquamarine.css +7 -1
  11. package/css/themes/custom/cerulean/button-cerulean.css +27 -2
  12. package/css/themes/custom/cerulean/combobox-cerulean.css +153 -0
  13. package/css/themes/custom/cerulean/custom-cerulean.css +571 -65
  14. package/css/themes/custom/cerulean/navbar-cerulean.css +90 -22
  15. package/css/themes/custom/cerulean/panel-cerulean.css +35 -34
  16. package/css/themes/custom/cyborg/navbar-cyborg.css +6 -0
  17. package/css/themes/custom/dsgov/button-dsgov.css +52 -17
  18. package/css/themes/custom/dsgov/calendar-dsgov.css +106 -34
  19. package/css/themes/custom/dsgov/checkbox-dsgov.css +309 -0
  20. package/css/themes/custom/dsgov/custom-dsgov.css +171 -344
  21. package/css/themes/custom/dsgov/form-dsgov.css +272 -110
  22. package/css/themes/custom/dsgov/navbar-dsgov.css +150 -38
  23. package/css/themes/custom/dsgov/option-dsgov.css +144 -0
  24. package/css/themes/custom/dsgov/panel-dsgov.css +117 -97
  25. package/css/themes/custom/dsgov/scheduler-dsgov.css +325 -0
  26. package/css/themes/custom/dsgov/slider-dsgov.css +2 -3
  27. package/css/themes/custom/dsgov/table-grid-dsgov.css +144 -69
  28. package/css/themes/custom/lumen/navbar-lumen.css +9 -0
  29. package/css/themes/custom/material/custom-material.css +130 -70
  30. package/css/themes/custom/material/grid-material.css +37 -43
  31. package/css/themes/custom/material/navbar-material.css +58 -6
  32. package/css/themes/custom/material/panel-material.css +61 -20
  33. package/css/themes/custom/navigator/custom-navigator.css +2 -2
  34. package/css/themes/custom/paper/navbar-paper.css +11 -0
  35. package/css/themes/custom/theme-general/button.css +6 -2
  36. package/css/themes/custom/theme-general/forms.css +89 -3
  37. package/css/themes/custom/theme-general/login.css +6 -6
  38. package/css/themes/custom/theme-general/menu-vertical-retratil.css +130 -0
  39. package/css/themes/custom/theme-general/menu.css +18 -4
  40. package/css/themes/custom/theme-general/modal.css +35 -6
  41. package/css/themes/custom/theme-general/scheduler.css +275 -34
  42. package/css/themes/custom/theme-general/slider.css +4 -3
  43. package/css/themes/custom/theme-general/table-grid.css +138 -2
  44. package/css/themes/custom/theme-general/tabs.css +3 -2
  45. package/css/themes/custom/theme-general/theme-general.css +42 -3
  46. package/css/themes/custom/united/navbar-united.css +9 -0
  47. package/css/themes/custom/yeti/navbar-yeti.css +9 -0
  48. package/dist/components/css/checkbox-color.css +1 -1
  49. package/dist/components/css/combobox-color.css +1 -1
  50. package/dist/css/animate.css +1 -1
  51. package/dist/css/app.css +1 -1
  52. package/dist/css/themes/custom/aquamarine/custom-aquamarine.css +1 -1
  53. package/dist/css/themes/custom/cerulean/button-cerulean.css +1 -1
  54. package/dist/css/themes/custom/cerulean/combobox-cerulean.css +1 -0
  55. package/dist/css/themes/custom/cerulean/custom-cerulean.css +1 -1
  56. package/dist/css/themes/custom/cerulean/navbar-cerulean.css +1 -1
  57. package/dist/css/themes/custom/cerulean/panel-cerulean.css +1 -1
  58. package/dist/css/themes/custom/cyborg/navbar-cyborg.css +1 -1
  59. package/dist/css/themes/custom/dsgov/button-dsgov.css +1 -1
  60. package/dist/css/themes/custom/dsgov/calendar-dsgov.css +1 -1
  61. package/dist/css/themes/custom/dsgov/checkbox-dsgov.css +1 -0
  62. package/dist/css/themes/custom/dsgov/custom-dsgov.css +1 -1
  63. package/dist/css/themes/custom/dsgov/form-dsgov.css +1 -1
  64. package/dist/css/themes/custom/dsgov/navbar-dsgov.css +1 -1
  65. package/dist/css/themes/custom/dsgov/option-dsgov.css +1 -0
  66. package/dist/css/themes/custom/dsgov/panel-dsgov.css +1 -1
  67. package/dist/css/themes/custom/dsgov/scheduler-dsgov.css +1 -0
  68. package/dist/css/themes/custom/dsgov/slider-dsgov.css +1 -1
  69. package/dist/css/themes/custom/dsgov/table-grid-dsgov.css +1 -1
  70. package/dist/css/themes/custom/lumen/navbar-lumen.css +1 -1
  71. package/dist/css/themes/custom/material/custom-material.css +1 -1
  72. package/dist/css/themes/custom/material/grid-material.css +1 -1
  73. package/dist/css/themes/custom/material/navbar-material.css +1 -1
  74. package/dist/css/themes/custom/material/panel-material.css +1 -1
  75. package/dist/css/themes/custom/navigator/custom-navigator.css +1 -1
  76. package/dist/css/themes/custom/paper/navbar-paper.css +1 -1
  77. package/dist/css/themes/custom/theme-general/button.css +1 -1
  78. package/dist/css/themes/custom/theme-general/forms.css +1 -1
  79. package/dist/css/themes/custom/theme-general/login.css +1 -1
  80. package/dist/css/themes/custom/theme-general/menu-vertical-retratil.css +1 -0
  81. package/dist/css/themes/custom/theme-general/menu.css +1 -1
  82. package/dist/css/themes/custom/theme-general/modal.css +1 -1
  83. package/dist/css/themes/custom/theme-general/scheduler.css +1 -1
  84. package/dist/css/themes/custom/theme-general/slider.css +1 -1
  85. package/dist/css/themes/custom/theme-general/table-grid.css +1 -1
  86. package/dist/css/themes/custom/theme-general/tabs.css +1 -1
  87. package/dist/css/themes/custom/theme-general/theme-general.css +1 -1
  88. package/dist/css/themes/custom/united/navbar-united.css +1 -1
  89. package/dist/css/themes/custom/yeti/navbar-yeti.css +1 -1
  90. package/dist/img/cron-icon/crn-infinite-scroll.svg +1 -0
  91. package/dist/js/app.js +1 -1
  92. package/dist/js/controllers.js +1 -1
  93. package/dist/js/directives.js +2 -2
  94. package/img/cron-icon/crn-infinite-scroll.svg +1 -0
  95. package/js/app.js +2 -1
  96. package/js/controllers.js +2 -2
  97. package/js/directives.js +63 -13
  98. package/package.json +1 -1
  99. package/css/themes/custom/dsgov/color-dsgov.css +0 -138
  100. package/dist/css/themes/custom/dsgov/color-dsgov.css +0 -1
package/js/controllers.js CHANGED
@@ -78,7 +78,7 @@
78
78
 
79
79
  });
80
80
 
81
- app.controller('LoginController', function($controller, $scope, $http, $rootScope, $window, $state, $translate, Notification, ReportService, UploadService, $location, $stateParams, $timeout, $cookies, $templateCache, DashboardService) {
81
+ app.controller('LoginController', function($controller, $scope, $http, $rootScope, $window, $state, $translate, Notification, ReportService, UploadService, $location, $stateParams, $timeout, $cookies, $templateCache, DashboardService, SyncService) {
82
82
 
83
83
  $http.get(window.NotificationProviderOptions.templateUrl, {cache: true})
84
84
  .then((response) => $templateCache.put(window.NotificationProviderOptions.templateUrl, response.data));
@@ -259,7 +259,7 @@
259
259
 
260
260
  });
261
261
 
262
- app.controller('HomeController', function($controller, $scope, $http, $rootScope, $state, $translate, Notification, ReportService, UploadService, $location, $stateParams, $timeout, DashboardService) {
262
+ app.controller('HomeController', function($controller, $scope, $http, $rootScope, $state, $translate, Notification, ReportService, UploadService, $location, $stateParams, $timeout, DashboardService, SyncService) {
263
263
 
264
264
  $scope.$http = $http;
265
265
  $scope.params = $stateParams;
package/js/directives.js CHANGED
@@ -3748,7 +3748,8 @@
3748
3748
  options.dataBound = attrs.ngDataBound ? function (){scope.$eval(attrs.ngDataBound)}: undefined;
3749
3749
  options.filtering = attrs.ngFiltering ? function (){scope.$eval(attrs.ngFiltering)}: undefined;
3750
3750
 
3751
- options.select = attrs.ngSelect ? function (e) {
3751
+ options.select = attrs.ngSelect ? function (e) {
3752
+ scope.$eval(attrs.ngSelect);
3752
3753
  scope.safeApply(() => {
3753
3754
  var contextVars = {
3754
3755
  'selected' : e.dataItem,
@@ -3757,19 +3758,27 @@
3757
3758
  };
3758
3759
  scope.$eval(attrs.ngSelect, contextVars);
3759
3760
  });
3760
- } : undefined;
3761
+ }: undefined;
3762
+ options.change = function(e) {
3763
+ _scope.$apply(function () {
3764
+ _ngModelCtrl.$setViewValue(this.value());
3765
+ }.bind(combobox));
3766
+ if (attrs.ngChange) {
3767
+ var dataItem = this.dataItem();
3768
+ scope.safeApply(() => {
3769
+ var contextVars = {
3770
+ 'selected' : dataItem,
3771
+ 'selectedKey' : dataItem[options.dataValueField],
3772
+ 'selectedValue' : dataItem[options.dataTextField]
3773
+ };
3774
+ scope.$eval(attrs.ngChange, contextVars);
3775
+ });
3776
+ }
3777
+ };
3761
3778
 
3762
- options.change = attrs.ngChange ? function (e) {
3763
- var dataItem = this.dataItem();
3764
- scope.safeApply(() => {
3765
- var contextVars = {
3766
- 'selected' : dataItem,
3767
- 'selectedKey' : dataItem[options.dataValueField],
3768
- 'selectedValue' : dataItem[options.dataTextField]
3769
- };
3770
- scope.$eval(attrs.ngChange, contextVars);
3771
- });
3772
- } : undefined;
3779
+ options.messages = {
3780
+ noData: attrs.noResultsMessage ? attrs.noResultsMessage : "NO DATA FOUND"
3781
+ };
3773
3782
 
3774
3783
  var combobox;
3775
3784
  if (select.dontAllowOutsideList === true) {
@@ -5784,6 +5793,47 @@
5784
5793
  }
5785
5794
  })
5786
5795
 
5796
+ .directive('crnInfiniteScroll', ['$compile', function($compile){
5797
+ 'use strict';
5798
+ return {
5799
+ restrict: 'EA',
5800
+ link: function(scope, element, attrs) {
5801
+ var dataSource = attrs.crnInfiniteScroll ? eval(attrs.crnInfiniteScroll) : attrs.crnDatasource ? eval(attrs.crnDatasource): undefined;
5802
+ if (dataSource) {
5803
+ let nextPageInfinite = {
5804
+ isVisible: false,
5805
+ checkVisibility: function(visible) {
5806
+ if (nextPageInfinite.isVisible !== visible) {
5807
+ nextPageInfinite.isVisible = visible;
5808
+ if (nextPageInfinite.isVisible) {
5809
+ if (dataSource.loaded && dataSource.loadedFinish) {
5810
+ dataSource.nextPage();
5811
+ } else {
5812
+ let intervalNextPage = setInterval(function() {
5813
+ if (dataSource.loaded && dataSource.loadedFinish) {
5814
+ dataSource.nextPage();
5815
+ clearInterval(intervalNextPage);
5816
+ }
5817
+ }, 250);
5818
+ }
5819
+ }
5820
+ }
5821
+ },
5822
+ eventScroll: function() {
5823
+ var topElem = element.offset().top;
5824
+ var botElem = element.offset().top + element.outerHeight();
5825
+ var botScrn = $(window).scrollTop() + $(window).innerHeight();
5826
+ var topScrn = $(window).scrollTop();
5827
+ nextPageInfinite.checkVisibility((botScrn > topElem) && (topScrn < botElem));
5828
+ }
5829
+ };
5830
+ $(window).scroll(nextPageInfinite.eventScroll);
5831
+ $(window).ready(nextPageInfinite.eventScroll);
5832
+ }
5833
+ }
5834
+ }
5835
+ }])
5836
+
5787
5837
  }(app));
5788
5838
 
5789
5839
  function maskDirectiveAsDate($compile, $translate, $parse) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cronapp-framework-js",
3
- "version": "2.9.3-SP.6",
3
+ "version": "2.9.4-RC.3",
4
4
  "description": "Javascript library for CronApp's projects",
5
5
  "main": "cronapp.framework.js",
6
6
  "scripts": {
@@ -1,138 +0,0 @@
1
- .option-default:hover .k-radio-label:before,
2
- .checkbox-default:hover .k-checkbox-label:before {
3
- background: var(--colorDefault10, #d6daeb);
4
- }
5
-
6
- .option-primary:hover .k-radio-label:before,
7
- .checkbox-primary:hover .k-checkbox-label:before {
8
- background: var(--colorPrimary10, #d6daeb);
9
- }
10
-
11
- .option-success:hover .k-radio-label:before,
12
- .checkbox-success:hover .k-checkbox-label:before {
13
- background: var(--colorSuccess10, #d6e2d6);
14
- }
15
-
16
- .option-info:hover .k-radio-label:before,
17
- .checkbox-info:hover .k-checkbox-label:before {
18
- background: var(--colorCalm10, #d6dbf1);
19
- }
20
-
21
- .option-warning:hover .k-radio-label:before,
22
- .checkbox-warning:hover .k-checkbox-label:before {
23
- background: var(--colorWarning10, #fff1d5);
24
- }
25
-
26
- .option-danger:hover .k-radio-label:before,
27
- .checkbox-danger:hover .k-checkbox-label:before {
28
- background: var(--colorDanger10, #f7d6d5);
29
- }
30
-
31
- .option-light:hover .k-radio-label:before,
32
- .checkbox-light:hover .k-checkbox-label:before {
33
- background: var(--colorLight50, #f5f5f5);
34
- }
35
-
36
- .option-stable:hover .k-radio-label:before,
37
- .checkbox-stable:hover .k-checkbox-label:before {
38
- background: var(--colorStable50, #fdfdfd);
39
- }
40
-
41
- .option-royal:hover .k-radio-label:before,
42
- .checkbox-royal:hover .k-checkbox-label:before {
43
- background: var(--colorRoyal10, #e2ddf9);
44
- }
45
-
46
- .option-dark:hover .k-radio-label:before,
47
- .checkbox-dark:hover .k-checkbox-label:before {
48
- background: var(--colorDark10, #d9d9d9);
49
- }
50
-
51
- /* light */
52
- .checkbox-light .k-checkbox:checked+.k-checkbox-label:before,
53
- .checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:before,
54
- .checkbox-light .k-checkbox-label:hover:before,
55
- .checkbox-light .k-checkbox:checked+.k-checkbox-label:hover:before,
56
- .checkbox-light .k-checkbox:checked:hover+.k-checkbox-label:before,
57
- .checkbox-light .k-checkbox:hover+.k-checkbox-label:before,
58
- .checkbox-light .k-checkbox-label:active:before,
59
- .checkbox-light .k-checkbox:active+.k-checkbox-label:before,
60
- .checkbox-light .k-checkbox:focus+.k-checkbox-label:before,
61
- .checkbox-light .k-checkbox:hover+.k-checkbox-label:before,
62
- .checkbox-light .k-checkbox:checked+.k-checkbox-label:after,
63
- .checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:after,
64
- .checkbox-light .k-checkbox-label:before {
65
- border-color: var(--colorLight60, #ffffff);
66
- }
67
-
68
- .checkbox-light .k-checkbox-label:hover:before,
69
- .checkbox-light .k-checkbox:checked+.k-checkbox-label:hover:before,
70
- .checkbox-light .k-checkbox:checked:hover+.k-checkbox-label:before,
71
- .checkbox-light .k-checkbox:hover+.k-checkbox-label:before,
72
- .checkbox-light .k-checkbox:focus+.k-checkbox-label:before,
73
- .checkbox-light .k-checkbox:hover+.k-checkbox-label:before {
74
- box-shadow: 0 0 5px 0 var(--colorLight70, #dfdfdf);
75
- }
76
-
77
- .checkbox-light .k-checkbox:checked+.k-checkbox-label:before,
78
- .checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:before,
79
- .checkbox-light .k-checkbox:checked+.k-checkbox-label:after,
80
- .checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:after {
81
- color: var(--textColorLight40, #444444);
82
- }
83
-
84
- /* Stable */
85
- .checkbox-stable .k-checkbox:checked+.k-checkbox-label:before,
86
- .checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:before,
87
- .checkbox-stable .k-checkbox-label:hover:before,
88
- .checkbox-stable .k-checkbox:checked+.k-checkbox-label:hover:before,
89
- .checkbox-stable .k-checkbox:checked:hover+.k-checkbox-label:before,
90
- .checkbox-stable .k-checkbox:hover+.k-checkbox-label:before,
91
- .checkbox-stable .k-checkbox-label:active:before,
92
- .checkbox-stable .k-checkbox:active+.k-checkbox-label:before,
93
- .checkbox-stable .k-checkbox:focus+.k-checkbox-label:before,
94
- .checkbox-stable .k-checkbox:hover+.k-checkbox-label:before,
95
- .checkbox-stable .k-checkbox:checked+.k-checkbox-label:after,
96
- .checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:after,
97
- .checkbox-stable .k-checkbox-label:before {
98
- border-color: var(--colorStable60, #f8f8f8);
99
- }
100
-
101
- .checkbox-stable .k-checkbox-label:hover:before,
102
- .checkbox-stable .k-checkbox:checked+.k-checkbox-label:hover:before,
103
- .checkbox-stable .k-checkbox:checked:hover+.k-checkbox-label:before,
104
- .checkbox-stable .k-checkbox:hover+.k-checkbox-label:before,
105
- .checkbox-stable .k-checkbox:focus+.k-checkbox-label:before,
106
- .checkbox-stable .k-checkbox:hover+.k-checkbox-label:before {
107
- box-shadow: 0 0 5px 0 var(--colorStable70, #d9d9d9);
108
- }
109
-
110
- .checkbox-stable .k-checkbox:checked+.k-checkbox-label:before,
111
- .checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:before,
112
- .checkbox-stable .k-checkbox:checked+.k-checkbox-label:after,
113
- .checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:after {
114
- color: var(--textColorStable40, #ffffff);
115
- }
116
-
117
- .k-checkbox:checked+.k-checkbox-label:before,
118
- .k-checkbox:indeterminate+.k-checkbox-label:before,
119
- .k-checkbox:checked+.k-checkbox-label:after,
120
- .k-checkbox:indeterminate+.k-checkbox-label:after {
121
- background: var(--backgroundColor40);
122
- }
123
-
124
- .checkbox-white .k-checkbox:checked+.k-checkbox-label:before,
125
- .checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:before,
126
- .checkbox-white .k-checkbox-label:hover:before,
127
- .checkbox-white .k-checkbox:checked+.k-checkbox-label:hover:before,
128
- .checkbox-white .k-checkbox:checked:hover+.k-checkbox-label:before,
129
- .checkbox-white .k-checkbox:hover+.k-checkbox-label:before,
130
- .checkbox-white .k-checkbox-label:active:before,
131
- .checkbox-white .k-checkbox:active+.k-checkbox-label:before,
132
- .checkbox-white .k-checkbox:focus+.k-checkbox-label:before,
133
- .checkbox-white .k-checkbox:hover+.k-checkbox-label:before,
134
- .checkbox-white .k-checkbox:checked+.k-checkbox-label:after,
135
- .checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:after,
136
- .checkbox-white .k-checkbox-label:before {
137
- border-color: var(--white_focus_hover, #ffffff);
138
- }
@@ -1 +0,0 @@
1
- .option-default:hover .k-radio-label:before,.checkbox-default:hover .k-checkbox-label:before{background:var(--colorDefault10,#d6daeb)}.option-primary:hover .k-radio-label:before,.checkbox-primary:hover .k-checkbox-label:before{background:var(--colorPrimary10,#d6daeb)}.option-success:hover .k-radio-label:before,.checkbox-success:hover .k-checkbox-label:before{background:var(--colorSuccess10,#d6e2d6)}.option-info:hover .k-radio-label:before,.checkbox-info:hover .k-checkbox-label:before{background:var(--colorCalm10,#d6dbf1)}.option-warning:hover .k-radio-label:before,.checkbox-warning:hover .k-checkbox-label:before{background:var(--colorWarning10,#fff1d5)}.option-danger:hover .k-radio-label:before,.checkbox-danger:hover .k-checkbox-label:before{background:var(--colorDanger10,#f7d6d5)}.option-light:hover .k-radio-label:before,.checkbox-light:hover .k-checkbox-label:before{background:var(--colorLight50,#f5f5f5)}.option-stable:hover .k-radio-label:before,.checkbox-stable:hover .k-checkbox-label:before{background:var(--colorStable50,#fdfdfd)}.option-royal:hover .k-radio-label:before,.checkbox-royal:hover .k-checkbox-label:before{background:var(--colorRoyal10,#e2ddf9)}.option-dark:hover .k-radio-label:before,.checkbox-dark:hover .k-checkbox-label:before{background:var(--colorDark10,#d9d9d9)}.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:hover+.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,#fff)}.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-light .k-checkbox:hover+.k-checkbox-label:before{box-shadow:0 0 5px 0 var(--colorLight70,#dfdfdf)}.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{color:var(--textColorLight40,#444)}.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(--colorStable60,#f8f8f8)}.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{box-shadow:0 0 5px 0 var(--colorStable70,#d9d9d9)}.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{color:var(--textColorStable40,#fff)}.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{background:var(--backgroundColor40)}.checkbox-white .k-checkbox:checked+.k-checkbox-label:before,.checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:before,.checkbox-white .k-checkbox-label:hover:before,.checkbox-white .k-checkbox:checked+.k-checkbox-label:hover:before,.checkbox-white .k-checkbox:checked:hover+.k-checkbox-label:before,.checkbox-white .k-checkbox:hover+.k-checkbox-label:before,.checkbox-white .k-checkbox-label:active:before,.checkbox-white .k-checkbox:active+.k-checkbox-label:before,.checkbox-white .k-checkbox:focus+.k-checkbox-label:before,.checkbox-white .k-checkbox:hover+.k-checkbox-label:before,.checkbox-white .k-checkbox:checked+.k-checkbox-label:after,.checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:after,.checkbox-white .k-checkbox-label:before{border-color:var(--white_focus_hover,#fff)}