@ngx-smz/core 21.10.0-next.4 → 21.10.0-next.5

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ngx-smz/core",
3
- "version": "21.10.0-next.4",
3
+ "version": "21.10.0-next.5",
4
4
  "peerDependencies": {
5
5
  "@ngx-smz/ui-kit": ">=21.10.0-0",
6
6
  "@angular/cdk": ">=21.0.0 <22.0.0",
@@ -6,61 +6,3 @@
6
6
  margin-left: auto;
7
7
  }
8
8
  }
9
-
10
- .flex-gap-1 > * {
11
- padding: 0.25rem 0.25rem !important;
12
- }
13
-
14
- .flex-gap-1 {
15
- margin: -0.25rem -0.25rem !important;
16
- }
17
-
18
- .flex-gap-2 > * {
19
- padding: 0.5rem 0.5rem !important;
20
- }
21
-
22
- .flex-gap-2 {
23
- margin: -0.5rem -0.5rem !important;
24
- }
25
-
26
- .flex-gap-4 > * {
27
- padding: 1rem 1rem !important;
28
- }
29
-
30
- .flex-gap-4 {
31
- margin: -1rem -1rem !important;
32
- }
33
-
34
-
35
- // .smz_form_grid_container {
36
-
37
- // .container-fluid {
38
- // width: 100%;
39
- // margin-right: auto;
40
- // margin-left: auto;
41
- // }
42
- // }
43
-
44
- // .flex-gap-1 > *:not(.p-checkbox):not(:has(.p-checkbox)) {
45
- // padding: 0.25rem 0.25rem !important;
46
- // }
47
-
48
- // .flex-gap-1 {
49
- // margin: -0.25rem -0.25rem !important;
50
- // }
51
-
52
- // .flex-gap-2 > *:not(.p-checkbox):not(:has(.p-checkbox)) {
53
- // padding: 0.5rem 0.5rem !important;
54
- // }
55
-
56
- // .flex-gap-2 {
57
- // margin: -0.5rem -0.5rem !important;
58
- // }
59
-
60
- // .flex-gap-4 > *:not(.p-checkbox):not(:has(.p-checkbox)) {
61
- // padding: 1rem 1rem !important;
62
- // }
63
-
64
- // .flex-gap-4 {
65
- // margin: -1rem -1rem !important;
66
- // }
@@ -40,9 +40,6 @@
40
40
  /* OVERLAY DO PRIME */
41
41
  @use "./overlay-panel/overlay-panel" as *;
42
42
 
43
- /* FOI FEITO UM OVERRIDE DO PRIME GRID ORIGINAL PARA ADICIONAR !IMPORTANT */
44
- @use './prime-grid/grid' as *;
45
-
46
43
 
47
44
  /* ANIMATIONS */
48
45
  // @import "hover.css/css/hover-min.css";
@@ -1,610 +0,0 @@
1
- /* TRANSITORIO (ng-smz#26, fase B/C): o grid legado so se aplica a `.grid` SEM `grid-cols-*`, para o Grid do Tailwind
2
- (`grid grid-cols-12 gap-4`) funcionar enquanto este arquivo ainda existe. `:where()` mantem a especificidade (0,1,0) para
3
- `.grid-nogutter` continuar a vencer. Removido por inteiro na fase D. */
4
- .grid:where(:not([class*="grid-cols-"])) {
5
- display: flex !important;
6
- flex-wrap: wrap !important;
7
- margin-right: -0.5rem;
8
- margin-left: -0.5rem;
9
- margin-top: -0.5rem;
10
- }
11
-
12
- .grid > .col,
13
- .grid > [class*=col] {
14
- box-sizing: border-box;
15
- }
16
-
17
- .grid-nogutter {
18
- margin-right: 0;
19
- margin-left: 0;
20
- margin-top: 0;
21
- }
22
-
23
- .grid-nogutter > .col,
24
- .grid-nogutter > [class*=col-] {
25
- padding: 0;
26
- }
27
-
28
- .col {
29
- flex-grow: 1;
30
- flex-basis: 0;
31
- padding: 0.5rem;
32
- }
33
-
34
- .col-fixed {
35
- flex: 0 0 auto;
36
- padding: 0.5rem;
37
- }
38
-
39
- .col-1 {
40
- flex: 0 0 auto;
41
- padding: 0.5rem;
42
- width: 8.3333% !important;
43
- }
44
-
45
- .col-2 {
46
- flex: 0 0 auto;
47
- padding: 0.5rem;
48
- width: 16.6667% !important;
49
- }
50
-
51
- .col-3 {
52
- flex: 0 0 auto;
53
- padding: 0.5rem;
54
- width: 25% !important;
55
- }
56
-
57
- .col-4 {
58
- flex: 0 0 auto;
59
- padding: 0.5rem;
60
- width: 33.3333% !important;
61
- }
62
-
63
- .col-5 {
64
- flex: 0 0 auto;
65
- padding: 0.5rem;
66
- width: 41.6667% !important;
67
- }
68
-
69
- .col-6 {
70
- flex: 0 0 auto;
71
- padding: 0.5rem;
72
- width: 50% !important;
73
- }
74
-
75
- .col-7 {
76
- flex: 0 0 auto;
77
- padding: 0.5rem;
78
- width: 58.3333% !important;
79
- }
80
-
81
- .col-8 {
82
- flex: 0 0 auto;
83
- padding: 0.5rem;
84
- width: 66.6667% !important;
85
- }
86
-
87
- .col-9 {
88
- flex: 0 0 auto;
89
- padding: 0.5rem;
90
- width: 75% !important;
91
- }
92
-
93
- .col-10 {
94
- flex: 0 0 auto;
95
- padding: 0.5rem;
96
- width: 83.3333% !important;
97
- }
98
-
99
- .col-11 {
100
- flex: 0 0 auto;
101
- padding: 0.5rem;
102
- width: 91.6667% !important;
103
- }
104
-
105
- .col-12 {
106
- flex: 0 0 auto;
107
- padding: 0.5rem;
108
- width: 100% !important;
109
- }
110
-
111
- @media screen and (min-width: 576px) {
112
- .sm\:col {
113
- flex-grow: 1;
114
- flex-basis: 0;
115
- padding: 0.5rem;
116
- }
117
- .sm\:col-fixed {
118
- flex: 0 0 auto;
119
- padding: 0.5rem;
120
- }
121
- .sm\:col-1 {
122
- flex: 0 0 auto;
123
- padding: 0.5rem;
124
- width: 8.3333% !important;
125
- }
126
- .sm\:col-2 {
127
- flex: 0 0 auto;
128
- padding: 0.5rem;
129
- width: 16.6667% !important;
130
- }
131
- .sm\:col-3 {
132
- flex: 0 0 auto;
133
- padding: 0.5rem;
134
- width: 25% !important;
135
- }
136
- .sm\:col-4 {
137
- flex: 0 0 auto;
138
- padding: 0.5rem;
139
- width: 33.3333% !important;
140
- }
141
- .sm\:col-5 {
142
- flex: 0 0 auto;
143
- padding: 0.5rem;
144
- width: 41.6667% !important;
145
- }
146
- .sm\:col-6 {
147
- flex: 0 0 auto;
148
- padding: 0.5rem;
149
- width: 50% !important;
150
- }
151
- .sm\:col-7 {
152
- flex: 0 0 auto;
153
- padding: 0.5rem;
154
- width: 58.3333% !important;
155
- }
156
- .sm\:col-8 {
157
- flex: 0 0 auto;
158
- padding: 0.5rem;
159
- width: 66.6667% !important;
160
- }
161
- .sm\:col-9 {
162
- flex: 0 0 auto;
163
- padding: 0.5rem;
164
- width: 75% !important;
165
- }
166
- .sm\:col-10 {
167
- flex: 0 0 auto;
168
- padding: 0.5rem;
169
- width: 83.3333% !important;
170
- }
171
- .sm\:col-11 {
172
- flex: 0 0 auto;
173
- padding: 0.5rem;
174
- width: 91.6667% !important;
175
- }
176
- .sm\:col-12 {
177
- flex: 0 0 auto;
178
- padding: 0.5rem;
179
- width: 100% !important;
180
- }
181
- }
182
- @media screen and (min-width: 768px) {
183
- .md\:col {
184
- flex-grow: 1;
185
- flex-basis: 0;
186
- padding: 0.5rem;
187
- }
188
- .md\:col-fixed {
189
- flex: 0 0 auto;
190
- padding: 0.5rem;
191
- }
192
- .md\:col-1 {
193
- flex: 0 0 auto;
194
- padding: 0.5rem;
195
- width: 8.3333% !important;
196
- }
197
- .md\:col-2 {
198
- flex: 0 0 auto;
199
- padding: 0.5rem;
200
- width: 16.6667% !important;
201
- }
202
- .md\:col-3 {
203
- flex: 0 0 auto;
204
- padding: 0.5rem;
205
- width: 25% !important;
206
- }
207
- .md\:col-4 {
208
- flex: 0 0 auto;
209
- padding: 0.5rem;
210
- width: 33.3333% !important;
211
- }
212
- .md\:col-5 {
213
- flex: 0 0 auto;
214
- padding: 0.5rem;
215
- width: 41.6667% !important;
216
- }
217
- .md\:col-6 {
218
- flex: 0 0 auto;
219
- padding: 0.5rem;
220
- width: 50% !important;
221
- }
222
- .md\:col-7 {
223
- flex: 0 0 auto;
224
- padding: 0.5rem;
225
- width: 58.3333% !important;
226
- }
227
- .md\:col-8 {
228
- flex: 0 0 auto;
229
- padding: 0.5rem;
230
- width: 66.6667% !important;
231
- }
232
- .md\:col-9 {
233
- flex: 0 0 auto;
234
- padding: 0.5rem;
235
- width: 75% !important;
236
- }
237
- .md\:col-10 {
238
- flex: 0 0 auto;
239
- padding: 0.5rem;
240
- width: 83.3333% !important;
241
- }
242
- .md\:col-11 {
243
- flex: 0 0 auto;
244
- padding: 0.5rem;
245
- width: 91.6667% !important;
246
- }
247
- .md\:col-12 {
248
- flex: 0 0 auto;
249
- padding: 0.5rem;
250
- width: 100% !important;
251
- }
252
- }
253
- @media screen and (min-width: 992px) {
254
- .lg\:col {
255
- flex-grow: 1;
256
- flex-basis: 0;
257
- padding: 0.5rem;
258
- }
259
- .lg\:col-fixed {
260
- flex: 0 0 auto;
261
- padding: 0.5rem;
262
- }
263
- .lg\:col-1 {
264
- flex: 0 0 auto;
265
- padding: 0.5rem;
266
- width: 8.3333% !important;
267
- }
268
- .lg\:col-2 {
269
- flex: 0 0 auto;
270
- padding: 0.5rem;
271
- width: 16.6667% !important;
272
- }
273
- .lg\:col-3 {
274
- flex: 0 0 auto;
275
- padding: 0.5rem;
276
- width: 25% !important;
277
- }
278
- .lg\:col-4 {
279
- flex: 0 0 auto;
280
- padding: 0.5rem;
281
- width: 33.3333% !important;
282
- }
283
- .lg\:col-5 {
284
- flex: 0 0 auto;
285
- padding: 0.5rem;
286
- width: 41.6667% !important;
287
- }
288
- .lg\:col-6 {
289
- flex: 0 0 auto;
290
- padding: 0.5rem;
291
- width: 50% !important;
292
- }
293
- .lg\:col-7 {
294
- flex: 0 0 auto;
295
- padding: 0.5rem;
296
- width: 58.3333% !important;
297
- }
298
- .lg\:col-8 {
299
- flex: 0 0 auto;
300
- padding: 0.5rem;
301
- width: 66.6667% !important;
302
- }
303
- .lg\:col-9 {
304
- flex: 0 0 auto;
305
- padding: 0.5rem;
306
- width: 75% !important;
307
- }
308
- .lg\:col-10 {
309
- flex: 0 0 auto;
310
- padding: 0.5rem;
311
- width: 83.3333% !important;
312
- }
313
- .lg\:col-11 {
314
- flex: 0 0 auto;
315
- padding: 0.5rem;
316
- width: 91.6667% !important;
317
- }
318
- .lg\:col-12 {
319
- flex: 0 0 auto;
320
- padding: 0.5rem;
321
- width: 100% !important;
322
- }
323
- }
324
- @media screen and (min-width: 1200px) {
325
- .xl\:col {
326
- flex-grow: 1;
327
- flex-basis: 0;
328
- padding: 0.5rem;
329
- }
330
- .xl\:col-fixed {
331
- flex: 0 0 auto;
332
- padding: 0.5rem;
333
- }
334
- .xl\:col-1 {
335
- flex: 0 0 auto;
336
- padding: 0.5rem;
337
- width: 8.3333% !important;
338
- }
339
- .xl\:col-2 {
340
- flex: 0 0 auto;
341
- padding: 0.5rem;
342
- width: 16.6667% !important;
343
- }
344
- .xl\:col-3 {
345
- flex: 0 0 auto;
346
- padding: 0.5rem;
347
- width: 25% !important;
348
- }
349
- .xl\:col-4 {
350
- flex: 0 0 auto;
351
- padding: 0.5rem;
352
- width: 33.3333% !important;
353
- }
354
- .xl\:col-5 {
355
- flex: 0 0 auto;
356
- padding: 0.5rem;
357
- width: 41.6667% !important;
358
- }
359
- .xl\:col-6 {
360
- flex: 0 0 auto;
361
- padding: 0.5rem;
362
- width: 50% !important;
363
- }
364
- .xl\:col-7 {
365
- flex: 0 0 auto;
366
- padding: 0.5rem;
367
- width: 58.3333% !important;
368
- }
369
- .xl\:col-8 {
370
- flex: 0 0 auto;
371
- padding: 0.5rem;
372
- width: 66.6667% !important;
373
- }
374
- .xl\:col-9 {
375
- flex: 0 0 auto;
376
- padding: 0.5rem;
377
- width: 75% !important;
378
- }
379
- .xl\:col-10 {
380
- flex: 0 0 auto;
381
- padding: 0.5rem;
382
- width: 83.3333% !important;
383
- }
384
- .xl\:col-11 {
385
- flex: 0 0 auto;
386
- padding: 0.5rem;
387
- width: 91.6667% !important;
388
- }
389
- .xl\:col-12 {
390
- flex: 0 0 auto;
391
- padding: 0.5rem;
392
- width: 100% !important;
393
- }
394
- }
395
- .col-offset-0 {
396
- margin-left: 0 !important;
397
- }
398
-
399
- .col-offset-1 {
400
- margin-left: 8.3333% !important;
401
- }
402
-
403
- .col-offset-2 {
404
- margin-left: 16.6667% !important;
405
- }
406
-
407
- .col-offset-3 {
408
- margin-left: 25% !important;
409
- }
410
-
411
- .col-offset-4 {
412
- margin-left: 33.3333% !important;
413
- }
414
-
415
- .col-offset-5 {
416
- margin-left: 41.6667% !important;
417
- }
418
-
419
- .col-offset-6 {
420
- margin-left: 50% !important;
421
- }
422
-
423
- .col-offset-7 {
424
- margin-left: 58.3333% !important;
425
- }
426
-
427
- .col-offset-8 {
428
- margin-left: 66.6667% !important;
429
- }
430
-
431
- .col-offset-9 {
432
- margin-left: 75% !important;
433
- }
434
-
435
- .col-offset-10 {
436
- margin-left: 83.3333% !important;
437
- }
438
-
439
- .col-offset-11 {
440
- margin-left: 91.6667% !important;
441
- }
442
-
443
- .col-offset-12 {
444
- margin-left: 100% !important;
445
- }
446
-
447
- @media screen and (min-width: 576px) {
448
- .sm\:col-offset-0 {
449
- margin-left: 0 !important;
450
- }
451
- .sm\:col-offset-1 {
452
- margin-left: 8.3333% !important;
453
- }
454
- .sm\:col-offset-2 {
455
- margin-left: 16.6667% !important;
456
- }
457
- .sm\:col-offset-3 {
458
- margin-left: 25% !important;
459
- }
460
- .sm\:col-offset-4 {
461
- margin-left: 33.3333% !important;
462
- }
463
- .sm\:col-offset-5 {
464
- margin-left: 41.6667% !important;
465
- }
466
- .sm\:col-offset-6 {
467
- margin-left: 50% !important;
468
- }
469
- .sm\:col-offset-7 {
470
- margin-left: 58.3333% !important;
471
- }
472
- .sm\:col-offset-8 {
473
- margin-left: 66.6667% !important;
474
- }
475
- .sm\:col-offset-9 {
476
- margin-left: 75% !important;
477
- }
478
- .sm\:col-offset-10 {
479
- margin-left: 83.3333% !important;
480
- }
481
- .sm\:col-offset-11 {
482
- margin-left: 91.6667% !important;
483
- }
484
- .sm\:col-offset-12 {
485
- margin-left: 100% !important;
486
- }
487
- }
488
- @media screen and (min-width: 768px) {
489
- .md\:col-offset-0 {
490
- margin-left: 0 !important;
491
- }
492
- .md\:col-offset-1 {
493
- margin-left: 8.3333% !important;
494
- }
495
- .md\:col-offset-2 {
496
- margin-left: 16.6667% !important;
497
- }
498
- .md\:col-offset-3 {
499
- margin-left: 25% !important;
500
- }
501
- .md\:col-offset-4 {
502
- margin-left: 33.3333% !important;
503
- }
504
- .md\:col-offset-5 {
505
- margin-left: 41.6667% !important;
506
- }
507
- .md\:col-offset-6 {
508
- margin-left: 50% !important;
509
- }
510
- .md\:col-offset-7 {
511
- margin-left: 58.3333% !important;
512
- }
513
- .md\:col-offset-8 {
514
- margin-left: 66.6667% !important;
515
- }
516
- .md\:col-offset-9 {
517
- margin-left: 75% !important;
518
- }
519
- .md\:col-offset-10 {
520
- margin-left: 83.3333% !important;
521
- }
522
- .md\:col-offset-11 {
523
- margin-left: 91.6667% !important;
524
- }
525
- .md\:col-offset-12 {
526
- margin-left: 100% !important;
527
- }
528
- }
529
- @media screen and (min-width: 992px) {
530
- .lg\:col-offset-0 {
531
- margin-left: 0 !important;
532
- }
533
- .lg\:col-offset-1 {
534
- margin-left: 8.3333% !important;
535
- }
536
- .lg\:col-offset-2 {
537
- margin-left: 16.6667% !important;
538
- }
539
- .lg\:col-offset-3 {
540
- margin-left: 25% !important;
541
- }
542
- .lg\:col-offset-4 {
543
- margin-left: 33.3333% !important;
544
- }
545
- .lg\:col-offset-5 {
546
- margin-left: 41.6667% !important;
547
- }
548
- .lg\:col-offset-6 {
549
- margin-left: 50% !important;
550
- }
551
- .lg\:col-offset-7 {
552
- margin-left: 58.3333% !important;
553
- }
554
- .lg\:col-offset-8 {
555
- margin-left: 66.6667% !important;
556
- }
557
- .lg\:col-offset-9 {
558
- margin-left: 75% !important;
559
- }
560
- .lg\:col-offset-10 {
561
- margin-left: 83.3333% !important;
562
- }
563
- .lg\:col-offset-11 {
564
- margin-left: 91.6667% !important;
565
- }
566
- .lg\:col-offset-12 {
567
- margin-left: 100% !important;
568
- }
569
- }
570
- @media screen and (min-width: 1200px) {
571
- .xl\:col-offset-0 {
572
- margin-left: 0 !important;
573
- }
574
- .xl\:col-offset-1 {
575
- margin-left: 8.3333% !important;
576
- }
577
- .xl\:col-offset-2 {
578
- margin-left: 16.6667% !important;
579
- }
580
- .xl\:col-offset-3 {
581
- margin-left: 25% !important;
582
- }
583
- .xl\:col-offset-4 {
584
- margin-left: 33.3333% !important;
585
- }
586
- .xl\:col-offset-5 {
587
- margin-left: 41.6667% !important;
588
- }
589
- .xl\:col-offset-6 {
590
- margin-left: 50% !important;
591
- }
592
- .xl\:col-offset-7 {
593
- margin-left: 58.3333% !important;
594
- }
595
- .xl\:col-offset-8 {
596
- margin-left: 66.6667% !important;
597
- }
598
- .xl\:col-offset-9 {
599
- margin-left: 75% !important;
600
- }
601
- .xl\:col-offset-10 {
602
- margin-left: 83.3333% !important;
603
- }
604
- .xl\:col-offset-11 {
605
- margin-left: 91.6667% !important;
606
- }
607
- .xl\:col-offset-12 {
608
- margin-left: 100% !important;
609
- }
610
- }