@sebgroup/green-core-ng 3.11.0 → 3.11.1

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.
@@ -1,11 +1,11 @@
1
1
  import { __decorate, __metadata } from 'tslib';
2
2
  import * as i0 from '@angular/core';
3
- import { inject, ElementRef, NgZone, ChangeDetectorRef, booleanAttribute, Input, ChangeDetectionStrategy, Component, EventEmitter, Output, Renderer2, Injector, Directive, DestroyRef, forwardRef, NgModule, InjectionToken, ViewContainerRef, TemplateRef, Injectable, RendererFactory2 } from '@angular/core';
4
- import { GdsAvatar } from '@sebgroup/green-core/components/avatar/avatar.component.js';
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';
5
4
  import { GdsAlert } from '@sebgroup/green-core/components/alert/alert.component.js';
5
+ import { GdsAvatar } from '@sebgroup/green-core/components/avatar/avatar.component.js';
6
+ import { GdsBadge } from '@sebgroup/green-core/components/badge/badge.component.js';
6
7
  import { GdsBlur } from '@sebgroup/green-core/components/blur/blur.component.js';
7
8
  import { GdsBreadcrumbs } from '@sebgroup/green-core/components/breadcrumbs/breadcrumbs.component.js';
8
- import { GdsBadge } from '@sebgroup/green-core/components/badge/badge.component.js';
9
9
  import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
10
10
  import { LocationStrategy, DOCUMENT, CommonModule } from '@angular/common';
11
11
  import { Router, RouterLink, RouterLinkActive, NavigationEnd } from '@angular/router';
@@ -50,8 +50,8 @@ import { GdsTextarea } from '@sebgroup/green-core/components/textarea/textarea.c
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';
52
52
  import { GdsCardPattern01 } from '@sebgroup/green-core/patterns/card-pattern-01/card-pattern-01.component.js';
53
- import { GdsBreadcrumb } from '@sebgroup/green-core/components/breadcrumbs/breadcrumb/breadcrumb.component.js';
54
53
  import { GdsAvatarGroup } from '@sebgroup/green-core/components/avatar/avatar-group/avatar-group.component.js';
54
+ import { GdsBreadcrumb } from '@sebgroup/green-core/components/breadcrumbs/breadcrumb/breadcrumb.component.js';
55
55
  import { GdsCheckboxGroup } from '@sebgroup/green-core/components/checkbox/checkbox-group/checkbox-group.component.js';
56
56
  import { GdsIconDetails } from '@sebgroup/green-core/components/details/details-icon/details-icon.component.js';
57
57
  import { GdsFilterChip } from '@sebgroup/green-core/components/filter-chips/filter-chip/filter-chip.component.js';
@@ -437,6 +437,91 @@ function ProxyInputs(inputNames) {
437
437
  };
438
438
  }
439
439
 
440
+ /**
441
+ * Angular wrapper for the gds-alert web component
442
+ *
443
+ */
444
+ let GdsAlertComponent = class GdsAlertComponent {
445
+ get element() {
446
+ return this.elementRef.nativeElement;
447
+ }
448
+ constructor() {
449
+ this.elementRef = inject((ElementRef));
450
+ this.zone = inject(NgZone);
451
+ this.cdr = inject(ChangeDetectorRef);
452
+ /** Fired when alert is dismissed */
453
+ this.gdsClose = new EventEmitter();
454
+ /** Fired when action button is clicked */
455
+ this.gdsAction = new EventEmitter();
456
+ this.cdr.detach();
457
+ }
458
+ ngOnInit() {
459
+ // Define the custom element
460
+ try {
461
+ GdsAlert.define();
462
+ }
463
+ catch (e) {
464
+ // Component may not be available in this version of green-core
465
+ console.warn('Failed to define gds-alert:', e);
466
+ }
467
+ // Set up event listeners
468
+ this.elementRef.nativeElement.addEventListener('gds-close', (event) => {
469
+ this.gdsClose.emit(event);
470
+ });
471
+ this.elementRef.nativeElement.addEventListener('gds-action', (event) => {
472
+ this.gdsAction.emit(event);
473
+ });
474
+ }
475
+ ngOnChanges(changes) {
476
+ // Implementation added by @ProxyInputs decorator
477
+ }
478
+ ngAfterViewInit() {
479
+ // Implementation added by @ProxyInputs decorator
480
+ }
481
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
482
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsAlertComponent, isStandalone: true, selector: "gds-alert", inputs: { variant: "variant", label: "label", role: "role", dismissible: ["dismissible", "dismissible", booleanAttribute], timeout: "timeout", buttonLabel: "buttonLabel", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsClose: "gdsClose", gdsAction: "gdsAction" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
483
+ };
484
+ GdsAlertComponent = __decorate([
485
+ ProxyInputs(['variant', 'label', 'role', 'dismissible', 'timeout', 'buttonLabel', 'syncFirstRender']),
486
+ __metadata("design:paramtypes", [])
487
+ ], GdsAlertComponent);
488
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAlertComponent, decorators: [{
489
+ type: Component,
490
+ args: [{
491
+ selector: 'gds-alert',
492
+ standalone: true,
493
+ changeDetection: ChangeDetectionStrategy.OnPush,
494
+ template: `<ng-content></ng-content>`
495
+ }]
496
+ }], ctorParameters: () => [], propDecorators: { variant: [{
497
+ type: Input
498
+ }], label: [{
499
+ type: Input
500
+ }], role: [{
501
+ type: Input
502
+ }], dismissible: [{
503
+ type: Input,
504
+ args: [{ transform: booleanAttribute }]
505
+ }], timeout: [{
506
+ type: Input
507
+ }], buttonLabel: [{
508
+ type: Input
509
+ }], syncFirstRender: [{
510
+ type: Input,
511
+ args: [{ transform: booleanAttribute }]
512
+ }], gdsClose: [{
513
+ type: Output
514
+ }], gdsAction: [{
515
+ type: Output
516
+ }] } });
517
+
518
+ /**
519
+ * GdsAlertComponent - Angular wrapper for gds-alert
520
+ *
521
+ *
522
+ * Auto-generated from Custom Elements Manifest
523
+ */
524
+
440
525
  /**
441
526
  * Angular wrapper for the gds-avatar web component
442
527
  * `gds-avatar` is a visual element used to represent a user or entity.
@@ -545,10 +630,10 @@ It supports displaying an image, slotted text content, or a fallback icon.
545
630
  */
546
631
 
547
632
  /**
548
- * Angular wrapper for the gds-alert web component
549
- *
633
+ * Angular wrapper for the gds-badge web component
634
+ * `gds-badge`
550
635
  */
551
- let GdsAlertComponent = class GdsAlertComponent {
636
+ let GdsBadgeComponent = class GdsBadgeComponent {
552
637
  get element() {
553
638
  return this.elementRef.nativeElement;
554
639
  }
@@ -556,28 +641,17 @@ let GdsAlertComponent = class GdsAlertComponent {
556
641
  this.elementRef = inject((ElementRef));
557
642
  this.zone = inject(NgZone);
558
643
  this.cdr = inject(ChangeDetectorRef);
559
- /** Fired when alert is dismissed */
560
- this.gdsClose = new EventEmitter();
561
- /** Fired when action button is clicked */
562
- this.gdsAction = new EventEmitter();
563
644
  this.cdr.detach();
564
645
  }
565
646
  ngOnInit() {
566
647
  // Define the custom element
567
648
  try {
568
- GdsAlert.define();
649
+ GdsBadge.define();
569
650
  }
570
651
  catch (e) {
571
652
  // Component may not be available in this version of green-core
572
- console.warn('Failed to define gds-alert:', e);
653
+ console.warn('Failed to define gds-badge:', e);
573
654
  }
574
- // Set up event listeners
575
- this.elementRef.nativeElement.addEventListener('gds-close', (event) => {
576
- this.gdsClose.emit(event);
577
- });
578
- this.elementRef.nativeElement.addEventListener('gds-action', (event) => {
579
- this.gdsAction.emit(event);
580
- });
581
655
  }
582
656
  ngOnChanges(changes) {
583
657
  // Implementation added by @ProxyInputs decorator
@@ -585,46 +659,79 @@ let GdsAlertComponent = class GdsAlertComponent {
585
659
  ngAfterViewInit() {
586
660
  // Implementation added by @ProxyInputs decorator
587
661
  }
588
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
589
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsAlertComponent, isStandalone: true, selector: "gds-alert", inputs: { variant: "variant", label: "label", role: "role", dismissible: ["dismissible", "dismissible", booleanAttribute], timeout: "timeout", buttonLabel: "buttonLabel", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsClose: "gdsClose", gdsAction: "gdsAction" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
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 }); }
590
664
  };
591
- GdsAlertComponent = __decorate([
592
- ProxyInputs(['variant', 'label', 'role', 'dismissible', 'timeout', 'buttonLabel', 'syncFirstRender']),
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']),
593
667
  __metadata("design:paramtypes", [])
594
- ], GdsAlertComponent);
595
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAlertComponent, decorators: [{
668
+ ], GdsBadgeComponent);
669
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBadgeComponent, decorators: [{
596
670
  type: Component,
597
671
  args: [{
598
- selector: 'gds-alert',
672
+ selector: 'gds-badge',
599
673
  standalone: true,
600
674
  changeDetection: ChangeDetectionStrategy.OnPush,
601
675
  template: `<ng-content></ng-content>`
602
676
  }]
603
677
  }], ctorParameters: () => [], propDecorators: { variant: [{
604
678
  type: Input
605
- }], label: [{
606
- type: Input
607
- }], role: [{
679
+ }], size: [{
608
680
  type: Input
609
- }], dismissible: [{
681
+ }], notification: [{
610
682
  type: Input,
611
683
  args: [{ transform: booleanAttribute }]
612
- }], timeout: [{
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: [{
613
694
  type: Input
614
- }], buttonLabel: [{
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: [{
615
726
  type: Input
616
727
  }], syncFirstRender: [{
617
728
  type: Input,
618
729
  args: [{ transform: booleanAttribute }]
619
- }], gdsClose: [{
620
- type: Output
621
- }], gdsAction: [{
622
- type: Output
623
730
  }] } });
624
731
 
625
732
  /**
626
- * GdsAlertComponent - Angular wrapper for gds-alert
627
- *
733
+ * GdsBadgeComponent - Angular wrapper for gds-badge
734
+ * `gds-badge`
628
735
  *
629
736
  * Auto-generated from Custom Elements Manifest
630
737
  */
@@ -781,113 +888,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
781
888
  * Auto-generated from Custom Elements Manifest
782
889
  */
783
890
 
784
- /**
785
- * Angular wrapper for the gds-badge web component
786
- * `gds-badge`
787
- */
788
- let GdsBadgeComponent = class GdsBadgeComponent {
789
- get element() {
790
- return this.elementRef.nativeElement;
791
- }
792
- constructor() {
793
- this.elementRef = inject((ElementRef));
794
- this.zone = inject(NgZone);
795
- this.cdr = inject(ChangeDetectorRef);
796
- this.cdr.detach();
797
- }
798
- ngOnInit() {
799
- // Define the custom element
800
- try {
801
- GdsBadge.define();
802
- }
803
- catch (e) {
804
- // Component may not be available in this version of green-core
805
- console.warn('Failed to define gds-badge:', e);
806
- }
807
- }
808
- ngOnChanges(changes) {
809
- // Implementation added by @ProxyInputs decorator
810
- }
811
- ngAfterViewInit() {
812
- // Implementation added by @ProxyInputs decorator
813
- }
814
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
815
- 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 }); }
816
- };
817
- GdsBadgeComponent = __decorate([
818
- 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']),
819
- __metadata("design:paramtypes", [])
820
- ], GdsBadgeComponent);
821
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBadgeComponent, decorators: [{
822
- type: Component,
823
- args: [{
824
- selector: 'gds-badge',
825
- standalone: true,
826
- changeDetection: ChangeDetectionStrategy.OnPush,
827
- template: `<ng-content></ng-content>`
828
- }]
829
- }], ctorParameters: () => [], propDecorators: { variant: [{
830
- type: Input
831
- }], size: [{
832
- type: Input
833
- }], notification: [{
834
- type: Input,
835
- args: [{ transform: booleanAttribute }]
836
- }], rounded: [{
837
- type: Input,
838
- args: [{ transform: booleanAttribute }]
839
- }], mainSlotOccupied: [{
840
- type: Input,
841
- args: [{ transform: booleanAttribute }]
842
- }], leadSlotOccupied: [{
843
- type: Input,
844
- args: [{ transform: booleanAttribute }]
845
- }], width: [{
846
- type: Input
847
- }], minWidth: [{
848
- type: Input
849
- }], maxWidth: [{
850
- type: Input
851
- }], inlineSize: [{
852
- type: Input
853
- }], minInlineSize: [{
854
- type: Input
855
- }], maxInlineSize: [{
856
- type: Input
857
- }], margin: [{
858
- type: Input
859
- }], marginInline: [{
860
- type: Input
861
- }], marginBlock: [{
862
- type: Input
863
- }], alignSelf: [{
864
- type: Input
865
- }], justifySelf: [{
866
- type: Input
867
- }], placeSelf: [{
868
- type: Input
869
- }], gridColumn: [{
870
- type: Input
871
- }], gridRow: [{
872
- type: Input
873
- }], gridArea: [{
874
- type: Input
875
- }], flex: [{
876
- type: Input
877
- }], order: [{
878
- type: Input
879
- }], syncFirstRender: [{
880
- type: Input,
881
- args: [{ transform: booleanAttribute }]
882
- }] } });
883
-
884
- /**
885
- * GdsBadgeComponent - Angular wrapper for gds-badge
886
- * `gds-badge`
887
- *
888
- * Auto-generated from Custom Elements Manifest
889
- */
890
-
891
891
  /**
892
892
  * Base class for Angular wrapper components that wrap Green Core form controls.
893
893
  *
@@ -6599,6 +6599,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
6599
6599
  * Auto-generated from Custom Elements Manifest
6600
6600
  */
6601
6601
 
6602
+ /**
6603
+ * Angular wrapper for the gds-avatar-group web component
6604
+ * `gds-avatar-group` stacks multiple avatars with an overlapping ring cutout effect.
6605
+
6606
+ Accessibility:
6607
+ - Exposes `role="group"` by default.
6608
+ - Provide an `aria-label` (for example `aria-label="Authors"`) to describe the group context.
6609
+ */
6610
+ let GdsAvatarGroupComponent = class GdsAvatarGroupComponent {
6611
+ get element() {
6612
+ return this.elementRef.nativeElement;
6613
+ }
6614
+ constructor() {
6615
+ this.elementRef = inject((ElementRef));
6616
+ this.zone = inject(NgZone);
6617
+ this.cdr = inject(ChangeDetectorRef);
6618
+ this.cdr.detach();
6619
+ }
6620
+ ngOnInit() {
6621
+ // Define the custom element
6622
+ try {
6623
+ GdsAvatarGroup.define();
6624
+ }
6625
+ catch (e) {
6626
+ // Component may not be available in this version of green-core
6627
+ console.warn('Failed to define gds-avatar-group:', e);
6628
+ }
6629
+ }
6630
+ ngOnChanges(changes) {
6631
+ // Implementation added by @ProxyInputs decorator
6632
+ }
6633
+ ngAfterViewInit() {
6634
+ // Implementation added by @ProxyInputs decorator
6635
+ }
6636
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6637
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsAvatarGroupComponent, isStandalone: true, selector: "gds-avatar-group", inputs: { 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 }); }
6638
+ };
6639
+ GdsAvatarGroupComponent = __decorate([
6640
+ ProxyInputs(['margin', 'margin-inline', 'margin-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'syncFirstRender']),
6641
+ __metadata("design:paramtypes", [])
6642
+ ], GdsAvatarGroupComponent);
6643
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAvatarGroupComponent, decorators: [{
6644
+ type: Component,
6645
+ args: [{
6646
+ selector: 'gds-avatar-group',
6647
+ standalone: true,
6648
+ changeDetection: ChangeDetectionStrategy.OnPush,
6649
+ template: `<ng-content></ng-content>`
6650
+ }]
6651
+ }], ctorParameters: () => [], propDecorators: { margin: [{
6652
+ type: Input
6653
+ }], marginInline: [{
6654
+ type: Input
6655
+ }], marginBlock: [{
6656
+ type: Input
6657
+ }], alignSelf: [{
6658
+ type: Input
6659
+ }], justifySelf: [{
6660
+ type: Input
6661
+ }], placeSelf: [{
6662
+ type: Input
6663
+ }], gridColumn: [{
6664
+ type: Input
6665
+ }], gridRow: [{
6666
+ type: Input
6667
+ }], gridArea: [{
6668
+ type: Input
6669
+ }], flex: [{
6670
+ type: Input
6671
+ }], order: [{
6672
+ type: Input
6673
+ }], syncFirstRender: [{
6674
+ type: Input,
6675
+ args: [{ transform: booleanAttribute }]
6676
+ }] } });
6677
+
6678
+ /**
6679
+ * GdsAvatarGroupComponent - Angular wrapper for gds-avatar-group
6680
+ * `gds-avatar-group` stacks multiple avatars with an overlapping ring cutout effect.
6681
+
6682
+ Accessibility:
6683
+ - Exposes `role="group"` by default.
6684
+ - Provide an `aria-label` (for example `aria-label="Authors"`) to describe the group context.
6685
+ *
6686
+ * Auto-generated from Custom Elements Manifest
6687
+ */
6688
+
6602
6689
  /**
6603
6690
  * Angular wrapper for the gds-breadcrumb web component
6604
6691
  *
@@ -6737,93 +6824,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
6737
6824
  * Auto-generated from Custom Elements Manifest
6738
6825
  */
6739
6826
 
6740
- /**
6741
- * Angular wrapper for the gds-avatar-group web component
6742
- * `gds-avatar-group` stacks multiple avatars with an overlapping ring cutout effect.
6743
-
6744
- Accessibility:
6745
- - Exposes `role="group"` by default.
6746
- - Provide an `aria-label` (for example `aria-label="Authors"`) to describe the group context.
6747
- */
6748
- let GdsAvatarGroupComponent = class GdsAvatarGroupComponent {
6749
- get element() {
6750
- return this.elementRef.nativeElement;
6751
- }
6752
- constructor() {
6753
- this.elementRef = inject((ElementRef));
6754
- this.zone = inject(NgZone);
6755
- this.cdr = inject(ChangeDetectorRef);
6756
- this.cdr.detach();
6757
- }
6758
- ngOnInit() {
6759
- // Define the custom element
6760
- try {
6761
- GdsAvatarGroup.define();
6762
- }
6763
- catch (e) {
6764
- // Component may not be available in this version of green-core
6765
- console.warn('Failed to define gds-avatar-group:', e);
6766
- }
6767
- }
6768
- ngOnChanges(changes) {
6769
- // Implementation added by @ProxyInputs decorator
6770
- }
6771
- ngAfterViewInit() {
6772
- // Implementation added by @ProxyInputs decorator
6773
- }
6774
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6775
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsAvatarGroupComponent, isStandalone: true, selector: "gds-avatar-group", inputs: { 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 }); }
6776
- };
6777
- GdsAvatarGroupComponent = __decorate([
6778
- ProxyInputs(['margin', 'margin-inline', 'margin-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'syncFirstRender']),
6779
- __metadata("design:paramtypes", [])
6780
- ], GdsAvatarGroupComponent);
6781
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAvatarGroupComponent, decorators: [{
6782
- type: Component,
6783
- args: [{
6784
- selector: 'gds-avatar-group',
6785
- standalone: true,
6786
- changeDetection: ChangeDetectionStrategy.OnPush,
6787
- template: `<ng-content></ng-content>`
6788
- }]
6789
- }], ctorParameters: () => [], propDecorators: { margin: [{
6790
- type: Input
6791
- }], marginInline: [{
6792
- type: Input
6793
- }], marginBlock: [{
6794
- type: Input
6795
- }], alignSelf: [{
6796
- type: Input
6797
- }], justifySelf: [{
6798
- type: Input
6799
- }], placeSelf: [{
6800
- type: Input
6801
- }], gridColumn: [{
6802
- type: Input
6803
- }], gridRow: [{
6804
- type: Input
6805
- }], gridArea: [{
6806
- type: Input
6807
- }], flex: [{
6808
- type: Input
6809
- }], order: [{
6810
- type: Input
6811
- }], syncFirstRender: [{
6812
- type: Input,
6813
- args: [{ transform: booleanAttribute }]
6814
- }] } });
6815
-
6816
- /**
6817
- * GdsAvatarGroupComponent - Angular wrapper for gds-avatar-group
6818
- * `gds-avatar-group` stacks multiple avatars with an overlapping ring cutout effect.
6819
-
6820
- Accessibility:
6821
- - Exposes `role="group"` by default.
6822
- - Provide an `aria-label` (for example `aria-label="Authors"`) to describe the group context.
6823
- *
6824
- * Auto-generated from Custom Elements Manifest
6825
- */
6826
-
6827
6827
  /**
6828
6828
  * Angular wrapper for the gds-checkbox-group web component
6829
6829
  *
@@ -37280,11 +37280,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
37280
37280
  */
37281
37281
  class GreenCoreNgModule {
37282
37282
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GreenCoreNgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
37283
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: GreenCoreNgModule, imports: [GdsAvatarComponent,
37284
- GdsAlertComponent,
37283
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: GreenCoreNgModule, imports: [GdsAlertComponent,
37284
+ GdsAvatarComponent,
37285
+ GdsBadgeComponent,
37285
37286
  GdsBlurComponent,
37286
37287
  GdsBreadcrumbsComponent,
37287
- GdsBadgeComponent,
37288
37288
  GdsButtonComponent,
37289
37289
  GdsCalendarComponent,
37290
37290
  GdsCardComponent,
@@ -37326,8 +37326,8 @@ class GreenCoreNgModule {
37326
37326
  GdsThemeComponent,
37327
37327
  GdsVideoComponent,
37328
37328
  GdsCardPattern01Component,
37329
- GdsBreadcrumbComponent,
37330
37329
  GdsAvatarGroupComponent,
37330
+ GdsBreadcrumbComponent,
37331
37331
  GdsCheckboxGroupComponent,
37332
37332
  GdsIconDetailsComponent,
37333
37333
  GdsFilterChipComponent,
@@ -37652,11 +37652,11 @@ class GreenCoreNgModule {
37652
37652
  IconZoomOutComponent,
37653
37653
  GdsMenuItemComponent,
37654
37654
  GdsMenuHeadingComponent,
37655
- GdsOptionComponent], exports: [GdsAvatarComponent,
37656
- GdsAlertComponent,
37655
+ GdsOptionComponent], exports: [GdsAlertComponent,
37656
+ GdsAvatarComponent,
37657
+ GdsBadgeComponent,
37657
37658
  GdsBlurComponent,
37658
37659
  GdsBreadcrumbsComponent,
37659
- GdsBadgeComponent,
37660
37660
  GdsButtonComponent,
37661
37661
  GdsCalendarComponent,
37662
37662
  GdsCardComponent,
@@ -37698,8 +37698,8 @@ class GreenCoreNgModule {
37698
37698
  GdsThemeComponent,
37699
37699
  GdsVideoComponent,
37700
37700
  GdsCardPattern01Component,
37701
- GdsBreadcrumbComponent,
37702
37701
  GdsAvatarGroupComponent,
37702
+ GdsBreadcrumbComponent,
37703
37703
  GdsCheckboxGroupComponent,
37704
37704
  GdsIconDetailsComponent,
37705
37705
  GdsFilterChipComponent,
@@ -38031,11 +38031,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
38031
38031
  type: NgModule,
38032
38032
  args: [{
38033
38033
  imports: [
38034
- GdsAvatarComponent,
38035
38034
  GdsAlertComponent,
38035
+ GdsAvatarComponent,
38036
+ GdsBadgeComponent,
38036
38037
  GdsBlurComponent,
38037
38038
  GdsBreadcrumbsComponent,
38038
- GdsBadgeComponent,
38039
38039
  GdsButtonComponent,
38040
38040
  GdsCalendarComponent,
38041
38041
  GdsCardComponent,
@@ -38077,8 +38077,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
38077
38077
  GdsThemeComponent,
38078
38078
  GdsVideoComponent,
38079
38079
  GdsCardPattern01Component,
38080
- GdsBreadcrumbComponent,
38081
38080
  GdsAvatarGroupComponent,
38081
+ GdsBreadcrumbComponent,
38082
38082
  GdsCheckboxGroupComponent,
38083
38083
  GdsIconDetailsComponent,
38084
38084
  GdsFilterChipComponent,
@@ -38406,11 +38406,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
38406
38406
  GdsOptionComponent,
38407
38407
  ],
38408
38408
  exports: [
38409
- GdsAvatarComponent,
38410
38409
  GdsAlertComponent,
38410
+ GdsAvatarComponent,
38411
+ GdsBadgeComponent,
38411
38412
  GdsBlurComponent,
38412
38413
  GdsBreadcrumbsComponent,
38413
- GdsBadgeComponent,
38414
38414
  GdsButtonComponent,
38415
38415
  GdsCalendarComponent,
38416
38416
  GdsCardComponent,
@@ -38452,8 +38452,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
38452
38452
  GdsThemeComponent,
38453
38453
  GdsVideoComponent,
38454
38454
  GdsCardPattern01Component,
38455
- GdsBreadcrumbComponent,
38456
38455
  GdsAvatarGroupComponent,
38456
+ GdsBreadcrumbComponent,
38457
38457
  GdsCheckboxGroupComponent,
38458
38458
  GdsIconDetailsComponent,
38459
38459
  GdsFilterChipComponent,