cronapp-framework-js 2.8.21 → 2.8.25

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 (85) hide show
  1. package/components/crn-accordion.components.json +29 -1
  2. package/components/crn-anchor.components.json +2 -2
  3. package/components/crn-datepicker.components.json +15 -0
  4. package/components/crn-datetimepicker.components.json +25 -0
  5. package/components/crn-dynamic-menu.components.json +21 -0
  6. package/components/crn-eight-four-container.components.json +43 -0
  7. package/components/crn-enterprise-autocomplete.components.json +38 -1
  8. package/components/crn-enterprise-combobox.components.json +11 -1
  9. package/components/crn-enterprise-dynamic-autocomplete.components.json +39 -2
  10. package/components/crn-enterprise-dynamic-combobox.components.json +18 -1
  11. package/components/crn-four-eight-container.components.json +43 -0
  12. package/components/crn-horizontal-container.components.json +40 -43
  13. package/components/crn-label.components.json +1 -0
  14. package/components/crn-one-container.components.json +43 -0
  15. package/components/crn-rating.components.json +3 -5
  16. package/components/crn-table.components.json +1 -2
  17. package/components/crn-textarea.components.json +9 -0
  18. package/components/crn-textinput.components.json +16 -5
  19. package/components/crn-three-container.components.json +43 -0
  20. package/components/crn-trhee-six-three-container.components.json +43 -0
  21. package/components/crn-two-container.components.json +43 -0
  22. package/components/crn-vertical-container.components.json +17 -9
  23. package/components/templates/Component_Container/crn-eight-four-container.template.html +4 -0
  24. package/components/templates/Component_Container/crn-four-eight-container.template.html +4 -0
  25. package/components/templates/Component_Container/crn-one-container.template.html +1 -0
  26. package/components/templates/Component_Container/crn-three-container.template.html +5 -0
  27. package/components/templates/Component_Container/crn-three-six-three-container.template.html +5 -0
  28. package/components/templates/Component_Container/crn-two-container.template.html +4 -0
  29. package/components/templates/cron-autocomplete.designtime.html +3 -3
  30. package/components/templates/grid-horizontal.template.html +4 -2
  31. package/components/templates/grid-vertical.template.html +4 -2
  32. package/components/templates/rating.template.html +6 -6
  33. package/css/animate.css +433 -0
  34. package/css/app.css +104 -32
  35. package/css/modalTemplate.css +25 -0
  36. package/css/themes/custom/fuse/custom-fuse.min.css +1 -5
  37. package/css/themes/custom/material/components_css/crn-navbar.css +30 -32
  38. package/css/themes/custom/material/custom-material.css +16 -11
  39. package/css/themes/custom/navigator/custom-navigator.css +71 -76
  40. package/dist/components/js/jquery.inputmask.bundle.js +1 -1
  41. package/dist/components/js/jquery.mask.min.js +1 -1
  42. package/dist/components/js/qrcode.js +1 -1
  43. package/dist/components/templates/Component_Container/crn-eight-four-container.template.html +1 -0
  44. package/dist/components/templates/Component_Container/crn-four-eight-container.template.html +1 -0
  45. package/dist/components/templates/Component_Container/crn-one-container.template.html +1 -0
  46. package/dist/components/templates/Component_Container/crn-three-container.template.html +1 -0
  47. package/dist/components/templates/Component_Container/crn-three-six-three-container.template.html +1 -0
  48. package/dist/components/templates/Component_Container/crn-two-container.template.html +1 -0
  49. package/dist/components/templates/cron-autocomplete.designtime.html +1 -1
  50. package/dist/components/templates/grid-horizontal.template.html +1 -1
  51. package/dist/components/templates/grid-vertical.template.html +1 -1
  52. package/dist/components/templates/rating.template.html +1 -1
  53. package/dist/css/app.css +1 -1
  54. package/dist/i18n/locale_en_us.json +2 -1
  55. package/dist/i18n/locale_pt_br.json +2 -1
  56. package/dist/img/barcode.png +0 -0
  57. package/dist/img/cron-icon/crn-eight-four-container.svg +1 -0
  58. package/dist/img/cron-icon/crn-four-eight-container.svg +1 -0
  59. package/dist/img/cron-icon/crn-one-container.svg +1 -0
  60. package/dist/img/cron-icon/crn-three-container.svg +1 -0
  61. package/dist/img/cron-icon/crn-three-six-three-container.svg +1 -0
  62. package/dist/img/cron-icon/crn-two-container.svg +1 -0
  63. package/dist/img/cronGrid.png +0 -0
  64. package/dist/img/cronRichEditor.png +0 -0
  65. package/dist/img/cronapp-logo-login.png +0 -0
  66. package/dist/img/logo.png +0 -0
  67. package/dist/img/placehold-100x100.png +0 -0
  68. package/dist/img/placehold-900x500.png +0 -0
  69. package/dist/img/qrcode.png +0 -0
  70. package/dist/img/selectFile.png +0 -0
  71. package/dist/img/switch.png +0 -0
  72. package/dist/js/app.js +1 -1
  73. package/dist/js/directives.js +1 -1
  74. package/i18n/locale_en_us.json +2 -1
  75. package/i18n/locale_pt_br.json +2 -1
  76. package/img/cron-icon/crn-eight-four-container.svg +18 -0
  77. package/img/cron-icon/crn-four-eight-container.svg +20 -0
  78. package/img/cron-icon/crn-one-container.svg +17 -0
  79. package/img/cron-icon/crn-three-container.svg +21 -0
  80. package/img/cron-icon/crn-three-six-three-container.svg +19 -0
  81. package/img/cron-icon/crn-two-container.svg +18 -0
  82. package/img/placehold-900x500.png +0 -0
  83. package/js/app.js +9 -1
  84. package/js/directives.js +2067 -1894
  85. package/package.json +1 -1
package/css/app.css CHANGED
@@ -6,7 +6,9 @@
6
6
  @import '../components/css/color-default.css';
7
7
 
8
8
  /* Directive crn-input-password */
9
+
9
10
  @import '../components/css/crn-input-password.css';
11
+
10
12
  /* END - Directive crn-input-password */
11
13
 
12
14
  .table.table-borderless>thead>tr>td,
@@ -31,17 +33,17 @@
31
33
  }
32
34
 
33
35
  .login-panel {
34
- margin: 11% auto 0 auto;
36
+ margin: 11% auto 0 auto;
35
37
  }
36
38
 
37
39
  .social-button-face:hover {
38
40
  background-color: #3b5998!important;
39
- color:#ffffff;
41
+ color: #ffffff;
40
42
  }
41
43
 
42
44
  .social-button-google:hover {
43
45
  background-color: #d81c1c!important;
44
- color:#ffffff;
46
+ color: #ffffff;
45
47
  }
46
48
 
47
49
  .upload-image-component {
@@ -152,15 +154,16 @@
152
154
  margin-right: auto;
153
155
  }
154
156
 
155
- li[data-component="crn-menu-item"] ul li a.bg-primary{
157
+ li[data-component="crn-menu-item"] ul li a.bg-primary {
156
158
  color: white !important;
157
159
  }
158
160
 
159
- li[data-component="crn-menu-item"] ul li a.bg-primary:hover{
161
+ li[data-component="crn-menu-item"] ul li a.bg-primary:hover {
160
162
  color: #333 !important;
161
163
  }
162
164
 
163
- .k-grid-header .k-header, .k-grid-header .k-header a.k-link {
165
+ .k-grid-header .k-header,
166
+ .k-grid-header .k-header a.k-link {
164
167
  text-transform: uppercase;
165
168
  font-weight: normal;
166
169
  font-size: 12px;
@@ -172,7 +175,7 @@ img.user-avatar {
172
175
  max-width: 1.572em !important;
173
176
  }
174
177
 
175
- .modal{
178
+ .modal {
176
179
  z-index: 10020;
177
180
  }
178
181
 
@@ -199,7 +202,8 @@ a {
199
202
  border: 0;
200
203
  }
201
204
 
202
- .main-nav-link:focus, .main-nav-link:active {
205
+ .main-nav-link:focus,
206
+ .main-nav-link:active {
203
207
  width: auto;
204
208
  height: auto;
205
209
  overflow: visible;
@@ -218,7 +222,7 @@ a {
218
222
  }
219
223
 
220
224
  .float-left-desktop {
221
- float:left;
225
+ float: left;
222
226
  }
223
227
 
224
228
  @media only screen and (max-width: 767px) {
@@ -226,11 +230,10 @@ a {
226
230
  margin: 7.5px 0;
227
231
  width: 100%;
228
232
  }
229
-
230
- .crn-navigator-horizontal #navbar, .float-left-desktop {
233
+ .crn-navigator-horizontal #navbar,
234
+ .float-left-desktop {
231
235
  float: none;
232
236
  }
233
-
234
237
  img.user-avatar {
235
238
  margin-left: 0;
236
239
  }
@@ -241,39 +244,46 @@ a {
241
244
  opacity: 1;
242
245
  }
243
246
 
244
- #crn-button-846239{
245
- display:none;
247
+ #crn-button-846239 {
248
+ display: none;
246
249
  }
247
250
 
251
+
248
252
  /* Dynamic file maintenance */
249
- .dynamic-image-container{
253
+
254
+ .dynamic-image-container {
250
255
  width: fit-content;
251
256
  }
252
257
 
258
+
253
259
  /* Treeview maintenance */
254
- .k-treeview .k-i-collapse, .k-treeview .k-i-expand{
260
+
261
+ .k-treeview .k-i-collapse,
262
+ .k-treeview .k-i-expand {
255
263
  height: auto;
256
264
  }
257
265
 
258
- .k-treeview .k-in{
266
+ .k-treeview .k-in {
259
267
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
260
268
  }
261
269
 
262
- .page-header{
270
+ .page-header {
263
271
  border-bottom: 1px solid #eee;
264
272
  display: flex;
265
273
  align-items: center;
266
274
  }
267
275
 
268
- .crn-radiogroup .k-content{
276
+ .crn-radiogroup .k-content {
269
277
  background-color: transparent;
270
278
  }
271
279
 
272
- img.crn-image{
280
+ img.crn-image {
273
281
  max-width: 100%;
274
282
  }
275
283
 
284
+
276
285
  /* Botão desativado */
286
+
277
287
  .btn-default.disabled,
278
288
  .btn-default.disabled.active,
279
289
  .btn-default.disabled.focus,
@@ -296,28 +306,90 @@ fieldset[disabled] .btn-default:hover {
296
306
  color: #454545;
297
307
  }
298
308
 
299
- .header{
309
+ .header {
300
310
  background-color: rgb(209, 209, 209);
301
311
  }
302
312
 
303
- .k-list .k-item.k-state-selected,
304
- .k-list-container .k-button.k-state-active,
305
- .k-list-container .k-button:active,
306
- .k-list-optionlabel.k-state-selected,
307
- .k-menu-group .k-item.k-state-selected,
308
- .k-menu.k-context-menu .k-item.k-state-selected,
309
- .k-spreadsheet-popup .k-button.k-state-active,
310
- .k-spreadsheet-popup .k-button.k-state-selected,
311
- .k-spreadsheet-popup .k-button:active{
313
+ .k-list .k-item.k-state-selected,
314
+ .k-list-container .k-button.k-state-active,
315
+ .k-list-container .k-button:active,
316
+ .k-list-optionlabel.k-state-selected,
317
+ .k-menu-group .k-item.k-state-selected,
318
+ .k-menu.k-context-menu .k-item.k-state-selected,
319
+ .k-spreadsheet-popup .k-button.k-state-active,
320
+ .k-spreadsheet-popup .k-button.k-state-selected,
321
+ .k-spreadsheet-popup .k-button:active {
312
322
  color: #000;
313
323
  }
314
324
 
315
- .carousel-caption{
325
+ .carousel-caption {
316
326
  right: 9%;
317
327
  left: 9%;
318
328
  }
319
329
 
320
330
  .carousel-control.left,
321
- .carousel-control.right{
331
+ .carousel-control.right {
322
332
  width: 8%;
323
333
  }
334
+
335
+
336
+ @font-face {
337
+ font-family: 'Arial-Report';
338
+ src: url('../../../../node_modules/cronapp-lib-js/dist/js/kendo-ui/styles/fonts/arial-report/arial-report.ttf');
339
+ }
340
+
341
+ .k-pdf-export,
342
+ .k-pdf-export * {
343
+ font-family: 'Arial-Report';
344
+ }
345
+
346
+ .k-invalid-msg{
347
+ color: red!important;
348
+ border: none!important;
349
+ }
350
+
351
+
352
+ /* cronDynamicMenu */
353
+
354
+ .displayBlock{
355
+ display: block !important;
356
+ }
357
+
358
+ .nav.navbar-nav .dropdown-submenu:hover>ul.dropdown-menu{
359
+ display: block;
360
+ }
361
+
362
+ .nav.navbar-nav .dropdown-submenu>.dropdown-menu {
363
+ margin-top: -31px;
364
+ top: unset;
365
+ left: 100%;
366
+ }
367
+
368
+ .nav.navbar-nav .caret{
369
+ margin-left: 9px;
370
+ border-top: 5px dashed;
371
+ border-right: 5px solid transparent;
372
+ border-left: 5px solid transparent;
373
+ }
374
+
375
+ .nav.navbar-nav .caret.submenu {
376
+ transform: rotate(272deg);
377
+ }
378
+
379
+ /* Accordion */
380
+ .panel-group .panel-heading.heading-arrow {
381
+ display: grid;
382
+ grid-template-columns: auto 33px;
383
+ align-items: center;
384
+ }
385
+
386
+ .panel-group .heading-arrow.panel-heading::after {
387
+ font-family: FontAwesome;
388
+ content: "\f077";
389
+ float: right;
390
+ color: #FFFFFF;
391
+ }
392
+
393
+ .panel-group .heading-arrow.collapsed.panel-heading::after{
394
+ content: "\f078";
395
+ }
@@ -0,0 +1,25 @@
1
+ #modalBodyConfirmDialog {
2
+ text-align: center;
3
+ }
4
+
5
+ #modalBodyConfirmDialog .icon {
6
+ margin: 0px;
7
+ }
8
+
9
+ #modalBodyConfirmDialog .subtitle {
10
+ margin: 10px 0px;
11
+ font-size: 20px;
12
+ font-weight: 300;
13
+ }
14
+
15
+ #modalBodyConfirmDialog .subtitle,
16
+ #modalBodyConfirmDialog .title {
17
+ color: #606060;
18
+ line-height: 1;
19
+ }
20
+
21
+ .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
22
+ border: none !important;
23
+ padding-top: 0 !important;
24
+ justify-content: center !important;
25
+ }
@@ -2578,11 +2578,7 @@ i.component-holder.fa.fa-star {
2578
2578
 
2579
2579
  .dynamic-image-container {
2580
2580
  border: 2px dashed;
2581
- text-align: center;
2582
- height: 75px;
2583
- justify-content: center;
2584
- align-items: center;
2585
- display: flex;
2581
+ padding: 20px;
2586
2582
  }
2587
2583
 
2588
2584
  .dynamic-image-container button.btn {
@@ -10,7 +10,12 @@
10
10
  text-transform: uppercase;
11
11
  }
12
12
 
13
- .navbar-default .navbar-nav > li > a > i {
13
+ .navbar-default .navbar-nav a i {
14
+ color: #fff;
15
+ }
16
+
17
+ .crn-navigator-vertical #navbar-profile i,
18
+ .navbar-default .navbar-nav>li>a>i {
14
19
  color: #fff;
15
20
  display: none;
16
21
  }
@@ -24,67 +29,66 @@
24
29
  color: #fff;
25
30
  }
26
31
 
27
- .navbar-default .navbar-nav > li > a {
32
+ .navbar-default .navbar-nav>li>a {
28
33
  color: #fff;
29
34
  }
30
35
 
31
- .navbar-default .navbar-nav > li > a:focus,
32
- .navbar-default .navbar-nav > li > a:hover {
36
+ .navbar-default .navbar-nav>li>a:focus,
37
+ .navbar-default .navbar-nav>li>a:hover {
33
38
  color: #fff;
34
39
  background-color: #282d57;
35
40
  }
36
41
 
37
- .navbar-default .navbar-nav > .open > a,
38
- .navbar-default .navbar-nav > .open > a:focus,
39
- .navbar-default .navbar-nav > .open > a:hover {
42
+ .navbar-default .navbar-nav>.open>a,
43
+ .navbar-default .navbar-nav>.open>a:focus,
44
+ .navbar-default .navbar-nav>.open>a:hover {
40
45
  color: #fff;
41
46
  background-color: #282d57;
42
47
  }
43
48
 
44
49
  @media only screen and (max-width: 768px) {
45
- .navbar-default .navbar-nav .open .dropdown-menu > li > a {
50
+ .navbar-default .navbar-nav .open .dropdown-menu>li>a {
46
51
  color: #fff;
47
52
  }
48
53
  }
49
54
 
50
-
51
55
  .nav-tabs {
52
56
  background: #5665be;
53
57
  border-bottom: 1px solid #ddd;
54
58
  height: 100%;
55
59
  }
56
60
 
57
- .nav-tabs > li {
61
+ .nav-tabs>li {
58
62
  float: left;
59
63
  margin-bottom: -1px;
60
64
  }
61
65
 
62
- .nav-tabs > li > a,
63
- .nav-tabs > li > a:hover,
64
- .nav-tabs > li > a:focus {
66
+ .nav-tabs>li>a,
67
+ .nav-tabs>li>a:hover,
68
+ .nav-tabs>li>a:focus {
65
69
  background-color: transparent;
66
70
  border: 0;
67
71
  color: #ffffff;
68
72
  font-weight: 500;
69
73
  }
70
74
 
71
- .nav-tabs > li.active > a,
72
- .nav-tabs > li.active > a:hover,
73
- .nav-tabs > li.active > a:focus {
75
+ .nav-tabs>li.active>a,
76
+ .nav-tabs>li.active>a:hover,
77
+ .nav-tabs>li.active>a:focus {
74
78
  background-color: transparent;
75
79
  border: 0;
76
80
  color: #ffffff;
77
81
  font-weight: 500;
78
82
  }
79
83
 
80
- .nav-tabs > li.disabled > a,
81
- .nav-tabs > li.disabled > a:hover {
84
+ .nav-tabs>li.disabled>a,
85
+ .nav-tabs>li.disabled>a:hover {
82
86
  color: rgba(255, 255, 255, 0.5);
83
87
  }
84
88
 
85
- .dropdown-menu > .active > a,
86
- .dropdown-menu > .active > a:focus,
87
- .dropdown-menu > .active > a:hover {
89
+ .dropdown-menu>.active>a,
90
+ .dropdown-menu>.active>a:focus,
91
+ .dropdown-menu>.active>a:hover {
88
92
  color: #fff;
89
93
  text-decoration: none;
90
94
  background-color: #5665be;
@@ -107,14 +111,13 @@
107
111
  background-color: #ffffff;
108
112
  -webkit-background-clip: padding-box;
109
113
  background-clip: padding-box;
110
- border: 1px solid #ccc;
111
114
  border: 0px solid rgb(5, 21, 21);
112
115
  border-radius: 4px;
113
116
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
114
117
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
115
118
  }
116
119
 
117
- .dropdown-menu > li > a {
120
+ .dropdown-menu>li>a {
118
121
  display: block;
119
122
  padding: 3px 20px;
120
123
  clear: both;
@@ -124,20 +127,17 @@
124
127
  white-space: nowrap;
125
128
  }
126
129
 
127
- .dropdown-menu > li > a:focus,
128
- .dropdown-menu > li > a:hover {
129
- color: #5665be;
130
+ .dropdown-menu>li>a:focus,
131
+ .dropdown-menu>li>a:hover {
132
+ color: #f6f6f6;
130
133
  text-decoration: none;
131
- background-color: #f6f6f6;
134
+ background-color: #5665be;
132
135
  }
133
136
 
134
-
135
137
  .caret {
136
138
  padding-top: 5px;
137
139
  }
138
140
 
139
-
140
-
141
141
  .main-view {
142
142
  width: 100%;
143
143
  }
@@ -152,11 +152,9 @@
152
152
  }
153
153
  }
154
154
 
155
-
156
155
  .main-title {
157
156
  padding: 20px 25px;
158
157
  margin-bottom: 0;
159
- color: inherit;
160
158
  background-color: #282d57;
161
159
  color: #fff;
162
160
  display: block;
@@ -258,22 +258,27 @@ div .messages {
258
258
  border-color: #f31700;
259
259
  }
260
260
 
261
- .navbar-default .navbar-nav ul.dropdown-menu a i,
262
- .navbar-default .navbar-nav ul.dropdown-menu li a{
263
- color: #393939;
264
- }
265
-
266
- .navbar-default .navbar-nav ul.dropdown-menu a:hover i,
267
- .navbar-default .navbar-nav ul.dropdown-menu li a:hover{
268
- color: #ffffff;
269
- }
270
-
271
261
  .dropdown-menu li a {
272
262
  display: block;
273
263
  padding: 3px 20px;
274
264
  clear: both;
275
265
  font-weight: 400;
276
266
  line-height: 1.42857143;
277
- color: #393939;
278
267
  white-space: nowrap;
268
+ }
269
+
270
+ .crn-navigator-horizontal .navbar-default .navbar-nav ul.dropdown-menu a i,
271
+ .crn-navigator-horizontal .navbar-default .navbar-nav ul.dropdown-menu li a {
272
+ color: #393939;
273
+ }
274
+
275
+ .crn-navigator-horizontal .navbar-default .navbar-nav ul.dropdown-menu a:hover i,
276
+ .crn-navigator-horizontal .navbar-default .navbar-nav ul.dropdown-menu li a:hover {
277
+ color: #ffffff;
278
+ }
279
+
280
+ .crn-navigator-vertical .navbar-default .navbar-nav ul.dropdown-menu li a,
281
+ .crn-navigator-vertical .navbar-default .navbar-nav ul.dropdown-menu a:hover i,
282
+ .crn-navigator-vertical .navbar-default .navbar-nav ul.dropdown-menu li a:hover {
283
+ color: #ffffff;
279
284
  }