@siemens/ix-angular 5.0.0 → 5.1.0

package/fesm2022/siemens-ix-angular-standalone.mjs

@@ -75,40 +75,45 @@ import { defineCustomElement as defineCustomElement$16 } from '@siemens/ix/compo
 import { defineCustomElement as defineCustomElement$17 } from '@siemens/ix/components/ix-pane.js';
 import { defineCustomElement as defineCustomElement$18 } from '@siemens/ix/components/ix-pane-layout.js';
 import { defineCustomElement as defineCustomElement$19 } from '@siemens/ix/components/ix-pill.js';
-import { defineCustomElement as defineCustomElement$1a } from '@siemens/ix/components/ix-progress-indicator.js';
-import { defineCustomElement as defineCustomElement$1b } from '@siemens/ix/components/ix-push-card.js';
-import { defineCustomElement as defineCustomElement$1c } from '@siemens/ix/components/ix-radio.js';
-import { defineCustomElement as defineCustomElement$1d } from '@siemens/ix/components/ix-radio-group.js';
-import { defineCustomElement as defineCustomElement$1e } from '@siemens/ix/components/ix-range-field.js';
-import { defineCustomElement as defineCustomElement$1f } from '@siemens/ix/components/ix-row.js';
-import { defineCustomElement as defineCustomElement$1g } from '@siemens/ix/components/ix-select.js';
-import { defineCustomElement as defineCustomElement$1h } from '@siemens/ix/components/ix-select-item.js';
-import { defineCustomElement as defineCustomElement$1i } from '@siemens/ix/components/ix-slider.js';
-import { defineCustomElement as defineCustomElement$1j } from '@siemens/ix/components/ix-spinner.js';
-import { defineCustomElement as defineCustomElement$1k } from '@siemens/ix/components/ix-split-button.js';
-import { defineCustomElement as defineCustomElement$1l } from '@siemens/ix/components/ix-tab-item.js';
-import { defineCustomElement as defineCustomElement$1m } from '@siemens/ix/components/ix-tabs.js';
-import { defineCustomElement as defineCustomElement$1n } from '@siemens/ix/components/ix-textarea.js';
-import { defineCustomElement as defineCustomElement$1o } from '@siemens/ix/components/ix-tile.js';
-import { defineCustomElement as defineCustomElement$1p } from '@siemens/ix/components/ix-time-input.js';
-import { defineCustomElement as defineCustomElement$1q } from '@siemens/ix/components/ix-time-picker.js';
-import { defineCustomElement as defineCustomElement$1r } from '@siemens/ix/components/ix-toast.js';
-import { defineCustomElement as defineCustomElement$1s } from '@siemens/ix/components/ix-toast-container.js';
-import { defineCustomElement as defineCustomElement$1t } from '@siemens/ix/components/ix-toggle.js';
-import { defineCustomElement as defineCustomElement$1u } from '@siemens/ix/components/ix-toggle-button.js';
-import { defineCustomElement as defineCustomElement$1v } from '@siemens/ix/components/ix-tooltip.js';
-import { defineCustomElement as defineCustomElement$1w } from '@siemens/ix/components/ix-tree-item.js';
-import { defineCustomElement as defineCustomElement$1x } from '@siemens/ix/components/ix-typography.js';
-import { defineCustomElement as defineCustomElement$1y } from '@siemens/ix/components/ix-upload.js';
-import { defineCustomElement as defineCustomElement$1z } from '@siemens/ix/components/ix-workflow-step.js';
-import { defineCustomElement as defineCustomElement$1A } from '@siemens/ix/components/ix-workflow-steps.js';
-import { defineCustomElement as defineCustomElement$1B } from '@siemens/ix/components/ix-application-switch-modal.js';
-import { defineCustomElement as defineCustomElement$1C } from '@siemens/ix-icons/components/ix-icon.js';
-import { defineCustomElement as defineCustomElement$1D } from '@siemens/ix/components/ix-tree.js';
+import { defineCustomElement as defineCustomElement$1a } from '@siemens/ix/components/ix-popover.js';
+import { defineCustomElement as defineCustomElement$1b } from '@siemens/ix/components/ix-popover-content.js';
+import { defineCustomElement as defineCustomElement$1c } from '@siemens/ix/components/ix-popover-footer.js';
+import { defineCustomElement as defineCustomElement$1d } from '@siemens/ix/components/ix-popover-header.js';
+import { defineCustomElement as defineCustomElement$1e } from '@siemens/ix/components/ix-popover-image.js';
+import { defineCustomElement as defineCustomElement$1f } from '@siemens/ix/components/ix-progress-indicator.js';
+import { defineCustomElement as defineCustomElement$1g } from '@siemens/ix/components/ix-push-card.js';
+import { defineCustomElement as defineCustomElement$1h } from '@siemens/ix/components/ix-radio.js';
+import { defineCustomElement as defineCustomElement$1i } from '@siemens/ix/components/ix-radio-group.js';
+import { defineCustomElement as defineCustomElement$1j } from '@siemens/ix/components/ix-range-field.js';
+import { defineCustomElement as defineCustomElement$1k } from '@siemens/ix/components/ix-row.js';
+import { defineCustomElement as defineCustomElement$1l } from '@siemens/ix/components/ix-select.js';
+import { defineCustomElement as defineCustomElement$1m } from '@siemens/ix/components/ix-select-item.js';
+import { defineCustomElement as defineCustomElement$1n } from '@siemens/ix/components/ix-slider.js';
+import { defineCustomElement as defineCustomElement$1o } from '@siemens/ix/components/ix-spinner.js';
+import { defineCustomElement as defineCustomElement$1p } from '@siemens/ix/components/ix-split-button.js';
+import { defineCustomElement as defineCustomElement$1q } from '@siemens/ix/components/ix-tab-item.js';
+import { defineCustomElement as defineCustomElement$1r } from '@siemens/ix/components/ix-tabs.js';
+import { defineCustomElement as defineCustomElement$1s } from '@siemens/ix/components/ix-textarea.js';
+import { defineCustomElement as defineCustomElement$1t } from '@siemens/ix/components/ix-tile.js';
+import { defineCustomElement as defineCustomElement$1u } from '@siemens/ix/components/ix-time-input.js';
+import { defineCustomElement as defineCustomElement$1v } from '@siemens/ix/components/ix-time-picker.js';
+import { defineCustomElement as defineCustomElement$1w } from '@siemens/ix/components/ix-toast.js';
+import { defineCustomElement as defineCustomElement$1x } from '@siemens/ix/components/ix-toast-container.js';
+import { defineCustomElement as defineCustomElement$1y } from '@siemens/ix/components/ix-toggle.js';
+import { defineCustomElement as defineCustomElement$1z } from '@siemens/ix/components/ix-toggle-button.js';
+import { defineCustomElement as defineCustomElement$1A } from '@siemens/ix/components/ix-tooltip.js';
+import { defineCustomElement as defineCustomElement$1B } from '@siemens/ix/components/ix-tree-item.js';
+import { defineCustomElement as defineCustomElement$1C } from '@siemens/ix/components/ix-typography.js';
+import { defineCustomElement as defineCustomElement$1D } from '@siemens/ix/components/ix-upload.js';
+import { defineCustomElement as defineCustomElement$1E } from '@siemens/ix/components/ix-workflow-step.js';
+import { defineCustomElement as defineCustomElement$1F } from '@siemens/ix/components/ix-workflow-steps.js';
+import { defineCustomElement as defineCustomElement$1G } from '@siemens/ix/components/ix-application-switch-modal.js';
+import { defineCustomElement as defineCustomElement$1H } from '@siemens/ix-icons/components/ix-icon.js';
+import { defineCustomElement as defineCustomElement$1I } from '@siemens/ix/components/ix-tree.js';
 import { TreeBaseDirective, ModalService as ModalService$1, ToastService as ToastService$1, MessageService as MessageService$1, LoadingService as LoadingService$1, BooleanValueAccessorBaseDirective, createValueAccessorProvider, RadioValueAccessorBaseDirective, SelectValueAccessorBaseDirective, TextValueAccessorBaseDirective, DateValueAccessorBaseDirective, TimeValueAccessorBaseDirective, DatetimeValueAccessorBaseDirective, DropdownTriggerBaseDirective } from '@siemens/ix-angular/common';
 export { IxActiveModal } from '@siemens/ix-angular/common';
 import { createShowModalLoading } from '@siemens/ix';
-import { defineCustomElement as defineCustomElement$1E } from '@siemens/ix/components/ix-modal-loading.js';
+import { defineCustomElement as defineCustomElement$1J } from '@siemens/ix/components/ix-modal-loading.js';
 
 /* eslint-disable */
 /* tslint:disable */
@@ -1311,12 +1316,12 @@ let IxFilterChip = class IxFilterChip {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxFilterChip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: IxFilterChip, isStandalone: true, selector: "ix-filter-chip", inputs: { ariaLabelCloseIconButton: "ariaLabelCloseIconButton", disabled: "disabled", readonly: "readonly" }, outputs: { closeClick: "closeClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: IxFilterChip, isStandalone: true, selector: "ix-filter-chip", inputs: { ariaLabelCloseIconButton: "ariaLabelCloseIconButton", disabled: "disabled", hideCloseButton: "hideCloseButton", readonly: "readonly" }, outputs: { closeClick: "closeClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxFilterChip = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$C,
-        inputs: ['ariaLabelCloseIconButton', 'disabled', 'readonly']
+        inputs: ['ariaLabelCloseIconButton', 'disabled', 'hideCloseButton', 'readonly']
     })
 ], IxFilterChip);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxFilterChip, decorators: [{
@@ -1326,7 +1331,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['ariaLabelCloseIconButton', 'disabled', 'readonly'],
+                    inputs: ['ariaLabelCloseIconButton', 'disabled', 'hideCloseButton', 'readonly'],
                     outputs: ['closeClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { closeClick: [{
@@ -1785,12 +1790,12 @@ let IxMenu = class IxMenu {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenu, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: IxMenu, isStandalone: true, selector: "ix-menu", inputs: { applicationDescription: "applicationDescription", applicationName: "applicationName", enableToggleTheme: "enableToggleTheme", expand: "expand", i18nCollapse: "i18nCollapse", i18nExpand: "i18nExpand", i18nLegal: "i18nLegal", i18nSettings: "i18nSettings", i18nToggleTheme: "i18nToggleTheme", pinned: "pinned", showAbout: "showAbout", showSettings: "showSettings", startExpanded: "startExpanded" }, outputs: { expandChange: "expandChange", mapExpandChange: "mapExpandChange", openAppSwitch: "openAppSwitch", openSettings: "openSettings", openAbout: "openAbout" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: IxMenu, isStandalone: true, selector: "ix-menu", inputs: { applicationDescription: "applicationDescription", applicationName: "applicationName", enableToggleTheme: "enableToggleTheme", expand: "expand", i18nAriaLabelMenu: "i18nAriaLabelMenu", i18nCollapse: "i18nCollapse", i18nExpand: "i18nExpand", i18nLegal: "i18nLegal", i18nNavigationHint: "i18nNavigationHint", i18nSettings: "i18nSettings", i18nToggleTheme: "i18nToggleTheme", pinned: "pinned", showAbout: "showAbout", showSettings: "showSettings", startExpanded: "startExpanded" }, outputs: { expandChange: "expandChange", mapExpandChange: "mapExpandChange", openAppSwitch: "openAppSwitch", openSettings: "openSettings", openAbout: "openAbout" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxMenu = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$S,
-        inputs: ['applicationDescription', 'applicationName', 'enableToggleTheme', 'expand', 'i18nCollapse', 'i18nExpand', 'i18nLegal', 'i18nSettings', 'i18nToggleTheme', 'pinned', 'showAbout', 'showSettings', 'startExpanded'],
+        inputs: ['applicationDescription', 'applicationName', 'enableToggleTheme', 'expand', 'i18nAriaLabelMenu', 'i18nCollapse', 'i18nExpand', 'i18nLegal', 'i18nNavigationHint', 'i18nSettings', 'i18nToggleTheme', 'pinned', 'showAbout', 'showSettings', 'startExpanded'],
         methods: ['toggleMapExpand', 'toggleMenu', 'toggleSettings', 'toggleAbout']
     })
 ], IxMenu);
@@ -1801,7 +1806,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['applicationDescription', 'applicationName', 'enableToggleTheme', 'expand', 'i18nCollapse', 'i18nExpand', 'i18nLegal', 'i18nSettings', 'i18nToggleTheme', 'pinned', 'showAbout', 'showSettings', 'startExpanded'],
+                    inputs: ['applicationDescription', 'applicationName', 'enableToggleTheme', 'expand', 'i18nAriaLabelMenu', 'i18nCollapse', 'i18nExpand', 'i18nLegal', 'i18nNavigationHint', 'i18nSettings', 'i18nToggleTheme', 'pinned', 'showAbout', 'showSettings', 'startExpanded'],
                     outputs: ['expandChange', 'mapExpandChange', 'openAppSwitch', 'openSettings', 'openAbout'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { expandChange: [{
@@ -2330,12 +2335,12 @@ let IxPane = class IxPane {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPane, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: IxPane, isStandalone: true, selector: "ix-pane", inputs: { ariaLabelCollapseCloseButton: "ariaLabelCollapseCloseButton", ariaLabelIcon: "ariaLabelIcon", borderless: "borderless", closeOnClickOutside: "closeOnClickOutside", composition: "composition", expanded: "expanded", heading: "heading", hideOnCollapse: "hideOnCollapse", icon: "icon", size: "size", variant: "variant" }, outputs: { expandedChanged: "expandedChanged", variantChanged: "variantChanged", borderlessChanged: "borderlessChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: IxPane, isStandalone: true, selector: "ix-pane", inputs: { ariaLabelCollapseCloseButton: "ariaLabelCollapseCloseButton", ariaLabelIcon: "ariaLabelIcon", borderless: "borderless", closeOnClickOutside: "closeOnClickOutside", composition: "composition", expanded: "expanded", heading: "heading", hideOnCollapse: "hideOnCollapse", icon: "icon", noPadding: "noPadding", size: "size", variant: "variant" }, outputs: { expandedChanged: "expandedChanged", variantChanged: "variantChanged", borderlessChanged: "borderlessChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxPane = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$17,
-        inputs: ['ariaLabelCollapseCloseButton', 'ariaLabelIcon', 'borderless', 'closeOnClickOutside', 'composition', 'expanded', 'heading', 'hideOnCollapse', 'icon', 'size', 'variant']
+        inputs: ['ariaLabelCollapseCloseButton', 'ariaLabelIcon', 'borderless', 'closeOnClickOutside', 'composition', 'expanded', 'heading', 'hideOnCollapse', 'icon', 'noPadding', 'size', 'variant']
     })
 ], IxPane);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPane, decorators: [{
@@ -2345,7 +2350,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['ariaLabelCollapseCloseButton', 'ariaLabelIcon', 'borderless', 'closeOnClickOutside', 'composition', 'expanded', 'heading', 'hideOnCollapse', 'icon', 'size', 'variant'],
+                    inputs: ['ariaLabelCollapseCloseButton', 'ariaLabelIcon', 'borderless', 'closeOnClickOutside', 'composition', 'expanded', 'heading', 'hideOnCollapse', 'icon', 'noPadding', 'size', 'variant'],
                     outputs: ['expandedChanged', 'variantChanged', 'borderlessChanged'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { expandedChanged: [{
@@ -2409,6 +2414,153 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                     inputs: ['alignLeft', 'ariaLabelIcon', 'background', 'icon', 'outline', 'pillColor', 'tooltipText', 'variant'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let IxPopover = class IxPopover {
+    z;
+    el;
+    showChange = new EventEmitter();
+    showChanged = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPopover, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: IxPopover, isStandalone: true, selector: "ix-popover", inputs: { closeOnClickOutside: "closeOnClickOutside", hasSpike: "hasSpike", placement: "placement", show: "show", trigger: "trigger", triggerMode: "triggerMode" }, outputs: { showChange: "showChange", showChanged: "showChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+IxPopover = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$1a,
+        inputs: ['closeOnClickOutside', 'hasSpike', 'placement', 'show', 'trigger', 'triggerMode'],
+        methods: ['showPopover', 'hidePopover']
+    })
+], IxPopover);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPopover, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ix-popover',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['closeOnClickOutside', 'hasSpike', 'placement', 'show', 'trigger', 'triggerMode'],
+                    outputs: ['showChange', 'showChanged'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { showChange: [{
+                type: Output
+            }], showChanged: [{
+                type: Output
+            }] } });
+let IxPopoverContent = class IxPopoverContent {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPopoverContent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: IxPopoverContent, isStandalone: true, selector: "ix-popover-content", inputs: { noPadding: "noPadding" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+IxPopoverContent = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$1b,
+        inputs: ['noPadding']
+    })
+], IxPopoverContent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPopoverContent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ix-popover-content',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['noPadding'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let IxPopoverFooter = class IxPopoverFooter {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPopoverFooter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: IxPopoverFooter, isStandalone: true, selector: "ix-popover-footer", inputs: { alignment: "alignment" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+IxPopoverFooter = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$1c,
+        inputs: ['alignment']
+    })
+], IxPopoverFooter);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPopoverFooter, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ix-popover-footer',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['alignment'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let IxPopoverHeader = class IxPopoverHeader {
+    z;
+    el;
+    closeClick = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPopoverHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: IxPopoverHeader, isStandalone: true, selector: "ix-popover-header", inputs: { ariaLabelCloseIconButton: "ariaLabelCloseIconButton", hideClose: "hideClose", icon: "icon", iconColor: "iconColor" }, outputs: { closeClick: "closeClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+IxPopoverHeader = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$1d,
+        inputs: ['ariaLabelCloseIconButton', 'hideClose', 'icon', 'iconColor']
+    })
+], IxPopoverHeader);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPopoverHeader, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ix-popover-header',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['ariaLabelCloseIconButton', 'hideClose', 'icon', 'iconColor'],
+                    outputs: ['closeClick'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { closeClick: [{
+                type: Output
+            }] } });
+let IxPopoverImage = class IxPopoverImage {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPopoverImage, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: IxPopoverImage, isStandalone: true, selector: "ix-popover-image", inputs: { image: "image", imageAlt: "imageAlt" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+IxPopoverImage = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$1e,
+        inputs: ['image', 'imageAlt']
+    })
+], IxPopoverImage);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPopoverImage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ix-popover-image',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['image', 'imageAlt'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IxProgressIndicator = class IxProgressIndicator {
     z;
     el;
@@ -2422,7 +2574,7 @@ let IxProgressIndicator = class IxProgressIndicator {
 };
 IxProgressIndicator = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1a,
+        defineCustomElementFn: defineCustomElement$1f,
         inputs: ['helperText', 'label', 'max', 'min', 'showTextAsTooltip', 'size', 'status', 'textAlignment', 'type', 'value']
     })
 ], IxProgressIndicator);
@@ -2449,7 +2601,7 @@ let IxPushCard = class IxPushCard {
 };
 IxPushCard = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1b,
+        defineCustomElementFn: defineCustomElement$1g,
         inputs: ['ariaLabelIcon', 'expanded', 'heading', 'icon', 'notification', 'passive', 'subheading', 'variant']
     })
 ], IxPushCard);
@@ -2479,7 +2631,7 @@ let IxRadio = class IxRadio {
 };
 IxRadio = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1c,
+        defineCustomElementFn: defineCustomElement$1h,
         inputs: ['checked', 'disabled', 'label', 'name', 'required', 'value']
     })
 ], IxRadio);
@@ -2514,7 +2666,7 @@ let IxRadioGroup = class IxRadioGroup {
 };
 IxRadioGroup = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1d,
+        defineCustomElementFn: defineCustomElement$1i,
         inputs: ['direction', 'helperText', 'infoText', 'invalidText', 'label', 'showTextAsTooltip', 'validText', 'value', 'warningText']
     })
 ], IxRadioGroup);
@@ -2544,7 +2696,7 @@ let IxRangeField = class IxRangeField {
 };
 IxRangeField = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1e,
+        defineCustomElementFn: defineCustomElement$1j,
         inputs: ['hideArrow', 'type']
     })
 ], IxRangeField);
@@ -2571,7 +2723,7 @@ let IxRow = class IxRow {
 };
 IxRow = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1f
+        defineCustomElementFn: defineCustomElement$1k
     })
 ], IxRow);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxRow, decorators: [{
@@ -2597,12 +2749,12 @@ let IxSelect = class IxSelect {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: IxSelect, isStandalone: true, selector: "ix-select", inputs: { allowClear: "allowClear", ariaLabelAddItem: "ariaLabelAddItem", ariaLabelClearIconButton: "ariaLabelClearIconButton", collapseMultipleSelection: "collapseMultipleSelection", disabled: "disabled", dropdownMaxWidth: "dropdownMaxWidth", dropdownWidth: "dropdownWidth", editable: "editable", enableTopLayer: "enableTopLayer", helperText: "helperText", hideListHeader: "hideListHeader", i18nAllSelected: "i18nAllSelected", i18nNoMatches: "i18nNoMatches", i18nPlaceholder: "i18nPlaceholder", i18nPlaceholderEditable: "i18nPlaceholderEditable", i18nRemoveSelectedItem: "i18nRemoveSelectedItem", i18nSelectListHeader: "i18nSelectListHeader", infoText: "infoText", invalidText: "invalidText", label: "label", mode: "mode", name: "name", readonly: "readonly", required: "required", showTextAsTooltip: "showTextAsTooltip", validText: "validText", value: "value", warningText: "warningText" }, outputs: { valueChange: "valueChange", inputChange: "inputChange", addItem: "addItem", ixBlur: "ixBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: IxSelect, isStandalone: true, selector: "ix-select", inputs: { allowClear: "allowClear", ariaLabelAddItem: "ariaLabelAddItem", ariaLabelClearIconButton: "ariaLabelClearIconButton", collapseMultipleSelection: "collapseMultipleSelection", disabled: "disabled", dropdownMaxWidth: "dropdownMaxWidth", dropdownWidth: "dropdownWidth", editable: "editable", enableTopLayer: "enableTopLayer", helperText: "helperText", hideListHeader: "hideListHeader", i18nAllSelected: "i18nAllSelected", i18nMoreItems: "i18nMoreItems", i18nNoMatches: "i18nNoMatches", i18nPlaceholder: "i18nPlaceholder", i18nPlaceholderEditable: "i18nPlaceholderEditable", i18nRemoveSelectedItem: "i18nRemoveSelectedItem", i18nSelectListHeader: "i18nSelectListHeader", infoText: "infoText", invalidText: "invalidText", label: "label", mode: "mode", name: "name", readonly: "readonly", required: "required", showTextAsTooltip: "showTextAsTooltip", validText: "validText", value: "value", warningText: "warningText" }, outputs: { valueChange: "valueChange", inputChange: "inputChange", addItem: "addItem", ixBlur: "ixBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxSelect = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1g,
-        inputs: ['allowClear', 'ariaLabelAddItem', 'ariaLabelClearIconButton', 'collapseMultipleSelection', 'disabled', 'dropdownMaxWidth', 'dropdownWidth', 'editable', 'enableTopLayer', 'helperText', 'hideListHeader', 'i18nAllSelected', 'i18nNoMatches', 'i18nPlaceholder', 'i18nPlaceholderEditable', 'i18nRemoveSelectedItem', 'i18nSelectListHeader', 'infoText', 'invalidText', 'label', 'mode', 'name', 'readonly', 'required', 'showTextAsTooltip', 'validText', 'value', 'warningText'],
+        defineCustomElementFn: defineCustomElement$1l,
+        inputs: ['allowClear', 'ariaLabelAddItem', 'ariaLabelClearIconButton', 'collapseMultipleSelection', 'disabled', 'dropdownMaxWidth', 'dropdownWidth', 'editable', 'enableTopLayer', 'helperText', 'hideListHeader', 'i18nAllSelected', 'i18nMoreItems', 'i18nNoMatches', 'i18nPlaceholder', 'i18nPlaceholderEditable', 'i18nRemoveSelectedItem', 'i18nSelectListHeader', 'infoText', 'invalidText', 'label', 'mode', 'name', 'readonly', 'required', 'showTextAsTooltip', 'validText', 'value', 'warningText'],
         methods: ['getNativeInputElement', 'focusInput']
     })
 ], IxSelect);
@@ -2613,7 +2765,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['allowClear', 'ariaLabelAddItem', 'ariaLabelClearIconButton', 'collapseMultipleSelection', 'disabled', 'dropdownMaxWidth', 'dropdownWidth', 'editable', 'enableTopLayer', 'helperText', 'hideListHeader', 'i18nAllSelected', 'i18nNoMatches', 'i18nPlaceholder', 'i18nPlaceholderEditable', 'i18nRemoveSelectedItem', 'i18nSelectListHeader', 'infoText', 'invalidText', 'label', 'mode', 'name', 'readonly', 'required', 'showTextAsTooltip', 'validText', 'value', 'warningText'],
+                    inputs: ['allowClear', 'ariaLabelAddItem', 'ariaLabelClearIconButton', 'collapseMultipleSelection', 'disabled', 'dropdownMaxWidth', 'dropdownWidth', 'editable', 'enableTopLayer', 'helperText', 'hideListHeader', 'i18nAllSelected', 'i18nMoreItems', 'i18nNoMatches', 'i18nPlaceholder', 'i18nPlaceholderEditable', 'i18nRemoveSelectedItem', 'i18nSelectListHeader', 'infoText', 'invalidText', 'label', 'mode', 'name', 'readonly', 'required', 'showTextAsTooltip', 'validText', 'value', 'warningText'],
                     outputs: ['valueChange', 'inputChange', 'addItem', 'ixBlur'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChange: [{
@@ -2635,12 +2787,12 @@ let IxSelectItem = class IxSelectItem {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxSelectItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: IxSelectItem, isStandalone: true, selector: "ix-select-item", inputs: { label: "label", selected: "selected", value: "value" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: IxSelectItem, isStandalone: true, selector: "ix-select-item", inputs: { disabled: "disabled", label: "label", selected: "selected", value: "value" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxSelectItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1h,
-        inputs: ['label', 'selected', 'value']
+        defineCustomElementFn: defineCustomElement$1m,
+        inputs: ['disabled', 'label', 'selected', 'value']
     })
 ], IxSelectItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxSelectItem, decorators: [{
@@ -2650,7 +2802,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['label', 'selected', { name: 'value', required: true }],
+                    inputs: ['disabled', 'label', 'selected', { name: 'value', required: true }],
                     outputs: ['itemClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { itemClick: [{
@@ -2670,7 +2822,7 @@ let IxSlider = class IxSlider {
 };
 IxSlider = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1i,
+        defineCustomElementFn: defineCustomElement$1n,
         inputs: ['disabled', 'helperText', 'infoText', 'invalidText', 'label', 'marker', 'max', 'min', 'showTextAsTooltip', 'step', 'trace', 'traceReference', 'validText', 'value', 'warningText']
     })
 ], IxSlider);
@@ -2700,7 +2852,7 @@ let IxSpinner = class IxSpinner {
 };
 IxSpinner = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1j,
+        defineCustomElementFn: defineCustomElement$1o,
         inputs: ['size', 'variant']
     })
 ], IxSpinner);
@@ -2728,7 +2880,7 @@ let IxSplitButton = class IxSplitButton {
 };
 IxSplitButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1k,
+        defineCustomElementFn: defineCustomElement$1p,
         inputs: ['ariaLabelButton', 'ariaLabelSplitIconButton', 'closeBehavior', 'disableButton', 'disableDropdownButton', 'disabled', 'enableTopLayer', 'icon', 'label', 'splitIcon', 'variant']
     })
 ], IxSplitButton);
@@ -2760,7 +2912,7 @@ let IxTabItem = class IxTabItem {
 };
 IxTabItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1l,
+        defineCustomElementFn: defineCustomElement$1q,
         inputs: ['ariaLabelCloseButton', 'closable', 'counter', 'disabled', 'icon', 'label', 'selected', 'tabKey']
     })
 ], IxTabItem);
@@ -2794,7 +2946,7 @@ let IxTabs = class IxTabs {
 };
 IxTabs = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1m,
+        defineCustomElementFn: defineCustomElement$1r,
         inputs: ['activeTabKey', 'ariaLabelMoreTabs', 'keyboardNavigation', 'layout', 'placement', 'rounded', 'small']
     })
 ], IxTabs);
@@ -2830,7 +2982,7 @@ let IxTextarea = class IxTextarea {
 };
 IxTextarea = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1n,
+        defineCustomElementFn: defineCustomElement$1s,
         inputs: ['disabled', 'helperText', 'infoText', 'invalidText', 'label', 'maxLength', 'minLength', 'name', 'placeholder', 'readonly', 'required', 'resizeBehavior', 'showTextAsTooltip', 'textareaCols', 'textareaHeight', 'textareaRows', 'textareaWidth', 'validText', 'value', 'warningText'],
         methods: ['getNativeInputElement', 'focusInput']
     })
@@ -2867,7 +3019,7 @@ let IxTile = class IxTile {
 };
 IxTile = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1o,
+        defineCustomElementFn: defineCustomElement$1t,
         inputs: ['size']
     })
 ], IxTile);
@@ -2897,7 +3049,7 @@ let IxTimeInput = class IxTimeInput {
 };
 IxTimeInput = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1p,
+        defineCustomElementFn: defineCustomElement$1u,
         inputs: ['ariaLabelTimeToggleButton', 'disabled', 'enableTopLayer', 'format', 'helperText', 'hideHeader', 'hourInterval', 'i18nErrorTimeUnparsable', 'i18nHourColumnHeader', 'i18nMillisecondColumnHeader', 'i18nMinuteColumnHeader', 'i18nSecondColumnHeader', 'i18nSelectTime', 'i18nTime', 'infoText', 'invalidText', 'label', 'maxTime', 'millisecondInterval', 'minTime', 'minuteInterval', 'name', 'placeholder', 'readonly', 'required', 'secondInterval', 'showTextAsTooltip', 'suppressSubmitOnEnter', 'textAlignment', 'validText', 'value', 'warningText'],
         methods: ['getNativeInputElement', 'focusInput']
     })
@@ -2934,7 +3086,7 @@ let IxTimePicker = class IxTimePicker {
 };
 IxTimePicker = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1q,
+        defineCustomElementFn: defineCustomElement$1v,
         inputs: ['corners', 'embedded', 'format', 'hideHeader', 'hourInterval', 'i18nConfirmTime', 'i18nHeader', 'i18nHourColumnHeader', 'i18nMillisecondColumnHeader', 'i18nMinuteColumnHeader', 'i18nSecondColumnHeader', 'maxTime', 'millisecondInterval', 'minTime', 'minuteInterval', 'secondInterval', 'time'],
         methods: ['getCurrentTime']
     })
@@ -2968,7 +3120,7 @@ let IxToast = class IxToast {
 };
 IxToast = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1r,
+        defineCustomElementFn: defineCustomElement$1w,
         inputs: ['ariaLabelCloseIconButton', 'autoCloseDelay', 'hideIcon', 'icon', 'iconColor', 'preventAutoClose', 'toastTitle', 'type'],
         methods: ['pause', 'resume', 'isPaused']
     })
@@ -2999,7 +3151,7 @@ let IxToastContainer = class IxToastContainer {
 };
 IxToastContainer = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1s,
+        defineCustomElementFn: defineCustomElement$1x,
         inputs: ['position'],
         methods: ['showToast']
     })
@@ -3029,7 +3181,7 @@ let IxToggle = class IxToggle {
 };
 IxToggle = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1t,
+        defineCustomElementFn: defineCustomElement$1y,
         inputs: ['checked', 'disabled', 'hideText', 'indeterminate', 'name', 'required', 'textIndeterminate', 'textOff', 'textOn', 'value']
     })
 ], IxToggle);
@@ -3062,7 +3214,7 @@ let IxToggleButton = class IxToggleButton {
 };
 IxToggleButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1u,
+        defineCustomElementFn: defineCustomElement$1z,
         inputs: ['disabled', 'icon', 'iconRight', 'loading', 'pressed', 'variant']
     })
 ], IxToggleButton);
@@ -3092,7 +3244,7 @@ let IxTooltip = class IxTooltip {
 };
 IxTooltip = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1v,
+        defineCustomElementFn: defineCustomElement$1A,
         inputs: ['for', 'interactive', 'placement', 'titleContent']
     })
 ], IxTooltip);
@@ -3121,7 +3273,7 @@ let IxTreeItem = class IxTreeItem {
 };
 IxTreeItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1w,
+        defineCustomElementFn: defineCustomElement$1B,
         inputs: ['ariaLabelChevronIcon', 'context', 'disabled', 'hasChildren', 'text']
     })
 ], IxTreeItem);
@@ -3153,7 +3305,7 @@ let IxTypography = class IxTypography {
 };
 IxTypography = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1x,
+        defineCustomElementFn: defineCustomElement$1C,
         inputs: ['bold', 'format', 'textColor', 'textDecoration']
     })
 ], IxTypography);
@@ -3181,7 +3333,7 @@ let IxUpload = class IxUpload {
 };
 IxUpload = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1y,
+        defineCustomElementFn: defineCustomElement$1D,
         inputs: ['accept', 'directoryUpload', 'disabled', 'i18nUploadDisabled', 'i18nUploadFile', 'loadingText', 'multiline', 'multiple', 'selectFileText', 'state', 'uploadFailedText', 'uploadSuccessText'],
         methods: ['setFilesToUpload']
     })
@@ -3212,7 +3364,7 @@ let IxWorkflowStep = class IxWorkflowStep {
 };
 IxWorkflowStep = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1z,
+        defineCustomElementFn: defineCustomElement$1E,
         inputs: ['clickable', 'disabled', 'selected', 'status', 'vertical']
     })
 ], IxWorkflowStep);
@@ -3240,7 +3392,7 @@ let IxWorkflowSteps = class IxWorkflowSteps {
 };
 IxWorkflowSteps = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1A,
+        defineCustomElementFn: defineCustomElement$1F,
         inputs: ['clickable', 'selectedIndex', 'vertical']
     })
 ], IxWorkflowSteps);
@@ -3270,8 +3422,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
  * Define custom elements during usage of the library to ensure that all
  * components are registered before they are used.
  */
-defineCustomElement$1B();
-defineCustomElement$1C();
+defineCustomElement$1G();
+defineCustomElement$1H();
 
 let IxIcon = class IxIcon {
     z;
@@ -3287,7 +3439,7 @@ let IxIcon = class IxIcon {
 IxIcon = __decorate([
     ProxyCmp({
         inputs: ['color', 'size', 'name', 'lazyLoading'],
-        defineCustomElementFn: defineCustomElement$1C,
+        defineCustomElementFn: defineCustomElement$1H,
     })
 ], IxIcon);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxIcon, decorators: [{
@@ -3313,7 +3465,7 @@ let IxTree = class IxTree extends TreeBaseDirective {
 IxTree = __decorate([
     ProxyCmp({
         inputs: ['context', 'model', 'root', 'lazyLoading'],
-        defineCustomElementFn: defineCustomElement$1D,
+        defineCustomElementFn: defineCustomElement$1I,
     })
 ], IxTree);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTree, decorators: [{
@@ -3335,8 +3487,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
  * LICENSE file in the root directory of this source tree.
  */
 class ModalService extends ModalService$1 {
-    constructor(appRef, componentFactoryResolver, injector) {
-        super(appRef, componentFactoryResolver, injector);
+    constructor(appRef, environmentInjector, injector) {
+        super(appRef, environmentInjector, injector);
         defineCustomElement$11();
     }
     open(config) {
@@ -3345,13 +3497,13 @@ class ModalService extends ModalService$1 {
     close(instance, reason) {
         super.close(instance, reason);
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ModalService, deps: [{ token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ModalService, deps: [{ token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
     /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ModalService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ModalService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }] });
+        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.EnvironmentInjector }, { type: i0.Injector }] });
 
 /*
  * SPDX-FileCopyrightText: 2024 Siemens AG
@@ -3364,8 +3516,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
 class ToastService extends ToastService$1 {
     constructor() {
         super();
-        defineCustomElement$1r();
-        defineCustomElement$1s();
+        defineCustomElement$1w();
+        defineCustomElement$1x();
     }
     getPosition() {
         return super.getPosition();
@@ -3427,7 +3579,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
  */
 const showModalLoadingWithDependencies = createShowModalLoading([
     { tag: 'ix-modal', define: defineCustomElement$11 },
-    { tag: 'ix-modal-loading', define: defineCustomElement$1E },
+    { tag: 'ix-modal-loading', define: defineCustomElement$1J },
 ]);
 class LoadingService extends LoadingService$1 {
     showModalLoading(options) {
@@ -3697,5 +3849,5 @@ const IxValueAccessorDirectives = [
  * Generated bundle index. Do not edit.
  */
 
-export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, IxBooleanValueAccessorDirective, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDateValueAccessorDirective, IxDatetimeInput, IxDatetimePicker, IxDatetimeValueAccessorDirective, IxDivider, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxDropdownTriggerDirective, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIcon, IxIconButton, IxIconToggleButton, IxInput, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutAuto, IxLayoutGrid, IxLinkButton, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalFooter, IxModalHeader, IxNumberInput, IxPagination, IxPane, IxPaneLayout, IxPill, IxProgressIndicator, IxPushCard, IxRadio, IxRadioGroup, IxRadioValueAccessorDirective, IxRangeField, IxRow, IxSelect, IxSelectItem, IxSelectValueAccessorDirective, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextValueAccessorDirective, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxTimeValueAccessorDirective, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTree, IxTreeItem, IxTypography, IxUpload, IxValueAccessorDirectives, IxWorkflowStep, IxWorkflowSteps, LoadingService, MessageService, ModalService, ToastService };
+export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, IxBooleanValueAccessorDirective, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDateValueAccessorDirective, IxDatetimeInput, IxDatetimePicker, IxDatetimeValueAccessorDirective, IxDivider, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxDropdownTriggerDirective, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIcon, IxIconButton, IxIconToggleButton, IxInput, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutAuto, IxLayoutGrid, IxLinkButton, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalFooter, IxModalHeader, IxNumberInput, IxPagination, IxPane, IxPaneLayout, IxPill, IxPopover, IxPopoverContent, IxPopoverFooter, IxPopoverHeader, IxPopoverImage, IxProgressIndicator, IxPushCard, IxRadio, IxRadioGroup, IxRadioValueAccessorDirective, IxRangeField, IxRow, IxSelect, IxSelectItem, IxSelectValueAccessorDirective, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextValueAccessorDirective, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxTimeValueAccessorDirective, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTree, IxTreeItem, IxTypography, IxUpload, IxValueAccessorDirectives, IxWorkflowStep, IxWorkflowSteps, LoadingService, MessageService, ModalService, ToastService };
 //# sourceMappingURL=siemens-ix-angular-standalone.mjs.map