@sebgroup/green-core-ng 3.18.1 → 3.20.0

package/fesm2022/sebgroup-green-core-ng.mjs

@@ -66,8 +66,6 @@ import { GdsSegment } from '@sebgroup/green-core/components/segmented-control/se
 import { GdsSensitiveAccount } from '@sebgroup/green-core/components/sensitive/account/sensitive-account.component.js';
 import { GdsSensitiveDate } from '@sebgroup/green-core/components/sensitive/date/sensitive-date.component.js';
 import { GdsSensitiveNumber } from '@sebgroup/green-core/components/sensitive/number/sensitive-number.component.js';
-import { GdsTab } from '@sebgroup/green-core/components/tabs/tab/tab.component.js';
-import { GdsTabPanel } from '@sebgroup/green-core/components/tabs/tab-panel/tab-panel.component.js';
 import { IconAi } from '@sebgroup/green-core/components/icon/icons/ai.component.js';
 import { IconAirplaneUp } from '@sebgroup/green-core/components/icon/icons/airplane-up.component.js';
 import { IconArchive } from '@sebgroup/green-core/components/icon/icons/archive.component.js';
@@ -379,6 +377,8 @@ import { IconYoutube } from '@sebgroup/green-core/components/icon/icons/youtube.
 import { IconZap } from '@sebgroup/green-core/components/icon/icons/zap.component.js';
 import { IconZoomIn } from '@sebgroup/green-core/components/icon/icons/zoom-in.component.js';
 import { IconZoomOut } from '@sebgroup/green-core/components/icon/icons/zoom-out.component.js';
+import { GdsTab } from '@sebgroup/green-core/components/tabs/tab/tab.component.js';
+import { GdsTabPanel } from '@sebgroup/green-core/components/tabs/tab-panel/tab-panel.component.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
 import { ɵAnimationRendererFactory as _AnimationRendererFactory, ɵAnimationEngine as _AnimationEngine } from '@angular/animations/browser';
 import * as i1 from '@angular/platform-browser';
@@ -458,6 +458,8 @@ let GdsAlertComponent = class GdsAlertComponent {
         this.gdsClose = new EventEmitter();
         /** Fired when action button is clicked */
         this.gdsAction = new EventEmitter();
+        /** Fired when the alert is closed internally */
+        this.gdsUiState = new EventEmitter();
         this.cdr.detach();
     }
     ngOnInit() {
@@ -476,6 +478,9 @@ let GdsAlertComponent = class GdsAlertComponent {
         this.elementRef.nativeElement.addEventListener('gds-action', (event) => {
             this.gdsAction.emit(event);
         });
+        this.elementRef.nativeElement.addEventListener('gds-ui-state', (event) => {
+            this.gdsUiState.emit(event);
+        });
     }
     ngOnChanges(changes) {
         // Implementation added by @ProxyInputs decorator
@@ -484,10 +489,10 @@ let GdsAlertComponent = class GdsAlertComponent {
         // Implementation added by @ProxyInputs decorator
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsAlertComponent, isStandalone: true, selector: "gds-alert", inputs: { variant: "variant", label: "label", alertRole: "alertRole", role: "role", closed: ["closed", "closed", booleanAttribute], dismissible: ["dismissible", "dismissible", booleanAttribute], timeout: "timeout", buttonLabel: "buttonLabel", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsClose: "gdsClose", gdsAction: "gdsAction", gdsUiState: "gdsUiState" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 GdsAlertComponent = __decorate([
-    ProxyInputs(['variant', 'label', 'role', 'dismissible', 'timeout', 'buttonLabel', 'syncFirstRender']),
+    ProxyInputs(['variant', 'label', 'alertRole', 'role', 'closed', 'dismissible', 'timeout', 'buttonLabel', 'margin', 'margin-inline', 'margin-block', 'syncFirstRender']),
     __metadata("design:paramtypes", [])
 ], GdsAlertComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsAlertComponent, decorators: [{
@@ -502,8 +507,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                 type: Input
             }], label: [{
                 type: Input
+            }], alertRole: [{
+                type: Input
             }], role: [{
                 type: Input
+            }], closed: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], dismissible: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -511,6 +521,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                 type: Input
             }], buttonLabel: [{
                 type: Input
+            }], margin: [{
+                type: Input
+            }], marginInline: [{
+                type: Input
+            }], marginBlock: [{
+                type: Input
             }], syncFirstRender: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -518,6 +534,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                 type: Output
             }], gdsAction: [{
                 type: Output
+            }], gdsUiState: [{
+                type: Output
             }] } });
 
 /**
@@ -9050,136 +9068,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * Auto-generated from Custom Elements Manifest
  */
 
-/**
- * Angular wrapper for the gds-tab web component
- *
- */
-let GdsTabComponent = class GdsTabComponent {
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    constructor() {
-        this.elementRef = inject((ElementRef));
-        this.zone = inject(NgZone);
-        this.cdr = inject(ChangeDetectorRef);
-        /** Fired when the tab is clicked. Note that clicks on disabled tabs are ignored. */
-        this.click = new EventEmitter();
-        this.cdr.detach();
-    }
-    ngOnInit() {
-        // Define the custom element
-        try {
-            GdsTab.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-tab:', e);
-        }
-    }
-    ngOnChanges(changes) {
-        // Implementation added by @ProxyInputs decorator
-    }
-    ngAfterViewInit() {
-        // Implementation added by @ProxyInputs decorator
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsTabComponent, isStandalone: true, selector: "gds-tab", inputs: { size: "size", disabled: ["disabled", "disabled", booleanAttribute], selected: ["selected", "selected", booleanAttribute], panel: "panel", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { click: "click" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-GdsTabComponent = __decorate([
-    ProxyInputs(['size', 'disabled', 'selected', 'panel', 'syncFirstRender']),
-    __metadata("design:paramtypes", [])
-], GdsTabComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsTabComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-tab',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: () => [], propDecorators: { size: [{
-                type: Input
-            }], disabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], selected: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], panel: [{
-                type: Input
-            }], syncFirstRender: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], click: [{
-                type: Output
-            }] } });
-
-/**
- * GdsTabComponent - Angular wrapper for gds-tab
- *
- *
- * Auto-generated from Custom Elements Manifest
- */
-
-/**
- * Angular wrapper for the gds-tab-panel web component
- *
- */
-let GdsTabPanelComponent = class GdsTabPanelComponent {
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    constructor() {
-        this.elementRef = inject((ElementRef));
-        this.zone = inject(NgZone);
-        this.cdr = inject(ChangeDetectorRef);
-        this.cdr.detach();
-    }
-    ngOnInit() {
-        // Define the custom element
-        try {
-            GdsTabPanel.define();
-        }
-        catch (e) {
-            // Component may not be available in this version of green-core
-            console.warn('Failed to define gds-tab-panel:', e);
-        }
-    }
-    ngOnChanges(changes) {
-        // Implementation added by @ProxyInputs decorator
-    }
-    ngAfterViewInit() {
-        // Implementation added by @ProxyInputs decorator
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsTabPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsTabPanelComponent, isStandalone: true, selector: "gds-tab-panel", inputs: { name: "name", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-GdsTabPanelComponent = __decorate([
-    ProxyInputs(['name', 'syncFirstRender']),
-    __metadata("design:paramtypes", [])
-], GdsTabPanelComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsTabPanelComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-tab-panel',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: () => [], propDecorators: { name: [{
-                type: Input
-            }], syncFirstRender: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
-
-/**
- * GdsTabPanelComponent - Angular wrapper for gds-tab-panel
- *
- *
- * Auto-generated from Custom Elements Manifest
- */
-
 /**
  * Angular wrapper for the gds-icon-ai web component
  *
@@ -37792,6 +37680,136 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * Auto-generated from Custom Elements Manifest
  */
 
+/**
+ * Angular wrapper for the gds-tab web component
+ *
+ */
+let GdsTabComponent = class GdsTabComponent {
+    get element() {
+        return this.elementRef.nativeElement;
+    }
+    constructor() {
+        this.elementRef = inject((ElementRef));
+        this.zone = inject(NgZone);
+        this.cdr = inject(ChangeDetectorRef);
+        /** Fired when the tab is clicked. Note that clicks on disabled tabs are ignored. */
+        this.click = new EventEmitter();
+        this.cdr.detach();
+    }
+    ngOnInit() {
+        // Define the custom element
+        try {
+            GdsTab.define();
+        }
+        catch (e) {
+            // Component may not be available in this version of green-core
+            console.warn('Failed to define gds-tab:', e);
+        }
+    }
+    ngOnChanges(changes) {
+        // Implementation added by @ProxyInputs decorator
+    }
+    ngAfterViewInit() {
+        // Implementation added by @ProxyInputs decorator
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsTabComponent, isStandalone: true, selector: "gds-tab", inputs: { size: "size", disabled: ["disabled", "disabled", booleanAttribute], selected: ["selected", "selected", booleanAttribute], panel: "panel", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { click: "click" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+GdsTabComponent = __decorate([
+    ProxyInputs(['size', 'disabled', 'selected', 'panel', 'syncFirstRender']),
+    __metadata("design:paramtypes", [])
+], GdsTabComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsTabComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-tab',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`
+                }]
+        }], ctorParameters: () => [], propDecorators: { size: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], selected: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], panel: [{
+                type: Input
+            }], syncFirstRender: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], click: [{
+                type: Output
+            }] } });
+
+/**
+ * GdsTabComponent - Angular wrapper for gds-tab
+ *
+ *
+ * Auto-generated from Custom Elements Manifest
+ */
+
+/**
+ * Angular wrapper for the gds-tab-panel web component
+ *
+ */
+let GdsTabPanelComponent = class GdsTabPanelComponent {
+    get element() {
+        return this.elementRef.nativeElement;
+    }
+    constructor() {
+        this.elementRef = inject((ElementRef));
+        this.zone = inject(NgZone);
+        this.cdr = inject(ChangeDetectorRef);
+        this.cdr.detach();
+    }
+    ngOnInit() {
+        // Define the custom element
+        try {
+            GdsTabPanel.define();
+        }
+        catch (e) {
+            // Component may not be available in this version of green-core
+            console.warn('Failed to define gds-tab-panel:', e);
+        }
+    }
+    ngOnChanges(changes) {
+        // Implementation added by @ProxyInputs decorator
+    }
+    ngAfterViewInit() {
+        // Implementation added by @ProxyInputs decorator
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsTabPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.9", type: GdsTabPanelComponent, isStandalone: true, selector: "gds-tab-panel", inputs: { name: "name", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+GdsTabPanelComponent = __decorate([
+    ProxyInputs(['name', 'syncFirstRender']),
+    __metadata("design:paramtypes", [])
+], GdsTabPanelComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GdsTabPanelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-tab-panel',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content></ng-content>`
+                }]
+        }], ctorParameters: () => [], propDecorators: { name: [{
+                type: Input
+            }], syncFirstRender: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+/**
+ * GdsTabPanelComponent - Angular wrapper for gds-tab-panel
+ *
+ *
+ * Auto-generated from Custom Elements Manifest
+ */
+
 /**
  * Angular wrapper for the gds-menu-item web component
  *
@@ -38067,8 +38085,6 @@ class GreenCoreNgModule {
             GdsSensitiveAccountComponent,
             GdsSensitiveDateComponent,
             GdsSensitiveNumberComponent,
-            GdsTabComponent,
-            GdsTabPanelComponent,
             IconAiComponent,
             IconAirplaneUpComponent,
             IconArchiveComponent,
@@ -38380,6 +38396,8 @@ class GreenCoreNgModule {
             IconZapComponent,
             IconZoomInComponent,
             IconZoomOutComponent,
+            GdsTabComponent,
+            GdsTabPanelComponent,
             GdsMenuItemComponent,
             GdsMenuHeadingComponent,
             GdsOptionComponent], exports: [GdsAlertComponent,
@@ -38444,8 +38462,6 @@ class GreenCoreNgModule {
             GdsSensitiveAccountComponent,
             GdsSensitiveDateComponent,
             GdsSensitiveNumberComponent,
-            GdsTabComponent,
-            GdsTabPanelComponent,
             IconAiComponent,
             IconAirplaneUpComponent,
             IconArchiveComponent,
@@ -38757,6 +38773,8 @@ class GreenCoreNgModule {
             IconZapComponent,
             IconZoomInComponent,
             IconZoomOutComponent,
+            GdsTabComponent,
+            GdsTabPanelComponent,
             GdsMenuItemComponent,
             GdsMenuHeadingComponent,
             GdsOptionComponent] }); }
@@ -38828,8 +38846,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                         GdsSensitiveAccountComponent,
                         GdsSensitiveDateComponent,
                         GdsSensitiveNumberComponent,
-                        GdsTabComponent,
-                        GdsTabPanelComponent,
                         IconAiComponent,
                         IconAirplaneUpComponent,
                         IconArchiveComponent,
@@ -39141,6 +39157,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                         IconZapComponent,
                         IconZoomInComponent,
                         IconZoomOutComponent,
+                        GdsTabComponent,
+                        GdsTabPanelComponent,
                         GdsMenuItemComponent,
                         GdsMenuHeadingComponent,
                         GdsOptionComponent,
@@ -39208,8 +39226,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                         GdsSensitiveAccountComponent,
                         GdsSensitiveDateComponent,
                         GdsSensitiveNumberComponent,
-                        GdsTabComponent,
-                        GdsTabPanelComponent,
                         IconAiComponent,
                         IconAirplaneUpComponent,
                         IconArchiveComponent,
@@ -39521,6 +39537,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                         IconZapComponent,
                         IconZoomInComponent,
                         IconZoomOutComponent,
+                        GdsTabComponent,
+                        GdsTabPanelComponent,
                         GdsMenuItemComponent,
                         GdsMenuHeadingComponent,
                         GdsOptionComponent,