@sonny-ui/core 0.1.0-alpha.16 → 0.1.0-alpha.18

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 (77) hide show
  1. package/README.md +109 -55
  2. package/fesm2022/sonny-ui-core.mjs +617 -178
  3. package/fesm2022/sonny-ui-core.mjs.map +1 -1
  4. package/package.json +1 -1
  5. package/src/lib/accordion/accordion.directives.ts +0 -4
  6. package/src/lib/alert/alert.directives.ts +0 -3
  7. package/src/lib/avatar/avatar.component.ts +0 -1
  8. package/src/lib/avatar-group/avatar-group.component.spec.ts +74 -0
  9. package/src/lib/avatar-group/avatar-group.component.ts +88 -0
  10. package/src/lib/avatar-group/index.ts +1 -0
  11. package/src/lib/badge/badge.directive.ts +0 -1
  12. package/src/lib/breadcrumb/breadcrumb.directives.ts +0 -6
  13. package/src/lib/button/button.directive.ts +0 -1
  14. package/src/lib/button-group/button-group.directive.ts +0 -1
  15. package/src/lib/calendar/calendar.component.ts +0 -1
  16. package/src/lib/card/card.directives.ts +0 -6
  17. package/src/lib/carousel/carousel.directives.ts +0 -5
  18. package/src/lib/chat-bubble/chat-bubble.directives.ts +0 -6
  19. package/src/lib/checkbox/checkbox.directive.ts +0 -1
  20. package/src/lib/color-picker/color-picker.component.ts +5 -5
  21. package/src/lib/combobox/combobox.component.ts +1 -3
  22. package/src/lib/command-palette/command-palette.component.ts +0 -1
  23. package/src/lib/data-table/data-table.component.ts +0 -1
  24. package/src/lib/data-table/data-table.directives.ts +0 -4
  25. package/src/lib/date-picker/date-picker.component.ts +5 -5
  26. package/src/lib/date-range-picker/date-range-picker.component.ts +5 -5
  27. package/src/lib/diff/diff.component.ts +0 -1
  28. package/src/lib/divider/divider.component.ts +0 -1
  29. package/src/lib/dock/dock.directives.ts +0 -2
  30. package/src/lib/drawer/drawer.directives.ts +0 -3
  31. package/src/lib/dropdown/dropdown.directives.ts +3 -10
  32. package/src/lib/fab/fab.directives.ts +0 -3
  33. package/src/lib/fieldset/fieldset.directives.ts +0 -3
  34. package/src/lib/file-input/file-input.component.ts +0 -1
  35. package/src/lib/indicator/indicator.directives.ts +0 -2
  36. package/src/lib/input/input.directive.ts +0 -1
  37. package/src/lib/input/label.directive.ts +0 -1
  38. package/src/lib/kbd/kbd.directive.ts +0 -1
  39. package/src/lib/link/link.directive.ts +0 -1
  40. package/src/lib/list/list.directives.ts +0 -5
  41. package/src/lib/loader/loader.component.ts +0 -1
  42. package/src/lib/modal/dialog.directives.ts +0 -6
  43. package/src/lib/navbar/navbar.directives.ts +0 -4
  44. package/src/lib/number-input/index.ts +2 -0
  45. package/src/lib/number-input/number-input.component.spec.ts +151 -0
  46. package/src/lib/number-input/number-input.component.ts +152 -0
  47. package/src/lib/number-input/number-input.variants.ts +17 -0
  48. package/src/lib/otp-input/otp-input.component.ts +0 -1
  49. package/src/lib/pagination/pagination.component.ts +0 -1
  50. package/src/lib/popover/index.ts +6 -0
  51. package/src/lib/popover/popover.directives.spec.ts +147 -0
  52. package/src/lib/popover/popover.directives.ts +151 -0
  53. package/src/lib/progress/progress.component.ts +0 -1
  54. package/src/lib/radial-progress/radial-progress.component.ts +0 -1
  55. package/src/lib/radio/radio.directive.ts +0 -1
  56. package/src/lib/rating/rating.component.ts +0 -1
  57. package/src/lib/select/select.component.ts +1 -3
  58. package/src/lib/sheet/sheet.directives.ts +0 -5
  59. package/src/lib/skeleton/skeleton.directive.ts +0 -1
  60. package/src/lib/slider/slider.component.ts +0 -1
  61. package/src/lib/stat/stat.directives.ts +0 -5
  62. package/src/lib/status/status.directive.ts +0 -1
  63. package/src/lib/steps/steps.directives.ts +0 -2
  64. package/src/lib/switch/switch.component.ts +0 -1
  65. package/src/lib/table/table.directives.ts +0 -8
  66. package/src/lib/tabs/tabs.directives.ts +0 -4
  67. package/src/lib/tag-input/index.ts +2 -0
  68. package/src/lib/tag-input/tag-input.component.spec.ts +190 -0
  69. package/src/lib/tag-input/tag-input.component.ts +172 -0
  70. package/src/lib/tag-input/tag-input.variants.ts +31 -0
  71. package/src/lib/textarea/textarea.directive.ts +0 -1
  72. package/src/lib/timeline/timeline.directives.ts +0 -5
  73. package/src/lib/toast/toaster.component.ts +0 -1
  74. package/src/lib/toggle/toggle.directive.ts +0 -1
  75. package/src/lib/tooltip/tooltip.directive.ts +0 -1
  76. package/src/lib/validator/validator.directives.ts +0 -2
  77. package/types/sonny-ui-core.d.ts +147 -2
package/fesm2022/sonny-ui-core.mjs CHANGED
@@ -3,7 +3,7 @@ import { twMerge } from 'tailwind-merge';
3
3
  import { cva } from 'class-variance-authority';
4
4
  export { cva } from 'class-variance-authority';
5
5
  import * as i0 from '@angular/core';
6
- import { inject, PLATFORM_ID, signal, computed, Injectable, InjectionToken, makeEnvironmentProviders, provideEnvironmentInitializer, input, Directive, ChangeDetectionStrategy, Component, ElementRef, model, viewChild, forwardRef, HostListener, TemplateRef, output, contentChildren, contentChild, effect, untracked, Injector, afterNextRender, Renderer2, linkedSignal, viewChildren } from '@angular/core';
6
+ import { inject, PLATFORM_ID, signal, computed, Injectable, InjectionToken, makeEnvironmentProviders, provideEnvironmentInitializer, input, Directive, ChangeDetectionStrategy, Component, ElementRef, model, viewChild, forwardRef, TemplateRef, output, contentChildren, contentChild, effect, untracked, Injector, afterNextRender, Renderer2, linkedSignal, viewChildren } from '@angular/core';
7
7
  import { DOCUMENT, isPlatformBrowser, NgTemplateOutlet } from '@angular/common';
8
8
  import { Dialog, DialogRef } from '@angular/cdk/dialog';
9
9
  import { NG_VALUE_ACCESSOR } from '@angular/forms';
@@ -115,7 +115,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
115
115
  type: Directive,
116
116
  args: [{
117
117
  selector: 'button[snyBtn], a[snyBtn]',
118
- standalone: true,
119
118
  host: {
120
119
  '[class]': 'computedClass()',
121
120
  '[attr.aria-disabled]': 'disabled() || loading() || null',
@@ -158,7 +157,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
158
157
  type: Directive,
159
158
  args: [{
160
159
  selector: '[snyCard]',
161
- standalone: true,
162
160
  host: { '[class]': 'computedClass()' },
163
161
  }]
164
162
  }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -172,7 +170,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
172
170
  type: Directive,
173
171
  args: [{
174
172
  selector: '[snyCardHeader]',
175
- standalone: true,
176
173
  host: { '[class]': 'computedClass()' },
177
174
  }]
178
175
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -186,7 +183,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
186
183
  type: Directive,
187
184
  args: [{
188
185
  selector: '[snyCardTitle]',
189
- standalone: true,
190
186
  host: { '[class]': 'computedClass()' },
191
187
  }]
192
188
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -200,7 +196,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
200
196
  type: Directive,
201
197
  args: [{
202
198
  selector: '[snyCardDescription]',
203
- standalone: true,
204
199
  host: { '[class]': 'computedClass()' },
205
200
  }]
206
201
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -214,7 +209,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
214
209
  type: Directive,
215
210
  args: [{
216
211
  selector: '[snyCardContent]',
217
- standalone: true,
218
212
  host: { '[class]': 'computedClass()' },
219
213
  }]
220
214
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -228,7 +222,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
228
222
  type: Directive,
229
223
  args: [{
230
224
  selector: '[snyCardFooter]',
231
- standalone: true,
232
225
  host: { '[class]': 'computedClass()' },
233
226
  }]
234
227
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -277,7 +270,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
277
270
  type: Directive,
278
271
  args: [{
279
272
  selector: 'input[snyInput], textarea[snyInput]',
280
- standalone: true,
281
273
  host: {
282
274
  '[class]': 'computedClass()',
283
275
  '[attr.aria-invalid]': 'variant() === "error" || null',
@@ -297,7 +289,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
297
289
  type: Directive,
298
290
  args: [{
299
291
  selector: 'label[snyLabel]',
300
- standalone: true,
301
292
  host: { '[class]': 'computedClass()' },
302
293
  }]
303
294
  }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -439,7 +430,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
439
430
  type: Component,
440
431
  args: [{
441
432
  selector: 'sny-toaster',
442
- standalone: true,
443
433
  changeDetection: ChangeDetectionStrategy.OnPush,
444
434
  template: `
445
435
  <div [class]="containerClass()" role="region" aria-label="Notifications" tabindex="-1">
@@ -561,7 +551,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
561
551
  type: Directive,
562
552
  args: [{
563
553
  selector: '[snyDialogHeader]',
564
- standalone: true,
565
554
  host: { '[class]': 'computedClass()' },
566
555
  }]
567
556
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -575,7 +564,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
575
564
  type: Directive,
576
565
  args: [{
577
566
  selector: '[snyDialogTitle]',
578
- standalone: true,
579
567
  host: { '[class]': 'computedClass()' },
580
568
  }]
581
569
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -589,7 +577,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
589
577
  type: Directive,
590
578
  args: [{
591
579
  selector: '[snyDialogDescription]',
592
- standalone: true,
593
580
  host: { '[class]': 'computedClass()' },
594
581
  }]
595
582
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -603,7 +590,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
603
590
  type: Directive,
604
591
  args: [{
605
592
  selector: '[snyDialogContent]',
606
- standalone: true,
607
593
  host: { '[class]': 'computedClass()' },
608
594
  }]
609
595
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -617,7 +603,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
617
603
  type: Directive,
618
604
  args: [{
619
605
  selector: '[snyDialogFooter]',
620
- standalone: true,
621
606
  host: { '[class]': 'computedClass()' },
622
607
  }]
623
608
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -635,7 +620,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
635
620
  type: Directive,
636
621
  args: [{
637
622
  selector: '[snyDialogClose]',
638
- standalone: true,
639
623
  host: {
640
624
  '[class]': 'computedClass()',
641
625
  '(click)': 'onClick()',
@@ -708,7 +692,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
708
692
  type: Directive,
709
693
  args: [{
710
694
  selector: '[snyAccordion]',
711
- standalone: true,
712
695
  exportAs: 'snyAccordion',
713
696
  providers: [{ provide: SNY_ACCORDION, useExisting: SnyAccordionDirective }],
714
697
  host: {
@@ -733,7 +716,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
733
716
  type: Directive,
734
717
  args: [{
735
718
  selector: '[snyAccordionItem]',
736
- standalone: true,
737
719
  exportAs: 'snyAccordionItem',
738
720
  providers: [{ provide: SNY_ACCORDION_ITEM, useExisting: SnyAccordionItemDirective }],
739
721
  host: { '[class]': 'computedClass()' },
@@ -750,7 +732,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
750
732
  type: Directive,
751
733
  args: [{
752
734
  selector: '[snyAccordionTrigger]',
753
- standalone: true,
754
735
  host: {
755
736
  '[class]': 'computedClass()',
756
737
  '[attr.aria-expanded]': 'item.isOpen()',
@@ -770,7 +751,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
770
751
  type: Directive,
771
752
  args: [{
772
753
  selector: '[snyAccordionContent]',
773
- standalone: true,
774
754
  host: {
775
755
  '[class]': 'computedClass()',
776
756
  role: 'region',
@@ -833,7 +813,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
833
813
  type: Component,
834
814
  args: [{
835
815
  selector: 'sny-avatar',
836
- standalone: true,
837
816
  changeDetection: ChangeDetectionStrategy.OnPush,
838
817
  host: { '[class]': 'computedClass()' },
839
818
  template: `
@@ -885,7 +864,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
885
864
  type: Directive,
886
865
  args: [{
887
866
  selector: '[snyBadge]',
888
- standalone: true,
889
867
  host: { '[class]': 'computedClass()' },
890
868
  }]
891
869
  }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -900,7 +878,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
900
878
  type: Directive,
901
879
  args: [{
902
880
  selector: 'nav[snyBreadcrumb]',
903
- standalone: true,
904
881
  host: {
905
882
  '[class]': 'computedClass()',
906
883
  'aria-label': 'Breadcrumb',
@@ -917,7 +894,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
917
894
  type: Directive,
918
895
  args: [{
919
896
  selector: 'ol[snyBreadcrumbList]',
920
- standalone: true,
921
897
  host: { '[class]': 'computedClass()' },
922
898
  }]
923
899
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -931,7 +907,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
931
907
  type: Directive,
932
908
  args: [{
933
909
  selector: 'li[snyBreadcrumbItem]',
934
- standalone: true,
935
910
  host: { '[class]': 'computedClass()' },
936
911
  }]
937
912
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -945,7 +920,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
945
920
  type: Directive,
946
921
  args: [{
947
922
  selector: '[snyBreadcrumbLink]',
948
- standalone: true,
949
923
  host: { '[class]': 'computedClass()' },
950
924
  }]
951
925
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -959,7 +933,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
959
933
  type: Directive,
960
934
  args: [{
961
935
  selector: '[snyBreadcrumbSeparator]',
962
- standalone: true,
963
936
  host: {
964
937
  role: 'presentation',
965
938
  '[aria-hidden]': 'true',
@@ -977,7 +950,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
977
950
  type: Directive,
978
951
  args: [{
979
952
  selector: '[snyBreadcrumbPage]',
980
- standalone: true,
981
953
  host: {
982
954
  role: 'link',
983
955
  'aria-disabled': 'true',
@@ -1010,7 +982,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
1010
982
  type: Directive,
1011
983
  args: [{
1012
984
  selector: '[snyButtonGroup]',
1013
- standalone: true,
1014
985
  host: {
1015
986
  role: 'group',
1016
987
  '[class]': 'computedClass()',
@@ -1042,7 +1013,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
1042
1013
  type: Directive,
1043
1014
  args: [{
1044
1015
  selector: 'input[type="checkbox"][snyCheckbox]',
1045
- standalone: true,
1046
1016
  host: { '[class]': 'computedClass()' },
1047
1017
  }]
1048
1018
  }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -1277,10 +1247,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
1277
1247
  type: Component,
1278
1248
  args: [{
1279
1249
  selector: 'sny-combobox',
1280
- standalone: true,
1281
1250
  changeDetection: ChangeDetectionStrategy.OnPush,
1282
1251
  host: {
1283
1252
  class: 'relative inline-block w-full',
1253
+ '(document:click)': 'onDocumentClick($event)',
1284
1254
  },
1285
1255
  providers: [
1286
1256
  { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SnyComboboxComponent), multi: true },
@@ -1351,10 +1321,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
1351
1321
  }
1352
1322
  `,
1353
1323
  }]
1354
- }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], triggerRef: [{ type: i0.ViewChild, args: ['triggerEl', { isSignal: true }] }], searchRef: [{ type: i0.ViewChild, args: ['searchEl', { isSignal: true }] }], dropdownRef: [{ type: i0.ViewChild, args: ['dropdownEl', { isSignal: true }] }], onDocumentClick: [{
1355
- type: HostListener,
1356
- args: ['document:click', ['$event']]
1357
- }] } });
1324
+ }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], triggerRef: [{ type: i0.ViewChild, args: ['triggerEl', { isSignal: true }] }], searchRef: [{ type: i0.ViewChild, args: ['searchEl', { isSignal: true }] }], dropdownRef: [{ type: i0.ViewChild, args: ['dropdownEl', { isSignal: true }] }] } });
1358
1325
 
1359
1326
  const skeletonVariants = cva('animate-pulse bg-muted block', {
1360
1327
  variants: {
@@ -1388,7 +1355,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
1388
1355
  type: Directive,
1389
1356
  args: [{
1390
1357
  selector: '[snySkeleton]',
1391
- standalone: true,
1392
1358
  host: {
1393
1359
  '[class]': 'computedClass()',
1394
1360
  'aria-busy': 'true',
@@ -1421,7 +1387,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
1421
1387
  type: Directive,
1422
1388
  args: [{
1423
1389
  selector: 'input[type="radio"][snyRadio]',
1424
- standalone: true,
1425
1390
  host: { '[class]': 'computedClass()' },
1426
1391
  }]
1427
1392
  }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -1498,7 +1463,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
1498
1463
  type: Component,
1499
1464
  args: [{
1500
1465
  selector: 'sny-switch',
1501
- standalone: true,
1502
1466
  changeDetection: ChangeDetectionStrategy.OnPush,
1503
1467
  host: { class: 'inline-flex' },
1504
1468
  providers: [
@@ -1576,7 +1540,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
1576
1540
  type: Directive,
1577
1541
  args: [{
1578
1542
  selector: 'button[snyToggle]',
1579
- standalone: true,
1580
1543
  providers: [
1581
1544
  { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SnyToggleDirective), multi: true },
1582
1545
  ],
@@ -1763,7 +1726,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
1763
1726
  type: Component,
1764
1727
  args: [{
1765
1728
  selector: 'sny-slider',
1766
- standalone: true,
1767
1729
  changeDetection: ChangeDetectionStrategy.OnPush,
1768
1730
  host: {
1769
1731
  class: 'block',
@@ -1847,7 +1809,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
1847
1809
  type: Component,
1848
1810
  args: [{
1849
1811
  selector: 'sny-loader',
1850
- standalone: true,
1851
1812
  changeDetection: ChangeDetectionStrategy.OnPush,
1852
1813
  host: {
1853
1814
  '[class]': 'computedClass()',
@@ -1897,7 +1858,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
1897
1858
  type: Directive,
1898
1859
  args: [{
1899
1860
  selector: '[snyTabs]',
1900
- standalone: true,
1901
1861
  exportAs: 'snyTabs',
1902
1862
  providers: [{ provide: SNY_TABS, useExisting: SnyTabsDirective }],
1903
1863
  host: { '[class]': 'computedClass()' },
@@ -1946,7 +1906,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
1946
1906
  type: Directive,
1947
1907
  args: [{
1948
1908
  selector: '[snyTabsList]',
1949
- standalone: true,
1950
1909
  host: {
1951
1910
  role: 'tablist',
1952
1911
  '[class]': 'computedClass()',
@@ -1969,7 +1928,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
1969
1928
  type: Directive,
1970
1929
  args: [{
1971
1930
  selector: '[snyTabsTrigger]',
1972
- standalone: true,
1973
1931
  host: {
1974
1932
  role: 'tab',
1975
1933
  '[class]': 'computedClass()',
@@ -1992,7 +1950,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
1992
1950
  type: Directive,
1993
1951
  args: [{
1994
1952
  selector: '[snyTabsContent]',
1995
- standalone: true,
1996
1953
  host: {
1997
1954
  role: 'tabpanel',
1998
1955
  '[class]': 'computedClass()',
@@ -2210,10 +2167,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2210
2167
  type: Component,
2211
2168
  args: [{
2212
2169
  selector: 'sny-select',
2213
- standalone: true,
2214
2170
  changeDetection: ChangeDetectionStrategy.OnPush,
2215
2171
  host: {
2216
2172
  class: 'relative inline-block w-full',
2173
+ '(document:click)': 'onDocumentClick($event)',
2217
2174
  },
2218
2175
  providers: [
2219
2176
  { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SnySelectComponent), multi: true },
@@ -2264,10 +2221,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2264
2221
  }
2265
2222
  `,
2266
2223
  }]
2267
- }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], triggerRef: [{ type: i0.ViewChild, args: ['triggerEl', { isSignal: true }] }], dropdownRef: [{ type: i0.ViewChild, args: ['dropdownEl', { isSignal: true }] }], onDocumentClick: [{
2268
- type: HostListener,
2269
- args: ['document:click', ['$event']]
2270
- }] } });
2224
+ }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], triggerRef: [{ type: i0.ViewChild, args: ['triggerEl', { isSignal: true }] }], dropdownRef: [{ type: i0.ViewChild, args: ['dropdownEl', { isSignal: true }] }] } });
2271
2225
 
2272
2226
  const tableVariants = cva('w-full caption-bottom text-sm border-collapse', {
2273
2227
  variants: {
@@ -2309,7 +2263,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2309
2263
  type: Directive,
2310
2264
  args: [{
2311
2265
  selector: 'table[snyTable]',
2312
- standalone: true,
2313
2266
  providers: [{ provide: SNY_TABLE, useExisting: SnyTableDirective }],
2314
2267
  host: { '[class]': 'computedClass()' },
2315
2268
  }]
@@ -2325,7 +2278,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2325
2278
  type: Directive,
2326
2279
  args: [{
2327
2280
  selector: 'thead[snyTableHeader]',
2328
- standalone: true,
2329
2281
  host: { '[class]': 'computedClass()' },
2330
2282
  }]
2331
2283
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -2339,7 +2291,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2339
2291
  type: Directive,
2340
2292
  args: [{
2341
2293
  selector: 'tbody[snyTableBody]',
2342
- standalone: true,
2343
2294
  host: { '[class]': 'computedClass()' },
2344
2295
  }]
2345
2296
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -2354,7 +2305,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2354
2305
  type: Directive,
2355
2306
  args: [{
2356
2307
  selector: 'tr[snyTableRow]',
2357
- standalone: true,
2358
2308
  host: { '[class]': 'computedClass()' },
2359
2309
  }]
2360
2310
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -2369,7 +2319,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2369
2319
  type: Directive,
2370
2320
  args: [{
2371
2321
  selector: 'th[snyTableHead]',
2372
- standalone: true,
2373
2322
  host: { '[class]': 'computedClass()' },
2374
2323
  }]
2375
2324
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -2384,7 +2333,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2384
2333
  type: Directive,
2385
2334
  args: [{
2386
2335
  selector: 'td[snyTableCell]',
2387
- standalone: true,
2388
2336
  host: { '[class]': 'computedClass()' },
2389
2337
  }]
2390
2338
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -2398,7 +2346,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2398
2346
  type: Directive,
2399
2347
  args: [{
2400
2348
  selector: 'tfoot[snyTableFooter]',
2401
- standalone: true,
2402
2349
  host: { '[class]': 'computedClass()' },
2403
2350
  }]
2404
2351
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -2412,7 +2359,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2412
2359
  type: Directive,
2413
2360
  args: [{
2414
2361
  selector: 'caption[snyTableCaption]',
2415
- standalone: true,
2416
2362
  host: { '[class]': 'computedClass()' },
2417
2363
  }]
2418
2364
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -2546,7 +2492,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2546
2492
  type: Component,
2547
2493
  args: [{
2548
2494
  selector: 'sny-pagination',
2549
- standalone: true,
2550
2495
  changeDetection: ChangeDetectionStrategy.OnPush,
2551
2496
  host: {
2552
2497
  'role': 'navigation',
@@ -2629,20 +2574,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2629
2574
  type: Directive,
2630
2575
  args: [{
2631
2576
  selector: '[snyDropdown]',
2632
- standalone: true,
2633
2577
  exportAs: 'snyDropdown',
2634
2578
  providers: [{ provide: SNY_DROPDOWN, useExisting: SnyDropdownDirective }],
2635
2579
  host: {
2636
2580
  '[class]': '"relative inline-block"',
2581
+ '(document:click)': 'onDocumentClick($event)',
2582
+ '(keydown.escape)': 'onEscape()',
2637
2583
  },
2638
2584
  }]
2639
- }], propDecorators: { onDocumentClick: [{
2640
- type: HostListener,
2641
- args: ['document:click', ['$event']]
2642
- }], onEscape: [{
2643
- type: HostListener,
2644
- args: ['keydown.escape']
2645
- }] } });
2585
+ }] });
2646
2586
  class SnyDropdownTriggerDirective {
2647
2587
  dropdown = inject(SNY_DROPDOWN);
2648
2588
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyDropdownTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
@@ -2652,7 +2592,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2652
2592
  type: Directive,
2653
2593
  args: [{
2654
2594
  selector: '[snyDropdownTrigger]',
2655
- standalone: true,
2656
2595
  host: {
2657
2596
  '(click)': 'dropdown.toggle()',
2658
2597
  '[attr.aria-expanded]': 'dropdown.isOpen()',
@@ -2671,7 +2610,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2671
2610
  type: Directive,
2672
2611
  args: [{
2673
2612
  selector: '[snyDropdownContent]',
2674
- standalone: true,
2675
2613
  host: {
2676
2614
  'role': 'menu',
2677
2615
  '[class]': 'computedClass()',
@@ -2689,7 +2627,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2689
2627
  type: Directive,
2690
2628
  args: [{
2691
2629
  selector: '[snyMenuContent]',
2692
- standalone: true,
2693
2630
  host: {
2694
2631
  '[class]': 'computedClass()',
2695
2632
  },
@@ -2710,7 +2647,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2710
2647
  type: Directive,
2711
2648
  args: [{
2712
2649
  selector: '[snyMenuItem]',
2713
- standalone: true,
2714
2650
  host: {
2715
2651
  'role': 'menuitem',
2716
2652
  '[class]': 'computedClass()',
@@ -2728,7 +2664,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2728
2664
  type: Directive,
2729
2665
  args: [{
2730
2666
  selector: '[snyMenuSeparator]',
2731
- standalone: true,
2732
2667
  host: {
2733
2668
  'role': 'separator',
2734
2669
  '[class]': 'computedClass()',
@@ -2745,7 +2680,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2745
2680
  type: Directive,
2746
2681
  args: [{
2747
2682
  selector: '[snyMenuLabel]',
2748
- standalone: true,
2749
2683
  host: {
2750
2684
  '[class]': 'computedClass()',
2751
2685
  },
@@ -2762,7 +2696,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2762
2696
  type: Directive,
2763
2697
  args: [{
2764
2698
  selector: '[snyCell]',
2765
- standalone: true,
2766
2699
  }]
2767
2700
  }], propDecorators: { snyCell: [{ type: i0.Input, args: [{ isSignal: true, alias: "snyCell", required: true }] }] } });
2768
2701
  class SnyHeaderCellDefDirective {
@@ -2775,7 +2708,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2775
2708
  type: Directive,
2776
2709
  args: [{
2777
2710
  selector: '[snyHeaderCell]',
2778
- standalone: true,
2779
2711
  }]
2780
2712
  }], propDecorators: { snyHeaderCell: [{ type: i0.Input, args: [{ isSignal: true, alias: "snyHeaderCell", required: true }] }] } });
2781
2713
  class SnyBulkActionsDefDirective {
@@ -2787,7 +2719,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2787
2719
  type: Directive,
2788
2720
  args: [{
2789
2721
  selector: '[snyBulkActions]',
2790
- standalone: true,
2791
2722
  }]
2792
2723
  }] });
2793
2724
  class SnyRowExpandDefDirective {
@@ -2799,7 +2730,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
2799
2730
  type: Directive,
2800
2731
  args: [{
2801
2732
  selector: '[snyRowExpand]',
2802
- standalone: true,
2803
2733
  }]
2804
2734
  }] });
2805
2735
 
@@ -3290,7 +3220,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
3290
3220
  type: Component,
3291
3221
  args: [{
3292
3222
  selector: 'sny-data-table',
3293
- standalone: true,
3294
3223
  changeDetection: ChangeDetectionStrategy.OnPush,
3295
3224
  imports: [
3296
3225
  NgTemplateOutlet,
@@ -3677,7 +3606,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
3677
3606
  type: Directive,
3678
3607
  args: [{
3679
3608
  selector: '[snySheetHeader]',
3680
- standalone: true,
3681
3609
  host: { '[class]': 'computedClass()' },
3682
3610
  }]
3683
3611
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -3691,7 +3619,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
3691
3619
  type: Directive,
3692
3620
  args: [{
3693
3621
  selector: '[snySheetTitle]',
3694
- standalone: true,
3695
3622
  host: { '[class]': 'computedClass()' },
3696
3623
  }]
3697
3624
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -3705,7 +3632,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
3705
3632
  type: Directive,
3706
3633
  args: [{
3707
3634
  selector: '[snySheetDescription]',
3708
- standalone: true,
3709
3635
  host: { '[class]': 'computedClass()' },
3710
3636
  }]
3711
3637
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -3719,7 +3645,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
3719
3645
  type: Directive,
3720
3646
  args: [{
3721
3647
  selector: '[snySheetContent]',
3722
- standalone: true,
3723
3648
  host: { '[class]': 'computedClass()' },
3724
3649
  }]
3725
3650
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -3737,7 +3662,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
3737
3662
  type: Directive,
3738
3663
  args: [{
3739
3664
  selector: '[snySheetClose]',
3740
- standalone: true,
3741
3665
  host: {
3742
3666
  '[class]': 'computedClass()',
3743
3667
  '(click)': 'onClick()',
@@ -3785,7 +3709,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
3785
3709
  args: [{
3786
3710
  selector: '[snyAlert]',
3787
3711
  exportAs: 'snyAlert',
3788
- standalone: true,
3789
3712
  host: {
3790
3713
  '[class]': 'computedClass()',
3791
3714
  '[attr.role]': 'role()',
@@ -3804,7 +3727,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
3804
3727
  type: Directive,
3805
3728
  args: [{
3806
3729
  selector: '[snyAlertTitle]',
3807
- standalone: true,
3808
3730
  host: {
3809
3731
  '[class]': 'computedClass()',
3810
3732
  },
@@ -3820,7 +3742,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
3820
3742
  type: Directive,
3821
3743
  args: [{
3822
3744
  selector: '[snyAlertDescription]',
3823
- standalone: true,
3824
3745
  host: {
3825
3746
  '[class]': 'computedClass()',
3826
3747
  },
@@ -3893,7 +3814,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
3893
3814
  type: Directive,
3894
3815
  args: [{
3895
3816
  selector: 'textarea[snyTextarea]',
3896
- standalone: true,
3897
3817
  host: {
3898
3818
  '[class]': 'computedClass()',
3899
3819
  '[attr.aria-invalid]': 'variant() === "error" || null',
@@ -3960,7 +3880,7 @@ class SnyProgressComponent {
3960
3880
  }
3961
3881
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyProgressComponent, decorators: [{
3962
3882
  type: Component,
3963
- args: [{ selector: 'sny-progress', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
3883
+ args: [{ selector: 'sny-progress', changeDetection: ChangeDetectionStrategy.OnPush, host: {
3964
3884
  'role': 'progressbar',
3965
3885
  '[attr.aria-valuenow]': 'indeterminate() ? null : value()',
3966
3886
  '[attr.aria-valuemin]': '0',
@@ -4083,7 +4003,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4083
4003
  type: Directive,
4084
4004
  args: [{
4085
4005
  selector: '[snyTooltip]',
4086
- standalone: true,
4087
4006
  exportAs: 'snyTooltip',
4088
4007
  host: {
4089
4008
  '(mouseenter)': 'show()',
@@ -4227,7 +4146,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4227
4146
  type: Component,
4228
4147
  args: [{
4229
4148
  selector: 'sny-file-input',
4230
- standalone: true,
4231
4149
  changeDetection: ChangeDetectionStrategy.OnPush,
4232
4150
  host: {
4233
4151
  '[class]': '"w-full"',
@@ -4284,7 +4202,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4284
4202
  type: Directive,
4285
4203
  args: [{
4286
4204
  selector: 'fieldset[snyFieldset]',
4287
- standalone: true,
4288
4205
  host: {
4289
4206
  '[class]': 'computedClass()',
4290
4207
  '[attr.disabled]': 'disabled() || null',
@@ -4302,7 +4219,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4302
4219
  type: Directive,
4303
4220
  args: [{
4304
4221
  selector: 'legend[snyFieldsetLegend]',
4305
- standalone: true,
4306
4222
  host: {
4307
4223
  '[class]': 'computedClass()',
4308
4224
  },
@@ -4318,7 +4234,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4318
4234
  type: Directive,
4319
4235
  args: [{
4320
4236
  selector: '[snyFieldsetContent]',
4321
- standalone: true,
4322
4237
  host: {
4323
4238
  '[class]': 'computedClass()',
4324
4239
  },
@@ -4462,7 +4377,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4462
4377
  type: Component,
4463
4378
  args: [{
4464
4379
  selector: 'sny-rating',
4465
- standalone: true,
4466
4380
  changeDetection: ChangeDetectionStrategy.OnPush,
4467
4381
  host: {
4468
4382
  'role': 'slider',
@@ -4521,7 +4435,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4521
4435
  type: Directive,
4522
4436
  args: [{
4523
4437
  selector: '[snyNavbar]',
4524
- standalone: true,
4525
4438
  host: {
4526
4439
  'role': 'navigation',
4527
4440
  '[attr.aria-label]': 'ariaLabel()',
@@ -4539,7 +4452,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4539
4452
  type: Directive,
4540
4453
  args: [{
4541
4454
  selector: '[snyNavbarBrand]',
4542
- standalone: true,
4543
4455
  host: { '[class]': 'computedClass()' },
4544
4456
  }]
4545
4457
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -4553,7 +4465,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4553
4465
  type: Directive,
4554
4466
  args: [{
4555
4467
  selector: '[snyNavbarContent]',
4556
- standalone: true,
4557
4468
  host: { '[class]': 'computedClass()' },
4558
4469
  }]
4559
4470
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -4567,7 +4478,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4567
4478
  type: Directive,
4568
4479
  args: [{
4569
4480
  selector: '[snyNavbarEnd]',
4570
- standalone: true,
4571
4481
  host: { '[class]': 'computedClass()' },
4572
4482
  }]
4573
4483
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -4596,7 +4506,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4596
4506
  type: Component,
4597
4507
  args: [{
4598
4508
  selector: '[snyDrawerLayout]',
4599
- standalone: true,
4600
4509
  changeDetection: ChangeDetectionStrategy.OnPush,
4601
4510
  exportAs: 'snyDrawerLayout',
4602
4511
  providers: [{ provide: SNY_DRAWER, useExisting: SnyDrawerLayoutComponent }],
@@ -4626,7 +4535,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4626
4535
  type: Directive,
4627
4536
  args: [{
4628
4537
  selector: '[snyDrawerContent]',
4629
- standalone: true,
4630
4538
  host: {
4631
4539
  '[class]': 'computedClass()',
4632
4540
  },
@@ -4653,7 +4561,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4653
4561
  type: Directive,
4654
4562
  args: [{
4655
4563
  selector: '[snyDrawerSide]',
4656
- standalone: true,
4657
4564
  host: {
4658
4565
  'role': 'navigation',
4659
4566
  'aria-label': 'Sidebar navigation',
@@ -4707,7 +4614,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4707
4614
  type: Component,
4708
4615
  args: [{
4709
4616
  selector: 'sny-divider',
4710
- standalone: true,
4711
4617
  changeDetection: ChangeDetectionStrategy.OnPush,
4712
4618
  host: {
4713
4619
  'role': 'separator',
@@ -4754,7 +4660,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4754
4660
  type: Directive,
4755
4661
  args: [{
4756
4662
  selector: '[snyStep]',
4757
- standalone: true,
4758
4663
  host: {
4759
4664
  'role': 'listitem',
4760
4665
  '[class]': 'computedClass()',
@@ -4788,7 +4693,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4788
4693
  type: Directive,
4789
4694
  args: [{
4790
4695
  selector: '[snySteps]',
4791
- standalone: true,
4792
4696
  exportAs: 'snySteps',
4793
4697
  providers: [{ provide: SNY_STEPS, useExisting: SnyStepsDirective }],
4794
4698
  host: {
@@ -4812,7 +4716,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4812
4716
  type: Directive,
4813
4717
  args: [{
4814
4718
  selector: '[snyStat]',
4815
- standalone: true,
4816
4719
  providers: [{ provide: SNY_STAT, useExisting: SnyStatDirective }],
4817
4720
  host: { '[class]': 'computedClass()' },
4818
4721
  }]
@@ -4828,7 +4731,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4828
4731
  type: Directive,
4829
4732
  args: [{
4830
4733
  selector: '[snyStatTitle]',
4831
- standalone: true,
4832
4734
  host: {
4833
4735
  '[class]': 'computedClass()',
4834
4736
  '[id]': 'stat.titleId',
@@ -4846,7 +4748,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4846
4748
  type: Directive,
4847
4749
  args: [{
4848
4750
  selector: '[snyStatValue]',
4849
- standalone: true,
4850
4751
  host: {
4851
4752
  '[class]': 'computedClass()',
4852
4753
  '[attr.aria-labelledby]': 'stat.titleId',
@@ -4870,7 +4771,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4870
4771
  type: Directive,
4871
4772
  args: [{
4872
4773
  selector: '[snyStatDescription]',
4873
- standalone: true,
4874
4774
  host: { '[class]': 'computedClass()' },
4875
4775
  }]
4876
4776
  }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -4884,7 +4784,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4884
4784
  type: Directive,
4885
4785
  args: [{
4886
4786
  selector: '[snyStatFigure]',
4887
- standalone: true,
4888
4787
  host: { '[class]': 'computedClass()' },
4889
4788
  }]
4890
4789
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -4901,7 +4800,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4901
4800
  type: Directive,
4902
4801
  args: [{
4903
4802
  selector: '[snyTimelineItem]',
4904
- standalone: true,
4905
4803
  host: { 'role': 'listitem', '[class]': 'computedClass()' },
4906
4804
  }]
4907
4805
  }], propDecorators: { connect: [{ type: i0.Input, args: [{ isSignal: true, alias: "connect", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -4915,7 +4813,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4915
4813
  type: Directive,
4916
4814
  args: [{
4917
4815
  selector: '[snyTimelineStart]',
4918
- standalone: true,
4919
4816
  host: { '[class]': 'computedClass()' },
4920
4817
  }]
4921
4818
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -4937,7 +4834,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4937
4834
  type: Directive,
4938
4835
  args: [{
4939
4836
  selector: '[snyTimelineMiddle]',
4940
- standalone: true,
4941
4837
  host: { '[class]': 'computedClass()', 'aria-hidden': 'true' },
4942
4838
  }]
4943
4839
  }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -4951,7 +4847,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4951
4847
  type: Directive,
4952
4848
  args: [{
4953
4849
  selector: '[snyTimelineEnd]',
4954
- standalone: true,
4955
4850
  host: { '[class]': 'computedClass()' },
4956
4851
  }]
4957
4852
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -4970,7 +4865,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
4970
4865
  type: Directive,
4971
4866
  args: [{
4972
4867
  selector: '[snyTimeline]',
4973
- standalone: true,
4974
4868
  exportAs: 'snyTimeline',
4975
4869
  providers: [{ provide: SNY_TIMELINE, useExisting: SnyTimelineDirective }],
4976
4870
  host: {
@@ -5005,7 +4899,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5005
4899
  type: Directive,
5006
4900
  args: [{
5007
4901
  selector: 'kbd[snyKbd]',
5008
- standalone: true,
5009
4902
  host: {
5010
4903
  '[class]': 'computedClass()',
5011
4904
  },
@@ -5029,7 +4922,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5029
4922
  type: Directive,
5030
4923
  args: [{
5031
4924
  selector: '[snyList]',
5032
- standalone: true,
5033
4925
  host: {
5034
4926
  'role': 'list',
5035
4927
  '[class]': 'computedClass()',
@@ -5048,7 +4940,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5048
4940
  type: Directive,
5049
4941
  args: [{
5050
4942
  selector: '[snyListItem]',
5051
- standalone: true,
5052
4943
  host: {
5053
4944
  'role': 'listitem',
5054
4945
  '[class]': 'computedClass()',
@@ -5066,7 +4957,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5066
4957
  type: Directive,
5067
4958
  args: [{
5068
4959
  selector: '[snyListItemIcon]',
5069
- standalone: true,
5070
4960
  host: { '[class]': 'computedClass()' },
5071
4961
  }]
5072
4962
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -5080,7 +4970,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5080
4970
  type: Directive,
5081
4971
  args: [{
5082
4972
  selector: '[snyListItemContent]',
5083
- standalone: true,
5084
4973
  host: { '[class]': 'computedClass()' },
5085
4974
  }]
5086
4975
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -5094,7 +4983,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5094
4983
  type: Directive,
5095
4984
  args: [{
5096
4985
  selector: '[snyListItemAction]',
5097
- standalone: true,
5098
4986
  host: { '[class]': 'computedClass()' },
5099
4987
  }]
5100
4988
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -5143,7 +5031,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5143
5031
  type: Directive,
5144
5032
  args: [{
5145
5033
  selector: '[snyStatus]',
5146
- standalone: true,
5147
5034
  host: {
5148
5035
  'role': 'status',
5149
5036
  '[attr.aria-label]': 'ariaLabel()',
@@ -5180,7 +5067,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5180
5067
  type: Directive,
5181
5068
  args: [{
5182
5069
  selector: '[snyIndicator]',
5183
- standalone: true,
5184
5070
  host: { '[class]': 'computedClass()' },
5185
5071
  }]
5186
5072
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -5197,7 +5083,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5197
5083
  type: Directive,
5198
5084
  args: [{
5199
5085
  selector: '[snyIndicatorBadge]',
5200
- standalone: true,
5201
5086
  host: {
5202
5087
  '[class]': 'computedClass()',
5203
5088
  '[attr.aria-label]': 'ariaLabel() || null',
@@ -5217,7 +5102,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5217
5102
  type: Directive,
5218
5103
  args: [{
5219
5104
  selector: '[snyChatBubble]',
5220
- standalone: true,
5221
5105
  providers: [{ provide: SNY_CHAT_BUBBLE, useExisting: SnyChatBubbleDirective }],
5222
5106
  host: {
5223
5107
  'role': 'article',
@@ -5235,7 +5119,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5235
5119
  type: Directive,
5236
5120
  args: [{
5237
5121
  selector: '[snyChatBubbleAvatar]',
5238
- standalone: true,
5239
5122
  host: { '[class]': 'computedClass()' },
5240
5123
  }]
5241
5124
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -5249,7 +5132,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5249
5132
  type: Directive,
5250
5133
  args: [{
5251
5134
  selector: '[snyChatBubbleHeader]',
5252
- standalone: true,
5253
5135
  host: { '[class]': 'computedClass()' },
5254
5136
  }]
5255
5137
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -5271,7 +5153,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5271
5153
  type: Directive,
5272
5154
  args: [{
5273
5155
  selector: '[snyChatBubbleContent]',
5274
- standalone: true,
5275
5156
  host: { '[class]': 'computedClass()' },
5276
5157
  }]
5277
5158
  }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -5285,7 +5166,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5285
5166
  type: Directive,
5286
5167
  args: [{
5287
5168
  selector: '[snyChatBubbleFooter]',
5288
- standalone: true,
5289
5169
  host: { '[class]': 'computedClass()' },
5290
5170
  }]
5291
5171
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -5300,7 +5180,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5300
5180
  type: Directive,
5301
5181
  args: [{
5302
5182
  selector: '[snyChatBubbleBody]',
5303
- standalone: true,
5304
5183
  host: { '[class]': 'computedClass()' },
5305
5184
  }]
5306
5185
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -5316,7 +5195,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5316
5195
  type: Directive,
5317
5196
  args: [{
5318
5197
  selector: '[snyCarouselItem]',
5319
- standalone: true,
5320
5198
  host: {
5321
5199
  'role': 'group',
5322
5200
  '[attr.aria-roledescription]': '"slide"',
@@ -5336,7 +5214,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5336
5214
  type: Directive,
5337
5215
  args: [{
5338
5216
  selector: '[snyCarouselContent]',
5339
- standalone: true,
5340
5217
  host: {
5341
5218
  '[class]': 'computedClass()',
5342
5219
  '[style.transform]': 'transformStyle()',
@@ -5413,7 +5290,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5413
5290
  type: Directive,
5414
5291
  args: [{
5415
5292
  selector: '[snyCarousel]',
5416
- standalone: true,
5417
5293
  exportAs: 'snyCarousel',
5418
5294
  providers: [{ provide: SNY_CAROUSEL, useExisting: SnyCarouselDirective }],
5419
5295
  host: {
@@ -5437,7 +5313,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5437
5313
  type: Directive,
5438
5314
  args: [{
5439
5315
  selector: '[snyCarouselPrev]',
5440
- standalone: true,
5441
5316
  host: {
5442
5317
  '(click)': 'carousel.prev()',
5443
5318
  '[attr.aria-label]': '"Previous slide"',
@@ -5456,7 +5331,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5456
5331
  type: Directive,
5457
5332
  args: [{
5458
5333
  selector: '[snyCarouselNext]',
5459
- standalone: true,
5460
5334
  host: {
5461
5335
  '(click)': 'carousel.next()',
5462
5336
  '[attr.aria-label]': '"Next slide"',
@@ -5507,7 +5381,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5507
5381
  type: Directive,
5508
5382
  args: [{
5509
5383
  selector: '[snyDock]',
5510
- standalone: true,
5511
5384
  host: {
5512
5385
  'role': 'toolbar',
5513
5386
  'aria-label': 'Dock',
@@ -5527,7 +5400,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5527
5400
  type: Directive,
5528
5401
  args: [{
5529
5402
  selector: '[snyDockItem]',
5530
- standalone: true,
5531
5403
  host: {
5532
5404
  '[class]': 'computedClass()',
5533
5405
  '[attr.tabindex]': 'active() ? 0 : -1',
@@ -5558,7 +5430,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5558
5430
  type: Directive,
5559
5431
  args: [{
5560
5432
  selector: '[snyFab]',
5561
- standalone: true,
5562
5433
  exportAs: 'snyFab',
5563
5434
  providers: [{ provide: SNY_FAB, useExisting: SnyFabDirective }],
5564
5435
  host: { '[class]': 'computedClass()' },
@@ -5575,7 +5446,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5575
5446
  type: Directive,
5576
5447
  args: [{
5577
5448
  selector: '[snyFabTrigger]',
5578
- standalone: true,
5579
5449
  host: {
5580
5450
  '(click)': 'fab.toggle()',
5581
5451
  '[attr.aria-expanded]': 'fab.isOpen()',
@@ -5597,7 +5467,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5597
5467
  type: Directive,
5598
5468
  args: [{
5599
5469
  selector: '[snyFabAction]',
5600
- standalone: true,
5601
5470
  host: {
5602
5471
  'role': 'menuitem',
5603
5472
  '[attr.aria-label]': 'ariaLabel() || null',
@@ -5606,7 +5475,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5606
5475
  }]
5607
5476
  }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
5608
5477
 
5609
- const sizeMap = { sm: 48, md: 72, lg: 96 };
5478
+ const sizeMap$1 = { sm: 48, md: 72, lg: 96 };
5610
5479
  const variantColorMap = {
5611
5480
  default: 'stroke-primary',
5612
5481
  success: 'stroke-green-600 dark:stroke-green-500',
@@ -5620,7 +5489,7 @@ class SnyRadialProgressComponent {
5620
5489
  thickness = input(4, ...(ngDevMode ? [{ debugName: "thickness" }] : /* istanbul ignore next */ []));
5621
5490
  variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
5622
5491
  class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
5623
- svgSize = computed(() => sizeMap[this.size()], ...(ngDevMode ? [{ debugName: "svgSize" }] : /* istanbul ignore next */ []));
5492
+ svgSize = computed(() => sizeMap$1[this.size()], ...(ngDevMode ? [{ debugName: "svgSize" }] : /* istanbul ignore next */ []));
5624
5493
  radius = computed(() => (this.svgSize() - this.thickness()) / 2, ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
5625
5494
  circumference = computed(() => 2 * Math.PI * this.radius(), ...(ngDevMode ? [{ debugName: "circumference" }] : /* istanbul ignore next */ []));
5626
5495
  offset = computed(() => this.circumference() - (this.value() / 100) * this.circumference(), ...(ngDevMode ? [{ debugName: "offset" }] : /* istanbul ignore next */ []));
@@ -5660,7 +5529,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5660
5529
  type: Component,
5661
5530
  args: [{
5662
5531
  selector: 'sny-radial-progress',
5663
- standalone: true,
5664
5532
  changeDetection: ChangeDetectionStrategy.OnPush,
5665
5533
  host: {
5666
5534
  'role': 'progressbar',
@@ -5770,7 +5638,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5770
5638
  type: Component,
5771
5639
  args: [{
5772
5640
  selector: 'sny-diff',
5773
- standalone: true,
5774
5641
  changeDetection: ChangeDetectionStrategy.OnPush,
5775
5642
  host: {
5776
5643
  '[class]': '"relative overflow-hidden select-none w-full"',
@@ -5831,7 +5698,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
5831
5698
  type: Directive,
5832
5699
  args: [{
5833
5700
  selector: 'a[snyLink]',
5834
- standalone: true,
5835
5701
  host: {
5836
5702
  '[class]': 'computedClass()',
5837
5703
  },
@@ -6110,7 +5976,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
6110
5976
  type: Component,
6111
5977
  args: [{
6112
5978
  selector: 'sny-calendar',
6113
- standalone: true,
6114
5979
  changeDetection: ChangeDetectionStrategy.OnPush,
6115
5980
  host: {
6116
5981
  '[class]': 'hostClass()',
@@ -6357,10 +6222,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
6357
6222
  type: Component,
6358
6223
  args: [{
6359
6224
  selector: 'sny-date-picker',
6360
- standalone: true,
6361
6225
  changeDetection: ChangeDetectionStrategy.OnPush,
6362
6226
  imports: [SnyCalendarComponent],
6363
- host: { class: 'relative inline-block w-full' },
6227
+ host: {
6228
+ class: 'relative inline-block w-full',
6229
+ '(document:click)': 'onDocumentClick($event)',
6230
+ '(keydown.escape)': 'onEscape()',
6231
+ },
6364
6232
  providers: [
6365
6233
  { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SnyDatePickerComponent), multi: true },
6366
6234
  ],
@@ -6413,13 +6281,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
6413
6281
  }
6414
6282
  `,
6415
6283
  }]
6416
- }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], dateFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormat", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], triggerRef: [{ type: i0.ViewChild, args: ['triggerEl', { isSignal: true }] }], dropdownRef: [{ type: i0.ViewChild, args: ['dropdownEl', { isSignal: true }] }], onDocumentClick: [{
6417
- type: HostListener,
6418
- args: ['document:click', ['$event']]
6419
- }], onEscape: [{
6420
- type: HostListener,
6421
- args: ['keydown.escape']
6422
- }] } });
6284
+ }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], dateFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormat", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], triggerRef: [{ type: i0.ViewChild, args: ['triggerEl', { isSignal: true }] }], dropdownRef: [{ type: i0.ViewChild, args: ['dropdownEl', { isSignal: true }] }] } });
6423
6285
 
6424
6286
  class SnyDateRangePickerComponent {
6425
6287
  value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
@@ -6707,10 +6569,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
6707
6569
  type: Component,
6708
6570
  args: [{
6709
6571
  selector: 'sny-date-range-picker',
6710
- standalone: true,
6711
6572
  changeDetection: ChangeDetectionStrategy.OnPush,
6712
6573
  imports: [SnyCalendarComponent],
6713
- host: { class: 'relative inline-block w-full' },
6574
+ host: {
6575
+ class: 'relative inline-block w-full',
6576
+ '(document:click)': 'onDocumentClick($event)',
6577
+ '(keydown.escape)': 'onEscape()',
6578
+ },
6714
6579
  providers: [
6715
6580
  { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SnyDateRangePickerComponent), multi: true },
6716
6581
  ],
@@ -6842,13 +6707,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
6842
6707
  }
6843
6708
  `,
6844
6709
  }]
6845
- }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], dateFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormat", required: false }] }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }], dualCalendar: [{ type: i0.Input, args: [{ isSignal: true, alias: "dualCalendar", required: false }] }], presets: [{ type: i0.Input, args: [{ isSignal: true, alias: "presets", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], triggerRef: [{ type: i0.ViewChild, args: ['triggerEl', { isSignal: true }] }], dropdownRef: [{ type: i0.ViewChild, args: ['dropdownEl', { isSignal: true }] }], onDocumentClick: [{
6846
- type: HostListener,
6847
- args: ['document:click', ['$event']]
6848
- }], onEscape: [{
6849
- type: HostListener,
6850
- args: ['keydown.escape']
6851
- }] } });
6710
+ }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], dateFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormat", required: false }] }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }], dualCalendar: [{ type: i0.Input, args: [{ isSignal: true, alias: "dualCalendar", required: false }] }], presets: [{ type: i0.Input, args: [{ isSignal: true, alias: "presets", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], triggerRef: [{ type: i0.ViewChild, args: ['triggerEl', { isSignal: true }] }], dropdownRef: [{ type: i0.ViewChild, args: ['dropdownEl', { isSignal: true }] }] } });
6852
6711
 
6853
6712
  function hexToRgb(hex) {
6854
6713
  const clean = hex.replace(/^#/, '');
@@ -7523,9 +7382,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
7523
7382
  type: Component,
7524
7383
  args: [{
7525
7384
  selector: 'sny-color-picker',
7526
- standalone: true,
7527
7385
  changeDetection: ChangeDetectionStrategy.OnPush,
7528
- host: { class: 'relative inline-block' },
7386
+ host: {
7387
+ class: 'relative inline-block',
7388
+ '(document:click)': 'onDocumentClick($event)',
7389
+ '(keydown.escape)': 'onEscape()',
7390
+ },
7529
7391
  providers: [
7530
7392
  { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SnyColorPickerComponent), multi: true },
7531
7393
  ],
@@ -7701,13 +7563,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
7701
7563
  }
7702
7564
  `,
7703
7565
  }]
7704
- }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], presets: [{ type: i0.Input, args: [{ isSignal: true, alias: "presets", required: false }] }], showInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "showInput", required: false }] }], showEyeDropper: [{ type: i0.Input, args: [{ isSignal: true, alias: "showEyeDropper", required: false }] }], showFavorites: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFavorites", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], colorChange: [{ type: i0.Output, args: ["colorChange"] }], formatChange: [{ type: i0.Output, args: ["formatChange"] }], triggerRef: [{ type: i0.ViewChild, args: ['triggerEl', { isSignal: true }] }], panelRef: [{ type: i0.ViewChild, args: ['panelEl', { isSignal: true }] }], satPanelRef: [{ type: i0.ViewChild, args: ['satPanel', { isSignal: true }] }], hueTrackRef: [{ type: i0.ViewChild, args: ['hueTrack', { isSignal: true }] }], onDocumentClick: [{
7705
- type: HostListener,
7706
- args: ['document:click', ['$event']]
7707
- }], onEscape: [{
7708
- type: HostListener,
7709
- args: ['keydown.escape']
7710
- }] } });
7566
+ }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], presets: [{ type: i0.Input, args: [{ isSignal: true, alias: "presets", required: false }] }], showInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "showInput", required: false }] }], showEyeDropper: [{ type: i0.Input, args: [{ isSignal: true, alias: "showEyeDropper", required: false }] }], showFavorites: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFavorites", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], colorChange: [{ type: i0.Output, args: ["colorChange"] }], formatChange: [{ type: i0.Output, args: ["formatChange"] }], triggerRef: [{ type: i0.ViewChild, args: ['triggerEl', { isSignal: true }] }], panelRef: [{ type: i0.ViewChild, args: ['panelEl', { isSignal: true }] }], satPanelRef: [{ type: i0.ViewChild, args: ['satPanel', { isSignal: true }] }], hueTrackRef: [{ type: i0.ViewChild, args: ['hueTrack', { isSignal: true }] }] } });
7711
7567
 
7712
7568
  const otpCellVariants = cva('text-center font-mono font-semibold border border-border bg-background rounded-md transition-all focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed', {
7713
7569
  variants: {
@@ -7937,7 +7793,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
7937
7793
  type: Component,
7938
7794
  args: [{
7939
7795
  selector: 'sny-otp-input',
7940
- standalone: true,
7941
7796
  changeDetection: ChangeDetectionStrategy.OnPush,
7942
7797
  providers: [
7943
7798
  { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SnyOtpInputComponent), multi: true },
@@ -8128,7 +7983,7 @@ class SnyCommandPaletteComponent {
8128
7983
  }
8129
7984
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyCommandPaletteComponent, decorators: [{
8130
7985
  type: Component,
8131
- args: [{ selector: 'sny-command-palette', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [SnyInputDirective], host: {
7986
+ args: [{ selector: 'sny-command-palette', changeDetection: ChangeDetectionStrategy.OnPush, imports: [SnyInputDirective], host: {
8132
7987
  '(keydown)': 'onKeydown($event)',
8133
7988
  'class': 'block',
8134
7989
  }, template: `
@@ -8237,6 +8092,592 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
8237
8092
  args: [{ providedIn: 'root' }]
8238
8093
  }] });
8239
8094
 
8095
+ const numberInputVariants = cva('inline-flex items-center border border-border rounded-md bg-background transition-colors focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2', {
8096
+ variants: {
8097
+ size: {
8098
+ sm: 'h-9 text-xs',
8099
+ md: 'h-10 text-sm',
8100
+ lg: 'h-11 text-base',
8101
+ },
8102
+ },
8103
+ defaultVariants: { size: 'md' },
8104
+ });
8105
+
8106
+ class SnyNumberInputComponent {
8107
+ value = model(0, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
8108
+ min = input(null, ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
8109
+ max = input(null, ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
8110
+ step = input(1, ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
8111
+ disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
8112
+ size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
8113
+ placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
8114
+ class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
8115
+ inputValue = signal('0', ...(ngDevMode ? [{ debugName: "inputValue" }] : /* istanbul ignore next */ []));
8116
+ _disabledByCva = signal(false, ...(ngDevMode ? [{ debugName: "_disabledByCva" }] : /* istanbul ignore next */ []));
8117
+ isDisabled = computed(() => this.disabled() || this._disabledByCva(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
8118
+ atMin = computed(() => this.min() !== null && this.value() <= this.min(), ...(ngDevMode ? [{ debugName: "atMin" }] : /* istanbul ignore next */ []));
8119
+ atMax = computed(() => this.max() !== null && this.value() >= this.max(), ...(ngDevMode ? [{ debugName: "atMax" }] : /* istanbul ignore next */ []));
8120
+ containerClass = computed(() => cn(numberInputVariants({ size: this.size() }), this.isDisabled() && 'opacity-50', this.class()), ...(ngDevMode ? [{ debugName: "containerClass" }] : /* istanbul ignore next */ []));
8121
+ _onChange = () => { };
8122
+ _onTouched = () => { };
8123
+ constructor() {
8124
+ effect(() => {
8125
+ const val = this.value();
8126
+ untracked(() => this.inputValue.set(String(val)));
8127
+ });
8128
+ }
8129
+ writeValue(val) {
8130
+ this.value.set(val ?? 0);
8131
+ }
8132
+ registerOnChange(fn) {
8133
+ this._onChange = fn;
8134
+ }
8135
+ registerOnTouched(fn) {
8136
+ this._onTouched = fn;
8137
+ }
8138
+ setDisabledState(isDisabled) {
8139
+ this._disabledByCva.set(isDisabled);
8140
+ }
8141
+ increment() {
8142
+ this.setValue(this.value() + this.step());
8143
+ }
8144
+ decrement() {
8145
+ this.setValue(this.value() - this.step());
8146
+ }
8147
+ onInput(event) {
8148
+ this.inputValue.set(event.target.value);
8149
+ }
8150
+ commitValue() {
8151
+ const parsed = parseFloat(this.inputValue());
8152
+ if (isNaN(parsed)) {
8153
+ this.inputValue.set(String(this.value()));
8154
+ }
8155
+ else {
8156
+ this.setValue(parsed);
8157
+ }
8158
+ this._onTouched();
8159
+ }
8160
+ onKeydown(event) {
8161
+ switch (event.key) {
8162
+ case 'ArrowUp':
8163
+ event.preventDefault();
8164
+ this.increment();
8165
+ break;
8166
+ case 'ArrowDown':
8167
+ event.preventDefault();
8168
+ this.decrement();
8169
+ break;
8170
+ }
8171
+ }
8172
+ setValue(raw) {
8173
+ let clamped = raw;
8174
+ if (this.min() !== null)
8175
+ clamped = Math.max(this.min(), clamped);
8176
+ if (this.max() !== null)
8177
+ clamped = Math.min(this.max(), clamped);
8178
+ const rounded = parseFloat(clamped.toFixed(10));
8179
+ this.value.set(rounded);
8180
+ this._onChange(rounded);
8181
+ }
8182
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyNumberInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
8183
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", type: SnyNumberInputComponent, isStandalone: true, selector: "sny-number-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, providers: [
8184
+ { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SnyNumberInputComponent), multi: true },
8185
+ ], ngImport: i0, template: `
8186
+ <div [class]="containerClass()">
8187
+ <button
8188
+ type="button"
8189
+ class="px-2.5 hover:bg-accent transition-colors border-r border-border disabled:opacity-40 disabled:cursor-not-allowed"
8190
+ [disabled]="isDisabled() || atMin()"
8191
+ (click)="decrement()"
8192
+ aria-label="Decrease"
8193
+ >
8194
+ <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
8195
+ </button>
8196
+ <input
8197
+ #inputEl
8198
+ type="text"
8199
+ inputmode="decimal"
8200
+ class="flex-1 w-14 text-center outline-none bg-transparent font-medium"
8201
+ [value]="inputValue()"
8202
+ [disabled]="isDisabled()"
8203
+ [placeholder]="placeholder()"
8204
+ [attr.aria-label]="'Number input'"
8205
+ [attr.aria-valuemin]="min() ?? null"
8206
+ [attr.aria-valuemax]="max() ?? null"
8207
+ [attr.aria-valuenow]="value()"
8208
+ role="spinbutton"
8209
+ (input)="onInput($event)"
8210
+ (blur)="commitValue()"
8211
+ (keydown)="onKeydown($event)"
8212
+ />
8213
+ <button
8214
+ type="button"
8215
+ class="px-2.5 hover:bg-accent transition-colors border-l border-border disabled:opacity-40 disabled:cursor-not-allowed"
8216
+ [disabled]="isDisabled() || atMax()"
8217
+ (click)="increment()"
8218
+ aria-label="Increase"
8219
+ >
8220
+ <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
8221
+ </button>
8222
+ </div>
8223
+ `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
8224
+ }
8225
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyNumberInputComponent, decorators: [{
8226
+ type: Component,
8227
+ args: [{
8228
+ selector: 'sny-number-input',
8229
+ changeDetection: ChangeDetectionStrategy.OnPush,
8230
+ providers: [
8231
+ { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SnyNumberInputComponent), multi: true },
8232
+ ],
8233
+ template: `
8234
+ <div [class]="containerClass()">
8235
+ <button
8236
+ type="button"
8237
+ class="px-2.5 hover:bg-accent transition-colors border-r border-border disabled:opacity-40 disabled:cursor-not-allowed"
8238
+ [disabled]="isDisabled() || atMin()"
8239
+ (click)="decrement()"
8240
+ aria-label="Decrease"
8241
+ >
8242
+ <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
8243
+ </button>
8244
+ <input
8245
+ #inputEl
8246
+ type="text"
8247
+ inputmode="decimal"
8248
+ class="flex-1 w-14 text-center outline-none bg-transparent font-medium"
8249
+ [value]="inputValue()"
8250
+ [disabled]="isDisabled()"
8251
+ [placeholder]="placeholder()"
8252
+ [attr.aria-label]="'Number input'"
8253
+ [attr.aria-valuemin]="min() ?? null"
8254
+ [attr.aria-valuemax]="max() ?? null"
8255
+ [attr.aria-valuenow]="value()"
8256
+ role="spinbutton"
8257
+ (input)="onInput($event)"
8258
+ (blur)="commitValue()"
8259
+ (keydown)="onKeydown($event)"
8260
+ />
8261
+ <button
8262
+ type="button"
8263
+ class="px-2.5 hover:bg-accent transition-colors border-l border-border disabled:opacity-40 disabled:cursor-not-allowed"
8264
+ [disabled]="isDisabled() || atMax()"
8265
+ (click)="increment()"
8266
+ aria-label="Increase"
8267
+ >
8268
+ <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
8269
+ </button>
8270
+ </div>
8271
+ `,
8272
+ }]
8273
+ }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
8274
+
8275
+ const sizeMap = {
8276
+ sm: { avatar: 'h-7 w-7 text-xs', counter: 'h-7 w-7 text-[10px]' },
8277
+ md: { avatar: 'h-9 w-9 text-sm', counter: 'h-9 w-9 text-xs' },
8278
+ lg: { avatar: 'h-11 w-11 text-base', counter: 'h-11 w-11 text-sm' },
8279
+ };
8280
+ const spacingMap = {
8281
+ tight: '-space-x-3',
8282
+ normal: '-space-x-2',
8283
+ };
8284
+ class SnyAvatarGroupComponent {
8285
+ items = input.required(...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
8286
+ max = input(3, ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
8287
+ size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
8288
+ spacing = input('normal', ...(ngDevMode ? [{ debugName: "spacing" }] : /* istanbul ignore next */ []));
8289
+ visibleItems = computed(() => this.items().slice(0, this.max()), ...(ngDevMode ? [{ debugName: "visibleItems" }] : /* istanbul ignore next */ []));
8290
+ overflowCount = computed(() => Math.max(0, this.items().length - this.max()), ...(ngDevMode ? [{ debugName: "overflowCount" }] : /* istanbul ignore next */ []));
8291
+ containerClass = computed(() => cn('flex items-center', spacingMap[this.spacing()]), ...(ngDevMode ? [{ debugName: "containerClass" }] : /* istanbul ignore next */ []));
8292
+ avatarClass = computed(() => cn('inline-block rounded-full object-cover ring-2 ring-background', sizeMap[this.size()].avatar), ...(ngDevMode ? [{ debugName: "avatarClass" }] : /* istanbul ignore next */ []));
8293
+ fallbackClass = computed(() => cn('inline-flex items-center justify-center rounded-full bg-muted text-muted-foreground font-medium ring-2 ring-background', sizeMap[this.size()].avatar), ...(ngDevMode ? [{ debugName: "fallbackClass" }] : /* istanbul ignore next */ []));
8294
+ counterClass = computed(() => cn('inline-flex items-center justify-center rounded-full bg-muted text-muted-foreground font-semibold ring-2 ring-background', sizeMap[this.size()].counter), ...(ngDevMode ? [{ debugName: "counterClass" }] : /* istanbul ignore next */ []));
8295
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyAvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
8296
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: SnyAvatarGroupComponent, isStandalone: true, selector: "sny-avatar-group", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
8297
+ <div [class]="containerClass()" role="group" [attr.aria-label]="'Group of ' + items().length + ' users'">
8298
+ @for (item of visibleItems(); track $index) {
8299
+ @if (item.src) {
8300
+ <img
8301
+ [src]="item.src"
8302
+ [alt]="item.alt ?? ''"
8303
+ [class]="avatarClass()"
8304
+ />
8305
+ } @else {
8306
+ <div [class]="fallbackClass()">
8307
+ {{ item.fallback ?? '?' }}
8308
+ </div>
8309
+ }
8310
+ }
8311
+ @if (overflowCount() > 0) {
8312
+ <div [class]="counterClass()" [title]="overflowCount() + ' more'">
8313
+ +{{ overflowCount() }}
8314
+ </div>
8315
+ }
8316
+ </div>
8317
+ `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
8318
+ }
8319
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyAvatarGroupComponent, decorators: [{
8320
+ type: Component,
8321
+ args: [{
8322
+ selector: 'sny-avatar-group',
8323
+ changeDetection: ChangeDetectionStrategy.OnPush,
8324
+ template: `
8325
+ <div [class]="containerClass()" role="group" [attr.aria-label]="'Group of ' + items().length + ' users'">
8326
+ @for (item of visibleItems(); track $index) {
8327
+ @if (item.src) {
8328
+ <img
8329
+ [src]="item.src"
8330
+ [alt]="item.alt ?? ''"
8331
+ [class]="avatarClass()"
8332
+ />
8333
+ } @else {
8334
+ <div [class]="fallbackClass()">
8335
+ {{ item.fallback ?? '?' }}
8336
+ </div>
8337
+ }
8338
+ }
8339
+ @if (overflowCount() > 0) {
8340
+ <div [class]="counterClass()" [title]="overflowCount() + ' more'">
8341
+ +{{ overflowCount() }}
8342
+ </div>
8343
+ }
8344
+ </div>
8345
+ `,
8346
+ }]
8347
+ }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], spacing: [{ type: i0.Input, args: [{ isSignal: true, alias: "spacing", required: false }] }] } });
8348
+
8349
+ const tagInputContainerVariants = cva('flex flex-wrap gap-1.5 border border-border rounded-md bg-background px-2 cursor-text transition-colors focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2', {
8350
+ variants: {
8351
+ size: {
8352
+ sm: 'min-h-[36px] py-1 text-xs',
8353
+ md: 'min-h-[40px] py-1.5 text-sm',
8354
+ lg: 'min-h-[44px] py-2 text-base',
8355
+ },
8356
+ },
8357
+ defaultVariants: { size: 'md' },
8358
+ });
8359
+ const tagVariants = cva('inline-flex items-center gap-1 rounded-md font-medium', {
8360
+ variants: {
8361
+ size: {
8362
+ sm: 'px-1.5 py-0.5 text-xs',
8363
+ md: 'px-2 py-0.5 text-sm',
8364
+ lg: 'px-2.5 py-1 text-sm',
8365
+ },
8366
+ },
8367
+ defaultVariants: { size: 'md' },
8368
+ });
8369
+
8370
+ class SnyTagInputComponent {
8371
+ value = model([], ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
8372
+ placeholder = input('Add tag...', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
8373
+ maxTags = input(null, ...(ngDevMode ? [{ debugName: "maxTags" }] : /* istanbul ignore next */ []));
8374
+ allowDuplicates = input(false, ...(ngDevMode ? [{ debugName: "allowDuplicates" }] : /* istanbul ignore next */ []));
8375
+ removable = input(true, ...(ngDevMode ? [{ debugName: "removable" }] : /* istanbul ignore next */ []));
8376
+ addOnBlur = input(true, ...(ngDevMode ? [{ debugName: "addOnBlur" }] : /* istanbul ignore next */ []));
8377
+ separators = input(['Enter', ','], ...(ngDevMode ? [{ debugName: "separators" }] : /* istanbul ignore next */ []));
8378
+ validate = input(null, ...(ngDevMode ? [{ debugName: "validate" }] : /* istanbul ignore next */ []));
8379
+ disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
8380
+ size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
8381
+ class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
8382
+ tagAdded = output();
8383
+ tagRemoved = output();
8384
+ inputValue = signal('', ...(ngDevMode ? [{ debugName: "inputValue" }] : /* istanbul ignore next */ []));
8385
+ _disabledByCva = signal(false, ...(ngDevMode ? [{ debugName: "_disabledByCva" }] : /* istanbul ignore next */ []));
8386
+ isDisabled = computed(() => this.disabled() || this._disabledByCva(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
8387
+ atMax = computed(() => this.maxTags() !== null && this.value().length >= this.maxTags(), ...(ngDevMode ? [{ debugName: "atMax" }] : /* istanbul ignore next */ []));
8388
+ containerClass = computed(() => cn(tagInputContainerVariants({ size: this.size() }), this.isDisabled() && 'opacity-50 cursor-not-allowed', this.class()), ...(ngDevMode ? [{ debugName: "containerClass" }] : /* istanbul ignore next */ []));
8389
+ tagClass = computed(() => cn(tagVariants({ size: this.size() }), 'bg-secondary text-secondary-foreground'), ...(ngDevMode ? [{ debugName: "tagClass" }] : /* istanbul ignore next */ []));
8390
+ inputRef = viewChild('inputEl', ...(ngDevMode ? [{ debugName: "inputRef" }] : /* istanbul ignore next */ []));
8391
+ _onChange = () => { };
8392
+ _onTouched = () => { };
8393
+ writeValue(val) {
8394
+ this.value.set(val ?? []);
8395
+ }
8396
+ registerOnChange(fn) {
8397
+ this._onChange = fn;
8398
+ }
8399
+ registerOnTouched(fn) {
8400
+ this._onTouched = fn;
8401
+ }
8402
+ setDisabledState(isDisabled) {
8403
+ this._disabledByCva.set(isDisabled);
8404
+ }
8405
+ focusInput() {
8406
+ this.inputRef()?.nativeElement.focus();
8407
+ }
8408
+ onInput(event) {
8409
+ const val = event.target.value;
8410
+ // Check if separator character was typed (e.g. comma)
8411
+ const seps = this.separators().filter((s) => s.length === 1);
8412
+ for (const sep of seps) {
8413
+ if (val.includes(sep)) {
8414
+ const parts = val.split(sep);
8415
+ for (const part of parts) {
8416
+ this.addTag(part);
8417
+ }
8418
+ this.inputValue.set('');
8419
+ return;
8420
+ }
8421
+ }
8422
+ this.inputValue.set(val);
8423
+ }
8424
+ onKeydown(event) {
8425
+ if (this.separators().includes(event.key) && event.key !== ',') {
8426
+ event.preventDefault();
8427
+ this.addTag(this.inputValue());
8428
+ this.inputValue.set('');
8429
+ return;
8430
+ }
8431
+ if (event.key === 'Backspace' && this.inputValue() === '') {
8432
+ const tags = this.value();
8433
+ if (tags.length > 0) {
8434
+ this.removeTag(tags.length - 1);
8435
+ }
8436
+ }
8437
+ }
8438
+ onBlur() {
8439
+ if (this.addOnBlur() && this.inputValue().trim()) {
8440
+ this.addTag(this.inputValue());
8441
+ this.inputValue.set('');
8442
+ }
8443
+ this._onTouched();
8444
+ }
8445
+ addTag(raw) {
8446
+ const tag = raw.trim();
8447
+ if (!tag)
8448
+ return;
8449
+ if (this.atMax())
8450
+ return;
8451
+ if (!this.allowDuplicates() && this.value().includes(tag))
8452
+ return;
8453
+ const validateFn = this.validate();
8454
+ if (validateFn && !validateFn(tag))
8455
+ return;
8456
+ this.value.update((tags) => [...tags, tag]);
8457
+ this._onChange(this.value());
8458
+ this.tagAdded.emit(tag);
8459
+ }
8460
+ removeTag(index) {
8461
+ const removed = this.value()[index];
8462
+ this.value.update((tags) => tags.filter((_, i) => i !== index));
8463
+ this._onChange(this.value());
8464
+ this.tagRemoved.emit(removed);
8465
+ }
8466
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTagInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
8467
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: SnyTagInputComponent, isStandalone: true, selector: "sny-tag-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, maxTags: { classPropertyName: "maxTags", publicName: "maxTags", isSignal: true, isRequired: false, transformFunction: null }, allowDuplicates: { classPropertyName: "allowDuplicates", publicName: "allowDuplicates", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, addOnBlur: { classPropertyName: "addOnBlur", publicName: "addOnBlur", isSignal: true, isRequired: false, transformFunction: null }, separators: { classPropertyName: "separators", publicName: "separators", isSignal: true, isRequired: false, transformFunction: null }, validate: { classPropertyName: "validate", publicName: "validate", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", tagAdded: "tagAdded", tagRemoved: "tagRemoved" }, providers: [
8468
+ { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SnyTagInputComponent), multi: true },
8469
+ ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputEl"], descendants: true, isSignal: true }], ngImport: i0, template: `
8470
+ <div [class]="containerClass()" (click)="focusInput()">
8471
+ @for (tag of value(); track tag; let i = $index) {
8472
+ <span [class]="tagClass()">
8473
+ {{ tag }}
8474
+ @if (removable() && !isDisabled()) {
8475
+ <button
8476
+ type="button"
8477
+ class="hover:text-destructive transition-colors leading-none"
8478
+ (click)="removeTag(i); $event.stopPropagation()"
8479
+ [attr.aria-label]="'Remove ' + tag"
8480
+ >
8481
+ <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
8482
+ </button>
8483
+ }
8484
+ </span>
8485
+ }
8486
+ @if (!atMax()) {
8487
+ <input
8488
+ #inputEl
8489
+ type="text"
8490
+ class="flex-1 min-w-[80px] outline-none bg-transparent"
8491
+ [placeholder]="value().length === 0 ? placeholder() : ''"
8492
+ [disabled]="isDisabled()"
8493
+ [value]="inputValue()"
8494
+ (input)="onInput($event)"
8495
+ (keydown)="onKeydown($event)"
8496
+ (blur)="onBlur()"
8497
+ [attr.aria-label]="'Add tag'"
8498
+ />
8499
+ }
8500
+ </div>
8501
+ `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
8502
+ }
8503
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTagInputComponent, decorators: [{
8504
+ type: Component,
8505
+ args: [{
8506
+ selector: 'sny-tag-input',
8507
+ changeDetection: ChangeDetectionStrategy.OnPush,
8508
+ providers: [
8509
+ { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SnyTagInputComponent), multi: true },
8510
+ ],
8511
+ template: `
8512
+ <div [class]="containerClass()" (click)="focusInput()">
8513
+ @for (tag of value(); track tag; let i = $index) {
8514
+ <span [class]="tagClass()">
8515
+ {{ tag }}
8516
+ @if (removable() && !isDisabled()) {
8517
+ <button
8518
+ type="button"
8519
+ class="hover:text-destructive transition-colors leading-none"
8520
+ (click)="removeTag(i); $event.stopPropagation()"
8521
+ [attr.aria-label]="'Remove ' + tag"
8522
+ >
8523
+ <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
8524
+ </button>
8525
+ }
8526
+ </span>
8527
+ }
8528
+ @if (!atMax()) {
8529
+ <input
8530
+ #inputEl
8531
+ type="text"
8532
+ class="flex-1 min-w-[80px] outline-none bg-transparent"
8533
+ [placeholder]="value().length === 0 ? placeholder() : ''"
8534
+ [disabled]="isDisabled()"
8535
+ [value]="inputValue()"
8536
+ (input)="onInput($event)"
8537
+ (keydown)="onKeydown($event)"
8538
+ (blur)="onBlur()"
8539
+ [attr.aria-label]="'Add tag'"
8540
+ />
8541
+ }
8542
+ </div>
8543
+ `,
8544
+ }]
8545
+ }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], maxTags: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxTags", required: false }] }], allowDuplicates: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowDuplicates", required: false }] }], removable: [{ type: i0.Input, args: [{ isSignal: true, alias: "removable", required: false }] }], addOnBlur: [{ type: i0.Input, args: [{ isSignal: true, alias: "addOnBlur", required: false }] }], separators: [{ type: i0.Input, args: [{ isSignal: true, alias: "separators", required: false }] }], validate: [{ type: i0.Input, args: [{ isSignal: true, alias: "validate", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], tagAdded: [{ type: i0.Output, args: ["tagAdded"] }], tagRemoved: [{ type: i0.Output, args: ["tagRemoved"] }], inputRef: [{ type: i0.ViewChild, args: ['inputEl', { isSignal: true }] }] } });
8546
+
8547
+ const SNY_POPOVER = new InjectionToken('SnyPopover');
8548
+ class SnyPopoverDirective {
8549
+ elRef = inject(ElementRef);
8550
+ matchWidth = input(false, ...(ngDevMode ? [{ debugName: "matchWidth" }] : /* istanbul ignore next */ []));
8551
+ offset = input(4, ...(ngDevMode ? [{ debugName: "offset" }] : /* istanbul ignore next */ []));
8552
+ closeOnOutside = input(true, ...(ngDevMode ? [{ debugName: "closeOnOutside" }] : /* istanbul ignore next */ []));
8553
+ closeOnEscape = input(true, ...(ngDevMode ? [{ debugName: "closeOnEscape" }] : /* istanbul ignore next */ []));
8554
+ isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
8555
+ triggerEl = signal(null, ...(ngDevMode ? [{ debugName: "triggerEl" }] : /* istanbul ignore next */ []));
8556
+ panelEl = signal(null, ...(ngDevMode ? [{ debugName: "panelEl" }] : /* istanbul ignore next */ []));
8557
+ scrollHandler = null;
8558
+ resizeHandler = null;
8559
+ toggle() {
8560
+ if (this.isOpen()) {
8561
+ this.close();
8562
+ }
8563
+ else {
8564
+ this.open();
8565
+ }
8566
+ }
8567
+ open() {
8568
+ this.isOpen.set(true);
8569
+ this.addListeners();
8570
+ setTimeout(() => this.updatePosition());
8571
+ }
8572
+ close() {
8573
+ this.isOpen.set(false);
8574
+ this.removeListeners();
8575
+ }
8576
+ updatePosition() {
8577
+ const trigger = this.triggerEl();
8578
+ const panel = this.panelEl();
8579
+ if (!trigger || !panel)
8580
+ return;
8581
+ const rect = trigger.getBoundingClientRect();
8582
+ panel.style.top = `${rect.bottom + this.offset()}px`;
8583
+ panel.style.left = `${rect.left}px`;
8584
+ if (this.matchWidth()) {
8585
+ panel.style.width = `${rect.width}px`;
8586
+ }
8587
+ }
8588
+ addListeners() {
8589
+ this.removeListeners();
8590
+ this.scrollHandler = () => {
8591
+ requestAnimationFrame(() => this.updatePosition());
8592
+ };
8593
+ this.resizeHandler = () => {
8594
+ requestAnimationFrame(() => this.updatePosition());
8595
+ };
8596
+ document.addEventListener('scroll', this.scrollHandler, { capture: true, passive: true });
8597
+ window.addEventListener('resize', this.resizeHandler, { passive: true });
8598
+ }
8599
+ removeListeners() {
8600
+ if (this.scrollHandler) {
8601
+ document.removeEventListener('scroll', this.scrollHandler, { capture: true });
8602
+ this.scrollHandler = null;
8603
+ }
8604
+ if (this.resizeHandler) {
8605
+ window.removeEventListener('resize', this.resizeHandler);
8606
+ this.resizeHandler = null;
8607
+ }
8608
+ }
8609
+ onDocumentClick(event) {
8610
+ if (this.closeOnOutside() && this.isOpen() && !this.elRef.nativeElement.contains(event.target)) {
8611
+ this.close();
8612
+ }
8613
+ }
8614
+ onEscape() {
8615
+ if (this.closeOnEscape() && this.isOpen()) {
8616
+ this.close();
8617
+ }
8618
+ }
8619
+ ngOnDestroy() {
8620
+ this.removeListeners();
8621
+ }
8622
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyPopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
8623
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyPopoverDirective, isStandalone: true, selector: "[snyPopover]", inputs: { matchWidth: { classPropertyName: "matchWidth", publicName: "matchWidth", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, closeOnOutside: { classPropertyName: "closeOnOutside", publicName: "closeOnOutside", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:click": "onDocumentClick($event)", "keydown.escape": "onEscape()" }, properties: { "class": "\"relative inline-block\"" } }, providers: [{ provide: SNY_POPOVER, useExisting: SnyPopoverDirective }], exportAs: ["snyPopover"], ngImport: i0 });
8624
+ }
8625
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyPopoverDirective, decorators: [{
8626
+ type: Directive,
8627
+ args: [{
8628
+ selector: '[snyPopover]',
8629
+ exportAs: 'snyPopover',
8630
+ providers: [{ provide: SNY_POPOVER, useExisting: SnyPopoverDirective }],
8631
+ host: {
8632
+ '[class]': '"relative inline-block"',
8633
+ '(document:click)': 'onDocumentClick($event)',
8634
+ '(keydown.escape)': 'onEscape()',
8635
+ },
8636
+ }]
8637
+ }], propDecorators: { matchWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "matchWidth", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], closeOnOutside: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnOutside", required: false }] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }] } });
8638
+ class SnyPopoverTriggerDirective {
8639
+ popover = inject(SNY_POPOVER);
8640
+ elRef = inject(ElementRef);
8641
+ constructor() {
8642
+ this.popover.triggerEl.set(this.elRef.nativeElement);
8643
+ }
8644
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyPopoverTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
8645
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.5", type: SnyPopoverTriggerDirective, isStandalone: true, selector: "[snyPopoverTrigger]", host: { attributes: { "aria-haspopup": "dialog" }, listeners: { "click": "popover.toggle()" }, properties: { "attr.aria-expanded": "popover.isOpen()" } }, ngImport: i0 });
8646
+ }
8647
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyPopoverTriggerDirective, decorators: [{
8648
+ type: Directive,
8649
+ args: [{
8650
+ selector: '[snyPopoverTrigger]',
8651
+ host: {
8652
+ '(click)': 'popover.toggle()',
8653
+ '[attr.aria-expanded]': 'popover.isOpen()',
8654
+ 'aria-haspopup': 'dialog',
8655
+ },
8656
+ }]
8657
+ }], ctorParameters: () => [] });
8658
+ class SnyPopoverContentDirective {
8659
+ popover = inject(SNY_POPOVER);
8660
+ elRef = inject(ElementRef);
8661
+ class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
8662
+ computedClass = computed(() => cn('fixed z-50 rounded-md border border-border bg-popover text-popover-foreground shadow-lg animate-in fade-in-0 zoom-in-95', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
8663
+ constructor() {
8664
+ this.popover.panelEl.set(this.elRef.nativeElement);
8665
+ }
8666
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyPopoverContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
8667
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyPopoverContentDirective, isStandalone: true, selector: "[snyPopoverContent]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "dialog" }, properties: { "style.display": "popover.isOpen() ? \"\" : \"none\"", "class": "computedClass()" } }, ngImport: i0 });
8668
+ }
8669
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyPopoverContentDirective, decorators: [{
8670
+ type: Directive,
8671
+ args: [{
8672
+ selector: '[snyPopoverContent]',
8673
+ host: {
8674
+ 'role': 'dialog',
8675
+ '[style.display]': 'popover.isOpen() ? "" : "none"',
8676
+ '[class]': 'computedClass()',
8677
+ },
8678
+ }]
8679
+ }], ctorParameters: () => [], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
8680
+
8240
8681
  class SnyValidatorDirective {
8241
8682
  control = input(null, ...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
8242
8683
  state = input('default', ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
@@ -8254,7 +8695,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
8254
8695
  type: Directive,
8255
8696
  args: [{
8256
8697
  selector: '[snyValidator]',
8257
- standalone: true,
8258
8698
  host: { '[class]': 'computedClass()' },
8259
8699
  }]
8260
8700
  }], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
@@ -8279,7 +8719,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
8279
8719
  type: Directive,
8280
8720
  args: [{
8281
8721
  selector: '[snyValidatorHint]',
8282
- standalone: true,
8283
8722
  host: {
8284
8723
  'role': 'alert',
8285
8724
  '[class]': 'computedClass()',
@@ -8296,5 +8735,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
8296
8735
  * Generated bundle index. Do not edit.
8297
8736
  */
8298
8737
 
8299
- export { SNY_ACCORDION, SNY_ACCORDION_ITEM, SNY_CAROUSEL, SNY_CHAT_BUBBLE, SNY_CONFIG, SNY_DIALOG_DATA, SNY_DRAWER, SNY_DROPDOWN, SNY_FAB, SNY_SHEET_DATA, SNY_STEPS, SNY_TABLE, SNY_TABS, SNY_TIMELINE, SnyAccordionContentDirective, SnyAccordionDirective, SnyAccordionItemDirective, SnyAccordionTriggerDirective, SnyAlertDescriptionDirective, SnyAlertDirective, SnyAlertTitleDirective, SnyAvatarComponent, SnyBadgeDirective, SnyBreadcrumbDirective, SnyBreadcrumbItemDirective, SnyBreadcrumbLinkDirective, SnyBreadcrumbListDirective, SnyBreadcrumbPageDirective, SnyBreadcrumbSeparatorDirective, SnyBulkActionsDefDirective, SnyButtonDirective, SnyButtonGroupDirective, SnyCalendarComponent, SnyCardContentDirective, SnyCardDescriptionDirective, SnyCardDirective, SnyCardFooterDirective, SnyCardHeaderDirective, SnyCardTitleDirective, SnyCarouselContentDirective, SnyCarouselDirective, SnyCarouselItemDirective, SnyCarouselNextDirective, SnyCarouselPrevDirective, SnyCellDefDirective, SnyChatBubbleAvatarDirective, SnyChatBubbleBodyDirective, SnyChatBubbleContentDirective, SnyChatBubbleDirective, SnyChatBubbleFooterDirective, SnyChatBubbleHeaderDirective, SnyCheckboxDirective, SnyColorPickerComponent, SnyComboboxComponent, SnyCommandPaletteComponent, SnyCommandPaletteService, SnyDataTableComponent, SnyDatePickerComponent, SnyDateRangePickerComponent, SnyDialogCloseDirective, SnyDialogContentDirective, SnyDialogDescriptionDirective, SnyDialogFooterDirective, SnyDialogHeaderDirective, SnyDialogRef, SnyDialogService, SnyDialogTitleDirective, SnyDiffComponent, SnyDividerComponent, SnyDockDirective, SnyDockItemDirective, SnyDrawerContentDirective, SnyDrawerLayoutComponent, SnyDrawerLayoutDirective, SnyDrawerSideDirective, SnyDropdownContentDirective, SnyDropdownDirective, SnyDropdownTriggerDirective, SnyFabActionDirective, SnyFabDirective, SnyFabTriggerDirective, SnyFieldsetContentDirective, SnyFieldsetDirective, SnyFieldsetLegendDirective, SnyFileInputComponent, SnyHeaderCellDefDirective, SnyIndicatorBadgeDirective, SnyIndicatorDirective, SnyInputDirective, SnyKbdDirective, SnyLabelDirective, SnyLinkDirective, SnyListDirective, SnyListItemActionDirective, SnyListItemContentDirective, SnyListItemDirective, SnyListItemIconDirective, SnyLoaderComponent, SnyMenuContentDirective, SnyMenuItemDirective, SnyMenuLabelDirective, SnyMenuSeparatorDirective, SnyNavbarBrandDirective, SnyNavbarContentDirective, SnyNavbarDirective, SnyNavbarEndDirective, SnyOtpInputComponent, SnyPaginationComponent, SnyProgressComponent, SnyRadialProgressComponent, SnyRadioDirective, SnyRatingComponent, SnyRowExpandDefDirective, SnySelectComponent, SnySheetCloseDirective, SnySheetContentDirective, SnySheetDescriptionDirective, SnySheetHeaderDirective, SnySheetRef, SnySheetService, SnySheetTitleDirective, SnySkeletonDirective, SnySliderComponent, SnyStatDescriptionDirective, SnyStatDirective, SnyStatFigureDirective, SnyStatTitleDirective, SnyStatValueDirective, SnyStatusDirective, SnyStepDirective, SnyStepsDirective, SnySwitchComponent, SnyTableBodyDirective, SnyTableCaptionDirective, SnyTableCellDirective, SnyTableDirective, SnyTableFooterDirective, SnyTableHeadDirective, SnyTableHeaderDirective, SnyTableRowDirective, SnyTabsContentDirective, SnyTabsDirective, SnyTabsListDirective, SnyTabsTriggerDirective, SnyTextareaDirective, SnyTimelineDirective, SnyTimelineEndDirective, SnyTimelineItemDirective, SnyTimelineMiddleDirective, SnyTimelineStartDirective, SnyToastService, SnyToasterComponent, SnyToggleDirective, SnyTooltipDirective, SnyValidatorDirective, SnyValidatorHintDirective, ThemeService, alertVariants, avatarVariants, badgeVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxVariants, cn, colorPickerTriggerVariants, comboboxTriggerVariants, datePickerTriggerVariants, dividerVariants, dropdownContentVariants, dropdownItemVariants, fieldsetVariants, fileInputVariants, formatColor, hexToRgb, hslToRgb, hsvToRgb, inputVariants, isValidColor, kbdVariants, labelVariants, linkVariants, loaderVariants, otpCellVariants, paginationItemVariants, parseColor, progressBarVariants, progressTrackVariants, provideSonnyUI, radioVariants, ratingVariants, rgbToHex, rgbToHsl, rgbToHsv, selectTriggerVariants, skeletonVariants, sliderTrackVariants, statusVariants, switchTrackVariants, tableCellVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, toastVariants, toggleVariants, tooltipVariants };
8738
+ export { SNY_ACCORDION, SNY_ACCORDION_ITEM, SNY_CAROUSEL, SNY_CHAT_BUBBLE, SNY_CONFIG, SNY_DIALOG_DATA, SNY_DRAWER, SNY_DROPDOWN, SNY_FAB, SNY_POPOVER, SNY_SHEET_DATA, SNY_STEPS, SNY_TABLE, SNY_TABS, SNY_TIMELINE, SnyAccordionContentDirective, SnyAccordionDirective, SnyAccordionItemDirective, SnyAccordionTriggerDirective, SnyAlertDescriptionDirective, SnyAlertDirective, SnyAlertTitleDirective, SnyAvatarComponent, SnyAvatarGroupComponent, SnyBadgeDirective, SnyBreadcrumbDirective, SnyBreadcrumbItemDirective, SnyBreadcrumbLinkDirective, SnyBreadcrumbListDirective, SnyBreadcrumbPageDirective, SnyBreadcrumbSeparatorDirective, SnyBulkActionsDefDirective, SnyButtonDirective, SnyButtonGroupDirective, SnyCalendarComponent, SnyCardContentDirective, SnyCardDescriptionDirective, SnyCardDirective, SnyCardFooterDirective, SnyCardHeaderDirective, SnyCardTitleDirective, SnyCarouselContentDirective, SnyCarouselDirective, SnyCarouselItemDirective, SnyCarouselNextDirective, SnyCarouselPrevDirective, SnyCellDefDirective, SnyChatBubbleAvatarDirective, SnyChatBubbleBodyDirective, SnyChatBubbleContentDirective, SnyChatBubbleDirective, SnyChatBubbleFooterDirective, SnyChatBubbleHeaderDirective, SnyCheckboxDirective, SnyColorPickerComponent, SnyComboboxComponent, SnyCommandPaletteComponent, SnyCommandPaletteService, SnyDataTableComponent, SnyDatePickerComponent, SnyDateRangePickerComponent, SnyDialogCloseDirective, SnyDialogContentDirective, SnyDialogDescriptionDirective, SnyDialogFooterDirective, SnyDialogHeaderDirective, SnyDialogRef, SnyDialogService, SnyDialogTitleDirective, SnyDiffComponent, SnyDividerComponent, SnyDockDirective, SnyDockItemDirective, SnyDrawerContentDirective, SnyDrawerLayoutComponent, SnyDrawerLayoutDirective, SnyDrawerSideDirective, SnyDropdownContentDirective, SnyDropdownDirective, SnyDropdownTriggerDirective, SnyFabActionDirective, SnyFabDirective, SnyFabTriggerDirective, SnyFieldsetContentDirective, SnyFieldsetDirective, SnyFieldsetLegendDirective, SnyFileInputComponent, SnyHeaderCellDefDirective, SnyIndicatorBadgeDirective, SnyIndicatorDirective, SnyInputDirective, SnyKbdDirective, SnyLabelDirective, SnyLinkDirective, SnyListDirective, SnyListItemActionDirective, SnyListItemContentDirective, SnyListItemDirective, SnyListItemIconDirective, SnyLoaderComponent, SnyMenuContentDirective, SnyMenuItemDirective, SnyMenuLabelDirective, SnyMenuSeparatorDirective, SnyNavbarBrandDirective, SnyNavbarContentDirective, SnyNavbarDirective, SnyNavbarEndDirective, SnyNumberInputComponent, SnyOtpInputComponent, SnyPaginationComponent, SnyPopoverContentDirective, SnyPopoverDirective, SnyPopoverTriggerDirective, SnyProgressComponent, SnyRadialProgressComponent, SnyRadioDirective, SnyRatingComponent, SnyRowExpandDefDirective, SnySelectComponent, SnySheetCloseDirective, SnySheetContentDirective, SnySheetDescriptionDirective, SnySheetHeaderDirective, SnySheetRef, SnySheetService, SnySheetTitleDirective, SnySkeletonDirective, SnySliderComponent, SnyStatDescriptionDirective, SnyStatDirective, SnyStatFigureDirective, SnyStatTitleDirective, SnyStatValueDirective, SnyStatusDirective, SnyStepDirective, SnyStepsDirective, SnySwitchComponent, SnyTableBodyDirective, SnyTableCaptionDirective, SnyTableCellDirective, SnyTableDirective, SnyTableFooterDirective, SnyTableHeadDirective, SnyTableHeaderDirective, SnyTableRowDirective, SnyTabsContentDirective, SnyTabsDirective, SnyTabsListDirective, SnyTabsTriggerDirective, SnyTagInputComponent, SnyTextareaDirective, SnyTimelineDirective, SnyTimelineEndDirective, SnyTimelineItemDirective, SnyTimelineMiddleDirective, SnyTimelineStartDirective, SnyToastService, SnyToasterComponent, SnyToggleDirective, SnyTooltipDirective, SnyValidatorDirective, SnyValidatorHintDirective, ThemeService, alertVariants, avatarVariants, badgeVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxVariants, cn, colorPickerTriggerVariants, comboboxTriggerVariants, datePickerTriggerVariants, dividerVariants, dropdownContentVariants, dropdownItemVariants, fieldsetVariants, fileInputVariants, formatColor, hexToRgb, hslToRgb, hsvToRgb, inputVariants, isValidColor, kbdVariants, labelVariants, linkVariants, loaderVariants, numberInputVariants, otpCellVariants, paginationItemVariants, parseColor, progressBarVariants, progressTrackVariants, provideSonnyUI, radioVariants, ratingVariants, rgbToHex, rgbToHsl, rgbToHsv, selectTriggerVariants, skeletonVariants, sliderTrackVariants, statusVariants, switchTrackVariants, tableCellVariants, tableVariants, tabsListVariants, tabsTriggerVariants, tagInputContainerVariants, tagVariants, textareaVariants, toastVariants, toggleVariants, tooltipVariants };
8300
8739
  //# sourceMappingURL=sonny-ui-core.mjs.map