@siemens/ix-angular 4.4.0 → 5.1.0

package/fesm2022/siemens-ix-angular.mjs

@@ -3,7 +3,7 @@ import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
 import { ChangeDetectionStrategy, Component, EventEmitter, Output, Injectable, Directive, Input, NgZone, APP_INITIALIZER, NgModule } from '@angular/core';
 import { fromEvent } from 'rxjs';
-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, DropdownTriggerBaseDirective } from '@siemens/ix-angular/common';
+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 { DOCUMENT } from '@angular/common';
 import { defineCustomElements } from '@siemens/ix-icons/loader';
@@ -103,11 +103,11 @@ let IxApplication = class IxApplication {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxApplication, 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: IxApplication, isStandalone: false, selector: "ix-application", inputs: { appSwitchConfig: "appSwitchConfig", breakpoints: "breakpoints", forceBreakpoint: "forceBreakpoint", theme: "theme", themeSystemAppearance: "themeSystemAppearance" }, 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: IxApplication, isStandalone: false, selector: "ix-application", inputs: { appSwitchConfig: "appSwitchConfig", breakpoints: "breakpoints", colorSchema: "colorSchema", forceBreakpoint: "forceBreakpoint", theme: "theme" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxApplication = __decorate([
     ProxyCmp({
-        inputs: ['appSwitchConfig', 'breakpoints', 'forceBreakpoint', 'theme', 'themeSystemAppearance']
+        inputs: ['appSwitchConfig', 'breakpoints', 'colorSchema', 'forceBreakpoint', 'theme']
     })
 ], IxApplication);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxApplication, decorators: [{
@@ -117,7 +117,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: ['appSwitchConfig', 'breakpoints', 'forceBreakpoint', 'theme', 'themeSystemAppearance'],
+                    inputs: ['appSwitchConfig', 'breakpoints', 'colorSchema', 'forceBreakpoint', 'theme'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
@@ -132,11 +132,11 @@ let IxApplicationHeader = class IxApplicationHeader {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxApplicationHeader, 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: IxApplicationHeader, isStandalone: false, selector: "ix-application-header", inputs: { appIcon: "appIcon", appIconAlt: "appIconAlt", appIconOutline: "appIconOutline", ariaLabelAppSwitchIconButton: "ariaLabelAppSwitchIconButton", ariaLabelMenuExpandIconButton: "ariaLabelMenuExpandIconButton", ariaLabelMoreMenuIconButton: "ariaLabelMoreMenuIconButton", companyLogo: "companyLogo", companyLogoAlt: "companyLogoAlt", enableTopLayer: "enableTopLayer", hideBottomBorder: "hideBottomBorder", name: "name", nameSuffix: "nameSuffix", showMenu: "showMenu" }, outputs: { menuToggle: "menuToggle", openAppSwitch: "openAppSwitch" }, 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: IxApplicationHeader, isStandalone: false, selector: "ix-application-header", inputs: { appIcon: "appIcon", appIconAlt: "appIconAlt", appIconOutline: "appIconOutline", ariaLabelAppSwitchIconButton: "ariaLabelAppSwitchIconButton", ariaLabelMoreMenuIconButton: "ariaLabelMoreMenuIconButton", companyLogo: "companyLogo", companyLogoAlt: "companyLogoAlt", enableTopLayer: "enableTopLayer", hideBottomBorder: "hideBottomBorder", name: "name", nameSuffix: "nameSuffix", showMenu: "showMenu" }, outputs: { menuToggle: "menuToggle", openAppSwitch: "openAppSwitch" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxApplicationHeader = __decorate([
     ProxyCmp({
-        inputs: ['appIcon', 'appIconAlt', 'appIconOutline', 'ariaLabelAppSwitchIconButton', 'ariaLabelMenuExpandIconButton', 'ariaLabelMoreMenuIconButton', 'companyLogo', 'companyLogoAlt', 'enableTopLayer', 'hideBottomBorder', 'name', 'nameSuffix', 'showMenu']
+        inputs: ['appIcon', 'appIconAlt', 'appIconOutline', 'ariaLabelAppSwitchIconButton', 'ariaLabelMoreMenuIconButton', 'companyLogo', 'companyLogoAlt', 'enableTopLayer', 'hideBottomBorder', 'name', 'nameSuffix', 'showMenu']
     })
 ], IxApplicationHeader);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxApplicationHeader, decorators: [{
@@ -146,7 +146,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: ['appIcon', 'appIconAlt', 'appIconOutline', 'ariaLabelAppSwitchIconButton', 'ariaLabelMenuExpandIconButton', 'ariaLabelMoreMenuIconButton', 'companyLogo', 'companyLogoAlt', 'enableTopLayer', 'hideBottomBorder', 'name', 'nameSuffix', 'showMenu'],
+                    inputs: ['appIcon', 'appIconAlt', 'appIconOutline', 'ariaLabelAppSwitchIconButton', 'ariaLabelMoreMenuIconButton', 'companyLogo', 'companyLogoAlt', 'enableTopLayer', 'hideBottomBorder', 'name', 'nameSuffix', 'showMenu'],
                     outputs: ['menuToggle', 'openAppSwitch'],
                     standalone: false
                 }]
@@ -164,11 +164,11 @@ let IxAvatar = class IxAvatar {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxAvatar, 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: IxAvatar, isStandalone: false, selector: "ix-avatar", inputs: { a11yLabel: "a11yLabel", ariaLabelTooltip: "ariaLabelTooltip", extra: "extra", image: "image", initials: "initials", tooltipText: "tooltipText", username: "username" }, 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: IxAvatar, isStandalone: false, selector: "ix-avatar", inputs: { ariaLabelTooltip: "ariaLabelTooltip", extra: "extra", image: "image", initials: "initials", tooltipText: "tooltipText", username: "username" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxAvatar = __decorate([
     ProxyCmp({
-        inputs: ['a11yLabel', 'ariaLabelTooltip', 'extra', 'image', 'initials', 'tooltipText', 'username']
+        inputs: ['ariaLabelTooltip', 'extra', 'image', 'initials', 'tooltipText', 'username']
     })
 ], IxAvatar);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxAvatar, decorators: [{
@@ -178,7 +178,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: ['a11yLabel', 'ariaLabelTooltip', 'extra', 'image', 'initials', 'tooltipText', 'username'],
+                    inputs: ['ariaLabelTooltip', 'extra', 'image', 'initials', 'tooltipText', 'username'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
@@ -256,11 +256,11 @@ let IxBreadcrumbItem = class IxBreadcrumbItem {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxBreadcrumbItem, 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: IxBreadcrumbItem, isStandalone: false, selector: "ix-breadcrumb-item", inputs: { ariaLabelButton: "ariaLabelButton", href: "href", icon: "icon", label: "label", rel: "rel", target: "target" }, 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: IxBreadcrumbItem, isStandalone: false, selector: "ix-breadcrumb-item", inputs: { breadcrumbKey: "breadcrumbKey", href: "href", icon: "icon", label: "label", rel: "rel", target: "target" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxBreadcrumbItem = __decorate([
     ProxyCmp({
-        inputs: ['ariaLabelButton', 'href', 'icon', 'label', 'rel', 'target']
+        inputs: ['breadcrumbKey', 'href', 'icon', 'label', 'rel', 'target']
     })
 ], IxBreadcrumbItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxBreadcrumbItem, decorators: [{
@@ -270,7 +270,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: ['ariaLabelButton', 'href', 'icon', 'label', 'rel', 'target'],
+                    inputs: [{ name: 'breadcrumbKey', required: true }, 'href', 'icon', 'label', 'rel', 'target'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
@@ -283,11 +283,11 @@ let IxButton = class IxButton {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxButton, 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: IxButton, isStandalone: false, selector: "ix-button", inputs: { ariaLabelButton: "ariaLabelButton", disabled: "disabled", form: "form", href: "href", icon: "icon", iconRight: "iconRight", loading: "loading", rel: "rel", target: "target", type: "type", variant: "variant" }, 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: IxButton, isStandalone: false, selector: "ix-button", inputs: { disabled: "disabled", form: "form", href: "href", icon: "icon", iconRight: "iconRight", loading: "loading", rel: "rel", target: "target", type: "type", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxButton = __decorate([
     ProxyCmp({
-        inputs: ['ariaLabelButton', 'disabled', 'form', 'href', 'icon', 'iconRight', 'loading', 'rel', 'target', 'type', 'variant']
+        inputs: ['disabled', 'form', 'href', 'icon', 'iconRight', 'loading', 'rel', 'target', 'type', 'variant']
     })
 ], IxButton);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxButton, decorators: [{
@@ -297,7 +297,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: ['ariaLabelButton', 'disabled', 'form', 'href', 'icon', 'iconRight', 'loading', 'rel', 'target', 'type', 'variant'],
+                    inputs: ['disabled', 'form', 'href', 'icon', 'iconRight', 'loading', 'rel', 'target', 'type', 'variant'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
@@ -392,11 +392,11 @@ let IxCardList = class IxCardList {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCardList, 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: IxCardList, isStandalone: false, selector: "ix-card-list", inputs: { ariaLabelExpandButton: "ariaLabelExpandButton", collapse: "collapse", hideShowAll: "hideShowAll", i18nMoreCards: "i18nMoreCards", i18nShowAll: "i18nShowAll", label: "label", listStyle: "listStyle", showAllCount: "showAllCount", suppressOverflowHandling: "suppressOverflowHandling" }, outputs: { collapseChanged: "collapseChanged", showAllClick: "showAllClick", showMoreCardClick: "showMoreCardClick" }, 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: IxCardList, isStandalone: false, selector: "ix-card-list", inputs: { ariaLabelExpandButton: "ariaLabelExpandButton", collapse: "collapse", hideShowAll: "hideShowAll", i18nMoreCards: "i18nMoreCards", i18nShowAll: "i18nShowAll", i18nShowLess: "i18nShowLess", label: "label", listStyle: "listStyle", showAllCount: "showAllCount", suppressOverflowHandling: "suppressOverflowHandling" }, outputs: { collapseChanged: "collapseChanged", showAllClick: "showAllClick", showMoreCardClick: "showMoreCardClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxCardList = __decorate([
     ProxyCmp({
-        inputs: ['ariaLabelExpandButton', 'collapse', 'hideShowAll', 'i18nMoreCards', 'i18nShowAll', 'label', 'listStyle', 'showAllCount', 'suppressOverflowHandling']
+        inputs: ['ariaLabelExpandButton', 'collapse', 'hideShowAll', 'i18nMoreCards', 'i18nShowAll', 'i18nShowLess', 'label', 'listStyle', 'showAllCount', 'suppressOverflowHandling']
     })
 ], IxCardList);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCardList, decorators: [{
@@ -406,7 +406,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: ['ariaLabelExpandButton', 'collapse', 'hideShowAll', 'i18nMoreCards', 'i18nShowAll', 'label', 'listStyle', 'showAllCount', 'suppressOverflowHandling'],
+                    inputs: ['ariaLabelExpandButton', 'collapse', 'hideShowAll', 'i18nMoreCards', 'i18nShowAll', 'i18nShowLess', 'label', 'listStyle', 'showAllCount', 'suppressOverflowHandling'],
                     outputs: ['collapseChanged', 'showAllClick', 'showMoreCardClick'],
                     standalone: false
                 }]
@@ -556,11 +556,11 @@ let IxChip = class IxChip {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxChip, 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: IxChip, isStandalone: false, selector: "ix-chip", inputs: { ariaLabelCloseButton: "ariaLabelCloseButton", background: "background", centerContent: "centerContent", chipColor: "chipColor", closable: "closable", icon: "icon", inactive: "inactive", outline: "outline", tooltipText: "tooltipText", variant: "variant" }, outputs: { closeChip: "closeChip" }, 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: IxChip, isStandalone: false, selector: "ix-chip", inputs: { ariaLabelCloseButton: "ariaLabelCloseButton", ariaLabelIcon: "ariaLabelIcon", background: "background", centerContent: "centerContent", chipColor: "chipColor", closable: "closable", icon: "icon", inactive: "inactive", outline: "outline", tooltipText: "tooltipText", variant: "variant" }, outputs: { closeChip: "closeChip" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxChip = __decorate([
     ProxyCmp({
-        inputs: ['ariaLabelCloseButton', 'background', 'centerContent', 'chipColor', 'closable', 'icon', 'inactive', 'outline', 'tooltipText', 'variant']
+        inputs: ['ariaLabelCloseButton', 'ariaLabelIcon', 'background', 'centerContent', 'chipColor', 'closable', 'icon', 'inactive', 'outline', 'tooltipText', 'variant']
     })
 ], IxChip);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxChip, decorators: [{
@@ -570,7 +570,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: ['ariaLabelCloseButton', 'background', 'centerContent', 'chipColor', 'closable', 'icon', 'inactive', 'outline', 'tooltipText', 'variant'],
+                    inputs: ['ariaLabelCloseButton', 'ariaLabelIcon', 'background', 'centerContent', 'chipColor', 'closable', 'icon', 'inactive', 'outline', 'tooltipText', 'variant'],
                     outputs: ['closeChip'],
                     standalone: false
                 }]
@@ -697,11 +697,11 @@ let IxDateDropdown = class IxDateDropdown {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDateDropdown, 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: IxDateDropdown, isStandalone: false, selector: "ix-date-dropdown", inputs: { ariaLabelDropdownButton: "ariaLabelDropdownButton", customRangeDisabled: "customRangeDisabled", dateRangeId: "dateRangeId", dateRangeOptions: "dateRangeOptions", disabled: "disabled", enableTopLayer: "enableTopLayer", format: "format", from: "from", i18nCustomItem: "i18nCustomItem", i18nDone: "i18nDone", i18nNoRange: "i18nNoRange", loading: "loading", locale: "locale", maxDate: "maxDate", minDate: "minDate", showWeekNumbers: "showWeekNumbers", singleSelection: "singleSelection", to: "to", variant: "variant", weekStartIndex: "weekStartIndex" }, outputs: { dateRangeChange: "dateRangeChange" }, 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: IxDateDropdown, isStandalone: false, selector: "ix-date-dropdown", inputs: { dateRangeId: "dateRangeId", dateRangeOptions: "dateRangeOptions", disabled: "disabled", enableTopLayer: "enableTopLayer", format: "format", from: "from", i18nDone: "i18nDone", i18nNoRange: "i18nNoRange", loading: "loading", locale: "locale", maxDate: "maxDate", minDate: "minDate", showWeekNumbers: "showWeekNumbers", singleSelection: "singleSelection", to: "to", variant: "variant", weekStartIndex: "weekStartIndex" }, outputs: { dateRangeChange: "dateRangeChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxDateDropdown = __decorate([
     ProxyCmp({
-        inputs: ['ariaLabelDropdownButton', 'customRangeDisabled', 'dateRangeId', 'dateRangeOptions', 'disabled', 'enableTopLayer', 'format', 'from', 'i18nCustomItem', 'i18nDone', 'i18nNoRange', 'loading', 'locale', 'maxDate', 'minDate', 'showWeekNumbers', 'singleSelection', 'to', 'variant', 'weekStartIndex'],
+        inputs: ['dateRangeId', 'dateRangeOptions', 'disabled', 'enableTopLayer', 'format', 'from', 'i18nDone', 'i18nNoRange', 'loading', 'locale', 'maxDate', 'minDate', 'showWeekNumbers', 'singleSelection', 'to', 'variant', 'weekStartIndex'],
         methods: ['getDateRange']
     })
 ], IxDateDropdown);
@@ -712,7 +712,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: ['ariaLabelDropdownButton', 'customRangeDisabled', 'dateRangeId', 'dateRangeOptions', 'disabled', 'enableTopLayer', 'format', 'from', 'i18nCustomItem', 'i18nDone', 'i18nNoRange', 'loading', 'locale', 'maxDate', 'minDate', 'showWeekNumbers', 'singleSelection', 'to', 'variant', 'weekStartIndex'],
+                    inputs: ['dateRangeId', 'dateRangeOptions', 'disabled', 'enableTopLayer', 'format', 'from', 'i18nDone', 'i18nNoRange', 'loading', 'locale', 'maxDate', 'minDate', 'showWeekNumbers', 'singleSelection', 'to', 'variant', 'weekStartIndex'],
                     outputs: ['dateRangeChange'],
                     standalone: false
                 }]
@@ -769,11 +769,11 @@ let IxDatePicker = class IxDatePicker {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDatePicker, 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: IxDatePicker, isStandalone: false, selector: "ix-date-picker", inputs: { ariaLabelNextMonthButton: "ariaLabelNextMonthButton", ariaLabelPreviousMonthButton: "ariaLabelPreviousMonthButton", corners: "corners", enableTopLayer: "enableTopLayer", format: "format", from: "from", i18nDone: "i18nDone", locale: "locale", maxDate: "maxDate", minDate: "minDate", showWeekNumbers: "showWeekNumbers", singleSelection: "singleSelection", to: "to", weekStartIndex: "weekStartIndex" }, outputs: { dateChange: "dateChange", dateRangeChange: "dateRangeChange", dateSelect: "dateSelect" }, 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: IxDatePicker, isStandalone: false, selector: "ix-date-picker", inputs: { ariaLabelMonthSelection: "ariaLabelMonthSelection", ariaLabelNextMonthButton: "ariaLabelNextMonthButton", ariaLabelPreviousMonthButton: "ariaLabelPreviousMonthButton", ariaLabelYearSelection: "ariaLabelYearSelection", corners: "corners", enableTopLayer: "enableTopLayer", format: "format", from: "from", i18nDone: "i18nDone", locale: "locale", maxDate: "maxDate", minDate: "minDate", showWeekNumbers: "showWeekNumbers", singleSelection: "singleSelection", to: "to", weekStartIndex: "weekStartIndex" }, outputs: { dateChange: "dateChange", dateRangeChange: "dateRangeChange", dateSelect: "dateSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxDatePicker = __decorate([
     ProxyCmp({
-        inputs: ['ariaLabelNextMonthButton', 'ariaLabelPreviousMonthButton', 'corners', 'enableTopLayer', 'format', 'from', 'i18nDone', 'locale', 'maxDate', 'minDate', 'showWeekNumbers', 'singleSelection', 'to', 'weekStartIndex'],
+        inputs: ['ariaLabelMonthSelection', 'ariaLabelNextMonthButton', 'ariaLabelPreviousMonthButton', 'ariaLabelYearSelection', 'corners', 'enableTopLayer', 'format', 'from', 'i18nDone', 'locale', 'maxDate', 'minDate', 'showWeekNumbers', 'singleSelection', 'to', 'weekStartIndex'],
         methods: ['getCurrentDate']
     })
 ], IxDatePicker);
@@ -784,7 +784,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: ['ariaLabelNextMonthButton', 'ariaLabelPreviousMonthButton', 'corners', 'enableTopLayer', 'format', 'from', 'i18nDone', 'locale', 'maxDate', 'minDate', 'showWeekNumbers', 'singleSelection', 'to', 'weekStartIndex'],
+                    inputs: ['ariaLabelMonthSelection', 'ariaLabelNextMonthButton', 'ariaLabelPreviousMonthButton', 'ariaLabelYearSelection', 'corners', 'enableTopLayer', 'format', 'from', 'i18nDone', 'locale', 'maxDate', 'minDate', 'showWeekNumbers', 'singleSelection', 'to', 'weekStartIndex'],
                     outputs: ['dateChange', 'dateRangeChange', 'dateSelect'],
                     standalone: false
                 }]
@@ -795,6 +795,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
             }], dateSelect: [{
                 type: Output
             }] } });
+let IxDatetimeInput = class IxDatetimeInput {
+    z;
+    el;
+    valueChange = new EventEmitter();
+    validityStateChange = new EventEmitter();
+    ixFocus = new EventEmitter();
+    ixBlur = new EventEmitter();
+    ixChange = 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: IxDatetimeInput, 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: IxDatetimeInput, isStandalone: false, selector: "ix-datetime-input", inputs: { ariaLabelCalendarButton: "ariaLabelCalendarButton", ariaLabelNextMonthButton: "ariaLabelNextMonthButton", ariaLabelPreviousMonthButton: "ariaLabelPreviousMonthButton", disabled: "disabled", enableTopLayer: "enableTopLayer", format: "format", helperText: "helperText", i18nDone: "i18nDone", i18nErrorDateTimeUnparsable: "i18nErrorDateTimeUnparsable", i18nTime: "i18nTime", infoText: "infoText", invalidText: "invalidText", label: "label", locale: "locale", maxDate: "maxDate", maxTime: "maxTime", minDate: "minDate", minTime: "minTime", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", showTextAsTooltip: "showTextAsTooltip", showWeekNumbers: "showWeekNumbers", suppressSubmitOnEnter: "suppressSubmitOnEnter", textAlignment: "textAlignment", validText: "validText", value: "value", warningText: "warningText", weekStartIndex: "weekStartIndex" }, outputs: { valueChange: "valueChange", validityStateChange: "validityStateChange", ixFocus: "ixFocus", ixBlur: "ixBlur", ixChange: "ixChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+IxDatetimeInput = __decorate([
+    ProxyCmp({
+        inputs: ['ariaLabelCalendarButton', 'ariaLabelNextMonthButton', 'ariaLabelPreviousMonthButton', 'disabled', 'enableTopLayer', 'format', 'helperText', 'i18nDone', 'i18nErrorDateTimeUnparsable', 'i18nTime', 'infoText', 'invalidText', 'label', 'locale', 'maxDate', 'maxTime', 'minDate', 'minTime', 'name', 'placeholder', 'readonly', 'required', 'showTextAsTooltip', 'showWeekNumbers', 'suppressSubmitOnEnter', 'textAlignment', 'validText', 'value', 'warningText', 'weekStartIndex']
+    })
+], IxDatetimeInput);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDatetimeInput, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ix-datetime-input',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['ariaLabelCalendarButton', 'ariaLabelNextMonthButton', 'ariaLabelPreviousMonthButton', 'disabled', 'enableTopLayer', 'format', 'helperText', 'i18nDone', 'i18nErrorDateTimeUnparsable', 'i18nTime', 'infoText', 'invalidText', 'label', 'locale', 'maxDate', 'maxTime', 'minDate', 'minTime', 'name', 'placeholder', 'readonly', 'required', 'showTextAsTooltip', 'showWeekNumbers', 'suppressSubmitOnEnter', 'textAlignment', 'validText', 'value', 'warningText', 'weekStartIndex'],
+                    outputs: ['valueChange', 'validityStateChange', 'ixFocus', 'ixBlur', 'ixChange'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChange: [{
+                type: Output
+            }], validityStateChange: [{
+                type: Output
+            }], ixFocus: [{
+                type: Output
+            }], ixBlur: [{
+                type: Output
+            }], ixChange: [{
+                type: Output
+            }] } });
 let IxDatetimePicker = class IxDatetimePicker {
     z;
     el;
@@ -807,11 +850,11 @@ let IxDatetimePicker = class IxDatetimePicker {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDatetimePicker, 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: IxDatetimePicker, isStandalone: false, selector: "ix-datetime-picker", inputs: { ariaLabelNextMonthButton: "ariaLabelNextMonthButton", ariaLabelPreviousMonthButton: "ariaLabelPreviousMonthButton", dateFormat: "dateFormat", from: "from", i18nDone: "i18nDone", i18nTime: "i18nTime", locale: "locale", maxDate: "maxDate", minDate: "minDate", showTimeReference: "showTimeReference", showWeekNumbers: "showWeekNumbers", singleSelection: "singleSelection", time: "time", timeFormat: "timeFormat", timeReference: "timeReference", to: "to", weekStartIndex: "weekStartIndex" }, outputs: { timeChange: "timeChange", dateChange: "dateChange", dateSelect: "dateSelect" }, 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: IxDatetimePicker, isStandalone: false, selector: "ix-datetime-picker", inputs: { ariaLabelNextMonthButton: "ariaLabelNextMonthButton", ariaLabelPreviousMonthButton: "ariaLabelPreviousMonthButton", dateFormat: "dateFormat", from: "from", i18nDone: "i18nDone", i18nTime: "i18nTime", locale: "locale", maxDate: "maxDate", maxTime: "maxTime", minDate: "minDate", minTime: "minTime", showTimeReference: "showTimeReference", showWeekNumbers: "showWeekNumbers", singleSelection: "singleSelection", time: "time", timeFormat: "timeFormat", timeReference: "timeReference", to: "to", weekStartIndex: "weekStartIndex" }, outputs: { timeChange: "timeChange", dateChange: "dateChange", dateSelect: "dateSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxDatetimePicker = __decorate([
     ProxyCmp({
-        inputs: ['ariaLabelNextMonthButton', 'ariaLabelPreviousMonthButton', 'dateFormat', 'from', 'i18nDone', 'i18nTime', 'locale', 'maxDate', 'minDate', 'showTimeReference', 'showWeekNumbers', 'singleSelection', 'time', 'timeFormat', 'timeReference', 'to', 'weekStartIndex']
+        inputs: ['ariaLabelNextMonthButton', 'ariaLabelPreviousMonthButton', 'dateFormat', 'from', 'i18nDone', 'i18nTime', 'locale', 'maxDate', 'maxTime', 'minDate', 'minTime', 'showTimeReference', 'showWeekNumbers', 'singleSelection', 'time', 'timeFormat', 'timeReference', 'to', 'weekStartIndex']
     })
 ], IxDatetimePicker);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDatetimePicker, decorators: [{
@@ -821,7 +864,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: ['ariaLabelNextMonthButton', 'ariaLabelPreviousMonthButton', 'dateFormat', 'from', 'i18nDone', 'i18nTime', 'locale', 'maxDate', 'minDate', 'showTimeReference', 'showWeekNumbers', 'singleSelection', 'time', 'timeFormat', 'timeReference', 'to', 'weekStartIndex'],
+                    inputs: ['ariaLabelNextMonthButton', 'ariaLabelPreviousMonthButton', 'dateFormat', 'from', 'i18nDone', 'i18nTime', 'locale', 'maxDate', 'maxTime', 'minDate', 'minTime', 'showTimeReference', 'showWeekNumbers', 'singleSelection', 'time', 'timeFormat', 'timeReference', 'to', 'weekStartIndex'],
                     outputs: ['timeChange', 'dateChange', 'dateSelect'],
                     standalone: false
                 }]
@@ -857,44 +900,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let IxDrawer = class IxDrawer {
-    z;
-    el;
-    open = new EventEmitter();
-    drawerClose = 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: IxDrawer, 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: IxDrawer, isStandalone: false, selector: "ix-drawer", inputs: { ariaLabelCloseButton: "ariaLabelCloseButton", closeOnClickOutside: "closeOnClickOutside", fullHeight: "fullHeight", maxWidth: "maxWidth", minWidth: "minWidth", show: "show", width: "width" }, outputs: { open: "open", drawerClose: "drawerClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-};
-IxDrawer = __decorate([
-    ProxyCmp({
-        inputs: ['ariaLabelCloseButton', 'closeOnClickOutside', 'fullHeight', 'maxWidth', 'minWidth', 'show', 'width'],
-        methods: ['toggleDrawer']
-    })
-], IxDrawer);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDrawer, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ix-drawer',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['ariaLabelCloseButton', 'closeOnClickOutside', 'fullHeight', 'maxWidth', 'minWidth', 'show', 'width'],
-                    outputs: ['open', 'drawerClose'],
-                    standalone: false
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { open: [{
-                type: Output
-            }], drawerClose: [{
-                type: Output
-            }] } });
 let IxDropdown = class IxDropdown {
     z;
     el;
+    showChange = new EventEmitter();
     showChanged = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
@@ -902,11 +911,11 @@ let IxDropdown = class IxDropdown {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDropdown, 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: IxDropdown, isStandalone: false, selector: "ix-dropdown", inputs: { anchor: "anchor", closeBehavior: "closeBehavior", enableTopLayer: "enableTopLayer", header: "header", placement: "placement", positioningStrategy: "positioningStrategy", show: "show", suppressAutomaticPlacement: "suppressAutomaticPlacement", trigger: "trigger" }, outputs: { showChanged: "showChanged" }, 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: IxDropdown, isStandalone: false, selector: "ix-dropdown", inputs: { anchor: "anchor", closeBehavior: "closeBehavior", disableFocusHandling: "disableFocusHandling", disableFocusTrap: "disableFocusTrap", enableTopLayer: "enableTopLayer", focusCheckedItem: "focusCheckedItem", header: "header", placement: "placement", positioningStrategy: "positioningStrategy", show: "show", suppressAutomaticPlacement: "suppressAutomaticPlacement", suppressTriggerVisibilityCheck: "suppressTriggerVisibilityCheck", trigger: "trigger" }, outputs: { showChange: "showChange", showChanged: "showChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxDropdown = __decorate([
     ProxyCmp({
-        inputs: ['anchor', 'closeBehavior', 'enableTopLayer', 'header', 'placement', 'positioningStrategy', 'show', 'suppressAutomaticPlacement', 'trigger'],
+        inputs: ['anchor', 'closeBehavior', 'disableFocusHandling', 'disableFocusTrap', 'enableTopLayer', 'focusCheckedItem', 'header', 'placement', 'positioningStrategy', 'show', 'suppressAutomaticPlacement', 'suppressTriggerVisibilityCheck', 'trigger'],
         methods: ['updatePosition']
     })
 ], IxDropdown);
@@ -917,27 +926,31 @@ 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: ['anchor', 'closeBehavior', 'enableTopLayer', 'header', 'placement', 'positioningStrategy', 'show', 'suppressAutomaticPlacement', 'trigger'],
-                    outputs: ['showChanged'],
+                    inputs: ['anchor', 'closeBehavior', 'disableFocusHandling', 'disableFocusTrap', 'enableTopLayer', 'focusCheckedItem', 'header', 'placement', 'positioningStrategy', 'show', 'suppressAutomaticPlacement', 'suppressTriggerVisibilityCheck', 'trigger'],
+                    outputs: ['showChange', 'showChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { showChanged: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { showChange: [{
+                type: Output
+            }], showChanged: [{
                 type: Output
             }] } });
 let IxDropdownButton = class IxDropdownButton {
     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: IxDropdownButton, 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: IxDropdownButton, isStandalone: false, selector: "ix-dropdown-button", inputs: { ariaLabelDropdownButton: "ariaLabelDropdownButton", closeBehavior: "closeBehavior", disabled: "disabled", enableTopLayer: "enableTopLayer", icon: "icon", label: "label", placement: "placement", variant: "variant" }, 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: IxDropdownButton, isStandalone: false, selector: "ix-dropdown-button", inputs: { ariaLabelDropdownButton: "ariaLabelDropdownButton", closeBehavior: "closeBehavior", disabled: "disabled", enableTopLayer: "enableTopLayer", focusCheckedItem: "focusCheckedItem", icon: "icon", label: "label", placement: "placement", variant: "variant" }, outputs: { showChange: "showChange", showChanged: "showChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxDropdownButton = __decorate([
     ProxyCmp({
-        inputs: ['ariaLabelDropdownButton', 'closeBehavior', 'disabled', 'enableTopLayer', 'icon', 'label', 'placement', 'variant']
+        inputs: ['ariaLabelDropdownButton', 'closeBehavior', 'disabled', 'enableTopLayer', 'focusCheckedItem', 'icon', 'label', 'placement', 'variant']
     })
 ], IxDropdownButton);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDropdownButton, decorators: [{
@@ -947,10 +960,15 @@ 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: ['ariaLabelDropdownButton', 'closeBehavior', 'disabled', 'enableTopLayer', 'icon', 'label', 'placement', 'variant'],
+                    inputs: ['ariaLabelDropdownButton', 'closeBehavior', 'disabled', 'enableTopLayer', 'focusCheckedItem', 'icon', 'label', 'placement', 'variant'],
+                    outputs: ['showChange', 'showChanged'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { showChange: [{
+                type: Output
+            }], showChanged: [{
+                type: Output
+            }] } });
 let IxDropdownHeader = class IxDropdownHeader {
     z;
     el;
@@ -987,11 +1005,11 @@ let IxDropdownItem = class IxDropdownItem {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDropdownItem, 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: IxDropdownItem, isStandalone: false, selector: "ix-dropdown-item", inputs: { ariaLabelButton: "ariaLabelButton", ariaLabelIcon: "ariaLabelIcon", checked: "checked", disabled: "disabled", hover: "hover", icon: "icon", label: "label" }, 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: IxDropdownItem, isStandalone: false, selector: "ix-dropdown-item", inputs: { ariaLabelButton: "ariaLabelButton", ariaLabelIcon: "ariaLabelIcon", checked: "checked", disabled: "disabled", hover: "hover", icon: "icon", itemRole: "itemRole", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxDropdownItem = __decorate([
     ProxyCmp({
-        inputs: ['ariaLabelButton', 'ariaLabelIcon', 'checked', 'disabled', 'hover', 'icon', 'label']
+        inputs: ['ariaLabelButton', 'ariaLabelIcon', 'checked', 'disabled', 'hover', 'icon', 'itemRole', 'label']
     })
 ], IxDropdownItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDropdownItem, decorators: [{
@@ -1001,7 +1019,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: ['ariaLabelButton', 'ariaLabelIcon', 'checked', 'disabled', 'hover', 'icon', 'label'],
+                    inputs: ['ariaLabelButton', 'ariaLabelIcon', 'checked', 'disabled', 'hover', 'icon', 'itemRole', 'label'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
@@ -1187,11 +1205,11 @@ 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: false, 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: false, 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({
-        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: [{
@@ -1201,7 +1219,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'],
                     standalone: false
                 }]
@@ -1393,11 +1411,11 @@ let IxIconButton = class IxIconButton {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxIconButton, 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: IxIconButton, isStandalone: false, selector: "ix-icon-button", inputs: { a11yLabel: "a11yLabel", disabled: "disabled", icon: "icon", iconColor: "iconColor", loading: "loading", oval: "oval", size: "size", type: "type", variant: "variant" }, 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: IxIconButton, isStandalone: false, selector: "ix-icon-button", inputs: { disabled: "disabled", icon: "icon", iconColor: "iconColor", loading: "loading", oval: "oval", size: "size", type: "type", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxIconButton = __decorate([
     ProxyCmp({
-        inputs: ['a11yLabel', 'disabled', 'icon', 'iconColor', 'loading', 'oval', 'size', 'type', 'variant']
+        inputs: ['disabled', 'icon', 'iconColor', 'loading', 'oval', 'size', 'type', 'variant']
     })
 ], IxIconButton);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxIconButton, decorators: [{
@@ -1407,7 +1425,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: ['a11yLabel', 'disabled', 'icon', 'iconColor', 'loading', 'oval', 'size', 'type', 'variant'],
+                    inputs: ['disabled', 'icon', 'iconColor', 'loading', 'oval', 'size', 'type', 'variant'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
@@ -1421,11 +1439,11 @@ let IxIconToggleButton = class IxIconToggleButton {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxIconToggleButton, 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: IxIconToggleButton, isStandalone: false, selector: "ix-icon-toggle-button", inputs: { ariaLabelIconButton: "ariaLabelIconButton", disabled: "disabled", ghost: "ghost", icon: "icon", loading: "loading", outline: "outline", oval: "oval", pressed: "pressed", size: "size", variant: "variant" }, outputs: { pressedChange: "pressedChange" }, 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: IxIconToggleButton, isStandalone: false, selector: "ix-icon-toggle-button", inputs: { disabled: "disabled", ghost: "ghost", icon: "icon", loading: "loading", outline: "outline", oval: "oval", pressed: "pressed", size: "size", variant: "variant" }, outputs: { pressedChange: "pressedChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxIconToggleButton = __decorate([
     ProxyCmp({
-        inputs: ['ariaLabelIconButton', 'disabled', 'ghost', 'icon', 'loading', 'outline', 'oval', 'pressed', 'size', 'variant']
+        inputs: ['disabled', 'ghost', 'icon', 'loading', 'outline', 'oval', 'pressed', 'size', 'variant']
     })
 ], IxIconToggleButton);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxIconToggleButton, decorators: [{
@@ -1435,7 +1453,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: ['ariaLabelIconButton', 'disabled', 'ghost', 'icon', 'loading', 'outline', 'oval', 'pressed', 'size', 'variant'],
+                    inputs: ['disabled', 'ghost', 'icon', 'loading', 'outline', 'oval', 'pressed', 'size', 'variant'],
                     outputs: ['pressedChange'],
                     standalone: false
                 }]
@@ -1483,31 +1501,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
             }], ixChange: [{
                 type: Output
             }] } });
-let IxInputGroup = class IxInputGroup {
-    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: IxInputGroup, 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: IxInputGroup, isStandalone: false, selector: "ix-input-group", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-};
-IxInputGroup = __decorate([
-    ProxyCmp({})
-], IxInputGroup);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxInputGroup, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ix-input-group',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
-                    standalone: false
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IxKeyValue = class IxKeyValue {
     z;
     el;
@@ -1684,11 +1677,11 @@ 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: false, selector: "ix-menu", inputs: { applicationDescription: "applicationDescription", applicationName: "applicationName", enableToggleTheme: "enableToggleTheme", expand: "expand", i18nCollapse: "i18nCollapse", i18nExpand: "i18nExpand", i18nExpandSidebar: "i18nExpandSidebar", 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: false, 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({
-        inputs: ['applicationDescription', 'applicationName', 'enableToggleTheme', 'expand', 'i18nCollapse', 'i18nExpand', 'i18nExpandSidebar', '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);
@@ -1699,7 +1692,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', 'i18nExpandSidebar', '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'],
                     standalone: false
                 }]
@@ -1725,11 +1718,11 @@ let IxMenuAbout = class IxMenuAbout {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuAbout, 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: IxMenuAbout, isStandalone: false, selector: "ix-menu-about", inputs: { activeTabLabel: "activeTabLabel", ariaLabelCloseButton: "ariaLabelCloseButton", label: "label" }, outputs: { tabChange: "tabChange", close: "close" }, 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: IxMenuAbout, isStandalone: false, selector: "ix-menu-about", inputs: { activeTabKey: "activeTabKey", ariaLabelCloseButton: "ariaLabelCloseButton", label: "label", suppressLegacyTabs: "suppressLegacyTabs" }, outputs: { tabChange: "tabChange", close: "close" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxMenuAbout = __decorate([
     ProxyCmp({
-        inputs: ['activeTabLabel', 'ariaLabelCloseButton', 'label']
+        inputs: ['activeTabKey', 'ariaLabelCloseButton', 'label', 'suppressLegacyTabs']
     })
 ], IxMenuAbout);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuAbout, decorators: [{
@@ -1739,7 +1732,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: ['activeTabLabel', 'ariaLabelCloseButton', 'label'],
+                    inputs: ['activeTabKey', 'ariaLabelCloseButton', 'label', 'suppressLegacyTabs'],
                     outputs: ['tabChange', 'close'],
                     standalone: false
                 }]
@@ -1758,11 +1751,11 @@ let IxMenuAboutItem = class IxMenuAboutItem {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuAboutItem, 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: IxMenuAboutItem, isStandalone: false, selector: "ix-menu-about-item", inputs: { label: "label" }, outputs: { labelChange: "labelChange" }, 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: IxMenuAboutItem, isStandalone: false, selector: "ix-menu-about-item", inputs: { label: "label", tabKey: "tabKey" }, outputs: { labelChange: "labelChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxMenuAboutItem = __decorate([
     ProxyCmp({
-        inputs: ['label']
+        inputs: ['label', 'tabKey']
     })
 ], IxMenuAboutItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuAboutItem, decorators: [{
@@ -1772,7 +1765,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'],
+                    inputs: ['label', { name: 'tabKey', required: true }],
                     outputs: ['labelChange'],
                     standalone: false
                 }]
@@ -1790,11 +1783,11 @@ let IxMenuAboutNews = class IxMenuAboutNews {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuAboutNews, 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: IxMenuAboutNews, isStandalone: false, selector: "ix-menu-about-news", inputs: { aboutItemLabel: "aboutItemLabel", i18nShowMore: "i18nShowMore", label: "label", show: "show" }, outputs: { showMore: "showMore", closePopover: "closePopover" }, 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: IxMenuAboutNews, isStandalone: false, selector: "ix-menu-about-news", inputs: { aboutItemLabel: "aboutItemLabel", activeAboutTabKey: "activeAboutTabKey", i18nShowMore: "i18nShowMore", label: "label", show: "show" }, outputs: { showMore: "showMore", closePopover: "closePopover" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxMenuAboutNews = __decorate([
     ProxyCmp({
-        inputs: ['aboutItemLabel', 'i18nShowMore', 'label', 'show']
+        inputs: ['aboutItemLabel', 'activeAboutTabKey', 'i18nShowMore', 'label', 'show']
     })
 ], IxMenuAboutNews);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuAboutNews, decorators: [{
@@ -1804,7 +1797,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: ['aboutItemLabel', 'i18nShowMore', 'label', 'show'],
+                    inputs: ['aboutItemLabel', 'activeAboutTabKey', 'i18nShowMore', 'label', 'show'],
                     outputs: ['showMore', 'closePopover'],
                     standalone: false
                 }]
@@ -1940,11 +1933,11 @@ let IxMenuSettings = class IxMenuSettings {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuSettings, 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: IxMenuSettings, isStandalone: false, selector: "ix-menu-settings", inputs: { activeTabLabel: "activeTabLabel", ariaLabelCloseButton: "ariaLabelCloseButton", label: "label" }, outputs: { tabChange: "tabChange", close: "close" }, 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: IxMenuSettings, isStandalone: false, selector: "ix-menu-settings", inputs: { activeTabKey: "activeTabKey", ariaLabelCloseButton: "ariaLabelCloseButton", label: "label", suppressLegacyTabs: "suppressLegacyTabs" }, outputs: { tabChange: "tabChange", close: "close" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxMenuSettings = __decorate([
     ProxyCmp({
-        inputs: ['activeTabLabel', 'ariaLabelCloseButton', 'label']
+        inputs: ['activeTabKey', 'ariaLabelCloseButton', 'label', 'suppressLegacyTabs']
     })
 ], IxMenuSettings);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuSettings, decorators: [{
@@ -1954,7 +1947,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: ['activeTabLabel', 'ariaLabelCloseButton', 'label'],
+                    inputs: ['activeTabKey', 'ariaLabelCloseButton', 'label', 'suppressLegacyTabs'],
                     outputs: ['tabChange', 'close'],
                     standalone: false
                 }]
@@ -1966,18 +1959,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
 let IxMenuSettingsItem = class IxMenuSettingsItem {
     z;
     el;
-    labelChange = 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: IxMenuSettingsItem, 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: IxMenuSettingsItem, isStandalone: false, selector: "ix-menu-settings-item", inputs: { label: "label" }, outputs: { labelChange: "labelChange" }, 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: IxMenuSettingsItem, isStandalone: false, selector: "ix-menu-settings-item", inputs: { label: "label", tabKey: "tabKey" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxMenuSettingsItem = __decorate([
     ProxyCmp({
-        inputs: ['label']
+        inputs: ['label', 'tabKey']
     })
 ], IxMenuSettingsItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuSettingsItem, decorators: [{
@@ -1987,13 +1979,10 @@ 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'],
-                    outputs: ['labelChange'],
+                    inputs: ['label', { name: 'tabKey', required: true }],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { labelChange: [{
-                type: Output
-            }] } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IxMessageBar = class IxMessageBar {
     z;
     el;
@@ -2039,11 +2028,11 @@ let IxModal = class IxModal {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxModal, 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: IxModal, isStandalone: false, selector: "ix-modal", inputs: { beforeDismiss: "beforeDismiss", centered: "centered", closeOnBackdropClick: "closeOnBackdropClick", disableAnimation: "disableAnimation", disableEscapeClose: "disableEscapeClose", hideBackdrop: "hideBackdrop", size: "size" }, outputs: { dialogClose: "dialogClose", dialogDismiss: "dialogDismiss" }, 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: IxModal, isStandalone: false, selector: "ix-modal", inputs: { beforeDismiss: "beforeDismiss", centered: "centered", closeOnBackdropClick: "closeOnBackdropClick", disableAnimation: "disableAnimation", hideBackdrop: "hideBackdrop", isNonBlocking: "isNonBlocking", size: "size" }, outputs: { dialogClose: "dialogClose", dialogDismiss: "dialogDismiss" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxModal = __decorate([
     ProxyCmp({
-        inputs: ['beforeDismiss', 'centered', 'closeOnBackdropClick', 'disableAnimation', 'disableEscapeClose', 'hideBackdrop', 'size'],
+        inputs: ['beforeDismiss', 'centered', 'closeOnBackdropClick', 'disableAnimation', 'hideBackdrop', 'isNonBlocking', 'size'],
         methods: ['showModal', 'dismissModal', 'closeModal']
     })
 ], IxModal);
@@ -2054,7 +2043,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: ['beforeDismiss', 'centered', 'closeOnBackdropClick', 'disableAnimation', 'disableEscapeClose', 'hideBackdrop', 'size'],
+                    inputs: ['beforeDismiss', 'centered', 'closeOnBackdropClick', 'disableAnimation', 'hideBackdrop', 'isNonBlocking', 'size'],
                     outputs: ['dialogClose', 'dialogDismiss'],
                     standalone: false
                 }]
@@ -2231,11 +2220,11 @@ 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: false, 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: false, 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({
-        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: [{
@@ -2245,7 +2234,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'],
                     standalone: false
                 }]
@@ -2310,6 +2299,153 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                     standalone: false
                 }]
         }], 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: false, 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({
+        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'],
+                    standalone: false
+                }]
+        }], 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: false, selector: "ix-popover-content", inputs: { noPadding: "noPadding" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+IxPopoverContent = __decorate([
+    ProxyCmp({
+        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'],
+                    standalone: false
+                }]
+        }], 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: false, selector: "ix-popover-footer", inputs: { alignment: "alignment" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+IxPopoverFooter = __decorate([
+    ProxyCmp({
+        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'],
+                    standalone: false
+                }]
+        }], 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: false, 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({
+        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'],
+                    standalone: false
+                }]
+        }], 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: false, 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({
+        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'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IxProgressIndicator = class IxProgressIndicator {
     z;
     el;
@@ -2432,6 +2568,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChange: [{
                 type: Output
             }] } });
+let IxRangeField = class IxRangeField {
+    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: IxRangeField, 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: IxRangeField, isStandalone: false, selector: "ix-range-field", inputs: { hideArrow: "hideArrow", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+IxRangeField = __decorate([
+    ProxyCmp({
+        inputs: ['hideArrow', 'type']
+    })
+], IxRangeField);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxRangeField, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ix-range-field',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['hideArrow', 'type'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IxRow = class IxRow {
     z;
     el;
@@ -2470,11 +2633,11 @@ 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: false, selector: "ix-select", inputs: { allowClear: "allowClear", ariaLabelChevronDownIconButton: "ariaLabelChevronDownIconButton", 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", 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: false, 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({
-        inputs: ['allowClear', 'ariaLabelChevronDownIconButton', 'ariaLabelClearIconButton', 'collapseMultipleSelection', 'disabled', 'dropdownMaxWidth', 'dropdownWidth', 'editable', 'enableTopLayer', 'helperText', 'hideListHeader', 'i18nAllSelected', 'i18nNoMatches', 'i18nPlaceholder', 'i18nPlaceholderEditable', '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'],
         methods: ['getNativeInputElement', 'focusInput']
     })
 ], IxSelect);
@@ -2485,7 +2648,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', 'ariaLabelChevronDownIconButton', 'ariaLabelClearIconButton', 'collapseMultipleSelection', 'disabled', 'dropdownMaxWidth', 'dropdownWidth', 'editable', 'enableTopLayer', 'helperText', 'hideListHeader', 'i18nAllSelected', 'i18nNoMatches', 'i18nPlaceholder', 'i18nPlaceholderEditable', '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'],
                     standalone: false
                 }]
@@ -2508,11 +2671,11 @@ 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: false, 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: false, 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({
-        inputs: ['label', 'selected', 'value']
+        inputs: ['disabled', 'label', 'selected', 'value']
     })
 ], IxSelectItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxSelectItem, decorators: [{
@@ -2522,7 +2685,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'],
                     standalone: false
                 }]
@@ -2539,11 +2702,11 @@ let IxSlider = class IxSlider {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxSlider, 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: IxSlider, isStandalone: false, selector: "ix-slider", inputs: { disabled: "disabled", error: "error", helperText: "helperText", infoText: "infoText", invalidText: "invalidText", label: "label", marker: "marker", max: "max", min: "min", showTextAsTooltip: "showTextAsTooltip", step: "step", trace: "trace", traceReference: "traceReference", validText: "validText", value: "value", warningText: "warningText" }, outputs: { valueChange: "valueChange" }, 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: IxSlider, isStandalone: false, selector: "ix-slider", inputs: { disabled: "disabled", helperText: "helperText", infoText: "infoText", invalidText: "invalidText", label: "label", marker: "marker", max: "max", min: "min", showTextAsTooltip: "showTextAsTooltip", step: "step", trace: "trace", traceReference: "traceReference", validText: "validText", value: "value", warningText: "warningText" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxSlider = __decorate([
     ProxyCmp({
-        inputs: ['disabled', 'error', 'helperText', 'infoText', 'invalidText', 'label', 'marker', 'max', 'min', 'showTextAsTooltip', 'step', 'trace', 'traceReference', 'validText', 'value', 'warningText']
+        inputs: ['disabled', 'helperText', 'infoText', 'invalidText', 'label', 'marker', 'max', 'min', 'showTextAsTooltip', 'step', 'trace', 'traceReference', 'validText', 'value', 'warningText']
     })
 ], IxSlider);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxSlider, decorators: [{
@@ -2553,7 +2716,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: ['disabled', 'error', 'helperText', 'infoText', 'invalidText', 'label', 'marker', 'max', 'min', 'showTextAsTooltip', 'step', 'trace', 'traceReference', 'validText', 'value', 'warningText'],
+                    inputs: ['disabled', 'helperText', 'infoText', 'invalidText', 'label', 'marker', 'max', 'min', 'showTextAsTooltip', 'step', 'trace', 'traceReference', 'validText', 'value', 'warningText'],
                     outputs: ['valueChange'],
                     standalone: false
                 }]
@@ -2597,11 +2760,11 @@ let IxSplitButton = class IxSplitButton {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxSplitButton, 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: IxSplitButton, isStandalone: false, selector: "ix-split-button", inputs: { ariaLabelButton: "ariaLabelButton", ariaLabelSplitIconButton: "ariaLabelSplitIconButton", closeBehavior: "closeBehavior", disableButton: "disableButton", disableDropdownButton: "disableDropdownButton", disabled: "disabled", enableTopLayer: "enableTopLayer", icon: "icon", label: "label", placement: "placement", splitIcon: "splitIcon", variant: "variant" }, outputs: { buttonClick: "buttonClick" }, 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: IxSplitButton, isStandalone: false, selector: "ix-split-button", inputs: { ariaLabelButton: "ariaLabelButton", ariaLabelSplitIconButton: "ariaLabelSplitIconButton", closeBehavior: "closeBehavior", disableButton: "disableButton", disableDropdownButton: "disableDropdownButton", disabled: "disabled", enableTopLayer: "enableTopLayer", icon: "icon", label: "label", splitIcon: "splitIcon", variant: "variant" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxSplitButton = __decorate([
     ProxyCmp({
-        inputs: ['ariaLabelButton', 'ariaLabelSplitIconButton', 'closeBehavior', 'disableButton', 'disableDropdownButton', 'disabled', 'enableTopLayer', 'icon', 'label', 'placement', 'splitIcon', 'variant']
+        inputs: ['ariaLabelButton', 'ariaLabelSplitIconButton', 'closeBehavior', 'disableButton', 'disableDropdownButton', 'disabled', 'enableTopLayer', 'icon', 'label', 'splitIcon', 'variant']
     })
 ], IxSplitButton);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxSplitButton, decorators: [{
@@ -2611,7 +2774,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: ['ariaLabelButton', 'ariaLabelSplitIconButton', 'closeBehavior', 'disableButton', 'disableDropdownButton', 'disabled', 'enableTopLayer', 'icon', 'label', 'placement', 'splitIcon', 'variant'],
+                    inputs: ['ariaLabelButton', 'ariaLabelSplitIconButton', 'closeBehavior', 'disableButton', 'disableDropdownButton', 'disabled', 'enableTopLayer', 'icon', 'label', 'splitIcon', 'variant'],
                     outputs: ['buttonClick'],
                     standalone: false
                 }]
@@ -2622,17 +2785,18 @@ let IxTabItem = class IxTabItem {
     z;
     el;
     tabClick = new EventEmitter();
+    tabClose = 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: IxTabItem, 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: IxTabItem, isStandalone: false, selector: "ix-tab-item", inputs: { counter: "counter", disabled: "disabled", icon: "icon", layout: "layout", placement: "placement", rounded: "rounded", selected: "selected", small: "small" }, outputs: { tabClick: "tabClick" }, 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: IxTabItem, isStandalone: false, selector: "ix-tab-item", inputs: { ariaLabelCloseButton: "ariaLabelCloseButton", closable: "closable", counter: "counter", disabled: "disabled", icon: "icon", label: "label", selected: "selected", tabKey: "tabKey" }, outputs: { tabClick: "tabClick", tabClose: "tabClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxTabItem = __decorate([
     ProxyCmp({
-        inputs: ['counter', 'disabled', 'icon', 'layout', 'placement', 'rounded', 'selected', 'small']
+        inputs: ['ariaLabelCloseButton', 'closable', 'counter', 'disabled', 'icon', 'label', 'selected', 'tabKey']
     })
 ], IxTabItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTabItem, decorators: [{
@@ -2642,28 +2806,31 @@ 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: ['counter', 'disabled', 'icon', 'layout', 'placement', 'rounded', 'selected', 'small'],
-                    outputs: ['tabClick'],
+                    inputs: ['ariaLabelCloseButton', 'closable', 'counter', 'disabled', 'icon', 'label', 'selected', { name: 'tabKey', required: true }],
+                    outputs: ['tabClick', 'tabClose'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tabClick: [{
                 type: Output
+            }], tabClose: [{
+                type: Output
             }] } });
 let IxTabs = class IxTabs {
     z;
     el;
-    selectedChange = new EventEmitter();
+    tabChange = new EventEmitter();
+    tabClose = 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: IxTabs, 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: IxTabs, isStandalone: false, selector: "ix-tabs", inputs: { ariaLabelChevronLeftIconButton: "ariaLabelChevronLeftIconButton", ariaLabelChevronRightIconButton: "ariaLabelChevronRightIconButton", layout: "layout", placement: "placement", rounded: "rounded", selected: "selected", small: "small" }, outputs: { selectedChange: "selectedChange" }, 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: IxTabs, isStandalone: false, selector: "ix-tabs", inputs: { activeTabKey: "activeTabKey", ariaLabelMoreTabs: "ariaLabelMoreTabs", keyboardNavigation: "keyboardNavigation", layout: "layout", placement: "placement", rounded: "rounded", small: "small" }, outputs: { tabChange: "tabChange", tabClose: "tabClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxTabs = __decorate([
     ProxyCmp({
-        inputs: ['ariaLabelChevronLeftIconButton', 'ariaLabelChevronRightIconButton', 'layout', 'placement', 'rounded', 'selected', 'small']
+        inputs: ['activeTabKey', 'ariaLabelMoreTabs', 'keyboardNavigation', 'layout', 'placement', 'rounded', 'small']
     })
 ], IxTabs);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTabs, decorators: [{
@@ -2673,11 +2840,13 @@ 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: ['ariaLabelChevronLeftIconButton', 'ariaLabelChevronRightIconButton', 'layout', 'placement', 'rounded', 'selected', 'small'],
-                    outputs: ['selectedChange'],
+                    inputs: ['activeTabKey', 'ariaLabelMoreTabs', 'keyboardNavigation', 'layout', 'placement', 'rounded', 'small'],
+                    outputs: ['tabChange', 'tabClose'],
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { selectedChange: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tabChange: [{
+                type: Output
+            }], tabClose: [{
                 type: Output
             }] } });
 let IxTextarea = class IxTextarea {
@@ -2760,11 +2929,11 @@ let IxTimeInput = class IxTimeInput {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTimeInput, 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: IxTimeInput, isStandalone: false, selector: "ix-time-input", inputs: { disabled: "disabled", enableTopLayer: "enableTopLayer", format: "format", helperText: "helperText", hideHeader: "hideHeader", hourInterval: "hourInterval", i18nErrorTimeUnparsable: "i18nErrorTimeUnparsable", i18nHourColumnHeader: "i18nHourColumnHeader", i18nMillisecondColumnHeader: "i18nMillisecondColumnHeader", i18nMinuteColumnHeader: "i18nMinuteColumnHeader", i18nSecondColumnHeader: "i18nSecondColumnHeader", i18nSelectTime: "i18nSelectTime", i18nTime: "i18nTime", infoText: "infoText", invalidText: "invalidText", label: "label", millisecondInterval: "millisecondInterval", minuteInterval: "minuteInterval", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", secondInterval: "secondInterval", showTextAsTooltip: "showTextAsTooltip", suppressSubmitOnEnter: "suppressSubmitOnEnter", textAlignment: "textAlignment", validText: "validText", value: "value", warningText: "warningText" }, outputs: { valueChange: "valueChange", validityStateChange: "validityStateChange", ixChange: "ixChange" }, 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: IxTimeInput, isStandalone: false, selector: "ix-time-input", inputs: { ariaLabelTimeToggleButton: "ariaLabelTimeToggleButton", disabled: "disabled", enableTopLayer: "enableTopLayer", format: "format", helperText: "helperText", hideHeader: "hideHeader", hourInterval: "hourInterval", i18nErrorTimeUnparsable: "i18nErrorTimeUnparsable", i18nHourColumnHeader: "i18nHourColumnHeader", i18nMillisecondColumnHeader: "i18nMillisecondColumnHeader", i18nMinuteColumnHeader: "i18nMinuteColumnHeader", i18nSecondColumnHeader: "i18nSecondColumnHeader", i18nSelectTime: "i18nSelectTime", i18nTime: "i18nTime", infoText: "infoText", invalidText: "invalidText", label: "label", maxTime: "maxTime", millisecondInterval: "millisecondInterval", minTime: "minTime", minuteInterval: "minuteInterval", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", secondInterval: "secondInterval", showTextAsTooltip: "showTextAsTooltip", suppressSubmitOnEnter: "suppressSubmitOnEnter", textAlignment: "textAlignment", validText: "validText", value: "value", warningText: "warningText" }, outputs: { valueChange: "valueChange", validityStateChange: "validityStateChange", ixChange: "ixChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxTimeInput = __decorate([
     ProxyCmp({
-        inputs: ['disabled', 'enableTopLayer', 'format', 'helperText', 'hideHeader', 'hourInterval', 'i18nErrorTimeUnparsable', 'i18nHourColumnHeader', 'i18nMillisecondColumnHeader', 'i18nMinuteColumnHeader', 'i18nSecondColumnHeader', 'i18nSelectTime', 'i18nTime', 'infoText', 'invalidText', 'label', 'millisecondInterval', 'minuteInterval', 'name', 'placeholder', 'readonly', 'required', 'secondInterval', 'showTextAsTooltip', 'suppressSubmitOnEnter', 'textAlignment', 'validText', 'value', 'warningText'],
+        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']
     })
 ], IxTimeInput);
@@ -2775,7 +2944,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: ['disabled', 'enableTopLayer', 'format', 'helperText', 'hideHeader', 'hourInterval', 'i18nErrorTimeUnparsable', 'i18nHourColumnHeader', 'i18nMillisecondColumnHeader', 'i18nMinuteColumnHeader', 'i18nSecondColumnHeader', 'i18nSelectTime', 'i18nTime', 'infoText', 'invalidText', 'label', 'millisecondInterval', 'minuteInterval', 'name', 'placeholder', 'readonly', 'required', 'secondInterval', 'showTextAsTooltip', 'suppressSubmitOnEnter', 'textAlignment', 'validText', 'value', 'warningText'],
+                    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'],
                     outputs: ['valueChange', 'validityStateChange', 'ixChange'],
                     standalone: false
                 }]
@@ -2797,11 +2966,11 @@ let IxTimePicker = class IxTimePicker {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTimePicker, 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: IxTimePicker, isStandalone: false, selector: "ix-time-picker", inputs: { corners: "corners", embedded: "embedded", format: "format", hideHeader: "hideHeader", hourInterval: "hourInterval", i18nConfirmTime: "i18nConfirmTime", i18nHeader: "i18nHeader", i18nHourColumnHeader: "i18nHourColumnHeader", i18nMillisecondColumnHeader: "i18nMillisecondColumnHeader", i18nMinuteColumnHeader: "i18nMinuteColumnHeader", i18nSecondColumnHeader: "i18nSecondColumnHeader", millisecondInterval: "millisecondInterval", minuteInterval: "minuteInterval", secondInterval: "secondInterval", time: "time" }, outputs: { timeSelect: "timeSelect", timeChange: "timeChange" }, 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: IxTimePicker, isStandalone: false, selector: "ix-time-picker", inputs: { corners: "corners", embedded: "embedded", format: "format", hideHeader: "hideHeader", hourInterval: "hourInterval", i18nConfirmTime: "i18nConfirmTime", i18nHeader: "i18nHeader", i18nHourColumnHeader: "i18nHourColumnHeader", i18nMillisecondColumnHeader: "i18nMillisecondColumnHeader", i18nMinuteColumnHeader: "i18nMinuteColumnHeader", i18nSecondColumnHeader: "i18nSecondColumnHeader", maxTime: "maxTime", millisecondInterval: "millisecondInterval", minTime: "minTime", minuteInterval: "minuteInterval", secondInterval: "secondInterval", time: "time" }, outputs: { timeSelect: "timeSelect", timeChange: "timeChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxTimePicker = __decorate([
     ProxyCmp({
-        inputs: ['corners', 'embedded', 'format', 'hideHeader', 'hourInterval', 'i18nConfirmTime', 'i18nHeader', 'i18nHourColumnHeader', 'i18nMillisecondColumnHeader', 'i18nMinuteColumnHeader', 'i18nSecondColumnHeader', 'millisecondInterval', 'minuteInterval', 'secondInterval', 'time'],
+        inputs: ['corners', 'embedded', 'format', 'hideHeader', 'hourInterval', 'i18nConfirmTime', 'i18nHeader', 'i18nHourColumnHeader', 'i18nMillisecondColumnHeader', 'i18nMinuteColumnHeader', 'i18nSecondColumnHeader', 'maxTime', 'millisecondInterval', 'minTime', 'minuteInterval', 'secondInterval', 'time'],
         methods: ['getCurrentTime']
     })
 ], IxTimePicker);
@@ -2812,7 +2981,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: ['corners', 'embedded', 'format', 'hideHeader', 'hourInterval', 'i18nConfirmTime', 'i18nHeader', 'i18nHourColumnHeader', 'i18nMillisecondColumnHeader', 'i18nMinuteColumnHeader', 'i18nSecondColumnHeader', 'millisecondInterval', 'minuteInterval', 'secondInterval', 'time'],
+                    inputs: ['corners', 'embedded', 'format', 'hideHeader', 'hourInterval', 'i18nConfirmTime', 'i18nHeader', 'i18nHourColumnHeader', 'i18nMillisecondColumnHeader', 'i18nMinuteColumnHeader', 'i18nSecondColumnHeader', 'maxTime', 'millisecondInterval', 'minTime', 'minuteInterval', 'secondInterval', 'time'],
                     outputs: ['timeSelect', 'timeChange'],
                     standalone: false
                 }]
@@ -2862,11 +3031,11 @@ let IxToastContainer = class IxToastContainer {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxToastContainer, 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: IxToastContainer, isStandalone: false, selector: "ix-toast-container", inputs: { containerClass: "containerClass", containerId: "containerId", position: "position" }, 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: IxToastContainer, isStandalone: false, selector: "ix-toast-container", inputs: { position: "position" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxToastContainer = __decorate([
     ProxyCmp({
-        inputs: ['containerClass', 'containerId', 'position'],
+        inputs: ['position'],
         methods: ['showToast']
     })
 ], IxToastContainer);
@@ -2877,7 +3046,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: ['containerClass', 'containerId', 'position'],
+                    inputs: ['position'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
@@ -2925,11 +3094,11 @@ let IxToggleButton = class IxToggleButton {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxToggleButton, 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: IxToggleButton, isStandalone: false, selector: "ix-toggle-button", inputs: { ariaLabelButton: "ariaLabelButton", disabled: "disabled", icon: "icon", iconRight: "iconRight", loading: "loading", pressed: "pressed", variant: "variant" }, outputs: { pressedChange: "pressedChange" }, 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: IxToggleButton, isStandalone: false, selector: "ix-toggle-button", inputs: { disabled: "disabled", icon: "icon", iconRight: "iconRight", loading: "loading", pressed: "pressed", variant: "variant" }, outputs: { pressedChange: "pressedChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxToggleButton = __decorate([
     ProxyCmp({
-        inputs: ['ariaLabelButton', 'disabled', 'icon', 'iconRight', 'loading', 'pressed', 'variant']
+        inputs: ['disabled', 'icon', 'iconRight', 'loading', 'pressed', 'variant']
     })
 ], IxToggleButton);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxToggleButton, decorators: [{
@@ -2939,7 +3108,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: ['ariaLabelButton', 'disabled', 'icon', 'iconRight', 'loading', 'pressed', 'variant'],
+                    inputs: ['disabled', 'icon', 'iconRight', 'loading', 'pressed', 'variant'],
                     outputs: ['pressedChange'],
                     standalone: false
                 }]
@@ -2984,11 +3153,11 @@ let IxTreeItem = class IxTreeItem {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTreeItem, 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: IxTreeItem, isStandalone: false, selector: "ix-tree-item", inputs: { ariaLabelChevronIcon: "ariaLabelChevronIcon", context: "context", hasChildren: "hasChildren", text: "text" }, outputs: { toggle: "toggle", 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: IxTreeItem, isStandalone: false, selector: "ix-tree-item", inputs: { ariaLabelChevronIcon: "ariaLabelChevronIcon", context: "context", disabled: "disabled", hasChildren: "hasChildren", text: "text" }, outputs: { toggle: "toggle", itemClick: "itemClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxTreeItem = __decorate([
     ProxyCmp({
-        inputs: ['ariaLabelChevronIcon', 'context', 'hasChildren', 'text']
+        inputs: ['ariaLabelChevronIcon', 'context', 'disabled', 'hasChildren', 'text']
     })
 ], IxTreeItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTreeItem, decorators: [{
@@ -2998,7 +3167,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: ['ariaLabelChevronIcon', 'context', 'hasChildren', 'text'],
+                    inputs: ['ariaLabelChevronIcon', 'context', 'disabled', 'hasChildren', 'text'],
                     outputs: ['toggle', 'itemClick'],
                     standalone: false
                 }]
@@ -3044,11 +3213,11 @@ let IxUpload = class IxUpload {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxUpload, 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: IxUpload, isStandalone: false, selector: "ix-upload", inputs: { accept: "accept", disabled: "disabled", i18nUploadDisabled: "i18nUploadDisabled", i18nUploadFile: "i18nUploadFile", loadingText: "loadingText", multiline: "multiline", multiple: "multiple", selectFileText: "selectFileText", state: "state", uploadFailedText: "uploadFailedText", uploadSuccessText: "uploadSuccessText" }, outputs: { filesChanged: "filesChanged" }, 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: IxUpload, isStandalone: false, selector: "ix-upload", inputs: { accept: "accept", directoryUpload: "directoryUpload", disabled: "disabled", i18nUploadDisabled: "i18nUploadDisabled", i18nUploadFile: "i18nUploadFile", loadingText: "loadingText", multiline: "multiline", multiple: "multiple", selectFileText: "selectFileText", state: "state", uploadFailedText: "uploadFailedText", uploadSuccessText: "uploadSuccessText" }, outputs: { filesChanged: "filesChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxUpload = __decorate([
     ProxyCmp({
-        inputs: ['accept', 'disabled', 'i18nUploadDisabled', 'i18nUploadFile', 'loadingText', 'multiline', 'multiple', 'selectFileText', 'state', 'uploadFailedText', 'uploadSuccessText'],
+        inputs: ['accept', 'directoryUpload', 'disabled', 'i18nUploadDisabled', 'i18nUploadFile', 'loadingText', 'multiline', 'multiple', 'selectFileText', 'state', 'uploadFailedText', 'uploadSuccessText'],
         methods: ['setFilesToUpload']
     })
 ], IxUpload);
@@ -3059,40 +3228,13 @@ 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: ['accept', 'disabled', 'i18nUploadDisabled', 'i18nUploadFile', 'loadingText', 'multiline', 'multiple', 'selectFileText', 'state', 'uploadFailedText', 'uploadSuccessText'],
+                    inputs: ['accept', 'directoryUpload', 'disabled', 'i18nUploadDisabled', 'i18nUploadFile', 'loadingText', 'multiline', 'multiple', 'selectFileText', 'state', 'uploadFailedText', 'uploadSuccessText'],
                     outputs: ['filesChanged'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { filesChanged: [{
                 type: Output
             }] } });
-let IxValidationTooltip = class IxValidationTooltip {
-    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: IxValidationTooltip, 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: IxValidationTooltip, isStandalone: false, selector: "ix-validation-tooltip", inputs: { message: "message", placement: "placement", suppressAutomaticPlacement: "suppressAutomaticPlacement" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-};
-IxValidationTooltip = __decorate([
-    ProxyCmp({
-        inputs: ['message', 'placement', 'suppressAutomaticPlacement']
-    })
-], IxValidationTooltip);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxValidationTooltip, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ix-validation-tooltip',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['message', 'placement', 'suppressAutomaticPlacement'],
-                    standalone: false
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IxWorkflowStep = class IxWorkflowStep {
     z;
     el;
@@ -3213,8 +3355,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);
     }
     /**
      * Opens a modal based on ModalConfig
@@ -3228,7 +3370,7 @@ 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: [{
@@ -3236,7 +3378,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
             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
@@ -3470,6 +3612,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ElementRef }] });
 
+/*
+ * SPDX-FileCopyrightText: 2025 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+class IxDatetimeValueAccessorDirective extends DatetimeValueAccessorBaseDirective {
+    constructor(injector, el) {
+        super(injector, el);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDatetimeValueAccessorDirective, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: IxDatetimeValueAccessorDirective, isStandalone: false, selector: "ix-datetime-input", providers: [createValueAccessorProvider(IxDatetimeValueAccessorDirective)], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDatetimeValueAccessorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ix-datetime-input',
+                    providers: [createValueAccessorProvider(IxDatetimeValueAccessorDirective)],
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ElementRef }] });
+
 /*
  * SPDX-FileCopyrightText: 2024 Siemens AG
  *
@@ -3556,9 +3722,9 @@ const DIRECTIVES = [
     IxDateDropdown,
     IxDateInput,
     IxDatePicker,
+    IxDatetimeInput,
     IxDatetimePicker,
     IxDivider,
-    IxDrawer,
     IxDropdown,
     IxDropdownButton,
     IxDropdownHeader,
@@ -3579,7 +3745,6 @@ const DIRECTIVES = [
     IxIconButton,
     IxIconToggleButton,
     IxInput,
-    IxInputGroup,
     IxKeyValue,
     IxKeyValueList,
     IxKpi,
@@ -3606,10 +3771,16 @@ const DIRECTIVES = [
     IxPane,
     IxPaneLayout,
     IxPill,
+    IxPopover,
+    IxPopoverContent,
+    IxPopoverFooter,
+    IxPopoverHeader,
+    IxPopoverImage,
     IxProgressIndicator,
     IxPushCard,
     IxRadio,
     IxRadioGroup,
+    IxRangeField,
     IxRow,
     IxSelect,
     IxSelectItem,
@@ -3630,7 +3801,6 @@ const DIRECTIVES = [
     IxTreeItem,
     IxTypography,
     IxUpload,
-    IxValidationTooltip,
     IxWorkflowStep,
     IxWorkflowSteps
 ];
@@ -3654,6 +3824,7 @@ const DECLARATIONS = [
     IxBooleanValueAccessorDirective,
     IxDateValueAccessorDirective,
     IxTimeValueAccessorDirective,
+    IxDatetimeValueAccessorDirective,
 ];
 class IxModule {
     static forRoot() {
@@ -3673,21 +3844,23 @@ class IxModule {
         };
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: IxModule, declarations: [IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIconButton, IxIconToggleButton, IxInput, IxInputGroup, 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, IxRow, IxSelect, IxSelectItem, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTreeItem, IxTypography, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, IxTree, IxIcon,
+    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: IxModule, declarations: [IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDatetimeInput, IxDatetimePicker, IxDivider, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, 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, IxRangeField, IxRow, IxSelect, IxSelectItem, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTreeItem, IxTypography, IxUpload, IxWorkflowStep, IxWorkflowSteps, IxTree, IxIcon,
             IxDropdownTriggerDirective,
             IxTextValueAccessorDirective,
             IxSelectValueAccessorDirective,
             IxRadioValueAccessorDirective,
             IxBooleanValueAccessorDirective,
             IxDateValueAccessorDirective,
-            IxTimeValueAccessorDirective], exports: [IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIconButton, IxIconToggleButton, IxInput, IxInputGroup, 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, IxRow, IxSelect, IxSelectItem, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTreeItem, IxTypography, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, IxTree, IxIcon,
+            IxTimeValueAccessorDirective,
+            IxDatetimeValueAccessorDirective], exports: [IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDatetimeInput, IxDatetimePicker, IxDivider, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, 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, IxRangeField, IxRow, IxSelect, IxSelectItem, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTreeItem, IxTypography, IxUpload, IxWorkflowStep, IxWorkflowSteps, IxTree, IxIcon,
             IxDropdownTriggerDirective,
             IxTextValueAccessorDirective,
             IxSelectValueAccessorDirective,
             IxRadioValueAccessorDirective,
             IxBooleanValueAccessorDirective,
             IxDateValueAccessorDirective,
-            IxTimeValueAccessorDirective] });
+            IxTimeValueAccessorDirective,
+            IxDatetimeValueAccessorDirective] });
     /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxModule, decorators: [{
@@ -3711,5 +3884,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
  * 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, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxDropdownTriggerDirective, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIcon, IxIconButton, IxIconToggleButton, IxInput, IxInputGroup, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutAuto, IxLayoutGrid, IxLinkButton, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalFooter, IxModalHeader, IxModule, IxNumberInput, IxPagination, IxPane, IxPaneLayout, IxPill, IxProgressIndicator, IxPushCard, IxRadio, IxRadioGroup, IxRadioValueAccessorDirective, IxRow, IxSelect, IxSelectItem, IxSelectValueAccessorDirective, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextValueAccessorDirective, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxTimeValueAccessorDirective, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTree, IxTreeItem, IxTypography, IxUpload, IxValidationTooltip, 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, IxModule, 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, IxWorkflowStep, IxWorkflowSteps, LoadingService, MessageService, ModalService, ToastService };
 //# sourceMappingURL=siemens-ix-angular.mjs.map