@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,
|
|
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-
|
|
549
|
-
*
|
|
633
|
+
* Angular wrapper for the gds-badge web component
|
|
634
|
+
* `gds-badge`
|
|
550
635
|
*/
|
|
551
|
-
let
|
|
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
|
-
|
|
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-
|
|
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:
|
|
589
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type:
|
|
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
|
-
|
|
592
|
-
ProxyInputs(['variant', '
|
|
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
|
-
],
|
|
595
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type:
|
|
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-
|
|
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
|
-
}],
|
|
606
|
-
type: Input
|
|
607
|
-
}], role: [{
|
|
679
|
+
}], size: [{
|
|
608
680
|
type: Input
|
|
609
|
-
}],
|
|
681
|
+
}], notification: [{
|
|
610
682
|
type: Input,
|
|
611
683
|
args: [{ transform: booleanAttribute }]
|
|
612
|
-
}],
|
|
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
|
-
}],
|
|
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
|
-
*
|
|
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: [
|
|
37284
|
-
|
|
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: [
|
|
37656
|
-
|
|
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,
|