@sebgroup/green-core-ng 3.17.2 → 3.17.3
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.
- package/fesm2022/sebgroup-green-core-ng.mjs +251 -251
- package/fesm2022/sebgroup-green-core-ng.mjs.map +1 -1
- package/index.d.ts +323 -323
- package/package.json +2 -2
|
@@ -2,14 +2,14 @@ import { __decorate, __metadata } from 'tslib';
|
|
|
2
2
|
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
|
-
import { GdsBadge } from '@sebgroup/green-core/components/badge/badge.component.js';
|
|
6
5
|
import { GdsAvatar } from '@sebgroup/green-core/components/avatar/avatar.component.js';
|
|
6
|
+
import { GdsBadge } from '@sebgroup/green-core/components/badge/badge.component.js';
|
|
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
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 { GdsBlur } from '@sebgroup/green-core/components/blur/blur.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
15
|
import { GdsCardLinked } from '@sebgroup/green-core/components/card-linked/card-linked.component.js';
|
|
@@ -26,13 +26,13 @@ import { GdsFab } from '@sebgroup/green-core/components/fab/fab.component.js';
|
|
|
26
26
|
import { GdsFilterChips } from '@sebgroup/green-core/components/filter-chips/filter-chips.component.js';
|
|
27
27
|
import { GdsFlex } from '@sebgroup/green-core/components/flex/flex.component.js';
|
|
28
28
|
import { GdsFormSummary } from '@sebgroup/green-core/components/form-summary/summary.component.js';
|
|
29
|
-
import { GdsGroupedList } from '@sebgroup/green-core/components/grouped-list/grouped-list.component.js';
|
|
30
29
|
import { GdsGrid } from '@sebgroup/green-core/components/grid/grid.component.js';
|
|
30
|
+
import { GdsGroupedList } from '@sebgroup/green-core/components/grouped-list/grouped-list.component.js';
|
|
31
31
|
import { GdsImg } from '@sebgroup/green-core/components/img/img.component.js';
|
|
32
32
|
import { GdsInput } from '@sebgroup/green-core/components/input/input.component.js';
|
|
33
33
|
import { GdsLink } from '@sebgroup/green-core/components/link/link.component.js';
|
|
34
|
-
import { GdsMask } from '@sebgroup/green-core/components/mask/mask.component.js';
|
|
35
34
|
import { GdsList } from '@sebgroup/green-core/components/list/list.component.js';
|
|
35
|
+
import { GdsMask } from '@sebgroup/green-core/components/mask/mask.component.js';
|
|
36
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';
|
|
@@ -528,10 +528,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
528
528
|
*/
|
|
529
529
|
|
|
530
530
|
/**
|
|
531
|
-
* Angular wrapper for the gds-
|
|
532
|
-
* `gds-
|
|
531
|
+
* Angular wrapper for the gds-avatar web component
|
|
532
|
+
* `gds-avatar` is a visual element used to represent a user or entity.
|
|
533
|
+
It supports displaying an image, slotted text content, or a fallback icon.
|
|
533
534
|
*/
|
|
534
|
-
let
|
|
535
|
+
let GdsAvatarComponent = class GdsAvatarComponent {
|
|
535
536
|
get element() {
|
|
536
537
|
return this.elementRef.nativeElement;
|
|
537
538
|
}
|
|
@@ -544,11 +545,11 @@ let GdsBadgeComponent = class GdsBadgeComponent {
|
|
|
544
545
|
ngOnInit() {
|
|
545
546
|
// Define the custom element
|
|
546
547
|
try {
|
|
547
|
-
|
|
548
|
+
GdsAvatar.define();
|
|
548
549
|
}
|
|
549
550
|
catch (e) {
|
|
550
551
|
// Component may not be available in this version of green-core
|
|
551
|
-
console.warn('Failed to define gds-
|
|
552
|
+
console.warn('Failed to define gds-avatar:', e);
|
|
552
553
|
}
|
|
553
554
|
}
|
|
554
555
|
ngOnChanges(changes) {
|
|
@@ -557,37 +558,35 @@ let GdsBadgeComponent = class GdsBadgeComponent {
|
|
|
557
558
|
ngAfterViewInit() {
|
|
558
559
|
// Implementation added by @ProxyInputs decorator
|
|
559
560
|
}
|
|
560
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type:
|
|
561
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type:
|
|
561
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
562
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsAvatarComponent, isStandalone: true, selector: "gds-avatar", inputs: { src: "src", alt: "alt", size: "size", shape: "shape", level: "level", background: "background", color: "color", 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 }); }
|
|
562
563
|
};
|
|
563
|
-
|
|
564
|
-
ProxyInputs(['
|
|
564
|
+
GdsAvatarComponent = __decorate([
|
|
565
|
+
ProxyInputs(['src', 'alt', 'size', 'shape', 'level', 'background', 'color', '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']),
|
|
565
566
|
__metadata("design:paramtypes", [])
|
|
566
|
-
],
|
|
567
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type:
|
|
567
|
+
], GdsAvatarComponent);
|
|
568
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsAvatarComponent, decorators: [{
|
|
568
569
|
type: Component,
|
|
569
570
|
args: [{
|
|
570
|
-
selector: 'gds-
|
|
571
|
+
selector: 'gds-avatar',
|
|
571
572
|
standalone: true,
|
|
572
573
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
573
574
|
template: `<ng-content></ng-content>`
|
|
574
575
|
}]
|
|
575
|
-
}], ctorParameters: () => [], propDecorators: {
|
|
576
|
+
}], ctorParameters: () => [], propDecorators: { src: [{
|
|
577
|
+
type: Input
|
|
578
|
+
}], alt: [{
|
|
576
579
|
type: Input
|
|
577
580
|
}], size: [{
|
|
578
581
|
type: Input
|
|
579
|
-
}],
|
|
580
|
-
type: Input
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
}],
|
|
586
|
-
type: Input
|
|
587
|
-
args: [{ transform: booleanAttribute }]
|
|
588
|
-
}], leadSlotOccupied: [{
|
|
589
|
-
type: Input,
|
|
590
|
-
args: [{ transform: booleanAttribute }]
|
|
582
|
+
}], shape: [{
|
|
583
|
+
type: Input
|
|
584
|
+
}], level: [{
|
|
585
|
+
type: Input
|
|
586
|
+
}], background: [{
|
|
587
|
+
type: Input
|
|
588
|
+
}], color: [{
|
|
589
|
+
type: Input
|
|
591
590
|
}], width: [{
|
|
592
591
|
type: Input
|
|
593
592
|
}], minWidth: [{
|
|
@@ -628,18 +627,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
628
627
|
}] } });
|
|
629
628
|
|
|
630
629
|
/**
|
|
631
|
-
*
|
|
632
|
-
* `gds-
|
|
630
|
+
* GdsAvatarComponent - Angular wrapper for gds-avatar
|
|
631
|
+
* `gds-avatar` is a visual element used to represent a user or entity.
|
|
632
|
+
It supports displaying an image, slotted text content, or a fallback icon.
|
|
633
633
|
*
|
|
634
634
|
* Auto-generated from Custom Elements Manifest
|
|
635
635
|
*/
|
|
636
636
|
|
|
637
637
|
/**
|
|
638
|
-
* Angular wrapper for the gds-
|
|
639
|
-
* `gds-
|
|
640
|
-
It supports displaying an image, slotted text content, or a fallback icon.
|
|
638
|
+
* Angular wrapper for the gds-badge web component
|
|
639
|
+
* `gds-badge`
|
|
641
640
|
*/
|
|
642
|
-
let
|
|
641
|
+
let GdsBadgeComponent = class GdsBadgeComponent {
|
|
643
642
|
get element() {
|
|
644
643
|
return this.elementRef.nativeElement;
|
|
645
644
|
}
|
|
@@ -652,11 +651,11 @@ let GdsAvatarComponent = class GdsAvatarComponent {
|
|
|
652
651
|
ngOnInit() {
|
|
653
652
|
// Define the custom element
|
|
654
653
|
try {
|
|
655
|
-
|
|
654
|
+
GdsBadge.define();
|
|
656
655
|
}
|
|
657
656
|
catch (e) {
|
|
658
657
|
// Component may not be available in this version of green-core
|
|
659
|
-
console.warn('Failed to define gds-
|
|
658
|
+
console.warn('Failed to define gds-badge:', e);
|
|
660
659
|
}
|
|
661
660
|
}
|
|
662
661
|
ngOnChanges(changes) {
|
|
@@ -665,35 +664,37 @@ let GdsAvatarComponent = class GdsAvatarComponent {
|
|
|
665
664
|
ngAfterViewInit() {
|
|
666
665
|
// Implementation added by @ProxyInputs decorator
|
|
667
666
|
}
|
|
668
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type:
|
|
669
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type:
|
|
667
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
668
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", 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 }); }
|
|
670
669
|
};
|
|
671
|
-
|
|
672
|
-
ProxyInputs(['
|
|
670
|
+
GdsBadgeComponent = __decorate([
|
|
671
|
+
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']),
|
|
673
672
|
__metadata("design:paramtypes", [])
|
|
674
|
-
],
|
|
675
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type:
|
|
673
|
+
], GdsBadgeComponent);
|
|
674
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsBadgeComponent, decorators: [{
|
|
676
675
|
type: Component,
|
|
677
676
|
args: [{
|
|
678
|
-
selector: 'gds-
|
|
677
|
+
selector: 'gds-badge',
|
|
679
678
|
standalone: true,
|
|
680
679
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
681
680
|
template: `<ng-content></ng-content>`
|
|
682
681
|
}]
|
|
683
|
-
}], ctorParameters: () => [], propDecorators: {
|
|
684
|
-
type: Input
|
|
685
|
-
}], alt: [{
|
|
682
|
+
}], ctorParameters: () => [], propDecorators: { variant: [{
|
|
686
683
|
type: Input
|
|
687
684
|
}], size: [{
|
|
688
685
|
type: Input
|
|
689
|
-
}],
|
|
690
|
-
type: Input
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
}],
|
|
696
|
-
type: Input
|
|
686
|
+
}], notification: [{
|
|
687
|
+
type: Input,
|
|
688
|
+
args: [{ transform: booleanAttribute }]
|
|
689
|
+
}], rounded: [{
|
|
690
|
+
type: Input,
|
|
691
|
+
args: [{ transform: booleanAttribute }]
|
|
692
|
+
}], mainSlotOccupied: [{
|
|
693
|
+
type: Input,
|
|
694
|
+
args: [{ transform: booleanAttribute }]
|
|
695
|
+
}], leadSlotOccupied: [{
|
|
696
|
+
type: Input,
|
|
697
|
+
args: [{ transform: booleanAttribute }]
|
|
697
698
|
}], width: [{
|
|
698
699
|
type: Input
|
|
699
700
|
}], minWidth: [{
|
|
@@ -734,9 +735,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
734
735
|
}] } });
|
|
735
736
|
|
|
736
737
|
/**
|
|
737
|
-
*
|
|
738
|
-
* `gds-
|
|
739
|
-
|
|
738
|
+
* GdsBadgeComponent - Angular wrapper for gds-badge
|
|
739
|
+
* `gds-badge`
|
|
740
|
+
*
|
|
741
|
+
* Auto-generated from Custom Elements Manifest
|
|
742
|
+
*/
|
|
743
|
+
|
|
744
|
+
/**
|
|
745
|
+
* Angular wrapper for the gds-blur web component
|
|
746
|
+
*
|
|
747
|
+
*/
|
|
748
|
+
let GdsBlurComponent = class GdsBlurComponent {
|
|
749
|
+
get element() {
|
|
750
|
+
return this.elementRef.nativeElement;
|
|
751
|
+
}
|
|
752
|
+
constructor() {
|
|
753
|
+
this.elementRef = inject((ElementRef));
|
|
754
|
+
this.zone = inject(NgZone);
|
|
755
|
+
this.cdr = inject(ChangeDetectorRef);
|
|
756
|
+
this.cdr.detach();
|
|
757
|
+
}
|
|
758
|
+
ngOnInit() {
|
|
759
|
+
// Define the custom element
|
|
760
|
+
try {
|
|
761
|
+
GdsBlur.define();
|
|
762
|
+
}
|
|
763
|
+
catch (e) {
|
|
764
|
+
// Component may not be available in this version of green-core
|
|
765
|
+
console.warn('Failed to define gds-blur:', e);
|
|
766
|
+
}
|
|
767
|
+
}
|
|
768
|
+
ngOnChanges(changes) {
|
|
769
|
+
// Implementation added by @ProxyInputs decorator
|
|
770
|
+
}
|
|
771
|
+
ngAfterViewInit() {
|
|
772
|
+
// Implementation added by @ProxyInputs decorator
|
|
773
|
+
}
|
|
774
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsBlurComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
775
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsBlurComponent, isStandalone: true, selector: "gds-blur", inputs: { syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
776
|
+
};
|
|
777
|
+
GdsBlurComponent = __decorate([
|
|
778
|
+
ProxyInputs(['syncFirstRender']),
|
|
779
|
+
__metadata("design:paramtypes", [])
|
|
780
|
+
], GdsBlurComponent);
|
|
781
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsBlurComponent, decorators: [{
|
|
782
|
+
type: Component,
|
|
783
|
+
args: [{
|
|
784
|
+
selector: 'gds-blur',
|
|
785
|
+
standalone: true,
|
|
786
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
787
|
+
template: `<ng-content></ng-content>`
|
|
788
|
+
}]
|
|
789
|
+
}], ctorParameters: () => [], propDecorators: { syncFirstRender: [{
|
|
790
|
+
type: Input,
|
|
791
|
+
args: [{ transform: booleanAttribute }]
|
|
792
|
+
}] } });
|
|
793
|
+
|
|
794
|
+
/**
|
|
795
|
+
* GdsBlurComponent - Angular wrapper for gds-blur
|
|
796
|
+
*
|
|
740
797
|
*
|
|
741
798
|
* Auto-generated from Custom Elements Manifest
|
|
742
799
|
*/
|
|
@@ -1153,63 +1210,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
1153
1210
|
* Auto-generated from Custom Elements Manifest
|
|
1154
1211
|
*/
|
|
1155
1212
|
|
|
1156
|
-
/**
|
|
1157
|
-
* Angular wrapper for the gds-blur web component
|
|
1158
|
-
*
|
|
1159
|
-
*/
|
|
1160
|
-
let GdsBlurComponent = class GdsBlurComponent {
|
|
1161
|
-
get element() {
|
|
1162
|
-
return this.elementRef.nativeElement;
|
|
1163
|
-
}
|
|
1164
|
-
constructor() {
|
|
1165
|
-
this.elementRef = inject((ElementRef));
|
|
1166
|
-
this.zone = inject(NgZone);
|
|
1167
|
-
this.cdr = inject(ChangeDetectorRef);
|
|
1168
|
-
this.cdr.detach();
|
|
1169
|
-
}
|
|
1170
|
-
ngOnInit() {
|
|
1171
|
-
// Define the custom element
|
|
1172
|
-
try {
|
|
1173
|
-
GdsBlur.define();
|
|
1174
|
-
}
|
|
1175
|
-
catch (e) {
|
|
1176
|
-
// Component may not be available in this version of green-core
|
|
1177
|
-
console.warn('Failed to define gds-blur:', e);
|
|
1178
|
-
}
|
|
1179
|
-
}
|
|
1180
|
-
ngOnChanges(changes) {
|
|
1181
|
-
// Implementation added by @ProxyInputs decorator
|
|
1182
|
-
}
|
|
1183
|
-
ngAfterViewInit() {
|
|
1184
|
-
// Implementation added by @ProxyInputs decorator
|
|
1185
|
-
}
|
|
1186
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsBlurComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1187
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsBlurComponent, isStandalone: true, selector: "gds-blur", inputs: { syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1188
|
-
};
|
|
1189
|
-
GdsBlurComponent = __decorate([
|
|
1190
|
-
ProxyInputs(['syncFirstRender']),
|
|
1191
|
-
__metadata("design:paramtypes", [])
|
|
1192
|
-
], GdsBlurComponent);
|
|
1193
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsBlurComponent, decorators: [{
|
|
1194
|
-
type: Component,
|
|
1195
|
-
args: [{
|
|
1196
|
-
selector: 'gds-blur',
|
|
1197
|
-
standalone: true,
|
|
1198
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1199
|
-
template: `<ng-content></ng-content>`
|
|
1200
|
-
}]
|
|
1201
|
-
}], ctorParameters: () => [], propDecorators: { syncFirstRender: [{
|
|
1202
|
-
type: Input,
|
|
1203
|
-
args: [{ transform: booleanAttribute }]
|
|
1204
|
-
}] } });
|
|
1205
|
-
|
|
1206
|
-
/**
|
|
1207
|
-
* GdsBlurComponent - Angular wrapper for gds-blur
|
|
1208
|
-
*
|
|
1209
|
-
*
|
|
1210
|
-
* Auto-generated from Custom Elements Manifest
|
|
1211
|
-
*/
|
|
1212
|
-
|
|
1213
1213
|
/**
|
|
1214
1214
|
* Angular wrapper for the gds-calendar web component
|
|
1215
1215
|
*
|
|
@@ -3527,65 +3527,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
3527
3527
|
* Auto-generated from Custom Elements Manifest
|
|
3528
3528
|
*/
|
|
3529
3529
|
|
|
3530
|
-
/**
|
|
3531
|
-
* Angular wrapper for the gds-grouped-list web component
|
|
3532
|
-
*
|
|
3533
|
-
*/
|
|
3534
|
-
let GdsGroupedListComponent = class GdsGroupedListComponent {
|
|
3535
|
-
get element() {
|
|
3536
|
-
return this.elementRef.nativeElement;
|
|
3537
|
-
}
|
|
3538
|
-
constructor() {
|
|
3539
|
-
this.elementRef = inject((ElementRef));
|
|
3540
|
-
this.zone = inject(NgZone);
|
|
3541
|
-
this.cdr = inject(ChangeDetectorRef);
|
|
3542
|
-
this.cdr.detach();
|
|
3543
|
-
}
|
|
3544
|
-
ngOnInit() {
|
|
3545
|
-
// Define the custom element
|
|
3546
|
-
try {
|
|
3547
|
-
GdsGroupedList.define();
|
|
3548
|
-
}
|
|
3549
|
-
catch (e) {
|
|
3550
|
-
// Component may not be available in this version of green-core
|
|
3551
|
-
console.warn('Failed to define gds-grouped-list:', e);
|
|
3552
|
-
}
|
|
3553
|
-
}
|
|
3554
|
-
ngOnChanges(changes) {
|
|
3555
|
-
// Implementation added by @ProxyInputs decorator
|
|
3556
|
-
}
|
|
3557
|
-
ngAfterViewInit() {
|
|
3558
|
-
// Implementation added by @ProxyInputs decorator
|
|
3559
|
-
}
|
|
3560
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsGroupedListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3561
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsGroupedListComponent, isStandalone: true, selector: "gds-grouped-list", inputs: { label: "label", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3562
|
-
};
|
|
3563
|
-
GdsGroupedListComponent = __decorate([
|
|
3564
|
-
ProxyInputs(['label', 'syncFirstRender']),
|
|
3565
|
-
__metadata("design:paramtypes", [])
|
|
3566
|
-
], GdsGroupedListComponent);
|
|
3567
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsGroupedListComponent, decorators: [{
|
|
3568
|
-
type: Component,
|
|
3569
|
-
args: [{
|
|
3570
|
-
selector: 'gds-grouped-list',
|
|
3571
|
-
standalone: true,
|
|
3572
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
3573
|
-
template: `<ng-content></ng-content>`
|
|
3574
|
-
}]
|
|
3575
|
-
}], ctorParameters: () => [], propDecorators: { label: [{
|
|
3576
|
-
type: Input
|
|
3577
|
-
}], syncFirstRender: [{
|
|
3578
|
-
type: Input,
|
|
3579
|
-
args: [{ transform: booleanAttribute }]
|
|
3580
|
-
}] } });
|
|
3581
|
-
|
|
3582
|
-
/**
|
|
3583
|
-
* GdsGroupedListComponent - Angular wrapper for gds-grouped-list
|
|
3584
|
-
*
|
|
3585
|
-
*
|
|
3586
|
-
* Auto-generated from Custom Elements Manifest
|
|
3587
|
-
*/
|
|
3588
|
-
|
|
3589
3530
|
/**
|
|
3590
3531
|
* Angular wrapper for the gds-grid web component
|
|
3591
3532
|
* The `gds-grid` is a custom element that provides a flexible grid system. It uses CSS grid layout to arrange its child elements into columns. This component is highly customizable and responsive, allowing you to specify the number of `columns`, `gap`, `padding`, and fluidity for different devices with automated column size based on the content using the `auto-columns` attribute.
|
|
@@ -3769,6 +3710,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
3769
3710
|
* Auto-generated from Custom Elements Manifest
|
|
3770
3711
|
*/
|
|
3771
3712
|
|
|
3713
|
+
/**
|
|
3714
|
+
* Angular wrapper for the gds-grouped-list web component
|
|
3715
|
+
*
|
|
3716
|
+
*/
|
|
3717
|
+
let GdsGroupedListComponent = class GdsGroupedListComponent {
|
|
3718
|
+
get element() {
|
|
3719
|
+
return this.elementRef.nativeElement;
|
|
3720
|
+
}
|
|
3721
|
+
constructor() {
|
|
3722
|
+
this.elementRef = inject((ElementRef));
|
|
3723
|
+
this.zone = inject(NgZone);
|
|
3724
|
+
this.cdr = inject(ChangeDetectorRef);
|
|
3725
|
+
this.cdr.detach();
|
|
3726
|
+
}
|
|
3727
|
+
ngOnInit() {
|
|
3728
|
+
// Define the custom element
|
|
3729
|
+
try {
|
|
3730
|
+
GdsGroupedList.define();
|
|
3731
|
+
}
|
|
3732
|
+
catch (e) {
|
|
3733
|
+
// Component may not be available in this version of green-core
|
|
3734
|
+
console.warn('Failed to define gds-grouped-list:', e);
|
|
3735
|
+
}
|
|
3736
|
+
}
|
|
3737
|
+
ngOnChanges(changes) {
|
|
3738
|
+
// Implementation added by @ProxyInputs decorator
|
|
3739
|
+
}
|
|
3740
|
+
ngAfterViewInit() {
|
|
3741
|
+
// Implementation added by @ProxyInputs decorator
|
|
3742
|
+
}
|
|
3743
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsGroupedListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3744
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsGroupedListComponent, isStandalone: true, selector: "gds-grouped-list", inputs: { label: "label", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3745
|
+
};
|
|
3746
|
+
GdsGroupedListComponent = __decorate([
|
|
3747
|
+
ProxyInputs(['label', 'syncFirstRender']),
|
|
3748
|
+
__metadata("design:paramtypes", [])
|
|
3749
|
+
], GdsGroupedListComponent);
|
|
3750
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsGroupedListComponent, decorators: [{
|
|
3751
|
+
type: Component,
|
|
3752
|
+
args: [{
|
|
3753
|
+
selector: 'gds-grouped-list',
|
|
3754
|
+
standalone: true,
|
|
3755
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
3756
|
+
template: `<ng-content></ng-content>`
|
|
3757
|
+
}]
|
|
3758
|
+
}], ctorParameters: () => [], propDecorators: { label: [{
|
|
3759
|
+
type: Input
|
|
3760
|
+
}], syncFirstRender: [{
|
|
3761
|
+
type: Input,
|
|
3762
|
+
args: [{ transform: booleanAttribute }]
|
|
3763
|
+
}] } });
|
|
3764
|
+
|
|
3765
|
+
/**
|
|
3766
|
+
* GdsGroupedListComponent - Angular wrapper for gds-grouped-list
|
|
3767
|
+
*
|
|
3768
|
+
*
|
|
3769
|
+
* Auto-generated from Custom Elements Manifest
|
|
3770
|
+
*/
|
|
3771
|
+
|
|
3772
3772
|
/**
|
|
3773
3773
|
* Angular wrapper for the gds-img web component
|
|
3774
3774
|
*
|
|
@@ -4249,10 +4249,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
4249
4249
|
*/
|
|
4250
4250
|
|
|
4251
4251
|
/**
|
|
4252
|
-
* Angular wrapper for the gds-
|
|
4253
|
-
*
|
|
4252
|
+
* Angular wrapper for the gds-list web component
|
|
4253
|
+
* `gds-list` is a container for `gds-list-item` elements, expressing the semantic `list` role.
|
|
4254
|
+
|
|
4255
|
+
It extends `gds-flex` and defaults `flex-direction` to `column`.
|
|
4254
4256
|
*/
|
|
4255
|
-
let
|
|
4257
|
+
let GdsListComponent = class GdsListComponent {
|
|
4256
4258
|
get element() {
|
|
4257
4259
|
return this.elementRef.nativeElement;
|
|
4258
4260
|
}
|
|
@@ -4265,11 +4267,11 @@ let GdsMaskComponent = class GdsMaskComponent {
|
|
|
4265
4267
|
ngOnInit() {
|
|
4266
4268
|
// Define the custom element
|
|
4267
4269
|
try {
|
|
4268
|
-
|
|
4270
|
+
GdsList.define();
|
|
4269
4271
|
}
|
|
4270
4272
|
catch (e) {
|
|
4271
4273
|
// Component may not be available in this version of green-core
|
|
4272
|
-
console.warn('Failed to define gds-
|
|
4274
|
+
console.warn('Failed to define gds-list:', e);
|
|
4273
4275
|
}
|
|
4274
4276
|
}
|
|
4275
4277
|
ngOnChanges(changes) {
|
|
@@ -4278,39 +4280,24 @@ let GdsMaskComponent = class GdsMaskComponent {
|
|
|
4278
4280
|
ngAfterViewInit() {
|
|
4279
4281
|
// Implementation added by @ProxyInputs decorator
|
|
4280
4282
|
}
|
|
4281
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type:
|
|
4282
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type:
|
|
4283
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4284
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsListComponent, isStandalone: true, selector: "gds-list", inputs: { dividers: ["dividers", "dividers", booleanAttribute], 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", position: "position", transform: "transform", inset: "inset", display: "display", level: "level", color: "color", background: "background", 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 }); }
|
|
4283
4285
|
};
|
|
4284
|
-
|
|
4285
|
-
ProxyInputs(['
|
|
4286
|
+
GdsListComponent = __decorate([
|
|
4287
|
+
ProxyInputs(['dividers', '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', 'position', 'transform', 'inset', 'display', 'level', 'color', 'background', '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']),
|
|
4286
4288
|
__metadata("design:paramtypes", [])
|
|
4287
|
-
],
|
|
4288
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type:
|
|
4289
|
+
], GdsListComponent);
|
|
4290
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsListComponent, decorators: [{
|
|
4289
4291
|
type: Component,
|
|
4290
4292
|
args: [{
|
|
4291
|
-
selector: 'gds-
|
|
4293
|
+
selector: 'gds-list',
|
|
4292
4294
|
standalone: true,
|
|
4293
4295
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
4294
4296
|
template: `<ng-content></ng-content>`
|
|
4295
4297
|
}]
|
|
4296
|
-
}], ctorParameters: () => [], propDecorators: {
|
|
4297
|
-
type: Input
|
|
4298
|
-
|
|
4299
|
-
type: Input
|
|
4300
|
-
}], maskSize: [{
|
|
4301
|
-
type: Input
|
|
4302
|
-
}], maskRepeat: [{
|
|
4303
|
-
type: Input
|
|
4304
|
-
}], maskPosition: [{
|
|
4305
|
-
type: Input
|
|
4306
|
-
}], backdropFilter: [{
|
|
4307
|
-
type: Input
|
|
4308
|
-
}], position: [{
|
|
4309
|
-
type: Input
|
|
4310
|
-
}], display: [{
|
|
4311
|
-
type: Input
|
|
4312
|
-
}], inset: [{
|
|
4313
|
-
type: Input
|
|
4298
|
+
}], ctorParameters: () => [], propDecorators: { dividers: [{
|
|
4299
|
+
type: Input,
|
|
4300
|
+
args: [{ transform: booleanAttribute }]
|
|
4314
4301
|
}], width: [{
|
|
4315
4302
|
type: Input
|
|
4316
4303
|
}], minWidth: [{
|
|
@@ -4363,12 +4350,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
4363
4350
|
type: Input
|
|
4364
4351
|
}], order: [{
|
|
4365
4352
|
type: Input
|
|
4353
|
+
}], position: [{
|
|
4354
|
+
type: Input
|
|
4366
4355
|
}], transform: [{
|
|
4367
4356
|
type: Input
|
|
4357
|
+
}], inset: [{
|
|
4358
|
+
type: Input
|
|
4359
|
+
}], display: [{
|
|
4360
|
+
type: Input
|
|
4368
4361
|
}], level: [{
|
|
4369
4362
|
type: Input
|
|
4370
4363
|
}], color: [{
|
|
4371
4364
|
type: Input
|
|
4365
|
+
}], background: [{
|
|
4366
|
+
type: Input
|
|
4372
4367
|
}], border: [{
|
|
4373
4368
|
type: Input
|
|
4374
4369
|
}], borderColor: [{
|
|
@@ -4431,19 +4426,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
4431
4426
|
}] } });
|
|
4432
4427
|
|
|
4433
4428
|
/**
|
|
4434
|
-
*
|
|
4435
|
-
*
|
|
4429
|
+
* GdsListComponent - Angular wrapper for gds-list
|
|
4430
|
+
* `gds-list` is a container for `gds-list-item` elements, expressing the semantic `list` role.
|
|
4431
|
+
|
|
4432
|
+
It extends `gds-flex` and defaults `flex-direction` to `column`.
|
|
4436
4433
|
*
|
|
4437
4434
|
* Auto-generated from Custom Elements Manifest
|
|
4438
4435
|
*/
|
|
4439
4436
|
|
|
4440
4437
|
/**
|
|
4441
|
-
* Angular wrapper for the gds-
|
|
4442
|
-
*
|
|
4443
|
-
|
|
4444
|
-
It extends `gds-flex` and defaults `flex-direction` to `column`.
|
|
4438
|
+
* Angular wrapper for the gds-mask web component
|
|
4439
|
+
*
|
|
4445
4440
|
*/
|
|
4446
|
-
let
|
|
4441
|
+
let GdsMaskComponent = class GdsMaskComponent {
|
|
4447
4442
|
get element() {
|
|
4448
4443
|
return this.elementRef.nativeElement;
|
|
4449
4444
|
}
|
|
@@ -4456,11 +4451,11 @@ let GdsListComponent = class GdsListComponent {
|
|
|
4456
4451
|
ngOnInit() {
|
|
4457
4452
|
// Define the custom element
|
|
4458
4453
|
try {
|
|
4459
|
-
|
|
4454
|
+
GdsMask.define();
|
|
4460
4455
|
}
|
|
4461
4456
|
catch (e) {
|
|
4462
4457
|
// Component may not be available in this version of green-core
|
|
4463
|
-
console.warn('Failed to define gds-
|
|
4458
|
+
console.warn('Failed to define gds-mask:', e);
|
|
4464
4459
|
}
|
|
4465
4460
|
}
|
|
4466
4461
|
ngOnChanges(changes) {
|
|
@@ -4469,24 +4464,39 @@ let GdsListComponent = class GdsListComponent {
|
|
|
4469
4464
|
ngAfterViewInit() {
|
|
4470
4465
|
// Implementation added by @ProxyInputs decorator
|
|
4471
4466
|
}
|
|
4472
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type:
|
|
4473
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type:
|
|
4467
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsMaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4468
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", 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 }); }
|
|
4474
4469
|
};
|
|
4475
|
-
|
|
4476
|
-
ProxyInputs(['
|
|
4470
|
+
GdsMaskComponent = __decorate([
|
|
4471
|
+
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']),
|
|
4477
4472
|
__metadata("design:paramtypes", [])
|
|
4478
|
-
],
|
|
4479
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type:
|
|
4473
|
+
], GdsMaskComponent);
|
|
4474
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsMaskComponent, decorators: [{
|
|
4480
4475
|
type: Component,
|
|
4481
4476
|
args: [{
|
|
4482
|
-
selector: 'gds-
|
|
4477
|
+
selector: 'gds-mask',
|
|
4483
4478
|
standalone: true,
|
|
4484
4479
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
4485
4480
|
template: `<ng-content></ng-content>`
|
|
4486
4481
|
}]
|
|
4487
|
-
}], ctorParameters: () => [], propDecorators: {
|
|
4488
|
-
type: Input
|
|
4489
|
-
|
|
4482
|
+
}], ctorParameters: () => [], propDecorators: { background: [{
|
|
4483
|
+
type: Input
|
|
4484
|
+
}], maskImage: [{
|
|
4485
|
+
type: Input
|
|
4486
|
+
}], maskSize: [{
|
|
4487
|
+
type: Input
|
|
4488
|
+
}], maskRepeat: [{
|
|
4489
|
+
type: Input
|
|
4490
|
+
}], maskPosition: [{
|
|
4491
|
+
type: Input
|
|
4492
|
+
}], backdropFilter: [{
|
|
4493
|
+
type: Input
|
|
4494
|
+
}], position: [{
|
|
4495
|
+
type: Input
|
|
4496
|
+
}], display: [{
|
|
4497
|
+
type: Input
|
|
4498
|
+
}], inset: [{
|
|
4499
|
+
type: Input
|
|
4490
4500
|
}], width: [{
|
|
4491
4501
|
type: Input
|
|
4492
4502
|
}], minWidth: [{
|
|
@@ -4539,20 +4549,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
4539
4549
|
type: Input
|
|
4540
4550
|
}], order: [{
|
|
4541
4551
|
type: Input
|
|
4542
|
-
}], position: [{
|
|
4543
|
-
type: Input
|
|
4544
4552
|
}], transform: [{
|
|
4545
4553
|
type: Input
|
|
4546
|
-
}], inset: [{
|
|
4547
|
-
type: Input
|
|
4548
|
-
}], display: [{
|
|
4549
|
-
type: Input
|
|
4550
4554
|
}], level: [{
|
|
4551
4555
|
type: Input
|
|
4552
4556
|
}], color: [{
|
|
4553
4557
|
type: Input
|
|
4554
|
-
}], background: [{
|
|
4555
|
-
type: Input
|
|
4556
4558
|
}], border: [{
|
|
4557
4559
|
type: Input
|
|
4558
4560
|
}], borderColor: [{
|
|
@@ -4615,10 +4617,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
4615
4617
|
}] } });
|
|
4616
4618
|
|
|
4617
4619
|
/**
|
|
4618
|
-
*
|
|
4619
|
-
*
|
|
4620
|
-
|
|
4621
|
-
It extends `gds-flex` and defaults `flex-direction` to `column`.
|
|
4620
|
+
* GdsMaskComponent - Angular wrapper for gds-mask
|
|
4621
|
+
*
|
|
4622
4622
|
*
|
|
4623
4623
|
* Auto-generated from Custom Elements Manifest
|
|
4624
4624
|
*/
|
|
@@ -37991,11 +37991,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
37991
37991
|
class GreenCoreNgModule {
|
|
37992
37992
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GreenCoreNgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
37993
37993
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.9", ngImport: i0, type: GreenCoreNgModule, imports: [GdsAlertComponent,
|
|
37994
|
-
GdsBadgeComponent,
|
|
37995
37994
|
GdsAvatarComponent,
|
|
37995
|
+
GdsBadgeComponent,
|
|
37996
|
+
GdsBlurComponent,
|
|
37996
37997
|
GdsBreadcrumbsComponent,
|
|
37997
37998
|
GdsButtonComponent,
|
|
37998
|
-
GdsBlurComponent,
|
|
37999
37999
|
GdsCalendarComponent,
|
|
38000
38000
|
GdsCardComponent,
|
|
38001
38001
|
GdsCardLinkedComponent,
|
|
@@ -38012,13 +38012,13 @@ class GreenCoreNgModule {
|
|
|
38012
38012
|
GdsFilterChipsComponent,
|
|
38013
38013
|
GdsFlexComponent,
|
|
38014
38014
|
GdsFormSummaryComponent,
|
|
38015
|
-
GdsGroupedListComponent,
|
|
38016
38015
|
GdsGridComponent,
|
|
38016
|
+
GdsGroupedListComponent,
|
|
38017
38017
|
GdsImgComponent,
|
|
38018
38018
|
GdsInputComponent,
|
|
38019
38019
|
GdsLinkComponent,
|
|
38020
|
-
GdsMaskComponent,
|
|
38021
38020
|
GdsListComponent,
|
|
38021
|
+
GdsMaskComponent,
|
|
38022
38022
|
GdsMenuButtonComponent,
|
|
38023
38023
|
GdsPaginationComponent,
|
|
38024
38024
|
GdsBackdropComponent,
|
|
@@ -38368,11 +38368,11 @@ class GreenCoreNgModule {
|
|
|
38368
38368
|
GdsMenuItemComponent,
|
|
38369
38369
|
GdsMenuHeadingComponent,
|
|
38370
38370
|
GdsOptionComponent], exports: [GdsAlertComponent,
|
|
38371
|
-
GdsBadgeComponent,
|
|
38372
38371
|
GdsAvatarComponent,
|
|
38372
|
+
GdsBadgeComponent,
|
|
38373
|
+
GdsBlurComponent,
|
|
38373
38374
|
GdsBreadcrumbsComponent,
|
|
38374
38375
|
GdsButtonComponent,
|
|
38375
|
-
GdsBlurComponent,
|
|
38376
38376
|
GdsCalendarComponent,
|
|
38377
38377
|
GdsCardComponent,
|
|
38378
38378
|
GdsCardLinkedComponent,
|
|
@@ -38389,13 +38389,13 @@ class GreenCoreNgModule {
|
|
|
38389
38389
|
GdsFilterChipsComponent,
|
|
38390
38390
|
GdsFlexComponent,
|
|
38391
38391
|
GdsFormSummaryComponent,
|
|
38392
|
-
GdsGroupedListComponent,
|
|
38393
38392
|
GdsGridComponent,
|
|
38393
|
+
GdsGroupedListComponent,
|
|
38394
38394
|
GdsImgComponent,
|
|
38395
38395
|
GdsInputComponent,
|
|
38396
38396
|
GdsLinkComponent,
|
|
38397
|
-
GdsMaskComponent,
|
|
38398
38397
|
GdsListComponent,
|
|
38398
|
+
GdsMaskComponent,
|
|
38399
38399
|
GdsMenuButtonComponent,
|
|
38400
38400
|
GdsPaginationComponent,
|
|
38401
38401
|
GdsBackdropComponent,
|
|
@@ -38752,11 +38752,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
38752
38752
|
args: [{
|
|
38753
38753
|
imports: [
|
|
38754
38754
|
GdsAlertComponent,
|
|
38755
|
-
GdsBadgeComponent,
|
|
38756
38755
|
GdsAvatarComponent,
|
|
38756
|
+
GdsBadgeComponent,
|
|
38757
|
+
GdsBlurComponent,
|
|
38757
38758
|
GdsBreadcrumbsComponent,
|
|
38758
38759
|
GdsButtonComponent,
|
|
38759
|
-
GdsBlurComponent,
|
|
38760
38760
|
GdsCalendarComponent,
|
|
38761
38761
|
GdsCardComponent,
|
|
38762
38762
|
GdsCardLinkedComponent,
|
|
@@ -38773,13 +38773,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
38773
38773
|
GdsFilterChipsComponent,
|
|
38774
38774
|
GdsFlexComponent,
|
|
38775
38775
|
GdsFormSummaryComponent,
|
|
38776
|
-
GdsGroupedListComponent,
|
|
38777
38776
|
GdsGridComponent,
|
|
38777
|
+
GdsGroupedListComponent,
|
|
38778
38778
|
GdsImgComponent,
|
|
38779
38779
|
GdsInputComponent,
|
|
38780
38780
|
GdsLinkComponent,
|
|
38781
|
-
GdsMaskComponent,
|
|
38782
38781
|
GdsListComponent,
|
|
38782
|
+
GdsMaskComponent,
|
|
38783
38783
|
GdsMenuButtonComponent,
|
|
38784
38784
|
GdsPaginationComponent,
|
|
38785
38785
|
GdsBackdropComponent,
|
|
@@ -39132,11 +39132,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
39132
39132
|
],
|
|
39133
39133
|
exports: [
|
|
39134
39134
|
GdsAlertComponent,
|
|
39135
|
-
GdsBadgeComponent,
|
|
39136
39135
|
GdsAvatarComponent,
|
|
39136
|
+
GdsBadgeComponent,
|
|
39137
|
+
GdsBlurComponent,
|
|
39137
39138
|
GdsBreadcrumbsComponent,
|
|
39138
39139
|
GdsButtonComponent,
|
|
39139
|
-
GdsBlurComponent,
|
|
39140
39140
|
GdsCalendarComponent,
|
|
39141
39141
|
GdsCardComponent,
|
|
39142
39142
|
GdsCardLinkedComponent,
|
|
@@ -39153,13 +39153,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
39153
39153
|
GdsFilterChipsComponent,
|
|
39154
39154
|
GdsFlexComponent,
|
|
39155
39155
|
GdsFormSummaryComponent,
|
|
39156
|
-
GdsGroupedListComponent,
|
|
39157
39156
|
GdsGridComponent,
|
|
39157
|
+
GdsGroupedListComponent,
|
|
39158
39158
|
GdsImgComponent,
|
|
39159
39159
|
GdsInputComponent,
|
|
39160
39160
|
GdsLinkComponent,
|
|
39161
|
-
GdsMaskComponent,
|
|
39162
39161
|
GdsListComponent,
|
|
39162
|
+
GdsMaskComponent,
|
|
39163
39163
|
GdsMenuButtonComponent,
|
|
39164
39164
|
GdsPaginationComponent,
|
|
39165
39165
|
GdsBackdropComponent,
|