@seniorsistemas/angular-components 17.27.1-feature-sds-110-35ee9b4f → 17.27.1-fix-interactive-content-46e38731

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 (61) hide show
  1. package/button/lib/button/button.component.d.ts +1 -1
  2. package/checkbox/lib/checkbox/checkbox.component.d.ts +11 -13
  3. package/checkbox/public-api.d.ts +1 -4
  4. package/checkbox-list/index.d.ts +5 -0
  5. package/checkbox-list/lib/checkbox-list/checkbox-list.component.d.ts +21 -0
  6. package/checkbox-list/lib/checkbox-list/checkbox-list.module.d.ts +9 -0
  7. package/checkbox-list/lib/checkbox-list/models/checkbox-list-data.d.ts +5 -0
  8. package/checkbox-list/lib/checkbox-list/models/checkbox-list-state.d.ts +7 -0
  9. package/checkbox-list/package.json +3 -0
  10. package/checkbox-list/public-api.d.ts +4 -0
  11. package/dynamic-form/lib/dynamic-form/dynamic-form.module.d.ts +35 -36
  12. package/dynamic-form/lib/dynamic-form/form-field/configurations/fields/checkbox-field.d.ts +3 -3
  13. package/dynamic-form/lib/dynamic-form/form-field/configurations/fields/select-field.d.ts +2 -0
  14. package/fesm2022/seniorsistemas-angular-components-button.mjs +4 -2
  15. package/fesm2022/seniorsistemas-angular-components-button.mjs.map +1 -1
  16. package/fesm2022/seniorsistemas-angular-components-checkbox-list.mjs +151 -0
  17. package/fesm2022/seniorsistemas-angular-components-checkbox-list.mjs.map +1 -0
  18. package/fesm2022/seniorsistemas-angular-components-checkbox.mjs +33 -110
  19. package/fesm2022/seniorsistemas-angular-components-checkbox.mjs.map +1 -1
  20. package/fesm2022/seniorsistemas-angular-components-dynamic-form.mjs +19 -22
  21. package/fesm2022/seniorsistemas-angular-components-dynamic-form.mjs.map +1 -1
  22. package/fesm2022/seniorsistemas-angular-components-fieldset.mjs +7 -7
  23. package/fesm2022/seniorsistemas-angular-components-fieldset.mjs.map +1 -1
  24. package/fesm2022/seniorsistemas-angular-components-interactive-content.mjs +65 -0
  25. package/fesm2022/seniorsistemas-angular-components-interactive-content.mjs.map +1 -0
  26. package/fesm2022/seniorsistemas-angular-components-paginator.mjs +145 -0
  27. package/fesm2022/seniorsistemas-angular-components-paginator.mjs.map +1 -0
  28. package/fesm2022/seniorsistemas-angular-components-select.mjs +741 -0
  29. package/fesm2022/seniorsistemas-angular-components-select.mjs.map +1 -0
  30. package/fesm2022/seniorsistemas-angular-components-star-rating.mjs +4 -5
  31. package/fesm2022/seniorsistemas-angular-components-star-rating.mjs.map +1 -1
  32. package/fesm2022/seniorsistemas-angular-components-table-header.mjs +8 -8
  33. package/fesm2022/seniorsistemas-angular-components-table-header.mjs.map +1 -1
  34. package/fesm2022/seniorsistemas-angular-components-thumbnails.mjs +7 -7
  35. package/fesm2022/seniorsistemas-angular-components-thumbnails.mjs.map +1 -1
  36. package/fieldset/lib/fieldset/fieldset.component.d.ts +1 -1
  37. package/fieldset/lib/fieldset/fieldset.module.d.ts +2 -2
  38. package/interactive-content/index.d.ts +5 -0
  39. package/interactive-content/lib/interactive-content/interactive-content.directive.d.ts +17 -0
  40. package/interactive-content/package.json +3 -0
  41. package/interactive-content/public-api.d.ts +1 -0
  42. package/package.json +35 -15
  43. package/paginator/index.d.ts +5 -0
  44. package/paginator/lib/models/paginator.models.d.ts +14 -0
  45. package/paginator/lib/paginator/paginator.component.d.ts +30 -0
  46. package/paginator/package.json +3 -0
  47. package/paginator/public-api.d.ts +2 -0
  48. package/table-header/lib/table-header/table-header-checkbox.component.d.ts +3 -3
  49. package/table-header/lib/table-header/table-header-checkox.module.d.ts +2 -2
  50. package/tailwind.css +263 -0
  51. package/thumbnails/lib/thumbnails/thumbnails.module.d.ts +2 -2
  52. package/accessibility-events/index.d.ts +0 -5
  53. package/accessibility-events/lib/accessibility-events/accessibility-events.module.d.ts +0 -8
  54. package/accessibility-events/lib/accessibility-events/directives/accessibility-event.directive.d.ts +0 -15
  55. package/accessibility-events/package.json +0 -3
  56. package/accessibility-events/public-api.d.ts +0 -2
  57. package/checkbox/lib/checkbox/checkbox.module.d.ts +0 -9
  58. package/checkbox/lib/checkbox/models/checkbox-data.d.ts +0 -5
  59. package/checkbox/lib/checkbox/models/checkbox-state.d.ts +0 -7
  60. package/fesm2022/seniorsistemas-angular-components-accessibility-events.mjs +0 -77
  61. package/fesm2022/seniorsistemas-angular-components-accessibility-events.mjs.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seniorsistemas/angular-components",
3
- "version": "17.27.1-feature-sds-110-35ee9b4f",
3
+ "version": "17.27.1-fix-interactive-content-46e38731",
4
4
  "peerDependencies": {
5
5
  "@angular/cdk": "^18.2.14",
6
6
  "@angular/common": "^18.2.0",
@@ -40,6 +40,7 @@
40
40
  "chips/",
41
41
  "control-errors/",
42
42
  "country-phone-picker/",
43
+ "checkbox-list/",
43
44
  "checkbox/",
44
45
  "button/",
45
46
  "tiered-menu/",
@@ -101,9 +102,10 @@
101
102
  "code-editor/",
102
103
  "text-area/",
103
104
  "speech-recognition/",
104
- "accessibility-events/",
105
+ "interactive-content/",
105
106
  "fieldset/",
106
- "star-rating/"
107
+ "star-rating/",
108
+ "paginator/"
107
109
  ],
108
110
  "sideEffects": false,
109
111
  "module": "fesm2022/seniorsistemas-angular-components.mjs",
@@ -118,12 +120,6 @@
118
120
  "esm": "./esm2022/seniorsistemas-angular-components.mjs",
119
121
  "default": "./fesm2022/seniorsistemas-angular-components.mjs"
120
122
  },
121
- "./accessibility-events": {
122
- "types": "./accessibility-events/index.d.ts",
123
- "esm2022": "./esm2022/accessibility-events/seniorsistemas-angular-components-accessibility-events.mjs",
124
- "esm": "./esm2022/accessibility-events/seniorsistemas-angular-components-accessibility-events.mjs",
125
- "default": "./fesm2022/seniorsistemas-angular-components-accessibility-events.mjs"
126
- },
127
123
  "./accordion": {
128
124
  "types": "./accordion/index.d.ts",
129
125
  "esm2022": "./esm2022/accordion/seniorsistemas-angular-components-accordion.mjs",
@@ -160,18 +156,18 @@
160
156
  "esm": "./esm2022/button/seniorsistemas-angular-components-button.mjs",
161
157
  "default": "./fesm2022/seniorsistemas-angular-components-button.mjs"
162
158
  },
163
- "./card": {
164
- "types": "./card/index.d.ts",
165
- "esm2022": "./esm2022/card/seniorsistemas-angular-components-card.mjs",
166
- "esm": "./esm2022/card/seniorsistemas-angular-components-card.mjs",
167
- "default": "./fesm2022/seniorsistemas-angular-components-card.mjs"
168
- },
169
159
  "./calendar-mask": {
170
160
  "types": "./calendar-mask/index.d.ts",
171
161
  "esm2022": "./esm2022/calendar-mask/seniorsistemas-angular-components-calendar-mask.mjs",
172
162
  "esm": "./esm2022/calendar-mask/seniorsistemas-angular-components-calendar-mask.mjs",
173
163
  "default": "./fesm2022/seniorsistemas-angular-components-calendar-mask.mjs"
174
164
  },
165
+ "./card": {
166
+ "types": "./card/index.d.ts",
167
+ "esm2022": "./esm2022/card/seniorsistemas-angular-components-card.mjs",
168
+ "esm": "./esm2022/card/seniorsistemas-angular-components-card.mjs",
169
+ "default": "./fesm2022/seniorsistemas-angular-components-card.mjs"
170
+ },
175
171
  "./chat": {
176
172
  "types": "./chat/index.d.ts",
177
173
  "esm2022": "./esm2022/chat/seniorsistemas-angular-components-chat.mjs",
@@ -184,6 +180,12 @@
184
180
  "esm": "./esm2022/checkbox/seniorsistemas-angular-components-checkbox.mjs",
185
181
  "default": "./fesm2022/seniorsistemas-angular-components-checkbox.mjs"
186
182
  },
183
+ "./checkbox-list": {
184
+ "types": "./checkbox-list/index.d.ts",
185
+ "esm2022": "./esm2022/checkbox-list/seniorsistemas-angular-components-checkbox-list.mjs",
186
+ "esm": "./esm2022/checkbox-list/seniorsistemas-angular-components-checkbox-list.mjs",
187
+ "default": "./fesm2022/seniorsistemas-angular-components-checkbox-list.mjs"
188
+ },
187
189
  "./chips": {
188
190
  "types": "./chips/index.d.ts",
189
191
  "esm2022": "./esm2022/chips/seniorsistemas-angular-components-chips.mjs",
@@ -316,6 +318,12 @@
316
318
  "esm": "./esm2022/inline-edit/seniorsistemas-angular-components-inline-edit.mjs",
317
319
  "default": "./fesm2022/seniorsistemas-angular-components-inline-edit.mjs"
318
320
  },
321
+ "./interactive-content": {
322
+ "types": "./interactive-content/index.d.ts",
323
+ "esm2022": "./esm2022/interactive-content/seniorsistemas-angular-components-interactive-content.mjs",
324
+ "esm": "./esm2022/interactive-content/seniorsistemas-angular-components-interactive-content.mjs",
325
+ "default": "./fesm2022/seniorsistemas-angular-components-interactive-content.mjs"
326
+ },
319
327
  "./kanban": {
320
328
  "types": "./kanban/index.d.ts",
321
329
  "esm2022": "./esm2022/kanban/seniorsistemas-angular-components-kanban.mjs",
@@ -382,6 +390,12 @@
382
390
  "esm": "./esm2022/object-card/seniorsistemas-angular-components-object-card.mjs",
383
391
  "default": "./fesm2022/seniorsistemas-angular-components-object-card.mjs"
384
392
  },
393
+ "./paginator": {
394
+ "types": "./paginator/index.d.ts",
395
+ "esm2022": "./esm2022/paginator/seniorsistemas-angular-components-paginator.mjs",
396
+ "esm": "./esm2022/paginator/seniorsistemas-angular-components-paginator.mjs",
397
+ "default": "./fesm2022/seniorsistemas-angular-components-paginator.mjs"
398
+ },
385
399
  "./panel": {
386
400
  "types": "./panel/index.d.ts",
387
401
  "esm2022": "./esm2022/panel/seniorsistemas-angular-components-panel.mjs",
@@ -424,6 +438,12 @@
424
438
  "esm": "./esm2022/rating-scale/seniorsistemas-angular-components-rating-scale.mjs",
425
439
  "default": "./fesm2022/seniorsistemas-angular-components-rating-scale.mjs"
426
440
  },
441
+ "./select": {
442
+ "types": "./select/index.d.ts",
443
+ "esm2022": "./esm2022/select/seniorsistemas-angular-components-select.mjs",
444
+ "esm": "./esm2022/select/seniorsistemas-angular-components-select.mjs",
445
+ "default": "./fesm2022/seniorsistemas-angular-components-select.mjs"
446
+ },
427
447
  "./select-button": {
428
448
  "types": "./select-button/index.d.ts",
429
449
  "esm2022": "./esm2022/select-button/seniorsistemas-angular-components-select-button.mjs",
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="@seniorsistemas/angular-components/paginator" />
5
+ export * from './public-api';
@@ -0,0 +1,14 @@
1
+ import { Signal } from "@angular/core";
2
+ export type PageChange = {
3
+ page: number;
4
+ rows: number;
5
+ pageCount: number;
6
+ first: number;
7
+ };
8
+ export type PaginatorInternalButton = {
9
+ clicked: (button: PaginatorInternalButton) => any;
10
+ pageIndex?: number;
11
+ icon?: string;
12
+ disabled?: boolean;
13
+ validate?: Signal<boolean>;
14
+ };
@@ -0,0 +1,30 @@
1
+ import { OnDestroy } from '@angular/core';
2
+ import { PageChange, PaginatorInternalButton } from '../models/paginator.models';
3
+ import * as i0 from "@angular/core";
4
+ export declare class PaginatorComponent implements OnDestroy {
5
+ totalRecords: import("@angular/core").InputSignal<number>;
6
+ rows: import("@angular/core").ModelSignal<number>;
7
+ rowsPerPageOptions: import("@angular/core").InputSignal<number[]>;
8
+ pageChange: import("@angular/core").OutputEmitterRef<PageChange>;
9
+ private readonly currentPageEffect;
10
+ private readonly MAX_PAGE_BUTTONS;
11
+ private readonly hasPreviousPage;
12
+ private readonly hasNextPage;
13
+ protected readonly currentPage: import("@angular/core").WritableSignal<number>;
14
+ protected buttons: import("@angular/core").Signal<PaginatorInternalButton[]>;
15
+ private readonly FIRST_PAGE_BUTTON;
16
+ private readonly PREVIOUS_PAGE_BUTTON;
17
+ private readonly LAST_PAGE_BUTTON;
18
+ private readonly NEXT_PAGE_BUTTON;
19
+ private totalPages;
20
+ ngOnDestroy(): void;
21
+ protected rowsPerPageChange(): void;
22
+ protected activatedButton(button: PaginatorInternalButton): void;
23
+ private goFirstPage;
24
+ private goNextPage;
25
+ private goPreviousPage;
26
+ private goLastPage;
27
+ private goToPage;
28
+ static ɵfac: i0.ɵɵFactoryDeclaration<PaginatorComponent, never>;
29
+ static ɵcmp: i0.ɵɵComponentDeclaration<PaginatorComponent, "s-paginator", never, { "totalRecords": { "alias": "totalRecords"; "required": true; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; }, { "rows": "rowsChange"; "pageChange": "pageChange"; }, never, ["*"], true, never>;
30
+ }
@@ -0,0 +1,3 @@
1
+ {
2
+ "module": "../fesm2022/seniorsistemas-angular-components-paginator.mjs"
3
+ }
@@ -0,0 +1,2 @@
1
+ export { PaginatorComponent } from "./lib/paginator/paginator.component";
2
+ export { type PageChange } from "./lib/models/paginator.models";
@@ -1,6 +1,6 @@
1
1
  import { OnDestroy, OnInit } from '@angular/core';
2
+ import { CheckboxListData, CheckboxListState } from '@seniorsistemas/angular-components/checkbox-list';
2
3
  import { Table, TableService } from 'primeng/table';
3
- import { CheckboxData, CheckboxState } from '@seniorsistemas/angular-components/checkbox';
4
4
  import * as i0 from "@angular/core";
5
5
  export declare class TableHeaderCheckboxComponent implements OnInit, OnDestroy {
6
6
  readonly table: Table;
@@ -10,10 +10,10 @@ export declare class TableHeaderCheckboxComponent implements OnInit, OnDestroy {
10
10
  disabled: boolean;
11
11
  rowProps?: string[];
12
12
  useAllObject?: boolean;
13
- checkboxItems: CheckboxData;
13
+ checkboxItems: CheckboxListData;
14
14
  checked: boolean;
15
15
  hasFocus: boolean;
16
- checkboxState: CheckboxState;
16
+ checkboxState: CheckboxListState;
17
17
  private _ngUnsubscribe;
18
18
  constructor(table: Table, tableService: TableService);
19
19
  ngOnInit(): void;
@@ -1,10 +1,10 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "./table-header-checkbox.component";
3
3
  import * as i2 from "@angular/common";
4
- import * as i3 from "@seniorsistemas/angular-components/checkbox";
4
+ import * as i3 from "@seniorsistemas/angular-components/checkbox-list";
5
5
  import * as i4 from "@angular/forms";
6
6
  export declare class TableHeaderCheckboxModule {
7
7
  static ɵfac: i0.ɵɵFactoryDeclaration<TableHeaderCheckboxModule, never>;
8
- static ɵmod: i0.ɵɵNgModuleDeclaration<TableHeaderCheckboxModule, [typeof i1.TableHeaderCheckboxComponent], [typeof i2.CommonModule, typeof i3.CheckboxModule, typeof i4.FormsModule], [typeof i1.TableHeaderCheckboxComponent]>;
8
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TableHeaderCheckboxModule, [typeof i1.TableHeaderCheckboxComponent], [typeof i2.CommonModule, typeof i3.CheckboxListModule, typeof i4.FormsModule], [typeof i1.TableHeaderCheckboxComponent]>;
9
9
  static ɵinj: i0.ɵɵInjectorDeclaration<TableHeaderCheckboxModule>;
10
10
  }
package/tailwind.css CHANGED
@@ -499,39 +499,68 @@ video {
499
499
  [hidden]:where(:not([hidden="until-found"])) {
500
500
  display: none;
501
501
  }
502
+ .\!container {
503
+ width: 100% !important;
504
+ }
502
505
  .container {
503
506
  width: 100%;
504
507
  }
505
508
  @media (min-width: 640px) {
506
509
 
510
+ .\!container {
511
+ max-width: 640px !important;
512
+ }
513
+
507
514
  .container {
508
515
  max-width: 640px;
509
516
  }
510
517
  }
511
518
  @media (min-width: 768px) {
512
519
 
520
+ .\!container {
521
+ max-width: 768px !important;
522
+ }
523
+
513
524
  .container {
514
525
  max-width: 768px;
515
526
  }
516
527
  }
517
528
  @media (min-width: 1024px) {
518
529
 
530
+ .\!container {
531
+ max-width: 1024px !important;
532
+ }
533
+
519
534
  .container {
520
535
  max-width: 1024px;
521
536
  }
522
537
  }
523
538
  @media (min-width: 1280px) {
524
539
 
540
+ .\!container {
541
+ max-width: 1280px !important;
542
+ }
543
+
525
544
  .container {
526
545
  max-width: 1280px;
527
546
  }
528
547
  }
529
548
  @media (min-width: 1536px) {
530
549
 
550
+ .\!container {
551
+ max-width: 1536px !important;
552
+ }
553
+
531
554
  .container {
532
555
  max-width: 1536px;
533
556
  }
534
557
  }
558
+ .pointer-events-none {
559
+ pointer-events: none;
560
+ }
561
+ .pointer-events-auto {
562
+ pointer-events: auto;
563
+ }
535
564
  .\!visible {
536
565
  visibility: visible !important;
537
566
  }
@@ -559,6 +588,22 @@ video {
559
588
  .sticky {
560
589
  position: sticky;
561
590
  }
591
+ .right-2\.5 {
592
+ right: 0.625rem;
593
+ }
594
+ .top-2\.5 {
595
+ top: 0.625rem;
596
+ }
597
+ .z-\[999\] {
598
+ z-index: 999;
599
+ }
600
+ .m-3 {
601
+ margin: 0.75rem;
602
+ }
603
+ .mx-3 {
604
+ margin-left: 0.75rem;
605
+ margin-right: 0.75rem;
606
+ }
562
607
  .block {
563
608
  display: block;
564
609
  }
@@ -583,12 +628,36 @@ video {
583
628
  .hidden {
584
629
  display: none;
585
630
  }
631
+ .h-3 {
632
+ height: 0.75rem;
633
+ }
634
+ .h-5 {
635
+ height: 1.25rem;
636
+ }
637
+ .h-52 {
638
+ height: 13rem;
639
+ }
640
+ .h-8 {
641
+ height: 2rem;
642
+ }
586
643
  .h-\[35px\] {
587
644
  height: 35px;
588
645
  }
589
646
  .h-full {
590
647
  height: 100%;
591
648
  }
649
+ .max-h-52 {
650
+ max-height: 13rem;
651
+ }
652
+ .w-3 {
653
+ width: 0.75rem;
654
+ }
655
+ .w-5 {
656
+ width: 1.25rem;
657
+ }
658
+ .w-8 {
659
+ width: 2rem;
660
+ }
592
661
  .w-full {
593
662
  width: 100%;
594
663
  }
@@ -601,12 +670,23 @@ video {
601
670
  .flex-grow {
602
671
  flex-grow: 1;
603
672
  }
673
+ .grow {
674
+ flex-grow: 1;
675
+ }
604
676
  .transform {
605
677
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
606
678
  }
679
+ .cursor-not-allowed {
680
+ cursor: not-allowed;
681
+ }
607
682
  .cursor-pointer {
608
683
  cursor: pointer;
609
684
  }
685
+ .select-none {
686
+ -webkit-user-select: none;
687
+ -moz-user-select: none;
688
+ user-select: none;
689
+ }
610
690
  .resize {
611
691
  resize: both;
612
692
  }
@@ -622,15 +702,42 @@ video {
622
702
  .justify-center {
623
703
  justify-content: center;
624
704
  }
705
+ .justify-between {
706
+ justify-content: space-between;
707
+ }
625
708
  .gap-2 {
626
709
  gap: 0.5rem;
627
710
  }
711
+ .gap-3 {
712
+ gap: 0.75rem;
713
+ }
714
+ .divide-x > :not([hidden]) ~ :not([hidden]) {
715
+ --tw-divide-x-reverse: 0;
716
+ border-right-width: calc(1px * var(--tw-divide-x-reverse));
717
+ border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
718
+ }
719
+ .divide-grayscale-30 > :not([hidden]) ~ :not([hidden]) {
720
+ --tw-divide-opacity: 1;
721
+ border-color: rgb(193 193 204 / var(--tw-divide-opacity, 1));
722
+ }
723
+ .overflow-auto {
724
+ overflow: auto;
725
+ }
726
+ .overflow-hidden {
727
+ overflow: hidden;
728
+ }
628
729
  .text-wrap {
629
730
  text-wrap: wrap;
630
731
  }
631
732
  .rounded {
632
733
  border-radius: 0.25rem;
633
734
  }
735
+ .rounded-\[3px\] {
736
+ border-radius: 3px;
737
+ }
738
+ .rounded-md {
739
+ border-radius: 0.375rem;
740
+ }
634
741
  .rounded-l-\[3px\] {
635
742
  border-top-left-radius: 3px;
636
743
  border-bottom-left-radius: 3px;
@@ -642,6 +749,9 @@ video {
642
749
  .border {
643
750
  border-width: 1px;
644
751
  }
752
+ .border-l {
753
+ border-left-width: 1px;
754
+ }
645
755
  .border-r-0 {
646
756
  border-right-width: 0px;
647
757
  }
@@ -649,16 +759,85 @@ video {
649
759
  --tw-border-opacity: 1;
650
760
  border-color: rgb(193 193 204 / var(--tw-border-opacity, 1));
651
761
  }
762
+ .border-grayscale-20 {
763
+ --tw-border-opacity: 1;
764
+ border-color: rgb(222 220 229 / var(--tw-border-opacity, 1));
765
+ }
766
+ .border-grayscale-30 {
767
+ --tw-border-opacity: 1;
768
+ border-color: rgb(193 193 204 / var(--tw-border-opacity, 1));
769
+ }
770
+ .border-primary {
771
+ --tw-border-opacity: 1;
772
+ border-color: rgb(66 139 202 / var(--tw-border-opacity, 1));
773
+ }
774
+ .border-tarawera-500 {
775
+ --tw-border-opacity: 1;
776
+ border-color: rgb(6 57 81 / var(--tw-border-opacity, 1));
777
+ }
778
+ .bg-criticality-blue {
779
+ --tw-bg-opacity: 1;
780
+ background-color: rgb(66 139 202 / var(--tw-bg-opacity, 1));
781
+ }
782
+ .bg-grayscale-0 {
783
+ --tw-bg-opacity: 1;
784
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
785
+ }
786
+ .bg-grayscale-10 {
787
+ --tw-bg-opacity: 1;
788
+ background-color: rgb(238 235 242 / var(--tw-bg-opacity, 1));
789
+ }
790
+ .bg-grayscale-5 {
791
+ --tw-bg-opacity: 1;
792
+ background-color: rgb(251 250 252 / var(--tw-bg-opacity, 1));
793
+ }
794
+ .bg-primary {
795
+ --tw-bg-opacity: 1;
796
+ background-color: rgb(66 139 202 / var(--tw-bg-opacity, 1));
797
+ }
798
+ .bg-tarawera-500 {
799
+ --tw-bg-opacity: 1;
800
+ background-color: rgb(6 57 81 / var(--tw-bg-opacity, 1));
801
+ }
652
802
  .p-2 {
653
803
  padding: 0.5rem;
654
804
  }
805
+ .px-3 {
806
+ padding-left: 0.75rem;
807
+ padding-right: 0.75rem;
808
+ }
655
809
  .px-\[8px\] {
656
810
  padding-left: 8px;
657
811
  padding-right: 8px;
658
812
  }
813
+ .py-1 {
814
+ padding-top: 0.25rem;
815
+ padding-bottom: 0.25rem;
816
+ }
817
+ .py-1\.5 {
818
+ padding-top: 0.375rem;
819
+ padding-bottom: 0.375rem;
820
+ }
821
+ .py-2 {
822
+ padding-top: 0.5rem;
823
+ padding-bottom: 0.5rem;
824
+ }
825
+ .py-\[7px\] {
826
+ padding-top: 7px;
827
+ padding-bottom: 7px;
828
+ }
829
+ .pl-2\.5 {
830
+ padding-left: 0.625rem;
831
+ }
659
832
  .pr-2 {
660
833
  padding-right: 0.5rem;
661
834
  }
835
+ .pr-7 {
836
+ padding-right: 1.75rem;
837
+ }
838
+ .text-\[14px\] {
839
+ font-size: 14px;
840
+ }
662
841
  .font-bold {
663
842
  font-weight: 700;
664
843
  }
@@ -679,9 +858,34 @@ video {
679
858
  --tw-text-opacity: 1;
680
859
  color: rgb(245 163 25 / var(--tw-text-opacity, 1));
681
860
  }
861
+ .text-criticality-blue {
862
+ --tw-text-opacity: 1;
863
+ color: rgb(66 139 202 / var(--tw-text-opacity, 1));
864
+ }
865
+ .text-grayscale-0 {
866
+ --tw-text-opacity: 1;
867
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
868
+ }
869
+ .text-grayscale-30 {
870
+ --tw-text-opacity: 1;
871
+ color: rgb(193 193 204 / var(--tw-text-opacity, 1));
872
+ }
873
+ .text-grayscale-60 {
874
+ --tw-text-opacity: 1;
875
+ color: rgb(110 114 128 / var(--tw-text-opacity, 1));
876
+ }
877
+ .text-grayscale-90 {
878
+ --tw-text-opacity: 1;
879
+ color: rgb(33 37 51 / var(--tw-text-opacity, 1));
880
+ }
682
881
  .opacity-50 {
683
882
  opacity: 0.5;
684
883
  }
884
+ .shadow-md {
885
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
886
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
887
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
888
+ }
685
889
  .outline-none {
686
890
  outline: 2px solid transparent;
687
891
  outline-offset: 2px;
@@ -689,6 +893,12 @@ video {
689
893
  .outline {
690
894
  outline-style: solid;
691
895
  }
896
+ .outline-1 {
897
+ outline-width: 1px;
898
+ }
899
+ .outline-primary {
900
+ outline-color: #428BCA;
901
+ }
692
902
  .blur {
693
903
  --tw-blur: blur(8px);
694
904
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -703,6 +913,14 @@ video {
703
913
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
704
914
  transition-duration: 150ms;
705
915
  }
916
+ .transition-all {
917
+ transition-property: all;
918
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
919
+ transition-duration: 150ms;
920
+ }
921
+ .duration-200 {
922
+ transition-duration: 200ms;
923
+ }
706
924
  .ease-in {
707
925
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
708
926
  }
@@ -712,6 +930,30 @@ video {
712
930
  .ease-out {
713
931
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
714
932
  }
933
+ .hover\:border-grayscale-50:hover {
934
+ --tw-border-opacity: 1;
935
+ border-color: rgb(136 139 153 / var(--tw-border-opacity, 1));
936
+ }
937
+ .hover\:border-tarawera-500:hover {
938
+ --tw-border-opacity: 1;
939
+ border-color: rgb(6 57 81 / var(--tw-border-opacity, 1));
940
+ }
941
+ .hover\:bg-grayscale-10:hover {
942
+ --tw-bg-opacity: 1;
943
+ background-color: rgb(238 235 242 / var(--tw-bg-opacity, 1));
944
+ }
945
+ .hover\:bg-grayscale-20:hover {
946
+ --tw-bg-opacity: 1;
947
+ background-color: rgb(222 220 229 / var(--tw-bg-opacity, 1));
948
+ }
949
+ .hover\:bg-tarawera-500:hover {
950
+ --tw-bg-opacity: 1;
951
+ background-color: rgb(6 57 81 / var(--tw-bg-opacity, 1));
952
+ }
953
+ .hover\:text-grayscale-100:hover {
954
+ --tw-text-opacity: 1;
955
+ color: rgb(14 17 25 / var(--tw-text-opacity, 1));
956
+ }
715
957
  .focus\:border-2:focus {
716
958
  border-width: 2px;
717
959
  }
@@ -719,3 +961,24 @@ video {
719
961
  --tw-border-opacity: 1;
720
962
  border-color: rgb(66 139 202 / var(--tw-border-opacity, 1));
721
963
  }
964
+ .focus\:outline:focus {
965
+ outline-style: solid;
966
+ }
967
+ .disabled\:hover\:bg-\[transparent\]:hover:disabled {
968
+ background-color: transparent;
969
+ }
970
+ .disabled\:hover\:text-criticality-blue:hover:disabled {
971
+ --tw-text-opacity: 1;
972
+ color: rgb(66 139 202 / var(--tw-text-opacity, 1));
973
+ }
974
+ .group:hover .group-hover\:bg-grayscale-10 {
975
+ --tw-bg-opacity: 1;
976
+ background-color: rgb(238 235 242 / var(--tw-bg-opacity, 1));
977
+ }
978
+ .group:focus .group-focus\:border-primary {
979
+ --tw-border-opacity: 1;
980
+ border-color: rgb(66 139 202 / var(--tw-border-opacity, 1));
981
+ }
982
+ .group:disabled .group-disabled\:opacity-50 {
983
+ opacity: 0.5;
984
+ }
@@ -6,9 +6,9 @@ import * as i4 from "./components/thumbnail-item/components/thumbnail-item-image
6
6
  import * as i5 from "@angular/common";
7
7
  import * as i6 from "@angular/forms";
8
8
  import * as i7 from "@ngx-translate/core";
9
- import * as i8 from "@seniorsistemas/angular-components/checkbox";
9
+ import * as i8 from "@seniorsistemas/angular-components/checkbox-list";
10
10
  export declare class ThumbnailsModule {
11
11
  static ɵfac: i0.ɵɵFactoryDeclaration<ThumbnailsModule, never>;
12
- static ɵmod: i0.ɵɵNgModuleDeclaration<ThumbnailsModule, [typeof i1.ThumbnailsComponent, typeof i2.ThumbnailItemComponent, typeof i3.ThumbnailItemVideoComponent, typeof i4.ThumbnailItemImageComponent], [typeof i5.CommonModule, typeof i6.ReactiveFormsModule, typeof i7.TranslateModule, typeof i8.CheckboxModule], [typeof i1.ThumbnailsComponent]>;
12
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ThumbnailsModule, [typeof i1.ThumbnailsComponent, typeof i2.ThumbnailItemComponent, typeof i3.ThumbnailItemVideoComponent, typeof i4.ThumbnailItemImageComponent], [typeof i5.CommonModule, typeof i6.ReactiveFormsModule, typeof i7.TranslateModule, typeof i8.CheckboxListModule], [typeof i1.ThumbnailsComponent]>;
13
13
  static ɵinj: i0.ɵɵInjectorDeclaration<ThumbnailsModule>;
14
14
  }
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- /// <amd-module name="@seniorsistemas/angular-components/accessibility-events" />
5
- export * from './public-api';
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./directives/accessibility-event.directive";
3
- import * as i2 from "@angular/common";
4
- export declare class AccessibilityEventsModule {
5
- static ɵfac: i0.ɵɵFactoryDeclaration<AccessibilityEventsModule, never>;
6
- static ɵmod: i0.ɵɵNgModuleDeclaration<AccessibilityEventsModule, [typeof i1.AccessibilityEventDirective], [typeof i2.CommonModule], [typeof i1.AccessibilityEventDirective]>;
7
- static ɵinj: i0.ɵɵInjectorDeclaration<AccessibilityEventsModule>;
8
- }
@@ -1,15 +0,0 @@
1
- import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class AccessibilityEventDirective implements OnDestroy {
4
- private readonly elementRef;
5
- sActivatedContent: EventEmitter<PointerEvent | KeyboardEvent>;
6
- tabindex: number;
7
- private readonly EVENT_LISTENER;
8
- constructor(elementRef: ElementRef<HTMLElement>);
9
- private setTabIndex;
10
- private checkAccessbilityEvents;
11
- private get element();
12
- ngOnDestroy(): void;
13
- static ɵfac: i0.ɵɵFactoryDeclaration<AccessibilityEventDirective, never>;
14
- static ɵdir: i0.ɵɵDirectiveDeclaration<AccessibilityEventDirective, "[sActivatedContent]", never, { "tabindex": { "alias": "tabindex"; "required": false; }; }, { "sActivatedContent": "sActivatedContent"; }, never, never, false, never>;
15
- }
@@ -1,3 +0,0 @@
1
- {
2
- "module": "../fesm2022/seniorsistemas-angular-components-accessibility-events.mjs"
3
- }
@@ -1,2 +0,0 @@
1
- export { AccessibilityEventsModule } from "./lib/accessibility-events/accessibility-events.module";
2
- export { AccessibilityEventDirective } from "./lib/accessibility-events/directives/accessibility-event.directive";
@@ -1,9 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./checkbox.component";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "@angular/forms";
5
- export declare class CheckboxModule {
6
- static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxModule, never>;
7
- static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxModule, [typeof i1.CheckboxComponent], [typeof i2.CommonModule, typeof i3.FormsModule], [typeof i1.CheckboxComponent]>;
8
- static ɵinj: i0.ɵɵInjectorDeclaration<CheckboxModule>;
9
- }