@sebgroup/green-core-ng 3.12.3 → 3.12.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,20 +3,20 @@ import * as i0 from '@angular/core';
3
3
  import { inject, ElementRef, NgZone, ChangeDetectorRef, EventEmitter, booleanAttribute, Output, Input, ChangeDetectionStrategy, Component, Renderer2, Injector, Directive, DestroyRef, forwardRef, NgModule, InjectionToken, ViewContainerRef, TemplateRef, Injectable, RendererFactory2 } from '@angular/core';
4
4
  import { GdsAlert } from '@sebgroup/green-core/components/alert/alert.component.js';
5
5
  import { GdsAvatar } from '@sebgroup/green-core/components/avatar/avatar.component.js';
6
- import { GdsBlur } from '@sebgroup/green-core/components/blur/blur.component.js';
7
6
  import { GdsBadge } from '@sebgroup/green-core/components/badge/badge.component.js';
7
+ import { GdsBlur } from '@sebgroup/green-core/components/blur/blur.component.js';
8
+ import { GdsBreadcrumbs } from '@sebgroup/green-core/components/breadcrumbs/breadcrumbs.component.js';
8
9
  import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
9
10
  import { LocationStrategy, DOCUMENT, CommonModule } from '@angular/common';
10
11
  import { Router, RouterLink, RouterLinkActive, NavigationEnd } from '@angular/router';
11
12
  import { GdsButton } from '@sebgroup/green-core/components/button/button.component.js';
12
- import { GdsBreadcrumbs } from '@sebgroup/green-core/components/breadcrumbs/breadcrumbs.component.js';
13
13
  import { GdsCalendar } from '@sebgroup/green-core/components/calendar/calendar.component.js';
14
14
  import { GdsCard } from '@sebgroup/green-core/components/card/card.component.js';
15
- import { GdsCheckbox } from '@sebgroup/green-core/components/checkbox/checkbox.component.js';
16
15
  import { GdsCardLinked } from '@sebgroup/green-core/components/card-linked/card-linked.component.js';
16
+ import { GdsCheckbox } from '@sebgroup/green-core/components/checkbox/checkbox.component.js';
17
+ import { GdsCoachmark } from '@sebgroup/green-core/components/coachmark/coachmark.component.js';
17
18
  import { GdsContextMenu, GdsMenuItem, GdsMenuHeading } from '@sebgroup/green-core/components/context-menu/context-menu.component.js';
18
19
  import { GdsDatepicker } from '@sebgroup/green-core/components/datepicker/datepicker.component.js';
19
- import { GdsCoachmark } from '@sebgroup/green-core/components/coachmark/coachmark.component.js';
20
20
  import { GdsDetails } from '@sebgroup/green-core/components/details/details.component.js';
21
21
  import { GdsDialog } from '@sebgroup/green-core/components/dialog/dialog.component.js';
22
22
  import { GdsDiv } from '@sebgroup/green-core/components/div/div.component.js';
@@ -32,8 +32,8 @@ import { GdsListItem } from '@sebgroup/green-core/components/grouped-list/list-i
32
32
  import { GdsImg } from '@sebgroup/green-core/components/img/img.component.js';
33
33
  import { GdsInput } from '@sebgroup/green-core/components/input/input.component.js';
34
34
  import { GdsLink } from '@sebgroup/green-core/components/link/link.component.js';
35
- import { GdsMenuButton } from '@sebgroup/green-core/components/menu-button/menu-button.component.js';
36
35
  import { GdsMask } from '@sebgroup/green-core/components/mask/mask.component.js';
36
+ import { GdsMenuButton } from '@sebgroup/green-core/components/menu-button/menu-button.component.js';
37
37
  import { GdsPagination } from '@sebgroup/green-core/components/pagination/pagination.component.js';
38
38
  import { GdsBackdrop } from '@sebgroup/green-core/components/popover/backdrop.component.js';
39
39
  import { GdsPopover } from '@sebgroup/green-core/components/popover/popover.component.js';
@@ -43,9 +43,9 @@ import { GdsSegmentedControl } from '@sebgroup/green-core/components/segmented-c
43
43
  import { GdsSelect } from '@sebgroup/green-core/components/select/select.component.js';
44
44
  import { GdsSignal } from '@sebgroup/green-core/components/signal/signal.component.js';
45
45
  import { GdsSpinner } from '@sebgroup/green-core/components/spinner/spinner.component.js';
46
+ import { GdsSwitch } from '@sebgroup/green-core/components/switch/switch.component.js';
46
47
  import { GdsTable } from '@sebgroup/green-core/components/table/table.component.js';
47
48
  import { GdsText } from '@sebgroup/green-core/components/text/text.component.js';
48
- import { GdsSwitch } from '@sebgroup/green-core/components/switch/switch.component.js';
49
49
  import { GdsTextarea } from '@sebgroup/green-core/components/textarea/textarea.component.js';
50
50
  import { GdsTheme } from '@sebgroup/green-core/components/theme/theme.component.js';
51
51
  import { GdsVideo } from '@sebgroup/green-core/components/video/video.component.js';
@@ -629,6 +629,113 @@ It supports displaying an image, slotted text content, or a fallback icon.
629
629
  * Auto-generated from Custom Elements Manifest
630
630
  */
631
631
 
632
+ /**
633
+ * Angular wrapper for the gds-badge web component
634
+ * `gds-badge`
635
+ */
636
+ let GdsBadgeComponent = class GdsBadgeComponent {
637
+ get element() {
638
+ return this.elementRef.nativeElement;
639
+ }
640
+ constructor() {
641
+ this.elementRef = inject((ElementRef));
642
+ this.zone = inject(NgZone);
643
+ this.cdr = inject(ChangeDetectorRef);
644
+ this.cdr.detach();
645
+ }
646
+ ngOnInit() {
647
+ // Define the custom element
648
+ try {
649
+ GdsBadge.define();
650
+ }
651
+ catch (e) {
652
+ // Component may not be available in this version of green-core
653
+ console.warn('Failed to define gds-badge:', e);
654
+ }
655
+ }
656
+ ngOnChanges(changes) {
657
+ // Implementation added by @ProxyInputs decorator
658
+ }
659
+ ngAfterViewInit() {
660
+ // Implementation added by @ProxyInputs decorator
661
+ }
662
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
663
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsBadgeComponent, isStandalone: true, selector: "gds-badge", inputs: { variant: "variant", size: "size", notification: ["notification", "notification", booleanAttribute], rounded: ["rounded", "rounded", booleanAttribute], mainSlotOccupied: ["mainSlotOccupied", "mainSlotOccupied", booleanAttribute], leadSlotOccupied: ["leadSlotOccupied", "leadSlotOccupied", booleanAttribute], width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
664
+ };
665
+ GdsBadgeComponent = __decorate([
666
+ ProxyInputs(['variant', 'size', 'notification', 'rounded', 'mainSlotOccupied', 'leadSlotOccupied', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'margin', 'margin-inline', 'margin-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'syncFirstRender']),
667
+ __metadata("design:paramtypes", [])
668
+ ], GdsBadgeComponent);
669
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBadgeComponent, decorators: [{
670
+ type: Component,
671
+ args: [{
672
+ selector: 'gds-badge',
673
+ standalone: true,
674
+ changeDetection: ChangeDetectionStrategy.OnPush,
675
+ template: `<ng-content></ng-content>`
676
+ }]
677
+ }], ctorParameters: () => [], propDecorators: { variant: [{
678
+ type: Input
679
+ }], size: [{
680
+ type: Input
681
+ }], notification: [{
682
+ type: Input,
683
+ args: [{ transform: booleanAttribute }]
684
+ }], rounded: [{
685
+ type: Input,
686
+ args: [{ transform: booleanAttribute }]
687
+ }], mainSlotOccupied: [{
688
+ type: Input,
689
+ args: [{ transform: booleanAttribute }]
690
+ }], leadSlotOccupied: [{
691
+ type: Input,
692
+ args: [{ transform: booleanAttribute }]
693
+ }], width: [{
694
+ type: Input
695
+ }], minWidth: [{
696
+ type: Input
697
+ }], maxWidth: [{
698
+ type: Input
699
+ }], inlineSize: [{
700
+ type: Input
701
+ }], minInlineSize: [{
702
+ type: Input
703
+ }], maxInlineSize: [{
704
+ type: Input
705
+ }], margin: [{
706
+ type: Input
707
+ }], marginInline: [{
708
+ type: Input
709
+ }], marginBlock: [{
710
+ type: Input
711
+ }], alignSelf: [{
712
+ type: Input
713
+ }], justifySelf: [{
714
+ type: Input
715
+ }], placeSelf: [{
716
+ type: Input
717
+ }], gridColumn: [{
718
+ type: Input
719
+ }], gridRow: [{
720
+ type: Input
721
+ }], gridArea: [{
722
+ type: Input
723
+ }], flex: [{
724
+ type: Input
725
+ }], order: [{
726
+ type: Input
727
+ }], syncFirstRender: [{
728
+ type: Input,
729
+ args: [{ transform: booleanAttribute }]
730
+ }] } });
731
+
732
+ /**
733
+ * GdsBadgeComponent - Angular wrapper for gds-badge
734
+ * `gds-badge`
735
+ *
736
+ * Auto-generated from Custom Elements Manifest
737
+ */
738
+
632
739
  /**
633
740
  * Angular wrapper for the gds-blur web component
634
741
  *
@@ -687,10 +794,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
687
794
  */
688
795
 
689
796
  /**
690
- * Angular wrapper for the gds-badge web component
691
- * `gds-badge`
797
+ * Angular wrapper for the gds-breadcrumbs web component
798
+ *
692
799
  */
693
- let GdsBadgeComponent = class GdsBadgeComponent {
800
+ let GdsBreadcrumbsComponent = class GdsBreadcrumbsComponent {
694
801
  get element() {
695
802
  return this.elementRef.nativeElement;
696
803
  }
@@ -703,11 +810,11 @@ let GdsBadgeComponent = class GdsBadgeComponent {
703
810
  ngOnInit() {
704
811
  // Define the custom element
705
812
  try {
706
- GdsBadge.define();
813
+ GdsBreadcrumbs.define();
707
814
  }
708
815
  catch (e) {
709
816
  // Component may not be available in this version of green-core
710
- console.warn('Failed to define gds-badge:', e);
817
+ console.warn('Failed to define gds-breadcrumbs:', e);
711
818
  }
712
819
  }
713
820
  ngOnChanges(changes) {
@@ -716,37 +823,41 @@ let GdsBadgeComponent = class GdsBadgeComponent {
716
823
  ngAfterViewInit() {
717
824
  // Implementation added by @ProxyInputs decorator
718
825
  }
719
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
720
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsBadgeComponent, isStandalone: true, selector: "gds-badge", inputs: { variant: "variant", size: "size", notification: ["notification", "notification", booleanAttribute], rounded: ["rounded", "rounded", booleanAttribute], mainSlotOccupied: ["mainSlotOccupied", "mainSlotOccupied", booleanAttribute], leadSlotOccupied: ["leadSlotOccupied", "leadSlotOccupied", booleanAttribute], width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
826
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
827
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsBreadcrumbsComponent, isStandalone: true, selector: "gds-breadcrumbs", inputs: { size: "size", label: "label", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
721
828
  };
722
- GdsBadgeComponent = __decorate([
723
- ProxyInputs(['variant', 'size', 'notification', 'rounded', 'mainSlotOccupied', 'leadSlotOccupied', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'margin', 'margin-inline', 'margin-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'syncFirstRender']),
829
+ GdsBreadcrumbsComponent = __decorate([
830
+ ProxyInputs(['size', 'label', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'margin', 'margin-inline', 'margin-block', 'syncFirstRender']),
724
831
  __metadata("design:paramtypes", [])
725
- ], GdsBadgeComponent);
726
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBadgeComponent, decorators: [{
832
+ ], GdsBreadcrumbsComponent);
833
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBreadcrumbsComponent, decorators: [{
727
834
  type: Component,
728
835
  args: [{
729
- selector: 'gds-badge',
836
+ selector: 'gds-breadcrumbs',
730
837
  standalone: true,
731
838
  changeDetection: ChangeDetectionStrategy.OnPush,
732
839
  template: `<ng-content></ng-content>`
733
840
  }]
734
- }], ctorParameters: () => [], propDecorators: { variant: [{
841
+ }], ctorParameters: () => [], propDecorators: { size: [{
735
842
  type: Input
736
- }], size: [{
843
+ }], label: [{
844
+ type: Input
845
+ }], alignSelf: [{
846
+ type: Input
847
+ }], justifySelf: [{
848
+ type: Input
849
+ }], placeSelf: [{
850
+ type: Input
851
+ }], gridColumn: [{
852
+ type: Input
853
+ }], gridRow: [{
854
+ type: Input
855
+ }], gridArea: [{
856
+ type: Input
857
+ }], flex: [{
858
+ type: Input
859
+ }], order: [{
737
860
  type: Input
738
- }], notification: [{
739
- type: Input,
740
- args: [{ transform: booleanAttribute }]
741
- }], rounded: [{
742
- type: Input,
743
- args: [{ transform: booleanAttribute }]
744
- }], mainSlotOccupied: [{
745
- type: Input,
746
- args: [{ transform: booleanAttribute }]
747
- }], leadSlotOccupied: [{
748
- type: Input,
749
- args: [{ transform: booleanAttribute }]
750
861
  }], width: [{
751
862
  type: Input
752
863
  }], minWidth: [{
@@ -765,30 +876,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
765
876
  type: Input
766
877
  }], marginBlock: [{
767
878
  type: Input
768
- }], alignSelf: [{
769
- type: Input
770
- }], justifySelf: [{
771
- type: Input
772
- }], placeSelf: [{
773
- type: Input
774
- }], gridColumn: [{
775
- type: Input
776
- }], gridRow: [{
777
- type: Input
778
- }], gridArea: [{
779
- type: Input
780
- }], flex: [{
781
- type: Input
782
- }], order: [{
783
- type: Input
784
879
  }], syncFirstRender: [{
785
880
  type: Input,
786
881
  args: [{ transform: booleanAttribute }]
787
882
  }] } });
788
883
 
789
884
  /**
790
- * GdsBadgeComponent - Angular wrapper for gds-badge
791
- * `gds-badge`
885
+ * GdsBreadcrumbsComponent - Angular wrapper for gds-breadcrumbs
886
+ *
792
887
  *
793
888
  * Auto-generated from Custom Elements Manifest
794
889
  */
@@ -1110,101 +1205,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
1110
1205
  * Auto-generated from Custom Elements Manifest
1111
1206
  */
1112
1207
 
1113
- /**
1114
- * Angular wrapper for the gds-breadcrumbs web component
1115
- *
1116
- */
1117
- let GdsBreadcrumbsComponent = class GdsBreadcrumbsComponent {
1118
- get element() {
1119
- return this.elementRef.nativeElement;
1120
- }
1121
- constructor() {
1122
- this.elementRef = inject((ElementRef));
1123
- this.zone = inject(NgZone);
1124
- this.cdr = inject(ChangeDetectorRef);
1125
- this.cdr.detach();
1126
- }
1127
- ngOnInit() {
1128
- // Define the custom element
1129
- try {
1130
- GdsBreadcrumbs.define();
1131
- }
1132
- catch (e) {
1133
- // Component may not be available in this version of green-core
1134
- console.warn('Failed to define gds-breadcrumbs:', e);
1135
- }
1136
- }
1137
- ngOnChanges(changes) {
1138
- // Implementation added by @ProxyInputs decorator
1139
- }
1140
- ngAfterViewInit() {
1141
- // Implementation added by @ProxyInputs decorator
1142
- }
1143
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1144
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsBreadcrumbsComponent, isStandalone: true, selector: "gds-breadcrumbs", inputs: { size: "size", label: "label", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
1145
- };
1146
- GdsBreadcrumbsComponent = __decorate([
1147
- ProxyInputs(['size', 'label', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'margin', 'margin-inline', 'margin-block', 'syncFirstRender']),
1148
- __metadata("design:paramtypes", [])
1149
- ], GdsBreadcrumbsComponent);
1150
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBreadcrumbsComponent, decorators: [{
1151
- type: Component,
1152
- args: [{
1153
- selector: 'gds-breadcrumbs',
1154
- standalone: true,
1155
- changeDetection: ChangeDetectionStrategy.OnPush,
1156
- template: `<ng-content></ng-content>`
1157
- }]
1158
- }], ctorParameters: () => [], propDecorators: { size: [{
1159
- type: Input
1160
- }], label: [{
1161
- type: Input
1162
- }], alignSelf: [{
1163
- type: Input
1164
- }], justifySelf: [{
1165
- type: Input
1166
- }], placeSelf: [{
1167
- type: Input
1168
- }], gridColumn: [{
1169
- type: Input
1170
- }], gridRow: [{
1171
- type: Input
1172
- }], gridArea: [{
1173
- type: Input
1174
- }], flex: [{
1175
- type: Input
1176
- }], order: [{
1177
- type: Input
1178
- }], width: [{
1179
- type: Input
1180
- }], minWidth: [{
1181
- type: Input
1182
- }], maxWidth: [{
1183
- type: Input
1184
- }], inlineSize: [{
1185
- type: Input
1186
- }], minInlineSize: [{
1187
- type: Input
1188
- }], maxInlineSize: [{
1189
- type: Input
1190
- }], margin: [{
1191
- type: Input
1192
- }], marginInline: [{
1193
- type: Input
1194
- }], marginBlock: [{
1195
- type: Input
1196
- }], syncFirstRender: [{
1197
- type: Input,
1198
- args: [{ transform: booleanAttribute }]
1199
- }] } });
1200
-
1201
- /**
1202
- * GdsBreadcrumbsComponent - Angular wrapper for gds-breadcrumbs
1203
- *
1204
- *
1205
- * Auto-generated from Custom Elements Manifest
1206
- */
1207
-
1208
1208
  /**
1209
1209
  * Angular wrapper for the gds-calendar web component
1210
1210
  *
@@ -1495,178 +1495,6 @@ and a shortcut property for specifying different card variants.
1495
1495
  * Auto-generated from Custom Elements Manifest
1496
1496
  */
1497
1497
 
1498
- /**
1499
- * Base class for checkbox form controls that work with boolean checked state
1500
- * instead of string values.
1501
- *
1502
- * This class extends GdsFormControlBase and overrides the value handling to work
1503
- * with the checkbox's `checked` property (boolean) rather than the `value` property (string).
1504
- * This is needed because:
1505
- * - Single checkboxes in Angular forms typically bind to boolean values
1506
- * - The checkbox's meaningful state is whether it's checked or not
1507
- * - The web component's `value` property is a string used for form submission
1508
- *
1509
- * @internal
1510
- */
1511
- class GdsCheckboxFormControlBase extends GdsFormControlBase {
1512
- /**
1513
- * Writes a new value to the element.
1514
- * For checkboxes, we set the `checked` property instead of `value`.
1515
- */
1516
- writeValue(value) {
1517
- this.renderer.setProperty(this.elementRef.nativeElement, 'checked', value);
1518
- }
1519
- ngAfterViewInit() {
1520
- // Get the NgControl instance if this component is used in a form
1521
- try {
1522
- this.control = this.injector.get(NgControl, undefined);
1523
- }
1524
- catch {
1525
- // Component is not used in a form context
1526
- this.control = undefined;
1527
- }
1528
- if (this.control) {
1529
- // Subscribe to status changes to update validation state
1530
- this.control.statusChanges?.subscribe(() => {
1531
- this.updateControlState();
1532
- });
1533
- this.control.valueChanges?.subscribe(() => {
1534
- this.updateControlState();
1535
- });
1536
- // Update on form submit
1537
- const form = this.elementRef.nativeElement.form;
1538
- if (form) {
1539
- form.addEventListener('submit', () => {
1540
- this.control?.control?.markAsTouched();
1541
- this.updateControlState();
1542
- });
1543
- }
1544
- this.updateControlState();
1545
- }
1546
- // Set up event listener for the 'input' event from the web component
1547
- // For checkboxes, we read the 'checked' property instead of 'value'
1548
- this.elementRef.nativeElement.addEventListener('input', (event) => {
1549
- const checked = event.target.checked;
1550
- this._onChange(checked);
1551
- this.cdr.markForCheck();
1552
- });
1553
- // Set up event listener for the 'change' event from the web component
1554
- this.elementRef.nativeElement.addEventListener('change', () => {
1555
- this._onTouched();
1556
- });
1557
- // Set up blur event listener
1558
- this.elementRef.nativeElement.addEventListener('blur', () => {
1559
- this._onTouched();
1560
- });
1561
- }
1562
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCheckboxFormControlBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
1563
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: GdsCheckboxFormControlBase, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
1564
- }
1565
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCheckboxFormControlBase, decorators: [{
1566
- type: Directive
1567
- }] });
1568
-
1569
- /**
1570
- * Angular wrapper for the gds-checkbox web component
1571
- *
1572
- */
1573
- let GdsCheckboxComponent = class GdsCheckboxComponent extends GdsCheckboxFormControlBase {
1574
- constructor() {
1575
- super(...arguments);
1576
- /** Dispatched when the checkbox is checked or unchecked. */
1577
- this.input = new EventEmitter();
1578
- /** Dispatched when the checkbox is checked or unchecked. */
1579
- this.change = new EventEmitter();
1580
- }
1581
- get element() {
1582
- return this.elementRef.nativeElement;
1583
- }
1584
- ngOnInit() {
1585
- super.ngOnInit();
1586
- // Define the custom element
1587
- try {
1588
- GdsCheckbox.define();
1589
- }
1590
- catch (e) {
1591
- // Component may not be available in this version of green-core
1592
- console.warn('Failed to define gds-checkbox:', e);
1593
- }
1594
- }
1595
- ngOnChanges(changes) {
1596
- // Implementation added by @ProxyInputs decorator
1597
- }
1598
- ngAfterViewInit() {
1599
- super.ngAfterViewInit();
1600
- }
1601
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
1602
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsCheckboxComponent, isStandalone: true, selector: "gds-checkbox", inputs: { label: "label", supportingText: "supportingText", checked: ["checked", "checked", booleanAttribute], indeterminate: ["indeterminate", "indeterminate", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", name: "name", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { input: "input", change: "change" }, providers: [
1603
- {
1604
- provide: NG_VALUE_ACCESSOR,
1605
- useExisting: forwardRef(() => GdsCheckboxComponent),
1606
- multi: true,
1607
- },
1608
- ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
1609
- };
1610
- GdsCheckboxComponent = __decorate([
1611
- ProxyInputs(['label', 'supportingText', 'checked', 'indeterminate', 'disabled', 'value', 'validator', 'required', 'errorMessage', 'invalid', 'name', 'syncFirstRender'])
1612
- ], GdsCheckboxComponent);
1613
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCheckboxComponent, decorators: [{
1614
- type: Component,
1615
- args: [{
1616
- selector: 'gds-checkbox',
1617
- standalone: true,
1618
- changeDetection: ChangeDetectionStrategy.OnPush,
1619
- template: `<ng-content></ng-content>`,
1620
- providers: [
1621
- {
1622
- provide: NG_VALUE_ACCESSOR,
1623
- useExisting: forwardRef(() => GdsCheckboxComponent),
1624
- multi: true,
1625
- },
1626
- ]
1627
- }]
1628
- }], propDecorators: { label: [{
1629
- type: Input
1630
- }], supportingText: [{
1631
- type: Input
1632
- }], checked: [{
1633
- type: Input,
1634
- args: [{ transform: booleanAttribute }]
1635
- }], indeterminate: [{
1636
- type: Input,
1637
- args: [{ transform: booleanAttribute }]
1638
- }], disabled: [{
1639
- type: Input,
1640
- args: [{ transform: booleanAttribute }]
1641
- }], value: [{
1642
- type: Input
1643
- }], validator: [{
1644
- type: Input
1645
- }], required: [{
1646
- type: Input,
1647
- args: [{ transform: booleanAttribute }]
1648
- }], errorMessage: [{
1649
- type: Input
1650
- }], invalid: [{
1651
- type: Input
1652
- }], name: [{
1653
- type: Input
1654
- }], syncFirstRender: [{
1655
- type: Input,
1656
- args: [{ transform: booleanAttribute }]
1657
- }], input: [{
1658
- type: Output
1659
- }], change: [{
1660
- type: Output
1661
- }] } });
1662
-
1663
- /**
1664
- * GdsCheckboxComponent - Angular wrapper for gds-checkbox
1665
- *
1666
- *
1667
- * Auto-generated from Custom Elements Manifest
1668
- */
1669
-
1670
1498
  /**
1671
1499
  * Angular wrapper for the gds-card-linked web component
1672
1500
  *
@@ -1928,6 +1756,261 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
1928
1756
  * Auto-generated from Custom Elements Manifest
1929
1757
  */
1930
1758
 
1759
+ /**
1760
+ * Base class for checkbox form controls that work with boolean checked state
1761
+ * instead of string values.
1762
+ *
1763
+ * This class extends GdsFormControlBase and overrides the value handling to work
1764
+ * with the checkbox's `checked` property (boolean) rather than the `value` property (string).
1765
+ * This is needed because:
1766
+ * - Single checkboxes in Angular forms typically bind to boolean values
1767
+ * - The checkbox's meaningful state is whether it's checked or not
1768
+ * - The web component's `value` property is a string used for form submission
1769
+ *
1770
+ * @internal
1771
+ */
1772
+ class GdsCheckboxFormControlBase extends GdsFormControlBase {
1773
+ /**
1774
+ * Writes a new value to the element.
1775
+ * For checkboxes, we set the `checked` property instead of `value`.
1776
+ */
1777
+ writeValue(value) {
1778
+ this.renderer.setProperty(this.elementRef.nativeElement, 'checked', value);
1779
+ }
1780
+ ngAfterViewInit() {
1781
+ // Get the NgControl instance if this component is used in a form
1782
+ try {
1783
+ this.control = this.injector.get(NgControl, undefined);
1784
+ }
1785
+ catch {
1786
+ // Component is not used in a form context
1787
+ this.control = undefined;
1788
+ }
1789
+ if (this.control) {
1790
+ // Subscribe to status changes to update validation state
1791
+ this.control.statusChanges?.subscribe(() => {
1792
+ this.updateControlState();
1793
+ });
1794
+ this.control.valueChanges?.subscribe(() => {
1795
+ this.updateControlState();
1796
+ });
1797
+ // Update on form submit
1798
+ const form = this.elementRef.nativeElement.form;
1799
+ if (form) {
1800
+ form.addEventListener('submit', () => {
1801
+ this.control?.control?.markAsTouched();
1802
+ this.updateControlState();
1803
+ });
1804
+ }
1805
+ this.updateControlState();
1806
+ }
1807
+ // Set up event listener for the 'input' event from the web component
1808
+ // For checkboxes, we read the 'checked' property instead of 'value'
1809
+ this.elementRef.nativeElement.addEventListener('input', (event) => {
1810
+ const checked = event.target.checked;
1811
+ this._onChange(checked);
1812
+ this.cdr.markForCheck();
1813
+ });
1814
+ // Set up event listener for the 'change' event from the web component
1815
+ this.elementRef.nativeElement.addEventListener('change', () => {
1816
+ this._onTouched();
1817
+ });
1818
+ // Set up blur event listener
1819
+ this.elementRef.nativeElement.addEventListener('blur', () => {
1820
+ this._onTouched();
1821
+ });
1822
+ }
1823
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCheckboxFormControlBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
1824
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: GdsCheckboxFormControlBase, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
1825
+ }
1826
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCheckboxFormControlBase, decorators: [{
1827
+ type: Directive
1828
+ }] });
1829
+
1830
+ /**
1831
+ * Angular wrapper for the gds-checkbox web component
1832
+ *
1833
+ */
1834
+ let GdsCheckboxComponent = class GdsCheckboxComponent extends GdsCheckboxFormControlBase {
1835
+ constructor() {
1836
+ super(...arguments);
1837
+ /** Dispatched when the checkbox is checked or unchecked. */
1838
+ this.input = new EventEmitter();
1839
+ /** Dispatched when the checkbox is checked or unchecked. */
1840
+ this.change = new EventEmitter();
1841
+ }
1842
+ get element() {
1843
+ return this.elementRef.nativeElement;
1844
+ }
1845
+ ngOnInit() {
1846
+ super.ngOnInit();
1847
+ // Define the custom element
1848
+ try {
1849
+ GdsCheckbox.define();
1850
+ }
1851
+ catch (e) {
1852
+ // Component may not be available in this version of green-core
1853
+ console.warn('Failed to define gds-checkbox:', e);
1854
+ }
1855
+ }
1856
+ ngOnChanges(changes) {
1857
+ // Implementation added by @ProxyInputs decorator
1858
+ }
1859
+ ngAfterViewInit() {
1860
+ super.ngAfterViewInit();
1861
+ }
1862
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
1863
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsCheckboxComponent, isStandalone: true, selector: "gds-checkbox", inputs: { label: "label", supportingText: "supportingText", checked: ["checked", "checked", booleanAttribute], indeterminate: ["indeterminate", "indeterminate", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", name: "name", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { input: "input", change: "change" }, providers: [
1864
+ {
1865
+ provide: NG_VALUE_ACCESSOR,
1866
+ useExisting: forwardRef(() => GdsCheckboxComponent),
1867
+ multi: true,
1868
+ },
1869
+ ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
1870
+ };
1871
+ GdsCheckboxComponent = __decorate([
1872
+ ProxyInputs(['label', 'supportingText', 'checked', 'indeterminate', 'disabled', 'value', 'validator', 'required', 'errorMessage', 'invalid', 'name', 'syncFirstRender'])
1873
+ ], GdsCheckboxComponent);
1874
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCheckboxComponent, decorators: [{
1875
+ type: Component,
1876
+ args: [{
1877
+ selector: 'gds-checkbox',
1878
+ standalone: true,
1879
+ changeDetection: ChangeDetectionStrategy.OnPush,
1880
+ template: `<ng-content></ng-content>`,
1881
+ providers: [
1882
+ {
1883
+ provide: NG_VALUE_ACCESSOR,
1884
+ useExisting: forwardRef(() => GdsCheckboxComponent),
1885
+ multi: true,
1886
+ },
1887
+ ]
1888
+ }]
1889
+ }], propDecorators: { label: [{
1890
+ type: Input
1891
+ }], supportingText: [{
1892
+ type: Input
1893
+ }], checked: [{
1894
+ type: Input,
1895
+ args: [{ transform: booleanAttribute }]
1896
+ }], indeterminate: [{
1897
+ type: Input,
1898
+ args: [{ transform: booleanAttribute }]
1899
+ }], disabled: [{
1900
+ type: Input,
1901
+ args: [{ transform: booleanAttribute }]
1902
+ }], value: [{
1903
+ type: Input
1904
+ }], validator: [{
1905
+ type: Input
1906
+ }], required: [{
1907
+ type: Input,
1908
+ args: [{ transform: booleanAttribute }]
1909
+ }], errorMessage: [{
1910
+ type: Input
1911
+ }], invalid: [{
1912
+ type: Input
1913
+ }], name: [{
1914
+ type: Input
1915
+ }], syncFirstRender: [{
1916
+ type: Input,
1917
+ args: [{ transform: booleanAttribute }]
1918
+ }], input: [{
1919
+ type: Output
1920
+ }], change: [{
1921
+ type: Output
1922
+ }] } });
1923
+
1924
+ /**
1925
+ * GdsCheckboxComponent - Angular wrapper for gds-checkbox
1926
+ *
1927
+ *
1928
+ * Auto-generated from Custom Elements Manifest
1929
+ */
1930
+
1931
+ /**
1932
+ * Angular wrapper for the gds-coachmark web component
1933
+ *
1934
+ */
1935
+ let GdsCoachmarkComponent = class GdsCoachmarkComponent {
1936
+ get element() {
1937
+ return this.elementRef.nativeElement;
1938
+ }
1939
+ constructor() {
1940
+ this.elementRef = inject((ElementRef));
1941
+ this.zone = inject(NgZone);
1942
+ this.cdr = inject(ChangeDetectorRef);
1943
+ /** dispatched when the tooltip is about to be closed. Can be cancelled to prevent closing. */
1944
+ this.gdsUiState = new EventEmitter();
1945
+ this.cdr.detach();
1946
+ }
1947
+ ngOnInit() {
1948
+ // Define the custom element
1949
+ try {
1950
+ GdsCoachmark.define();
1951
+ }
1952
+ catch (e) {
1953
+ // Component may not be available in this version of green-core
1954
+ console.warn('Failed to define gds-coachmark:', e);
1955
+ }
1956
+ // Set up event listeners
1957
+ this.elementRef.nativeElement.addEventListener('gds-ui-state', (event) => {
1958
+ this.gdsUiState.emit(event);
1959
+ });
1960
+ }
1961
+ ngOnChanges(changes) {
1962
+ // Implementation added by @ProxyInputs decorator
1963
+ }
1964
+ ngAfterViewInit() {
1965
+ // Implementation added by @ProxyInputs decorator
1966
+ }
1967
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCoachmarkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1968
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsCoachmarkComponent, isStandalone: true, selector: "gds-coachmark", inputs: { placement: "placement", overlappedBy: "overlappedBy", target: "target", label: "label", computeVisibility: "computeVisibility", targetElement: "targetElement", _isVisible: ["_isVisible", "_isVisible", booleanAttribute], _preventClose: ["_preventClose", "_preventClose", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsUiState: "gdsUiState" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
1969
+ };
1970
+ GdsCoachmarkComponent = __decorate([
1971
+ ProxyInputs(['placement', 'overlappedBy', 'target', 'label', 'computeVisibility', 'targetElement', '_isVisible', '_preventClose', 'syncFirstRender']),
1972
+ __metadata("design:paramtypes", [])
1973
+ ], GdsCoachmarkComponent);
1974
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCoachmarkComponent, decorators: [{
1975
+ type: Component,
1976
+ args: [{
1977
+ selector: 'gds-coachmark',
1978
+ standalone: true,
1979
+ changeDetection: ChangeDetectionStrategy.OnPush,
1980
+ template: `<ng-content></ng-content>`
1981
+ }]
1982
+ }], ctorParameters: () => [], propDecorators: { placement: [{
1983
+ type: Input
1984
+ }], overlappedBy: [{
1985
+ type: Input
1986
+ }], target: [{
1987
+ type: Input
1988
+ }], label: [{
1989
+ type: Input
1990
+ }], computeVisibility: [{
1991
+ type: Input
1992
+ }], targetElement: [{
1993
+ type: Input
1994
+ }], _isVisible: [{
1995
+ type: Input,
1996
+ args: [{ transform: booleanAttribute }]
1997
+ }], _preventClose: [{
1998
+ type: Input,
1999
+ args: [{ transform: booleanAttribute }]
2000
+ }], syncFirstRender: [{
2001
+ type: Input,
2002
+ args: [{ transform: booleanAttribute }]
2003
+ }], gdsUiState: [{
2004
+ type: Output
2005
+ }] } });
2006
+
2007
+ /**
2008
+ * GdsCoachmarkComponent - Angular wrapper for gds-coachmark
2009
+ *
2010
+ *
2011
+ * Auto-generated from Custom Elements Manifest
2012
+ */
2013
+
1931
2014
  /**
1932
2015
  * Angular wrapper for the gds-context-menu web component
1933
2016
  *
@@ -2211,89 +2294,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
2211
2294
  * Auto-generated from Custom Elements Manifest
2212
2295
  */
2213
2296
 
2214
- /**
2215
- * Angular wrapper for the gds-coachmark web component
2216
- *
2217
- */
2218
- let GdsCoachmarkComponent = class GdsCoachmarkComponent {
2219
- get element() {
2220
- return this.elementRef.nativeElement;
2221
- }
2222
- constructor() {
2223
- this.elementRef = inject((ElementRef));
2224
- this.zone = inject(NgZone);
2225
- this.cdr = inject(ChangeDetectorRef);
2226
- /** dispatched when the tooltip is about to be closed. Can be cancelled to prevent closing. */
2227
- this.gdsUiState = new EventEmitter();
2228
- this.cdr.detach();
2229
- }
2230
- ngOnInit() {
2231
- // Define the custom element
2232
- try {
2233
- GdsCoachmark.define();
2234
- }
2235
- catch (e) {
2236
- // Component may not be available in this version of green-core
2237
- console.warn('Failed to define gds-coachmark:', e);
2238
- }
2239
- // Set up event listeners
2240
- this.elementRef.nativeElement.addEventListener('gds-ui-state', (event) => {
2241
- this.gdsUiState.emit(event);
2242
- });
2243
- }
2244
- ngOnChanges(changes) {
2245
- // Implementation added by @ProxyInputs decorator
2246
- }
2247
- ngAfterViewInit() {
2248
- // Implementation added by @ProxyInputs decorator
2249
- }
2250
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCoachmarkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2251
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsCoachmarkComponent, isStandalone: true, selector: "gds-coachmark", inputs: { placement: "placement", overlappedBy: "overlappedBy", target: "target", label: "label", computeVisibility: "computeVisibility", targetElement: "targetElement", _isVisible: ["_isVisible", "_isVisible", booleanAttribute], _preventClose: ["_preventClose", "_preventClose", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsUiState: "gdsUiState" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
2252
- };
2253
- GdsCoachmarkComponent = __decorate([
2254
- ProxyInputs(['placement', 'overlappedBy', 'target', 'label', 'computeVisibility', 'targetElement', '_isVisible', '_preventClose', 'syncFirstRender']),
2255
- __metadata("design:paramtypes", [])
2256
- ], GdsCoachmarkComponent);
2257
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCoachmarkComponent, decorators: [{
2258
- type: Component,
2259
- args: [{
2260
- selector: 'gds-coachmark',
2261
- standalone: true,
2262
- changeDetection: ChangeDetectionStrategy.OnPush,
2263
- template: `<ng-content></ng-content>`
2264
- }]
2265
- }], ctorParameters: () => [], propDecorators: { placement: [{
2266
- type: Input
2267
- }], overlappedBy: [{
2268
- type: Input
2269
- }], target: [{
2270
- type: Input
2271
- }], label: [{
2272
- type: Input
2273
- }], computeVisibility: [{
2274
- type: Input
2275
- }], targetElement: [{
2276
- type: Input
2277
- }], _isVisible: [{
2278
- type: Input,
2279
- args: [{ transform: booleanAttribute }]
2280
- }], _preventClose: [{
2281
- type: Input,
2282
- args: [{ transform: booleanAttribute }]
2283
- }], syncFirstRender: [{
2284
- type: Input,
2285
- args: [{ transform: booleanAttribute }]
2286
- }], gdsUiState: [{
2287
- type: Output
2288
- }] } });
2289
-
2290
- /**
2291
- * GdsCoachmarkComponent - Angular wrapper for gds-coachmark
2292
- *
2293
- *
2294
- * Auto-generated from Custom Elements Manifest
2295
- */
2296
-
2297
2297
  /**
2298
2298
  * Angular wrapper for the gds-details web component
2299
2299
  * Details component that provides collapsible content sections.
@@ -4295,6 +4295,195 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
4295
4295
  * Auto-generated from Custom Elements Manifest
4296
4296
  */
4297
4297
 
4298
+ /**
4299
+ * Angular wrapper for the gds-mask web component
4300
+ *
4301
+ */
4302
+ let GdsMaskComponent = class GdsMaskComponent {
4303
+ get element() {
4304
+ return this.elementRef.nativeElement;
4305
+ }
4306
+ constructor() {
4307
+ this.elementRef = inject((ElementRef));
4308
+ this.zone = inject(NgZone);
4309
+ this.cdr = inject(ChangeDetectorRef);
4310
+ this.cdr.detach();
4311
+ }
4312
+ ngOnInit() {
4313
+ // Define the custom element
4314
+ try {
4315
+ GdsMask.define();
4316
+ }
4317
+ catch (e) {
4318
+ // Component may not be available in this version of green-core
4319
+ console.warn('Failed to define gds-mask:', e);
4320
+ }
4321
+ }
4322
+ ngOnChanges(changes) {
4323
+ // Implementation added by @ProxyInputs decorator
4324
+ }
4325
+ ngAfterViewInit() {
4326
+ // Implementation added by @ProxyInputs decorator
4327
+ }
4328
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsMaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
4329
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsMaskComponent, isStandalone: true, selector: "gds-mask", inputs: { background: "background", maskImage: "maskImage", maskSize: "maskSize", maskRepeat: "maskRepeat", maskPosition: "maskPosition", backdropFilter: "backdropFilter", position: "position", display: "display", inset: "inset", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", blockSize: "blockSize", minBlockSize: "minBlockSize", maxBlockSize: "maxBlockSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", padding: "padding", paddingInline: "paddingInline", paddingBlock: "paddingBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", transform: "transform", level: "level", color: "color", border: "border", borderColor: "borderColor", borderWidth: "borderWidth", borderStyle: "borderStyle", borderRadius: "borderRadius", boxShadow: "boxShadow", opacity: "opacity", overflow: "overflow", boxSizing: "boxSizing", zIndex: "zIndex", font: "font", fontWeight: "fontWeight", textAlign: "textAlign", textWrap: "textWrap", overflowWrap: "overflowWrap", whiteSpace: "whiteSpace", gap: "gap", alignItems: "alignItems", alignContent: "alignContent", justifyContent: "justifyContent", justifyItems: "justifyItems", flexDirection: "flexDirection", flexWrap: "flexWrap", placeItems: "placeItems", placeContent: "placeContent", aspectRatio: "aspectRatio", cursor: "cursor", pointerEvents: "pointerEvents", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
4330
+ };
4331
+ GdsMaskComponent = __decorate([
4332
+ ProxyInputs(['background', 'mask-image', 'mask-size', 'mask-repeat', 'mask-position', 'backdrop-filter', 'position', 'display', 'inset', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'height', 'min-height', 'max-height', 'block-size', 'min-block-size', 'max-block-size', 'margin', 'margin-inline', 'margin-block', 'padding', 'padding-inline', 'padding-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'transform', 'level', 'color', 'border', 'border-color', 'border-width', 'border-style', 'border-radius', 'box-shadow', 'opacity', 'overflow', 'box-sizing', 'z-index', 'font', 'font-weight', 'text-align', 'text-wrap', 'overflow-wrap', 'white-space', 'gap', 'align-items', 'align-content', 'justify-content', 'justify-items', 'flex-direction', 'flex-wrap', 'place-items', 'place-content', 'aspect-ratio', 'cursor', 'pointer-events', 'syncFirstRender']),
4333
+ __metadata("design:paramtypes", [])
4334
+ ], GdsMaskComponent);
4335
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsMaskComponent, decorators: [{
4336
+ type: Component,
4337
+ args: [{
4338
+ selector: 'gds-mask',
4339
+ standalone: true,
4340
+ changeDetection: ChangeDetectionStrategy.OnPush,
4341
+ template: `<ng-content></ng-content>`
4342
+ }]
4343
+ }], ctorParameters: () => [], propDecorators: { background: [{
4344
+ type: Input
4345
+ }], maskImage: [{
4346
+ type: Input
4347
+ }], maskSize: [{
4348
+ type: Input
4349
+ }], maskRepeat: [{
4350
+ type: Input
4351
+ }], maskPosition: [{
4352
+ type: Input
4353
+ }], backdropFilter: [{
4354
+ type: Input
4355
+ }], position: [{
4356
+ type: Input
4357
+ }], display: [{
4358
+ type: Input
4359
+ }], inset: [{
4360
+ type: Input
4361
+ }], width: [{
4362
+ type: Input
4363
+ }], minWidth: [{
4364
+ type: Input
4365
+ }], maxWidth: [{
4366
+ type: Input
4367
+ }], inlineSize: [{
4368
+ type: Input
4369
+ }], minInlineSize: [{
4370
+ type: Input
4371
+ }], maxInlineSize: [{
4372
+ type: Input
4373
+ }], height: [{
4374
+ type: Input
4375
+ }], minHeight: [{
4376
+ type: Input
4377
+ }], maxHeight: [{
4378
+ type: Input
4379
+ }], blockSize: [{
4380
+ type: Input
4381
+ }], minBlockSize: [{
4382
+ type: Input
4383
+ }], maxBlockSize: [{
4384
+ type: Input
4385
+ }], margin: [{
4386
+ type: Input
4387
+ }], marginInline: [{
4388
+ type: Input
4389
+ }], marginBlock: [{
4390
+ type: Input
4391
+ }], padding: [{
4392
+ type: Input
4393
+ }], paddingInline: [{
4394
+ type: Input
4395
+ }], paddingBlock: [{
4396
+ type: Input
4397
+ }], alignSelf: [{
4398
+ type: Input
4399
+ }], justifySelf: [{
4400
+ type: Input
4401
+ }], placeSelf: [{
4402
+ type: Input
4403
+ }], gridColumn: [{
4404
+ type: Input
4405
+ }], gridRow: [{
4406
+ type: Input
4407
+ }], gridArea: [{
4408
+ type: Input
4409
+ }], flex: [{
4410
+ type: Input
4411
+ }], order: [{
4412
+ type: Input
4413
+ }], transform: [{
4414
+ type: Input
4415
+ }], level: [{
4416
+ type: Input
4417
+ }], color: [{
4418
+ type: Input
4419
+ }], border: [{
4420
+ type: Input
4421
+ }], borderColor: [{
4422
+ type: Input
4423
+ }], borderWidth: [{
4424
+ type: Input
4425
+ }], borderStyle: [{
4426
+ type: Input
4427
+ }], borderRadius: [{
4428
+ type: Input
4429
+ }], boxShadow: [{
4430
+ type: Input
4431
+ }], opacity: [{
4432
+ type: Input
4433
+ }], overflow: [{
4434
+ type: Input
4435
+ }], boxSizing: [{
4436
+ type: Input
4437
+ }], zIndex: [{
4438
+ type: Input
4439
+ }], font: [{
4440
+ type: Input
4441
+ }], fontWeight: [{
4442
+ type: Input
4443
+ }], textAlign: [{
4444
+ type: Input
4445
+ }], textWrap: [{
4446
+ type: Input
4447
+ }], overflowWrap: [{
4448
+ type: Input
4449
+ }], whiteSpace: [{
4450
+ type: Input
4451
+ }], gap: [{
4452
+ type: Input
4453
+ }], alignItems: [{
4454
+ type: Input
4455
+ }], alignContent: [{
4456
+ type: Input
4457
+ }], justifyContent: [{
4458
+ type: Input
4459
+ }], justifyItems: [{
4460
+ type: Input
4461
+ }], flexDirection: [{
4462
+ type: Input
4463
+ }], flexWrap: [{
4464
+ type: Input
4465
+ }], placeItems: [{
4466
+ type: Input
4467
+ }], placeContent: [{
4468
+ type: Input
4469
+ }], aspectRatio: [{
4470
+ type: Input
4471
+ }], cursor: [{
4472
+ type: Input
4473
+ }], pointerEvents: [{
4474
+ type: Input
4475
+ }], syncFirstRender: [{
4476
+ type: Input,
4477
+ args: [{ transform: booleanAttribute }]
4478
+ }] } });
4479
+
4480
+ /**
4481
+ * GdsMaskComponent - Angular wrapper for gds-mask
4482
+ *
4483
+ *
4484
+ * Auto-generated from Custom Elements Manifest
4485
+ */
4486
+
4298
4487
  /**
4299
4488
  * Angular wrapper for the gds-menu-button web component
4300
4489
  *
@@ -4486,195 +4675,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
4486
4675
  * Auto-generated from Custom Elements Manifest
4487
4676
  */
4488
4677
 
4489
- /**
4490
- * Angular wrapper for the gds-mask web component
4491
- *
4492
- */
4493
- let GdsMaskComponent = class GdsMaskComponent {
4494
- get element() {
4495
- return this.elementRef.nativeElement;
4496
- }
4497
- constructor() {
4498
- this.elementRef = inject((ElementRef));
4499
- this.zone = inject(NgZone);
4500
- this.cdr = inject(ChangeDetectorRef);
4501
- this.cdr.detach();
4502
- }
4503
- ngOnInit() {
4504
- // Define the custom element
4505
- try {
4506
- GdsMask.define();
4507
- }
4508
- catch (e) {
4509
- // Component may not be available in this version of green-core
4510
- console.warn('Failed to define gds-mask:', e);
4511
- }
4512
- }
4513
- ngOnChanges(changes) {
4514
- // Implementation added by @ProxyInputs decorator
4515
- }
4516
- ngAfterViewInit() {
4517
- // Implementation added by @ProxyInputs decorator
4518
- }
4519
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsMaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
4520
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsMaskComponent, isStandalone: true, selector: "gds-mask", inputs: { background: "background", maskImage: "maskImage", maskSize: "maskSize", maskRepeat: "maskRepeat", maskPosition: "maskPosition", backdropFilter: "backdropFilter", position: "position", display: "display", inset: "inset", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", blockSize: "blockSize", minBlockSize: "minBlockSize", maxBlockSize: "maxBlockSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", padding: "padding", paddingInline: "paddingInline", paddingBlock: "paddingBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", transform: "transform", level: "level", color: "color", border: "border", borderColor: "borderColor", borderWidth: "borderWidth", borderStyle: "borderStyle", borderRadius: "borderRadius", boxShadow: "boxShadow", opacity: "opacity", overflow: "overflow", boxSizing: "boxSizing", zIndex: "zIndex", font: "font", fontWeight: "fontWeight", textAlign: "textAlign", textWrap: "textWrap", overflowWrap: "overflowWrap", whiteSpace: "whiteSpace", gap: "gap", alignItems: "alignItems", alignContent: "alignContent", justifyContent: "justifyContent", justifyItems: "justifyItems", flexDirection: "flexDirection", flexWrap: "flexWrap", placeItems: "placeItems", placeContent: "placeContent", aspectRatio: "aspectRatio", cursor: "cursor", pointerEvents: "pointerEvents", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
4521
- };
4522
- GdsMaskComponent = __decorate([
4523
- ProxyInputs(['background', 'mask-image', 'mask-size', 'mask-repeat', 'mask-position', 'backdrop-filter', 'position', 'display', 'inset', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'height', 'min-height', 'max-height', 'block-size', 'min-block-size', 'max-block-size', 'margin', 'margin-inline', 'margin-block', 'padding', 'padding-inline', 'padding-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'transform', 'level', 'color', 'border', 'border-color', 'border-width', 'border-style', 'border-radius', 'box-shadow', 'opacity', 'overflow', 'box-sizing', 'z-index', 'font', 'font-weight', 'text-align', 'text-wrap', 'overflow-wrap', 'white-space', 'gap', 'align-items', 'align-content', 'justify-content', 'justify-items', 'flex-direction', 'flex-wrap', 'place-items', 'place-content', 'aspect-ratio', 'cursor', 'pointer-events', 'syncFirstRender']),
4524
- __metadata("design:paramtypes", [])
4525
- ], GdsMaskComponent);
4526
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsMaskComponent, decorators: [{
4527
- type: Component,
4528
- args: [{
4529
- selector: 'gds-mask',
4530
- standalone: true,
4531
- changeDetection: ChangeDetectionStrategy.OnPush,
4532
- template: `<ng-content></ng-content>`
4533
- }]
4534
- }], ctorParameters: () => [], propDecorators: { background: [{
4535
- type: Input
4536
- }], maskImage: [{
4537
- type: Input
4538
- }], maskSize: [{
4539
- type: Input
4540
- }], maskRepeat: [{
4541
- type: Input
4542
- }], maskPosition: [{
4543
- type: Input
4544
- }], backdropFilter: [{
4545
- type: Input
4546
- }], position: [{
4547
- type: Input
4548
- }], display: [{
4549
- type: Input
4550
- }], inset: [{
4551
- type: Input
4552
- }], width: [{
4553
- type: Input
4554
- }], minWidth: [{
4555
- type: Input
4556
- }], maxWidth: [{
4557
- type: Input
4558
- }], inlineSize: [{
4559
- type: Input
4560
- }], minInlineSize: [{
4561
- type: Input
4562
- }], maxInlineSize: [{
4563
- type: Input
4564
- }], height: [{
4565
- type: Input
4566
- }], minHeight: [{
4567
- type: Input
4568
- }], maxHeight: [{
4569
- type: Input
4570
- }], blockSize: [{
4571
- type: Input
4572
- }], minBlockSize: [{
4573
- type: Input
4574
- }], maxBlockSize: [{
4575
- type: Input
4576
- }], margin: [{
4577
- type: Input
4578
- }], marginInline: [{
4579
- type: Input
4580
- }], marginBlock: [{
4581
- type: Input
4582
- }], padding: [{
4583
- type: Input
4584
- }], paddingInline: [{
4585
- type: Input
4586
- }], paddingBlock: [{
4587
- type: Input
4588
- }], alignSelf: [{
4589
- type: Input
4590
- }], justifySelf: [{
4591
- type: Input
4592
- }], placeSelf: [{
4593
- type: Input
4594
- }], gridColumn: [{
4595
- type: Input
4596
- }], gridRow: [{
4597
- type: Input
4598
- }], gridArea: [{
4599
- type: Input
4600
- }], flex: [{
4601
- type: Input
4602
- }], order: [{
4603
- type: Input
4604
- }], transform: [{
4605
- type: Input
4606
- }], level: [{
4607
- type: Input
4608
- }], color: [{
4609
- type: Input
4610
- }], border: [{
4611
- type: Input
4612
- }], borderColor: [{
4613
- type: Input
4614
- }], borderWidth: [{
4615
- type: Input
4616
- }], borderStyle: [{
4617
- type: Input
4618
- }], borderRadius: [{
4619
- type: Input
4620
- }], boxShadow: [{
4621
- type: Input
4622
- }], opacity: [{
4623
- type: Input
4624
- }], overflow: [{
4625
- type: Input
4626
- }], boxSizing: [{
4627
- type: Input
4628
- }], zIndex: [{
4629
- type: Input
4630
- }], font: [{
4631
- type: Input
4632
- }], fontWeight: [{
4633
- type: Input
4634
- }], textAlign: [{
4635
- type: Input
4636
- }], textWrap: [{
4637
- type: Input
4638
- }], overflowWrap: [{
4639
- type: Input
4640
- }], whiteSpace: [{
4641
- type: Input
4642
- }], gap: [{
4643
- type: Input
4644
- }], alignItems: [{
4645
- type: Input
4646
- }], alignContent: [{
4647
- type: Input
4648
- }], justifyContent: [{
4649
- type: Input
4650
- }], justifyItems: [{
4651
- type: Input
4652
- }], flexDirection: [{
4653
- type: Input
4654
- }], flexWrap: [{
4655
- type: Input
4656
- }], placeItems: [{
4657
- type: Input
4658
- }], placeContent: [{
4659
- type: Input
4660
- }], aspectRatio: [{
4661
- type: Input
4662
- }], cursor: [{
4663
- type: Input
4664
- }], pointerEvents: [{
4665
- type: Input
4666
- }], syncFirstRender: [{
4667
- type: Input,
4668
- args: [{ transform: booleanAttribute }]
4669
- }] } });
4670
-
4671
- /**
4672
- * GdsMaskComponent - Angular wrapper for gds-mask
4673
- *
4674
- *
4675
- * Auto-generated from Custom Elements Manifest
4676
- */
4677
-
4678
4678
  /**
4679
4679
  * Angular wrapper for the gds-pagination web component
4680
4680
  *
@@ -5543,6 +5543,142 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
5543
5543
  * Auto-generated from Custom Elements Manifest
5544
5544
  */
5545
5545
 
5546
+ /**
5547
+ * Angular wrapper for the gds-switch web component
5548
+ *
5549
+ */
5550
+ let GdsSwitchComponent = class GdsSwitchComponent extends GdsCheckboxFormControlBase {
5551
+ constructor() {
5552
+ super(...arguments);
5553
+ /** Dispatched when the checked state changes. */
5554
+ this.input = new EventEmitter();
5555
+ /** Dispatched when the checked state changes. */
5556
+ this.change = new EventEmitter();
5557
+ }
5558
+ get element() {
5559
+ return this.elementRef.nativeElement;
5560
+ }
5561
+ ngOnInit() {
5562
+ super.ngOnInit();
5563
+ // Define the custom element
5564
+ try {
5565
+ GdsSwitch.define();
5566
+ }
5567
+ catch (e) {
5568
+ // Component may not be available in this version of green-core
5569
+ console.warn('Failed to define gds-switch:', e);
5570
+ }
5571
+ }
5572
+ ngOnChanges(changes) {
5573
+ // Implementation added by @ProxyInputs decorator
5574
+ }
5575
+ ngAfterViewInit() {
5576
+ super.ngAfterViewInit();
5577
+ }
5578
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
5579
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSwitchComponent, isStandalone: true, selector: "gds-switch", inputs: { alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", checked: ["checked", "checked", booleanAttribute], controlPlacement: "controlPlacement", size: "size", justifyContent: "justifyContent", value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { input: "input", change: "change" }, providers: [
5580
+ {
5581
+ provide: NG_VALUE_ACCESSOR,
5582
+ useExisting: forwardRef(() => GdsSwitchComponent),
5583
+ multi: true,
5584
+ },
5585
+ ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
5586
+ };
5587
+ GdsSwitchComponent = __decorate([
5588
+ ProxyInputs(['align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'margin', 'margin-inline', 'margin-block', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'checked', 'controlPlacement', 'size', 'justify-content', 'value', 'validator', 'required', 'errorMessage', 'invalid', 'label', 'name', 'disabled', 'syncFirstRender'])
5589
+ ], GdsSwitchComponent);
5590
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSwitchComponent, decorators: [{
5591
+ type: Component,
5592
+ args: [{
5593
+ selector: 'gds-switch',
5594
+ standalone: true,
5595
+ changeDetection: ChangeDetectionStrategy.OnPush,
5596
+ template: `<ng-content></ng-content>`,
5597
+ providers: [
5598
+ {
5599
+ provide: NG_VALUE_ACCESSOR,
5600
+ useExisting: forwardRef(() => GdsSwitchComponent),
5601
+ multi: true,
5602
+ },
5603
+ ]
5604
+ }]
5605
+ }], propDecorators: { alignSelf: [{
5606
+ type: Input
5607
+ }], justifySelf: [{
5608
+ type: Input
5609
+ }], placeSelf: [{
5610
+ type: Input
5611
+ }], gridColumn: [{
5612
+ type: Input
5613
+ }], gridRow: [{
5614
+ type: Input
5615
+ }], gridArea: [{
5616
+ type: Input
5617
+ }], flex: [{
5618
+ type: Input
5619
+ }], order: [{
5620
+ type: Input
5621
+ }], margin: [{
5622
+ type: Input
5623
+ }], marginInline: [{
5624
+ type: Input
5625
+ }], marginBlock: [{
5626
+ type: Input
5627
+ }], width: [{
5628
+ type: Input
5629
+ }], minWidth: [{
5630
+ type: Input
5631
+ }], maxWidth: [{
5632
+ type: Input
5633
+ }], inlineSize: [{
5634
+ type: Input
5635
+ }], minInlineSize: [{
5636
+ type: Input
5637
+ }], maxInlineSize: [{
5638
+ type: Input
5639
+ }], checked: [{
5640
+ type: Input,
5641
+ args: [{ transform: booleanAttribute }]
5642
+ }], controlPlacement: [{
5643
+ type: Input
5644
+ }], size: [{
5645
+ type: Input
5646
+ }], justifyContent: [{
5647
+ type: Input
5648
+ }], value: [{
5649
+ type: Input
5650
+ }], validator: [{
5651
+ type: Input
5652
+ }], required: [{
5653
+ type: Input,
5654
+ args: [{ transform: booleanAttribute }]
5655
+ }], errorMessage: [{
5656
+ type: Input
5657
+ }], invalid: [{
5658
+ type: Input
5659
+ }], label: [{
5660
+ type: Input
5661
+ }], name: [{
5662
+ type: Input
5663
+ }], disabled: [{
5664
+ type: Input,
5665
+ args: [{ transform: booleanAttribute }]
5666
+ }], syncFirstRender: [{
5667
+ type: Input,
5668
+ args: [{ transform: booleanAttribute }]
5669
+ }], input: [{
5670
+ type: Output
5671
+ }], change: [{
5672
+ type: Output
5673
+ }] } });
5674
+
5675
+ /**
5676
+ * GdsSwitchComponent - Angular wrapper for gds-switch
5677
+ *
5678
+ *
5679
+ * Auto-generated from Custom Elements Manifest
5680
+ */
5681
+
5546
5682
  /**
5547
5683
  * Angular wrapper for the gds-table web component
5548
5684
  *
@@ -5889,142 +6025,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
5889
6025
  * Auto-generated from Custom Elements Manifest
5890
6026
  */
5891
6027
 
5892
- /**
5893
- * Angular wrapper for the gds-switch web component
5894
- *
5895
- */
5896
- let GdsSwitchComponent = class GdsSwitchComponent extends GdsCheckboxFormControlBase {
5897
- constructor() {
5898
- super(...arguments);
5899
- /** Dispatched when the checked state changes. */
5900
- this.input = new EventEmitter();
5901
- /** Dispatched when the checked state changes. */
5902
- this.change = new EventEmitter();
5903
- }
5904
- get element() {
5905
- return this.elementRef.nativeElement;
5906
- }
5907
- ngOnInit() {
5908
- super.ngOnInit();
5909
- // Define the custom element
5910
- try {
5911
- GdsSwitch.define();
5912
- }
5913
- catch (e) {
5914
- // Component may not be available in this version of green-core
5915
- console.warn('Failed to define gds-switch:', e);
5916
- }
5917
- }
5918
- ngOnChanges(changes) {
5919
- // Implementation added by @ProxyInputs decorator
5920
- }
5921
- ngAfterViewInit() {
5922
- super.ngAfterViewInit();
5923
- }
5924
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
5925
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSwitchComponent, isStandalone: true, selector: "gds-switch", inputs: { alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", checked: ["checked", "checked", booleanAttribute], controlPlacement: "controlPlacement", size: "size", justifyContent: "justifyContent", value: "value", validator: "validator", required: ["required", "required", booleanAttribute], errorMessage: "errorMessage", invalid: "invalid", label: "label", name: "name", disabled: ["disabled", "disabled", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { input: "input", change: "change" }, providers: [
5926
- {
5927
- provide: NG_VALUE_ACCESSOR,
5928
- useExisting: forwardRef(() => GdsSwitchComponent),
5929
- multi: true,
5930
- },
5931
- ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
5932
- };
5933
- GdsSwitchComponent = __decorate([
5934
- ProxyInputs(['align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'margin', 'margin-inline', 'margin-block', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'checked', 'controlPlacement', 'size', 'justify-content', 'value', 'validator', 'required', 'errorMessage', 'invalid', 'label', 'name', 'disabled', 'syncFirstRender'])
5935
- ], GdsSwitchComponent);
5936
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSwitchComponent, decorators: [{
5937
- type: Component,
5938
- args: [{
5939
- selector: 'gds-switch',
5940
- standalone: true,
5941
- changeDetection: ChangeDetectionStrategy.OnPush,
5942
- template: `<ng-content></ng-content>`,
5943
- providers: [
5944
- {
5945
- provide: NG_VALUE_ACCESSOR,
5946
- useExisting: forwardRef(() => GdsSwitchComponent),
5947
- multi: true,
5948
- },
5949
- ]
5950
- }]
5951
- }], propDecorators: { alignSelf: [{
5952
- type: Input
5953
- }], justifySelf: [{
5954
- type: Input
5955
- }], placeSelf: [{
5956
- type: Input
5957
- }], gridColumn: [{
5958
- type: Input
5959
- }], gridRow: [{
5960
- type: Input
5961
- }], gridArea: [{
5962
- type: Input
5963
- }], flex: [{
5964
- type: Input
5965
- }], order: [{
5966
- type: Input
5967
- }], margin: [{
5968
- type: Input
5969
- }], marginInline: [{
5970
- type: Input
5971
- }], marginBlock: [{
5972
- type: Input
5973
- }], width: [{
5974
- type: Input
5975
- }], minWidth: [{
5976
- type: Input
5977
- }], maxWidth: [{
5978
- type: Input
5979
- }], inlineSize: [{
5980
- type: Input
5981
- }], minInlineSize: [{
5982
- type: Input
5983
- }], maxInlineSize: [{
5984
- type: Input
5985
- }], checked: [{
5986
- type: Input,
5987
- args: [{ transform: booleanAttribute }]
5988
- }], controlPlacement: [{
5989
- type: Input
5990
- }], size: [{
5991
- type: Input
5992
- }], justifyContent: [{
5993
- type: Input
5994
- }], value: [{
5995
- type: Input
5996
- }], validator: [{
5997
- type: Input
5998
- }], required: [{
5999
- type: Input,
6000
- args: [{ transform: booleanAttribute }]
6001
- }], errorMessage: [{
6002
- type: Input
6003
- }], invalid: [{
6004
- type: Input
6005
- }], label: [{
6006
- type: Input
6007
- }], name: [{
6008
- type: Input
6009
- }], disabled: [{
6010
- type: Input,
6011
- args: [{ transform: booleanAttribute }]
6012
- }], syncFirstRender: [{
6013
- type: Input,
6014
- args: [{ transform: booleanAttribute }]
6015
- }], input: [{
6016
- type: Output
6017
- }], change: [{
6018
- type: Output
6019
- }] } });
6020
-
6021
- /**
6022
- * GdsSwitchComponent - Angular wrapper for gds-switch
6023
- *
6024
- *
6025
- * Auto-generated from Custom Elements Manifest
6026
- */
6027
-
6028
6028
  /**
6029
6029
  * Angular wrapper for the gds-textarea web component
6030
6030
  *
@@ -37323,17 +37323,17 @@ class GreenCoreNgModule {
37323
37323
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GreenCoreNgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
37324
37324
  static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: GreenCoreNgModule, imports: [GdsAlertComponent,
37325
37325
  GdsAvatarComponent,
37326
- GdsBlurComponent,
37327
37326
  GdsBadgeComponent,
37328
- GdsButtonComponent,
37327
+ GdsBlurComponent,
37329
37328
  GdsBreadcrumbsComponent,
37329
+ GdsButtonComponent,
37330
37330
  GdsCalendarComponent,
37331
37331
  GdsCardComponent,
37332
- GdsCheckboxComponent,
37333
37332
  GdsCardLinkedComponent,
37333
+ GdsCheckboxComponent,
37334
+ GdsCoachmarkComponent,
37334
37335
  GdsContextMenuComponent,
37335
37336
  GdsDatepickerComponent,
37336
- GdsCoachmarkComponent,
37337
37337
  GdsDetailsComponent,
37338
37338
  GdsDialogComponent,
37339
37339
  GdsDivComponent,
@@ -37349,8 +37349,8 @@ class GreenCoreNgModule {
37349
37349
  GdsImgComponent,
37350
37350
  GdsInputComponent,
37351
37351
  GdsLinkComponent,
37352
- GdsMenuButtonComponent,
37353
37352
  GdsMaskComponent,
37353
+ GdsMenuButtonComponent,
37354
37354
  GdsPaginationComponent,
37355
37355
  GdsBackdropComponent,
37356
37356
  GdsPopoverComponent,
@@ -37360,9 +37360,9 @@ class GreenCoreNgModule {
37360
37360
  GdsSelectComponent,
37361
37361
  GdsSignalComponent,
37362
37362
  GdsSpinnerComponent,
37363
+ GdsSwitchComponent,
37363
37364
  GdsTableComponent,
37364
37365
  GdsTextComponent,
37365
- GdsSwitchComponent,
37366
37366
  GdsTextareaComponent,
37367
37367
  GdsThemeComponent,
37368
37368
  GdsVideoComponent,
@@ -37695,17 +37695,17 @@ class GreenCoreNgModule {
37695
37695
  GdsMenuHeadingComponent,
37696
37696
  GdsOptionComponent], exports: [GdsAlertComponent,
37697
37697
  GdsAvatarComponent,
37698
- GdsBlurComponent,
37699
37698
  GdsBadgeComponent,
37700
- GdsButtonComponent,
37699
+ GdsBlurComponent,
37701
37700
  GdsBreadcrumbsComponent,
37701
+ GdsButtonComponent,
37702
37702
  GdsCalendarComponent,
37703
37703
  GdsCardComponent,
37704
- GdsCheckboxComponent,
37705
37704
  GdsCardLinkedComponent,
37705
+ GdsCheckboxComponent,
37706
+ GdsCoachmarkComponent,
37706
37707
  GdsContextMenuComponent,
37707
37708
  GdsDatepickerComponent,
37708
- GdsCoachmarkComponent,
37709
37709
  GdsDetailsComponent,
37710
37710
  GdsDialogComponent,
37711
37711
  GdsDivComponent,
@@ -37721,8 +37721,8 @@ class GreenCoreNgModule {
37721
37721
  GdsImgComponent,
37722
37722
  GdsInputComponent,
37723
37723
  GdsLinkComponent,
37724
- GdsMenuButtonComponent,
37725
37724
  GdsMaskComponent,
37725
+ GdsMenuButtonComponent,
37726
37726
  GdsPaginationComponent,
37727
37727
  GdsBackdropComponent,
37728
37728
  GdsPopoverComponent,
@@ -37732,9 +37732,9 @@ class GreenCoreNgModule {
37732
37732
  GdsSelectComponent,
37733
37733
  GdsSignalComponent,
37734
37734
  GdsSpinnerComponent,
37735
+ GdsSwitchComponent,
37735
37736
  GdsTableComponent,
37736
37737
  GdsTextComponent,
37737
- GdsSwitchComponent,
37738
37738
  GdsTextareaComponent,
37739
37739
  GdsThemeComponent,
37740
37740
  GdsVideoComponent,
@@ -38074,17 +38074,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
38074
38074
  imports: [
38075
38075
  GdsAlertComponent,
38076
38076
  GdsAvatarComponent,
38077
- GdsBlurComponent,
38078
38077
  GdsBadgeComponent,
38079
- GdsButtonComponent,
38078
+ GdsBlurComponent,
38080
38079
  GdsBreadcrumbsComponent,
38080
+ GdsButtonComponent,
38081
38081
  GdsCalendarComponent,
38082
38082
  GdsCardComponent,
38083
- GdsCheckboxComponent,
38084
38083
  GdsCardLinkedComponent,
38084
+ GdsCheckboxComponent,
38085
+ GdsCoachmarkComponent,
38085
38086
  GdsContextMenuComponent,
38086
38087
  GdsDatepickerComponent,
38087
- GdsCoachmarkComponent,
38088
38088
  GdsDetailsComponent,
38089
38089
  GdsDialogComponent,
38090
38090
  GdsDivComponent,
@@ -38100,8 +38100,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
38100
38100
  GdsImgComponent,
38101
38101
  GdsInputComponent,
38102
38102
  GdsLinkComponent,
38103
- GdsMenuButtonComponent,
38104
38103
  GdsMaskComponent,
38104
+ GdsMenuButtonComponent,
38105
38105
  GdsPaginationComponent,
38106
38106
  GdsBackdropComponent,
38107
38107
  GdsPopoverComponent,
@@ -38111,9 +38111,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
38111
38111
  GdsSelectComponent,
38112
38112
  GdsSignalComponent,
38113
38113
  GdsSpinnerComponent,
38114
+ GdsSwitchComponent,
38114
38115
  GdsTableComponent,
38115
38116
  GdsTextComponent,
38116
- GdsSwitchComponent,
38117
38117
  GdsTextareaComponent,
38118
38118
  GdsThemeComponent,
38119
38119
  GdsVideoComponent,
@@ -38449,17 +38449,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
38449
38449
  exports: [
38450
38450
  GdsAlertComponent,
38451
38451
  GdsAvatarComponent,
38452
- GdsBlurComponent,
38453
38452
  GdsBadgeComponent,
38454
- GdsButtonComponent,
38453
+ GdsBlurComponent,
38455
38454
  GdsBreadcrumbsComponent,
38455
+ GdsButtonComponent,
38456
38456
  GdsCalendarComponent,
38457
38457
  GdsCardComponent,
38458
- GdsCheckboxComponent,
38459
38458
  GdsCardLinkedComponent,
38459
+ GdsCheckboxComponent,
38460
+ GdsCoachmarkComponent,
38460
38461
  GdsContextMenuComponent,
38461
38462
  GdsDatepickerComponent,
38462
- GdsCoachmarkComponent,
38463
38463
  GdsDetailsComponent,
38464
38464
  GdsDialogComponent,
38465
38465
  GdsDivComponent,
@@ -38475,8 +38475,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
38475
38475
  GdsImgComponent,
38476
38476
  GdsInputComponent,
38477
38477
  GdsLinkComponent,
38478
- GdsMenuButtonComponent,
38479
38478
  GdsMaskComponent,
38479
+ GdsMenuButtonComponent,
38480
38480
  GdsPaginationComponent,
38481
38481
  GdsBackdropComponent,
38482
38482
  GdsPopoverComponent,
@@ -38486,9 +38486,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
38486
38486
  GdsSelectComponent,
38487
38487
  GdsSignalComponent,
38488
38488
  GdsSpinnerComponent,
38489
+ GdsSwitchComponent,
38489
38490
  GdsTableComponent,
38490
38491
  GdsTextComponent,
38491
- GdsSwitchComponent,
38492
38492
  GdsTextareaComponent,
38493
38493
  GdsThemeComponent,
38494
38494
  GdsVideoComponent,