cronapp-framework-js 2.9.3 → 2.9.4

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 (76) hide show
  1. package/components/crn-datepicker.components.json +5 -0
  2. package/components/crn-datetimepicker.components.json +5 -0
  3. package/components/crn-enterprise-combobox.components.json +19 -2
  4. package/components/crn-infinite-scroll.components.json +29 -0
  5. package/components/crn-navbar.components.json +33 -1
  6. package/components/crn-textinputicon.components.json +0 -26
  7. package/components/templates/date.template.html +2 -2
  8. package/components/templates/textinputicon.template.html +1 -1
  9. package/components/upload/upload.html +1 -1
  10. package/css/app.css +4 -0
  11. package/css/themes/custom/aquamarine/custom-aquamarine.css +2 -20
  12. package/css/themes/custom/cerulean/custom-cerulean.css +1 -28
  13. package/css/themes/custom/cosmo/custom-cosmo.css +0 -27
  14. package/css/themes/custom/cyborg/custom-cyborg.css +0 -27
  15. package/css/themes/custom/cyborg/navbar-cyborg.css +6 -0
  16. package/css/themes/custom/darkly/custom-darkly.css +0 -25
  17. package/css/themes/custom/dsgov/form-dsgov.css +0 -19
  18. package/css/themes/custom/flatly/custom-flatly.css +2 -22
  19. package/css/themes/custom/fuse/custom-fuse.css +6 -33
  20. package/css/themes/custom/journal/custom-journal.css +2 -28
  21. package/css/themes/custom/lumen/custom-lumen.css +0 -43
  22. package/css/themes/custom/lumen/navbar-lumen.css +9 -0
  23. package/css/themes/custom/paper/custom-paper.css +0 -30
  24. package/css/themes/custom/paper/navbar-paper.css +11 -0
  25. package/css/themes/custom/readable/custom-readable.css +0 -27
  26. package/css/themes/custom/sandstone/custom-sandstone.css +0 -26
  27. package/css/themes/custom/simplex/custom-simplex.css +0 -27
  28. package/css/themes/custom/slate/custom-slate.css +33 -33
  29. package/css/themes/custom/spacelab/custom-spacelab.css +0 -27
  30. package/css/themes/custom/superhero/custom-superhero.css +0 -27
  31. package/css/themes/custom/theme-general/forms.css +7 -42
  32. package/css/themes/custom/theme-general/menu-vertical-retratil.css +130 -0
  33. package/css/themes/custom/theme-general/theme-general.css +1 -0
  34. package/css/themes/custom/united/custom-united.css +0 -22
  35. package/css/themes/custom/united/navbar-united.css +9 -0
  36. package/css/themes/custom/yeti/custom-yeti.css +0 -28
  37. package/css/themes/custom/yeti/navbar-yeti.css +9 -0
  38. package/dist/components/templates/date.template.html +1 -1
  39. package/dist/components/templates/textinputicon.template.html +1 -1
  40. package/dist/css/app.css +1 -1
  41. package/dist/css/themes/custom/aquamarine/custom-aquamarine.css +1 -1
  42. package/dist/css/themes/custom/cerulean/custom-cerulean.css +1 -1
  43. package/dist/css/themes/custom/cosmo/custom-cosmo.css +1 -1
  44. package/dist/css/themes/custom/cyborg/custom-cyborg.css +1 -1
  45. package/dist/css/themes/custom/cyborg/navbar-cyborg.css +1 -1
  46. package/dist/css/themes/custom/darkly/custom-darkly.css +1 -1
  47. package/dist/css/themes/custom/dsgov/form-dsgov.css +1 -1
  48. package/dist/css/themes/custom/flatly/custom-flatly.css +1 -1
  49. package/dist/css/themes/custom/fuse/custom-fuse.css +1 -1
  50. package/dist/css/themes/custom/journal/custom-journal.css +1 -1
  51. package/dist/css/themes/custom/lumen/custom-lumen.css +1 -1
  52. package/dist/css/themes/custom/lumen/navbar-lumen.css +1 -1
  53. package/dist/css/themes/custom/paper/custom-paper.css +1 -1
  54. package/dist/css/themes/custom/paper/navbar-paper.css +1 -1
  55. package/dist/css/themes/custom/readable/custom-readable.css +1 -1
  56. package/dist/css/themes/custom/sandstone/custom-sandstone.css +1 -1
  57. package/dist/css/themes/custom/simplex/custom-simplex.css +1 -1
  58. package/dist/css/themes/custom/slate/custom-slate.css +1 -1
  59. package/dist/css/themes/custom/spacelab/custom-spacelab.css +1 -1
  60. package/dist/css/themes/custom/superhero/custom-superhero.css +1 -1
  61. package/dist/css/themes/custom/theme-general/forms.css +1 -1
  62. package/dist/css/themes/custom/theme-general/menu-vertical-retratil.css +1 -0
  63. package/dist/css/themes/custom/theme-general/theme-general.css +1 -1
  64. package/dist/css/themes/custom/united/custom-united.css +1 -1
  65. package/dist/css/themes/custom/united/navbar-united.css +1 -1
  66. package/dist/css/themes/custom/yeti/custom-yeti.css +1 -1
  67. package/dist/css/themes/custom/yeti/navbar-yeti.css +1 -1
  68. package/dist/img/cron-icon/crn-infinite-scroll.svg +1 -0
  69. package/dist/js/app.js +1 -1
  70. package/dist/js/controllers.js +1 -1
  71. package/dist/js/directives.js +18 -2
  72. package/img/cron-icon/crn-infinite-scroll.svg +1 -0
  73. package/js/app.js +2 -1
  74. package/js/controllers.js +2 -2
  75. package/js/directives.js +184 -19
  76. package/package.json +1 -1
@@ -1206,34 +1206,4 @@ td.k-state-focused {
1206
1206
 
1207
1207
  .cronapp-icon.cronapp-success .cronapp-success-fix {
1208
1208
  left: 2em;
1209
- }
1210
-
1211
-
1212
- /* Input with icon */
1213
- .layout-template-modern {
1214
- background: transparent;
1215
- padding: 0;
1216
- border: 0;
1217
- border-bottom: 1px solid #cccccc;
1218
- border-radius: 0;
1219
- }
1220
-
1221
- .layout-template-modern:focus-within {
1222
- background: transparent;
1223
- outline: 0;
1224
- border-color: var(--colorPrimary40, #2196f3);
1225
- box-shadow: none;
1226
- }
1227
-
1228
- .layout-template-modern input.k-textbox:hover,
1229
- .layout-template-modern input.k-textbox {
1230
- padding-left: 0;
1231
- box-shadow: none;
1232
- }
1233
-
1234
- .layout-template-modern .k-button,
1235
- .layout-template-modern .k-button:hover {
1236
- border: 0;
1237
- border-radius: 0;
1238
- color: var(--colorPrimary40, #2196f3);box-shadow: none;
1239
1209
  }
@@ -101,4 +101,15 @@
101
101
  background: transparent;
102
102
  color: var(--textColor70, #383838);
103
103
  }
104
+ }
105
+
106
+ /* Collapsible menu */
107
+ #iconCollapsibleMenu {
108
+ color: var(--textColor40, #666666);
109
+ }
110
+
111
+ label.labelCollapsibleMenu {
112
+ background: var(--colorDefault40, #ffffff);
113
+ height: var(--textBigSize, 34px);
114
+ width: var(--textBigSize, 34px);
104
115
  }
@@ -1084,31 +1084,4 @@ td.k-state-focused {
1084
1084
  .k-list-optionlabel:hover.k-state-selected {
1085
1085
  color: var(--colorDefault40, #ffffff);
1086
1086
  background: transparent;
1087
- }
1088
-
1089
- /* Input with icon */
1090
- .layout-template-modern {
1091
- background: transparent;
1092
- border-radius: var(--borderRadiusSmallest, 4px);
1093
- padding: 0;
1094
- border: 1px solid var(--backgroundColor50, #dfdfdf);
1095
- }
1096
-
1097
- .layout-template-modern:focus-within {
1098
- background: transparent;
1099
- outline: 0;
1100
- border-color: var(--colorPrimary30,#89a8f1);
1101
- box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--colorPrimary30,#89a8f1);
1102
- }
1103
-
1104
- .layout-template-modern input.k-textbox:hover,
1105
- .layout-template-modern input.k-textbox {
1106
- padding-left: 0;
1107
- box-shadow: none;
1108
- }
1109
-
1110
- .layout-template-modern .k-button,
1111
- .layout-template-modern .k-button:hover {
1112
- border: 0;
1113
- color: var(--colorPrimary40, #4582ec);
1114
1087
  }
@@ -1019,30 +1019,4 @@ td.k-state-focused.k-state-selected,
1019
1019
 
1020
1020
  .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
1021
1021
  border-top-color: var(--backgroundColor40, #ffffff);
1022
- }
1023
-
1024
- /* Input with icon */
1025
- .layout-template-modern {
1026
- background: transparent;
1027
- border-radius: var(--borderRadiusSmallest, 4px);
1028
- padding: 0;
1029
- border: 1px solid var(--colorDefault10, #d8d8d8);
1030
- }
1031
-
1032
- .layout-template-modern:focus-within {
1033
- background: transparent;
1034
- border-color: var(--colorDefault10, #d8d8d8);
1035
- outline: 0;
1036
- }
1037
-
1038
- .layout-template-modern input.k-textbox:hover,
1039
- .layout-template-modern input.k-textbox {
1040
- padding-left: 0;
1041
- box-shadow: none;
1042
- }
1043
-
1044
- .layout-template-modern .k-button,
1045
- .layout-template-modern .k-button:hover {
1046
- border: 0;
1047
- color: var(--colorDefault40, #3b448e);
1048
1022
  }
@@ -971,31 +971,4 @@ td.k-state-focused.k-state-selected,
971
971
 
972
972
  .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
973
973
  border-top-color: var(--backgroundColor40, #fcfcfc);
974
- }
975
-
976
- /* Input with icon */
977
- .layout-template-modern {
978
- background: var(--backgroundColor40, #fcfcfc);
979
- border-radius: var(--borderRadiusSmallest, 4px);
980
- padding: 0;
981
- border: 1px solid var(--backgroundColor50, #dddddd);
982
- }
983
-
984
- .layout-template-modern:focus-within {
985
- background: var(--backgroundColor40, #fcfcfc);
986
- outline: 0;
987
- border-color: var(--colorCalm30, #89a8f1);
988
- box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--colorCalm30, #89a8f1);
989
- }
990
-
991
- .layout-template-modern input.k-textbox:hover,
992
- .layout-template-modern input.k-textbox {
993
- padding-left: 0;
994
- box-shadow: none;
995
- }
996
-
997
- .layout-template-modern .k-button,
998
- .layout-template-modern .k-button:hover {
999
- border: 0;
1000
- color: var(--colorDefault40, #3b448e);
1001
974
  }
@@ -502,7 +502,7 @@ a:hover {
502
502
  background: var(--backgroundLogin40, #ffffff);
503
503
  }
504
504
 
505
- .bg-login #container-first h1 {
505
+ .bg-login #container-first h1{
506
506
  color: var(--textColorPrimary40, #ffffff);
507
507
  }
508
508
 
@@ -1138,6 +1138,8 @@ td.k-state-focused.k-state-selected {
1138
1138
  color: var(--textColorPrimary40, #ffffff);
1139
1139
  }
1140
1140
 
1141
+ .k-scheduler-edit-form .k-edit-field .k-button,
1142
+ .k-edit-form-container .k-edit-buttons .k-primary,
1141
1143
  .k-scheduler .k-state-selected>.k-link,
1142
1144
  .k-scheduler .k-scheduler-toolbar .k-state-selected,
1143
1145
  .k-scheduler .k-today.k-state-selected,
@@ -1189,6 +1191,8 @@ td.k-state-focused.k-state-selected {
1189
1191
  box-shadow: inset 0 0 10px 3px var(--colorDefault40, #3a3f44);
1190
1192
  }
1191
1193
 
1194
+ .k-scheduler-edit-form .k-edit-field .k-button,
1195
+ .k-edit-form-container .k-edit-buttons .k-primary,
1192
1196
  .k-scheduler .k-scheduler-toolbar .k-state-selected,
1193
1197
  .k-scheduler .k-today.k-state-selected,
1194
1198
  .k-scheduler-navigation .k-nav-prev .k-link,
@@ -1201,52 +1205,48 @@ td.k-state-focused.k-state-selected {
1201
1205
 
1202
1206
  .k-scheduler-navigation .k-nav-prev .k-link:hover,
1203
1207
  .k-scheduler div.k-scheduler-footer .k-link:hover,
1204
- .k-scheduler div.k-scheduler-footer ul li:hover{
1208
+ .k-scheduler div.k-scheduler-footer ul li:hover,
1209
+ .k-scheduler-edit-form .k-edit-field .k-button:hover,
1210
+ .k-edit-form-container .k-edit-buttons .k-primary:hover {
1205
1211
  background: linear-gradient(var(--colorPrimary60, #595f64), var(--colorPrimary60, #595f64) 40%, var(--colorPrimary50, #6b7277));
1206
1212
  box-shadow: none;
1207
1213
  border-color: var(--colorPrimary40, #7a8288);
1208
1214
  color: var(--textColorPrimary40, #ffffff);
1209
1215
  }
1210
1216
 
1211
- .k-scheduler-table .k-today,
1212
- .k-today>.k-scheduler-datecolumn,
1213
- .k-today>.k-scheduler-groupcolumn {
1214
- background: var(--colorDefault50, #33373c);
1215
- }
1216
-
1217
- .k-scheduler-monthview .k-scheduler-table .k-today {
1218
- background: var(--colorPrimary40, #7a8288);
1219
- color: var(--textColorPrimary40, #ffffff);
1217
+ .k-edit-form-container .k-edit-buttons .k-scheduler-cancel {
1218
+ background: linear-gradient(var(--colorDanger40, #ee5f5b), var(--colorDanger40, #ee5f5b) 60%, var(--colorDanger50, #d05350));
1219
+ border-color: var(--colorDanger40, #ee5f5b);
1220
+ color: var(--textColorDanger40, #ffffff);
1220
1221
  }
1221
1222
 
1222
- .k-edit-form-container .k-edit-buttons,
1223
- .k-window .k-window-titlebar.k-header {
1224
- border-color: var(--backgroundColor70, #15181a);
1223
+ .k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover {
1224
+ background: linear-gradient(var(--colorDanger60, #ae4643), var(--colorDanger60, #ae4643) 40%, var(--colorDanger50, #d05350));
1225
+ box-shadow: none;
1226
+ border-color: var(--colorDanger40, #ee5f5b);
1227
+ color: var(--textColorDanger40, #ffffff);
1225
1228
  }
1226
1229
 
1227
- /* Input with icon */
1228
- .layout-template-modern {
1229
- background: var(--colorNeutral00, #ffffff);
1230
- border-radius: var(--borderRadiusSmallest, 5px);
1231
- padding: 0;
1232
- border: 1px solid var(--backgroundColor50, #dddddd);
1230
+ .k-edit-form-container .k-edit-buttons .k-primary {
1231
+ background: linear-gradient(var(--colorSuccess40, #62c462), var(--colorSuccess40, #62c462) 60%, var(--colorSuccess50, #56ac56));
1232
+ border-color: var(--colorSuccess40, #62c462);
1233
+ color: var(--textColorSuccess40, #ffffff);
1233
1234
  }
1234
1235
 
1235
- .layout-template-modern:focus-within {
1236
- background: var(--colorNeutral00, #ffffff);
1237
- outline: 0;
1238
- border-color: var(--colorCalm40, #5bc0de);
1239
- box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--colorCalm40, #5bc0de);
1236
+ .k-edit-form-container .k-edit-buttons .k-primary:hover {
1237
+ background: linear-gradient(var(--colorSuccess60, #489048), var(--colorSuccess60, #489048) 40%, var(--colorSuccess50, #56ac56));
1238
+ box-shadow: none;
1239
+ border-color: var(--colorSuccess40, #62c462);
1240
+ color: var(--textColorSuccess40, #ffffff);
1240
1241
  }
1241
1242
 
1242
- .layout-template-modern input.k-textbox:hover,
1243
- .layout-template-modern input.k-textbox {
1244
- padding-left: 0;
1245
- box-shadow: none;
1243
+ .k-scheduler-table .k-today,
1244
+ .k-today>.k-scheduler-datecolumn,
1245
+ .k-today>.k-scheduler-groupcolumn {
1246
+ background: var(--colorDefault50, #33373c);
1246
1247
  }
1247
1248
 
1248
- div[data-component^='crn-textinputicon'] .layout-template-modern .k-button,
1249
- div[data-component^='crn-textinputicon'] .layout-template-modern .k-button:hover {
1250
- border: 0;
1251
- color: var(--colorDefault40, #3b448e);
1249
+ .k-scheduler-monthview .k-scheduler-table .k-today {
1250
+ background: var(--colorPrimary40, #7a8288);
1251
+ color: var(--textColorPrimary40, #ffffff);
1252
1252
  }
@@ -923,31 +923,4 @@ td.k-state-focused.k-state-selected,
923
923
 
924
924
  .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
925
925
  border-top-color: var(--backgroundColor40, #ffffff);
926
- }
927
-
928
- /* Input with icon */
929
- .layout-template-modern {
930
- background: var(--backgroundColor40, #fff);
931
- border-radius: var(--borderRadiusSmallest, 5px);
932
- padding: 0;
933
- border: 1px solid var(--backgroundColor50, #ccc);
934
- }
935
-
936
- .layout-template-modern:focus-within {
937
- background: var(--backgroundColor40, #fff);
938
- outline: 0;
939
- border-color: var(--colorCalm40, #3399f3);
940
- box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--colorCalm40, #3399f3);
941
- }
942
-
943
- .layout-template-modern input.k-textbox:hover,
944
- .layout-template-modern input.k-textbox {
945
- padding-left: 0;
946
- box-shadow: none;
947
- }
948
-
949
- .layout-template-modern .k-button,
950
- .layout-template-modern .k-button:hover {
951
- border: 0;
952
- color: var(--colorDefault40, #3b448e);
953
926
  }
@@ -1299,31 +1299,4 @@ td.k-state-focused.k-state-selected {
1299
1299
  .k-scheduler-navigation .k-nav-next.k-state-hover .k-link span,
1300
1300
  .k-scheduler-navigation .k-nav-prev.k-state-hover .k-link span {
1301
1301
  color: var(--textColorPrimary40, #ffffff);
1302
- }
1303
-
1304
- /* Input with icon */
1305
- .layout-template-modern {
1306
- background: var(--colorNeutral00, #ffffff);
1307
- color: var(--colorNeutral200, #131313);
1308
- border-radius: 0;
1309
- padding: 0;
1310
- border: 1px solid var(--textColor30, #858585);
1311
- }
1312
-
1313
- .layout-template-modern:focus-within {
1314
- background: var(--colorNeutral00, #ffffff);
1315
- outline: 0;
1316
- border-color: var(--textColor30, #858585);
1317
- }
1318
-
1319
- .layout-template-modern input.k-textbox:hover,
1320
- .layout-template-modern input.k-textbox {
1321
- padding-left: 0;
1322
- box-shadow: none;
1323
- }
1324
-
1325
- div[data-component^='crn-textinputicon'] .layout-template-modern .k-button,
1326
- div[data-component^='crn-textinputicon'] .layout-template-modern .k-button:hover {
1327
- border: 0;
1328
- color: var(--colorDefault40, #3b448e);
1329
1302
  }
@@ -90,7 +90,7 @@ textarea.k-textbox:hover,
90
90
  min-height: calc(var(--textNormalSize, 14px) * 2);
91
91
  }
92
92
 
93
- .k-nodata {
93
+ .k-nodata{
94
94
  font-family: var(--fontFamily, "Roboto", "Helvetica Neue", "Arial", sans-serif);
95
95
  font-size: var(--textNormalSize, 14px);
96
96
  color: var(--textColor40, #393939);
@@ -104,7 +104,7 @@ textarea.k-textbox:hover,
104
104
  .k-state-default>.k-select {
105
105
  display: flex;
106
106
  align-items: center;
107
- justify-content: center;
107
+ justify-content: center;
108
108
  }
109
109
 
110
110
 
@@ -113,51 +113,16 @@ input.k-textbox:hover.k-invalid,
113
113
  textarea.k-textbox.k-invalid,
114
114
  textarea.k-textbox:hover.k-invalid,
115
115
  .k-autocomplete.k-invalid:hover,
116
- .k-dropdown-wrap.k-invalid:hover,
117
- .k-numeric-wrap.k-invalid:hover,
118
- .k-picker-wrap.k-invalid:hover,
119
- .k-textbox.k-invalid:hover,
116
+ .k-dropdown-wrap.k-invalid:hover
117
+ .k-numeric-wrap.k-invalid:hover
118
+ .k-picker-wrap.k-invalid:hover
119
+ .k-textbox.k-invalid:hover
120
120
  .k-invalid:hover,
121
121
  .k-autocomplete.k-invalid,
122
122
  .k-dropdown-wrap.k-invalid,
123
123
  .k-numeric-wrap.k-invalid,
124
124
  .k-picker-wrap.k-invalid,
125
125
  .k-textbox.k-invalid,
126
- .k-invalid {
126
+ .k-invalid {
127
127
  border-color: var(--colorDanger40, #ce3a36);
128
- }
129
-
130
- /* Input with icon */
131
- .layout-template-modern {
132
- background-color: transparent;
133
- border-bottom: 1px solid var(--textColor30, #393939);
134
- border-radius: 0;
135
- width: 100%;
136
- margin-bottom: 15px;
137
- display: flex;
138
- align-items: center;
139
- overflow: hidden;
140
- }
141
-
142
- .layout-template-modern:focus-within {
143
- border-bottom: 1px solid var(--textColor30, #393939);
144
- background: #ffff;
145
- }
146
-
147
- .layout-template-modern input.k-textbox:hover,
148
- .layout-template-modern input.k-textbox {
149
- width: inherit;
150
- border: 0;
151
- }
152
-
153
- .layout-template-modern:focus-within input.k-textbox {
154
- border: 0;
155
- }
156
-
157
- .layout-template-modern .k-button:hover,
158
- .layout-template-modern .k-button {
159
- background: transparent;
160
- color: var(--colorDefault40, #3b448e);
161
- padding: 8px;
162
- font-size: var(--textNormalSize, 14px);
163
128
  }
@@ -0,0 +1,130 @@
1
+ /* Collapsible menu customization */
2
+
3
+ #iconCollapsibleMenu {
4
+ color: var(--colorDefault40, #3b448e);
5
+ font-size: var(--textNormalSize, 14px);
6
+ }
7
+
8
+ label.labelCollapsibleMenu {
9
+ position: absolute;
10
+ z-index: 999999999;
11
+ padding: 8px;
12
+ font-size: var(--textBigSize, 24px);
13
+ border-radius: 50%;
14
+ background: var(--textColorDefault40, #ffffff);
15
+ ;
16
+ box-shadow: 0px 0px 6px 0 rgb(0 0 0 / 22%);
17
+ -moz-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.22);
18
+ -webkit-box-shadow: 0px 0px 6px 0 rgb(0 0 0 / 22%);
19
+ left: 66px;
20
+ top: 20px;
21
+ height: var(--textExtraBigSize, 30px);
22
+ width: var(--textExtraBigSize, 30px);
23
+ display: flex;
24
+ align-items: center;
25
+ justify-content: center;
26
+ }
27
+
28
+ label.labelCollapsibleMenu:hover {
29
+ cursor: pointer;
30
+ }
31
+
32
+ .k-checkbox:checked+.k-checkbox-label:hover:before,
33
+ .k-checkbox:checked+.k-checkbox-label:before {
34
+ border-color: var(--textColorDefault40, #ffffff);
35
+ }
36
+
37
+ .collapsibleNavbar,
38
+ #iconCollapsibleMenu,
39
+ .main-view-retratil,
40
+ label.labelCollapsibleMenu,
41
+ .collapsible-menu-hide {
42
+ transition: all .3s linear;
43
+ }
44
+
45
+ .crn-navigator-retratil #crn-navbar-logo,
46
+ #checkCollapsibleMenu {
47
+ display: none;
48
+ }
49
+
50
+ #view-canvas .crn-navigator-retratil .navbar-default .navbar-brand,
51
+ .collapsible-menu-hide {
52
+ width: 75px;
53
+ }
54
+
55
+ .collapsible-menu-hide.crn-navigator-retratil .navbar .container-fluid .navbar-header .navbar-brand #crn-navbar-logo {
56
+ display: block;
57
+ width: 100%;
58
+ height: auto;
59
+ max-height: calc(var(--textNormalSize, 14px) * 2.25);
60
+ transition: width .4s, height .4s;
61
+ }
62
+
63
+ .main-view-retratil.main-view-vertical {
64
+ margin-left: calc(75px + 2vw);
65
+ width: calc(100vw - 75px - 5vw);
66
+ }
67
+
68
+ .crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home li[data-component="crn-menu-item"] .dropdown-toggle {
69
+ min-width: calc(var(--menuItemIconWidth) - 30px) !important;
70
+ }
71
+
72
+ /* Efeito check */
73
+ #checkCollapsibleMenu:checked~.collapsible-menu-ergon {
74
+ transform: translateX(272px);
75
+ }
76
+
77
+ #checkCollapsibleMenu:checked~.labelCollapsibleMenu {
78
+ transform: translateX(185px) rotate(180deg);
79
+ }
80
+
81
+ #checkCollapsibleMenu:checked~.collapsible-menu-hide {
82
+ width: 270px;
83
+ overflow-x: hidden;
84
+ }
85
+
86
+ #checkCollapsibleMenu:checked~#crn-navbar-logo {
87
+ height: calc(var(--textNormalSize, 14px) * 2.25);
88
+ width: 100%;
89
+ }
90
+
91
+ #checkCollapsibleMenu:checked~#main-view.main-view-vertical {
92
+ width: calc(100vw - var(--menuVerticalWidth, 170px) - 5vw);
93
+ margin-left: calc(var(--menuVerticalWidth) + 2vw);
94
+ }
95
+
96
+ #view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar .navbar-nav li a span,
97
+ #view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar2 .navbar-nav li a span,
98
+ .crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home li[data-component="crn-menu-item"] .dropdown-toggle span,
99
+ .crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home .nav-item span {
100
+ display: none;
101
+ }
102
+
103
+ #view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar .navbar-nav li,
104
+ #view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar2 .navbar-nav li {
105
+ width: 100%;
106
+ }
107
+
108
+ #view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar .navbar-nav li a,
109
+ #view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar2 .navbar-nav li a {
110
+ justify-content: center;
111
+ }
112
+
113
+ .crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home li[data-component="crn-menu-item"] .dropdown-toggle,
114
+ .crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home .nav-item .dropdown-toggle {
115
+ display: inherit;
116
+ text-align: center;
117
+ padding: 10px 15px;
118
+ }
119
+
120
+ #checkCollapsibleMenu:checked~.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home li[data-component="crn-menu-item"] .dropdown-toggle,
121
+ #checkCollapsibleMenu:checked~.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home .nav-item .dropdown-toggle {
122
+ text-align: left;
123
+ pointer-events: initial;
124
+ display: flex;
125
+ }
126
+
127
+ #checkCollapsibleMenu:checked~.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home li[data-component="crn-menu-item"] .dropdown-toggle span,
128
+ #checkCollapsibleMenu:checked~.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home .nav-item span {
129
+ display: block;
130
+ }
@@ -2,6 +2,7 @@
2
2
  @import 'carousel.css';
3
3
  @import 'forms.css';
4
4
  @import 'login.css';
5
+ @import 'menu-vertical-retratil.css';
5
6
  @import 'menu.css';
6
7
  @import 'modal.css';
7
8
  @import 'notification.css';
@@ -1020,26 +1020,4 @@ td.k-state-focused.k-state-selected,
1020
1020
 
1021
1021
  .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
1022
1022
  border-top-color: var(--backgroundColor40, #ffffff);
1023
- }
1024
-
1025
- /* Input with icon */
1026
- .layout-template-modern {
1027
- background: var(--backgroundColor40, #ffffff);
1028
- color: var(--textColor40, #333333);
1029
- border-radius: var(--borderRadiusSmallest, 5px);
1030
- padding: 0;
1031
- border: 1px solid var(--backgroundColor50, #dfdfdf);
1032
- }
1033
-
1034
- .layout-template-modern:focus-within {
1035
- background: var(--backgroundColor40, #ffffff);
1036
- outline: 0;
1037
- border-color: var(--colorPrimary30, #ee8f7e);
1038
- box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--colorPrimary30, #ee8f7e);
1039
- }
1040
-
1041
- .layout-template-modern input.k-textbox:hover,
1042
- .layout-template-modern input.k-textbox {
1043
- padding-left: 0;
1044
- box-shadow: none;
1045
1023
  }
@@ -98,4 +98,13 @@
98
98
  background: var(--colorPrimary50, #cc4a1c);
99
99
  }
100
100
 
101
+ }
102
+
103
+ /* Collapsible menu */
104
+ #iconCollapsibleMenu {
105
+ color: var(--colorPrimary40, #e95420);
106
+ }
107
+
108
+ label.labelCollapsibleMenu {
109
+ background: var(--textColorPrimary40, #ffffff);
101
110
  }
@@ -1131,32 +1131,4 @@ textarea.k-textbox:hover,
1131
1131
  .k-scheduler-footer .k-icon,
1132
1132
  .k-scheduler-toolbar .k-i-calendar {
1133
1133
  color: var(--textColorPrimary40, #ffffff);
1134
- }
1135
-
1136
- /* Input with icon */
1137
- .layout-template-modern {
1138
- background: var(--backgroundColor40, #ffffff);
1139
- color: var(--textColor40, #333333);
1140
- border-radius: 0;
1141
- padding: 0;
1142
- border: 1px solid var(--backgroundColor50, #dfdfdf);
1143
- }
1144
-
1145
- .layout-template-modern:focus-within {
1146
- background: var(--backgroundColor40, #ffffff);
1147
- outline: 0;
1148
- border-color: var(--colorCalm30, #5bc0de);
1149
- box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--colorCalm30, #5bc0de);
1150
- }
1151
-
1152
- .layout-template-modern input.k-textbox:hover,
1153
- .layout-template-modern input.k-textbox {
1154
- padding-left: 0;
1155
- box-shadow: none;
1156
- }
1157
-
1158
- .layout-template-modern .k-button,
1159
- .layout-template-modern .k-button:hover {
1160
- color: var(--textColor40, #222222);
1161
- border: 0;
1162
1134
  }
@@ -74,4 +74,13 @@
74
74
  .navbar-default .navbar-toggle:hover {
75
75
  background: var(--colorDark60, #191919);
76
76
  border-color: transparent;
77
+ }
78
+
79
+ /* Collapsible menu */
80
+ #iconCollapsibleMenu {
81
+ color: var(--colorPrimary40, #008cba);
82
+ }
83
+
84
+ label.labelCollapsibleMenu {
85
+ background: var(--textColorPrimary40, #ffffff);
77
86
  }
@@ -1 +1 @@
1
- <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}"></div>
1
+ <div class="form-group"><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>
@@ -1 +1 @@
1
- <div><label class="form-group" for="inputButton-${RANDOM}">Label</label><div class="input-group layout-template-classic" layout-template="layout-template-classic"><span class="k-button"><i class="glyphicon glyphicon-search" aria-hidden="true"></i> </span><input id="inputButton-${RANDOM}" type="text" mask="" mask-placeholder="" ng-required="false" class="k-textbox" ng-model="vars.input${RANDOM}" placeholder="Placeholder text"></div></div>
1
+ <div><label class="form-group" for="inputButton-${RANDOM}">Label</label><div class="input-group"><span class="k-button"><i class="glyphicon glyphicon-search" aria-hidden="true"></i> </span><input id="inputButton-${RANDOM}" type="text" mask="" mask-placeholder="" ng-required="false" class="k-textbox" ng-model="vars.input${RANDOM}" placeholder="Placeholder text"></div></div>
package/dist/css/app.css CHANGED
@@ -1 +1 @@
1
- @import 'animate.css';@import './privacy/privacy.css';@import 'fonts/material-icons/font-material-icon.css';@import '../components/css/crn-input-password.css';.table.table-borderless>thead>tr>td,.table.table-borderless>thead>tr>th,.table.table-borderless>tfoot>tr>td,.table.table-borderless>tfoot>tr>th,.table.table-borderless>tbody>tr>td,.table.table-borderless>tbody>tr>th{border-top:0 none transparent;border-bottom:0 none transparent}.login-panel{margin:11% auto 0 auto}.social-button-face:hover{background:#3b5998 !important;color:#fff}.social-button-google:hover{background:#d81c1c !important;color:#fff}.upload-image-component{padding:8px}.upload-image-component{max-height:128px;max-width:128px;background:#ccc;display:table}.upload-image-component .remove{position:absolute;margin-top:-8px;margin-left:-18px}.upload-image-component .remove span{margin-top:3px}.upload-image-component-attribute{width:100%;background:#ccc;display:table}.upload-image-component-attribute .remove{position:absolute;margin-top:-8px;margin-left:-18px}.upload-image-component-attribute .remove span{margin-top:3px}.start-camera-button{position:absolute;margin-left:-17px;margin-top:-8px}.start-camera-button-attribute{right:1px;bottom:1px}.remove-image-button{position:relative;margin-top:-22px;float:right}.camera-container{position:fixed;z-index:999998;top:50%;left:50%}.crn-grid-title{float:left;color:var(--textColor40,#393939);font-size:var(--textBigSize,18px);font-family:sans-serif;margin:0;padding:0;padding-left:7px;margin-top:6px}.k-grid-toolbar{text-align:right}.k-footer-template td{border-width:0}.cron-select-offscreen{clip:rect(0 0 0 0) !important;width:1px !important;height:1px !important;border:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important;position:absolute !important;outline:0 !important;left:50% !important;top:100% !important}.right-block{display:block;margin-left:auto}.left-block{display:block;margin-right:auto}li[data-component="crn-menu-item"] ul li a.bg-primary{color:white !important}li[data-component="crn-menu-item"] ul li a.bg-primary:hover{color:#333 !important}.k-grid-header .k-header,.k-grid-header .k-header a.k-link{text-transform:uppercase;font-weight:normal;font-size:var(--textNormalSize,14px);text-decoration:none !important}.modal{z-index:10020}a{cursor:pointer;color:#034d8c}.main-access{list-style:none;position:absolute}.main-nav-link{text-decoration:none;color:#fff;position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.main-nav-link:focus,.main-nav-link:active{width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;z-index:2000;top:1em;left:1em;padding:.5em;background:#fff}.nav.nav-tabs li.active{background:#3b448e}.float-left-desktop{float:left}.form-control[ng-readonly=true]{background:#eee;opacity:1}#crn-button-846239{display:none}.k-treeview .k-i-collapse,.k-treeview .k-i-expand{height:auto}.k-treeview .k-in{font-family:var(--font-family,"Arial",sans-serif)}.page-header{border-bottom:1px solid #eee;display:flex;align-items:center}.crn-radiogroup .k-content{background:transparent}img.crn-image{max-width:100%}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background:#d0d0d0;color:#454545}.header{background:#d1d1d1}.k-list .k-item.k-state-selected,.k-list-container .k-button.k-state-active,.k-list-container .k-button:active,.k-list-optionlabel.k-state-selected,.k-menu-group .k-item.k-state-selected,.k-menu.k-context-menu .k-item.k-state-selected,.k-spreadsheet-popup .k-button.k-state-active,.k-spreadsheet-popup .k-button.k-state-selected,.k-spreadsheet-popup .k-button:active{color:#000}.center-content{height:100vh;display:flex;align-items:center}@font-face{font-family:"Arial-Report";src:url('../../../../node_modules/cronapp-lib-js/dist/js/kendo-ui/styles/fonts/arial-report/arial-report.ttf')}.k-pdf-export,.k-pdf-export *{font-family:"Arial-Report"}.k-invalid-msg{color:red;border:0}.displayBlock{display:block !important}.crn-timeline-container{margin:30px;overflow:hidden;overflow-y:auto}.panel-group .panel-heading.heading-arrow{display:grid;grid-template-columns:auto 33px;align-items:center}.panel-group .heading-arrow.panel-heading::after{font-family:FontAwesome;content:"\f077";float:right;color:#fff}.panel-group .heading-arrow.collapsed.panel-heading::after{content:"\f078"}.crn-textinputbutton{display:flex;align-items:flex-end}.crn-textinputbutton-button{display:inherit}.crn-textinputbutton-button button{margin:0;margin-left:10px}#cron-breadcrumbs .k-breadcrumb-container,#cron-breadcrumbs .k-breadcrumb-root-item-container{padding:3px 10px;position:relative}#cron-breadcrumbs .k-breadcrumb-item a .k-icon{margin-right:4px}.k-button.btn-fab i{margin:0 auto;display:flex;align-items:center;justify-content:center}.active-bar,.tool-bar{display:flex;gap:6px}label{font-weight:normal}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 calc(var(--textBigSize, 18px) * 2) var(--backgroundColor10, #ffffff) inset !important;-webkit-text-fill-color:var(--textColor60,#2a2a2a) !important}input[type=checkbox].k-checkbox{clip:rect(0,0,0,0);overflow:hidden;position:absolute;opacity:0;-webkit-appearance:none;width:var(--textBigSize,18px);height:var(--textBigSize,18px)}#auditDetail .modal-content .list-group .form-group{margin-right:10px}img[src='undefined']{display:none}.timeline{clear:both}
1
+ @import 'animate.css';@import './privacy/privacy.css';@import 'fonts/material-icons/font-material-icon.css';@import '../components/css/crn-input-password.css';.table.table-borderless>thead>tr>td,.table.table-borderless>thead>tr>th,.table.table-borderless>tfoot>tr>td,.table.table-borderless>tfoot>tr>th,.table.table-borderless>tbody>tr>td,.table.table-borderless>tbody>tr>th{border-top:0 none transparent;border-bottom:0 none transparent}.login-panel{margin:11% auto 0 auto}.social-button-face:hover{background:#3b5998 !important;color:#fff}.social-button-google:hover{background:#d81c1c !important;color:#fff}.upload-image-component{padding:8px}.upload-image-component{max-height:128px;max-width:128px;background:#ccc;display:table}.upload-image-component .remove{position:absolute;margin-top:-8px;margin-left:-18px}.upload-image-component .remove span{margin-top:3px}.upload-image-component-attribute{width:100%;background:#ccc;display:table}.upload-image-component-attribute .remove{position:absolute;margin-top:-8px;margin-left:-18px}.upload-image-component-attribute .remove span{margin-top:3px}.start-camera-button{position:absolute;margin-left:-17px;margin-top:-8px}.start-camera-button-attribute{right:1px;bottom:1px}.remove-image-button{position:relative;margin-top:-22px;float:right}.camera-container{position:fixed;z-index:999998;top:50%;left:50%}.crn-grid-title{float:left;color:var(--textColor40,#393939);font-size:var(--textBigSize,18px);font-family:sans-serif;margin:0;padding:0;padding-left:7px;margin-top:6px}.k-grid-toolbar{text-align:right}.k-footer-template td{border-width:0}.cron-select-offscreen{clip:rect(0 0 0 0) !important;width:1px !important;height:1px !important;border:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important;position:absolute !important;outline:0 !important;left:50% !important;top:100% !important}.right-block{display:block;margin-left:auto}.left-block{display:block;margin-right:auto}li[data-component="crn-menu-item"] ul li a.bg-primary{color:white !important}li[data-component="crn-menu-item"] ul li a.bg-primary:hover{color:#333 !important}.k-grid-header .k-header,.k-grid-header .k-header a.k-link{text-transform:uppercase;font-weight:normal;font-size:var(--textNormalSize,14px);text-decoration:none !important}.modal{z-index:10020}a{cursor:pointer;color:#034d8c}.main-access{list-style:none;position:absolute}.main-nav-link{text-decoration:none;color:#fff;position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.main-nav-link:focus,.main-nav-link:active{width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;z-index:2000;top:1em;left:1em;padding:.5em;background:#fff}.nav.nav-tabs li.active{background:#3b448e}.float-left-desktop{float:left}.form-control[ng-readonly=true]{background:#eee;opacity:1}#crn-button-846239{display:none}.k-treeview .k-i-collapse,.k-treeview .k-i-expand{height:auto}.k-treeview .k-in{font-family:var(--font-family,"Arial",sans-serif)}.page-header{border-bottom:1px solid #eee;display:flex;align-items:center}.crn-radiogroup .k-content{background:transparent}img.crn-image{max-width:100%}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background:#d0d0d0;color:#454545}.header{background:#d1d1d1}.k-list .k-item.k-state-selected,.k-list-container .k-button.k-state-active,.k-list-container .k-button:active,.k-list-optionlabel.k-state-selected,.k-menu-group .k-item.k-state-selected,.k-menu.k-context-menu .k-item.k-state-selected,.k-spreadsheet-popup .k-button.k-state-active,.k-spreadsheet-popup .k-button.k-state-selected,.k-spreadsheet-popup .k-button:active{color:#000}.center-content{height:100vh;display:flex;align-items:center}@font-face{font-family:"Arial-Report";src:url('../../../../node_modules/cronapp-lib-js/dist/js/kendo-ui/styles/fonts/arial-report/arial-report.ttf')}.k-pdf-export,.k-pdf-export *{font-family:"Arial-Report"}.k-invalid-msg{color:red;border:0}.displayBlock{display:block !important}.crn-timeline-container{margin:30px;overflow:hidden;overflow-y:auto}.panel-group .panel-heading.heading-arrow{display:grid;grid-template-columns:auto 33px;align-items:center}.panel-group .heading-arrow.panel-heading::after{font-family:FontAwesome;content:"\f077";float:right;color:#fff}.panel-group .heading-arrow.collapsed.panel-heading::after{content:"\f078"}.crn-textinputbutton{display:flex;align-items:flex-end}.crn-textinputbutton-button{display:inherit}.crn-textinputbutton-button button{margin:0;margin-left:10px}#cron-breadcrumbs .k-breadcrumb-container,#cron-breadcrumbs .k-breadcrumb-root-item-container{padding:3px 10px;position:relative}#cron-breadcrumbs .k-breadcrumb-item a .k-icon{margin-right:4px}.k-button.btn-fab i{margin:0 auto;display:flex;align-items:center;justify-content:center}.active-bar,.tool-bar{display:flex;gap:6px}label{font-weight:normal}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 calc(var(--textBigSize, 18px) * 2) var(--backgroundColor10, #ffffff) inset !important;-webkit-text-fill-color:var(--textColor60,#2a2a2a) !important}input[type=checkbox].k-checkbox{clip:rect(0,0,0,0);overflow:hidden;position:absolute;opacity:0;-webkit-appearance:none;width:var(--textBigSize,18px);height:var(--textBigSize,18px)}#auditDetail .modal-content .list-group .form-group{margin-right:10px}img[src='undefined']{display:none}.timeline{clear:both}.form-group{padding:5px}