@siemens/ix-angular 4.4.0 → 5.0.0

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

@@ -26,9 +26,9 @@ import { defineCustomElement as defineCustomElement$l } from '@siemens/ix/compon
 import { defineCustomElement as defineCustomElement$m } from '@siemens/ix/components/ix-date-dropdown.js';
 import { defineCustomElement as defineCustomElement$n } from '@siemens/ix/components/ix-date-input.js';
 import { defineCustomElement as defineCustomElement$o } from '@siemens/ix/components/ix-date-picker.js';
-import { defineCustomElement as defineCustomElement$p } from '@siemens/ix/components/ix-datetime-picker.js';
-import { defineCustomElement as defineCustomElement$q } from '@siemens/ix/components/ix-divider.js';
-import { defineCustomElement as defineCustomElement$r } from '@siemens/ix/components/ix-drawer.js';
+import { defineCustomElement as defineCustomElement$p } from '@siemens/ix/components/ix-datetime-input.js';
+import { defineCustomElement as defineCustomElement$q } from '@siemens/ix/components/ix-datetime-picker.js';
+import { defineCustomElement as defineCustomElement$r } from '@siemens/ix/components/ix-divider.js';
 import { defineCustomElement as defineCustomElement$s } from '@siemens/ix/components/ix-dropdown.js';
 import { defineCustomElement as defineCustomElement$t } from '@siemens/ix/components/ix-dropdown-button.js';
 import { defineCustomElement as defineCustomElement$u } from '@siemens/ix/components/ix-dropdown-header.js';
@@ -49,37 +49,37 @@ import { defineCustomElement as defineCustomElement$I } from '@siemens/ix/compon
 import { defineCustomElement as defineCustomElement$J } from '@siemens/ix/components/ix-icon-button.js';
 import { defineCustomElement as defineCustomElement$K } from '@siemens/ix/components/ix-icon-toggle-button.js';
 import { defineCustomElement as defineCustomElement$L } from '@siemens/ix/components/ix-input.js';
-import { defineCustomElement as defineCustomElement$M } from '@siemens/ix/components/ix-input-group.js';
-import { defineCustomElement as defineCustomElement$N } from '@siemens/ix/components/ix-key-value.js';
-import { defineCustomElement as defineCustomElement$O } from '@siemens/ix/components/ix-key-value-list.js';
-import { defineCustomElement as defineCustomElement$P } from '@siemens/ix/components/ix-kpi.js';
-import { defineCustomElement as defineCustomElement$Q } from '@siemens/ix/components/ix-layout-auto.js';
-import { defineCustomElement as defineCustomElement$R } from '@siemens/ix/components/ix-layout-grid.js';
-import { defineCustomElement as defineCustomElement$S } from '@siemens/ix/components/ix-link-button.js';
-import { defineCustomElement as defineCustomElement$T } from '@siemens/ix/components/ix-menu.js';
-import { defineCustomElement as defineCustomElement$U } from '@siemens/ix/components/ix-menu-about.js';
-import { defineCustomElement as defineCustomElement$V } from '@siemens/ix/components/ix-menu-about-item.js';
-import { defineCustomElement as defineCustomElement$W } from '@siemens/ix/components/ix-menu-about-news.js';
-import { defineCustomElement as defineCustomElement$X } from '@siemens/ix/components/ix-menu-avatar.js';
-import { defineCustomElement as defineCustomElement$Y } from '@siemens/ix/components/ix-menu-avatar-item.js';
-import { defineCustomElement as defineCustomElement$Z } from '@siemens/ix/components/ix-menu-category.js';
-import { defineCustomElement as defineCustomElement$_ } from '@siemens/ix/components/ix-menu-item.js';
-import { defineCustomElement as defineCustomElement$$ } from '@siemens/ix/components/ix-menu-settings.js';
-import { defineCustomElement as defineCustomElement$10 } from '@siemens/ix/components/ix-menu-settings-item.js';
-import { defineCustomElement as defineCustomElement$11 } from '@siemens/ix/components/ix-message-bar.js';
-import { defineCustomElement as defineCustomElement$12 } from '@siemens/ix/components/ix-modal.js';
-import { defineCustomElement as defineCustomElement$13 } from '@siemens/ix/components/ix-modal-content.js';
-import { defineCustomElement as defineCustomElement$14 } from '@siemens/ix/components/ix-modal-footer.js';
-import { defineCustomElement as defineCustomElement$15 } from '@siemens/ix/components/ix-modal-header.js';
-import { defineCustomElement as defineCustomElement$16 } from '@siemens/ix/components/ix-number-input.js';
-import { defineCustomElement as defineCustomElement$17 } from '@siemens/ix/components/ix-pagination.js';
-import { defineCustomElement as defineCustomElement$18 } from '@siemens/ix/components/ix-pane.js';
-import { defineCustomElement as defineCustomElement$19 } from '@siemens/ix/components/ix-pane-layout.js';
-import { defineCustomElement as defineCustomElement$1a } from '@siemens/ix/components/ix-pill.js';
-import { defineCustomElement as defineCustomElement$1b } from '@siemens/ix/components/ix-progress-indicator.js';
-import { defineCustomElement as defineCustomElement$1c } from '@siemens/ix/components/ix-push-card.js';
-import { defineCustomElement as defineCustomElement$1d } from '@siemens/ix/components/ix-radio.js';
-import { defineCustomElement as defineCustomElement$1e } from '@siemens/ix/components/ix-radio-group.js';
+import { defineCustomElement as defineCustomElement$M } from '@siemens/ix/components/ix-key-value.js';
+import { defineCustomElement as defineCustomElement$N } from '@siemens/ix/components/ix-key-value-list.js';
+import { defineCustomElement as defineCustomElement$O } from '@siemens/ix/components/ix-kpi.js';
+import { defineCustomElement as defineCustomElement$P } from '@siemens/ix/components/ix-layout-auto.js';
+import { defineCustomElement as defineCustomElement$Q } from '@siemens/ix/components/ix-layout-grid.js';
+import { defineCustomElement as defineCustomElement$R } from '@siemens/ix/components/ix-link-button.js';
+import { defineCustomElement as defineCustomElement$S } from '@siemens/ix/components/ix-menu.js';
+import { defineCustomElement as defineCustomElement$T } from '@siemens/ix/components/ix-menu-about.js';
+import { defineCustomElement as defineCustomElement$U } from '@siemens/ix/components/ix-menu-about-item.js';
+import { defineCustomElement as defineCustomElement$V } from '@siemens/ix/components/ix-menu-about-news.js';
+import { defineCustomElement as defineCustomElement$W } from '@siemens/ix/components/ix-menu-avatar.js';
+import { defineCustomElement as defineCustomElement$X } from '@siemens/ix/components/ix-menu-avatar-item.js';
+import { defineCustomElement as defineCustomElement$Y } from '@siemens/ix/components/ix-menu-category.js';
+import { defineCustomElement as defineCustomElement$Z } from '@siemens/ix/components/ix-menu-item.js';
+import { defineCustomElement as defineCustomElement$_ } from '@siemens/ix/components/ix-menu-settings.js';
+import { defineCustomElement as defineCustomElement$$ } from '@siemens/ix/components/ix-menu-settings-item.js';
+import { defineCustomElement as defineCustomElement$10 } from '@siemens/ix/components/ix-message-bar.js';
+import { defineCustomElement as defineCustomElement$11 } from '@siemens/ix/components/ix-modal.js';
+import { defineCustomElement as defineCustomElement$12 } from '@siemens/ix/components/ix-modal-content.js';
+import { defineCustomElement as defineCustomElement$13 } from '@siemens/ix/components/ix-modal-footer.js';
+import { defineCustomElement as defineCustomElement$14 } from '@siemens/ix/components/ix-modal-header.js';
+import { defineCustomElement as defineCustomElement$15 } from '@siemens/ix/components/ix-number-input.js';
+import { defineCustomElement as defineCustomElement$16 } from '@siemens/ix/components/ix-pagination.js';
+import { defineCustomElement as defineCustomElement$17 } from '@siemens/ix/components/ix-pane.js';
+import { defineCustomElement as defineCustomElement$18 } from '@siemens/ix/components/ix-pane-layout.js';
+import { defineCustomElement as defineCustomElement$19 } from '@siemens/ix/components/ix-pill.js';
+import { defineCustomElement as defineCustomElement$1a } from '@siemens/ix/components/ix-progress-indicator.js';
+import { defineCustomElement as defineCustomElement$1b } from '@siemens/ix/components/ix-push-card.js';
+import { defineCustomElement as defineCustomElement$1c } from '@siemens/ix/components/ix-radio.js';
+import { defineCustomElement as defineCustomElement$1d } from '@siemens/ix/components/ix-radio-group.js';
+import { defineCustomElement as defineCustomElement$1e } from '@siemens/ix/components/ix-range-field.js';
 import { defineCustomElement as defineCustomElement$1f } from '@siemens/ix/components/ix-row.js';
 import { defineCustomElement as defineCustomElement$1g } from '@siemens/ix/components/ix-select.js';
 import { defineCustomElement as defineCustomElement$1h } from '@siemens/ix/components/ix-select-item.js';
@@ -100,18 +100,15 @@ import { defineCustomElement as defineCustomElement$1v } from '@siemens/ix/compo
 import { defineCustomElement as defineCustomElement$1w } from '@siemens/ix/components/ix-tree-item.js';
 import { defineCustomElement as defineCustomElement$1x } from '@siemens/ix/components/ix-typography.js';
 import { defineCustomElement as defineCustomElement$1y } from '@siemens/ix/components/ix-upload.js';
-import { defineCustomElement as defineCustomElement$1z } from '@siemens/ix/components/ix-validation-tooltip.js';
-import { defineCustomElement as defineCustomElement$1A } from '@siemens/ix/components/ix-workflow-step.js';
-import { defineCustomElement as defineCustomElement$1B } from '@siemens/ix/components/ix-workflow-steps.js';
-import { defineCustomElement as defineCustomElement$1D } from '@siemens/ix/components/ix-application-sidebar.js';
-import { defineCustomElement as defineCustomElement$1C } from '@siemens/ix/components/ix-application-switch-modal.js';
-import { defineCustomElement as defineCustomElement$1F } from '@siemens/ix/components/ix-menu-expand-icon.js';
-import { defineCustomElement as defineCustomElement$1E } from '@siemens/ix/components/ix-date-time-card.js';
-import { defineCustomElement as defineCustomElement$1G } from '@siemens/ix/components/ix-modal-loading.js';
-import { defineCustomElement as defineCustomElement$1H } from '@siemens/ix-icons/components/ix-icon.js';
-import { defineCustomElement as defineCustomElement$1I } from '@siemens/ix/components/ix-tree.js';
-import { TreeBaseDirective, ModalService as ModalService$1, ToastService as ToastService$1, MessageService as MessageService$1, LoadingService as LoadingService$1, BooleanValueAccessorBaseDirective, createValueAccessorProvider, RadioValueAccessorBaseDirective, SelectValueAccessorBaseDirective, TextValueAccessorBaseDirective, DateValueAccessorBaseDirective, TimeValueAccessorBaseDirective, DropdownTriggerBaseDirective } from '@siemens/ix-angular/common';
+import { defineCustomElement as defineCustomElement$1z } from '@siemens/ix/components/ix-workflow-step.js';
+import { defineCustomElement as defineCustomElement$1A } from '@siemens/ix/components/ix-workflow-steps.js';
+import { defineCustomElement as defineCustomElement$1B } from '@siemens/ix/components/ix-application-switch-modal.js';
+import { defineCustomElement as defineCustomElement$1C } from '@siemens/ix-icons/components/ix-icon.js';
+import { defineCustomElement as defineCustomElement$1D } from '@siemens/ix/components/ix-tree.js';
+import { TreeBaseDirective, ModalService as ModalService$1, ToastService as ToastService$1, MessageService as MessageService$1, LoadingService as LoadingService$1, BooleanValueAccessorBaseDirective, createValueAccessorProvider, RadioValueAccessorBaseDirective, SelectValueAccessorBaseDirective, TextValueAccessorBaseDirective, DateValueAccessorBaseDirective, TimeValueAccessorBaseDirective, DatetimeValueAccessorBaseDirective, DropdownTriggerBaseDirective } from '@siemens/ix-angular/common';
 export { IxActiveModal } from '@siemens/ix-angular/common';
+import { createShowModalLoading } from '@siemens/ix';
+import { defineCustomElement as defineCustomElement$1E } from '@siemens/ix/components/ix-modal-loading.js';
 
 /* eslint-disable */
 /* tslint:disable */
@@ -207,12 +204,12 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$2,
-        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: [{
@@ -222,7 +219,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IxApplicationHeader = class IxApplicationHeader {
@@ -236,12 +233,12 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$3,
-        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: [{
@@ -251,7 +248,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { menuToggle: [{
@@ -268,12 +265,12 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$4,
-        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: [{
@@ -283,7 +280,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IxBlind = class IxBlind {
@@ -360,12 +357,12 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$7,
-        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: [{
@@ -375,7 +372,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IxButton = class IxButton {
@@ -387,12 +384,12 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$8,
-        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: [{
@@ -402,7 +399,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IxCard = class IxCard {
@@ -497,12 +494,12 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$c,
-        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: [{
@@ -512,7 +509,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { collapseChanged: [{
@@ -662,12 +659,12 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$h,
-        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: [{
@@ -677,7 +674,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { closeChip: [{
@@ -804,12 +801,12 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$m,
-        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);
@@ -820,7 +817,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dateRangeChange: [{
@@ -876,12 +873,12 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$o,
-        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);
@@ -892,7 +889,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dateChange: [{
@@ -902,6 +899,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: true, 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({
+        defineCustomElementFn: defineCustomElement$p,
+        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'],
+                }]
+        }], 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;
@@ -914,12 +954,12 @@ 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: true, 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: true, 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({
-        defineCustomElementFn: defineCustomElement$p,
-        inputs: ['ariaLabelNextMonthButton', 'ariaLabelPreviousMonthButton', 'dateFormat', 'from', 'i18nDone', 'i18nTime', 'locale', 'maxDate', 'minDate', 'showTimeReference', 'showWeekNumbers', 'singleSelection', 'time', 'timeFormat', 'timeReference', 'to', 'weekStartIndex']
+        defineCustomElementFn: defineCustomElement$q,
+        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: [{
@@ -929,7 +969,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { timeChange: [{
@@ -952,7 +992,7 @@ let IxDivider = class IxDivider {
 };
 IxDivider = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$q
+        defineCustomElementFn: defineCustomElement$r
     })
 ], IxDivider);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDivider, decorators: [{
@@ -965,44 +1005,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                     inputs: [],
                 }]
         }], 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: true, 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({
-        defineCustomElementFn: defineCustomElement$r,
-        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'],
-                }]
-        }], 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;
@@ -1010,12 +1016,12 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$s,
-        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);
@@ -1026,27 +1032,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'],
                 }]
-        }], 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$t,
-        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: [{
@@ -1056,9 +1066,14 @@ 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'],
                 }]
-        }], 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;
@@ -1095,12 +1110,12 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$v,
-        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: [{
@@ -1110,7 +1125,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IxDropdownQuickActions = class IxDropdownQuickActions {
@@ -1504,12 +1519,12 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$J,
-        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: [{
@@ -1519,7 +1534,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IxIconToggleButton = class IxIconToggleButton {
@@ -1532,12 +1547,12 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$K,
-        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: [{
@@ -1547,7 +1562,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { pressedChange: [{
@@ -1594,32 +1609,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: true, selector: "ix-input-group", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-};
-IxInputGroup = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: defineCustomElement$M
-    })
-], 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: [],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IxKeyValue = class IxKeyValue {
     z;
     el;
@@ -1633,7 +1622,7 @@ let IxKeyValue = class IxKeyValue {
 };
 IxKeyValue = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$N,
+        defineCustomElementFn: defineCustomElement$M,
         inputs: ['ariaLabelIcon', 'icon', 'label', 'labelPosition', 'value']
     })
 ], IxKeyValue);
@@ -1660,7 +1649,7 @@ let IxKeyValueList = class IxKeyValueList {
 };
 IxKeyValueList = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$O,
+        defineCustomElementFn: defineCustomElement$N,
         inputs: ['striped']
     })
 ], IxKeyValueList);
@@ -1687,7 +1676,7 @@ let IxKpi = class IxKpi {
 };
 IxKpi = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$P,
+        defineCustomElementFn: defineCustomElement$O,
         inputs: ['ariaLabelAlarmIcon', 'ariaLabelWarningIcon', 'label', 'orientation', 'state', 'unit', 'value']
     })
 ], IxKpi);
@@ -1714,7 +1703,7 @@ let IxLayoutAuto = class IxLayoutAuto {
 };
 IxLayoutAuto = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Q,
+        defineCustomElementFn: defineCustomElement$P,
         inputs: ['layout']
     })
 ], IxLayoutAuto);
@@ -1741,7 +1730,7 @@ let IxLayoutGrid = class IxLayoutGrid {
 };
 IxLayoutGrid = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$R,
+        defineCustomElementFn: defineCustomElement$Q,
         inputs: ['columns', 'gap', 'noMargin']
     })
 ], IxLayoutGrid);
@@ -1768,7 +1757,7 @@ let IxLinkButton = class IxLinkButton {
 };
 IxLinkButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$S,
+        defineCustomElementFn: defineCustomElement$R,
         inputs: ['disabled', 'target', 'url']
     })
 ], IxLinkButton);
@@ -1796,12 +1785,12 @@ let IxMenu = class IxMenu {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenu, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: IxMenu, isStandalone: true, selector: "ix-menu", inputs: { applicationDescription: "applicationDescription", applicationName: "applicationName", enableToggleTheme: "enableToggleTheme", expand: "expand", i18nCollapse: "i18nCollapse", i18nExpand: "i18nExpand", 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: true, selector: "ix-menu", inputs: { applicationDescription: "applicationDescription", applicationName: "applicationName", enableToggleTheme: "enableToggleTheme", expand: "expand", i18nCollapse: "i18nCollapse", i18nExpand: "i18nExpand", i18nLegal: "i18nLegal", i18nSettings: "i18nSettings", i18nToggleTheme: "i18nToggleTheme", pinned: "pinned", showAbout: "showAbout", showSettings: "showSettings", startExpanded: "startExpanded" }, outputs: { expandChange: "expandChange", mapExpandChange: "mapExpandChange", openAppSwitch: "openAppSwitch", openSettings: "openSettings", openAbout: "openAbout" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxMenu = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$T,
-        inputs: ['applicationDescription', 'applicationName', 'enableToggleTheme', 'expand', 'i18nCollapse', 'i18nExpand', 'i18nExpandSidebar', 'i18nLegal', 'i18nSettings', 'i18nToggleTheme', 'pinned', 'showAbout', 'showSettings', 'startExpanded'],
+        defineCustomElementFn: defineCustomElement$S,
+        inputs: ['applicationDescription', 'applicationName', 'enableToggleTheme', 'expand', 'i18nCollapse', 'i18nExpand', 'i18nLegal', 'i18nSettings', 'i18nToggleTheme', 'pinned', 'showAbout', 'showSettings', 'startExpanded'],
         methods: ['toggleMapExpand', 'toggleMenu', 'toggleSettings', 'toggleAbout']
     })
 ], IxMenu);
@@ -1812,7 +1801,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', 'i18nCollapse', 'i18nExpand', 'i18nLegal', 'i18nSettings', 'i18nToggleTheme', 'pinned', 'showAbout', 'showSettings', 'startExpanded'],
                     outputs: ['expandChange', 'mapExpandChange', 'openAppSwitch', 'openSettings', 'openAbout'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { expandChange: [{
@@ -1837,12 +1826,12 @@ 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: true, 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: true, 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({
-        defineCustomElementFn: defineCustomElement$U,
-        inputs: ['activeTabLabel', 'ariaLabelCloseButton', 'label']
+        defineCustomElementFn: defineCustomElement$T,
+        inputs: ['activeTabKey', 'ariaLabelCloseButton', 'label', 'suppressLegacyTabs']
     })
 ], IxMenuAbout);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuAbout, decorators: [{
@@ -1852,7 +1841,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tabChange: [{
@@ -1870,12 +1859,12 @@ 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: true, 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: true, 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({
-        defineCustomElementFn: defineCustomElement$V,
-        inputs: ['label']
+        defineCustomElementFn: defineCustomElement$U,
+        inputs: ['label', 'tabKey']
     })
 ], IxMenuAboutItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuAboutItem, decorators: [{
@@ -1885,7 +1874,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { labelChange: [{
@@ -1902,12 +1891,12 @@ 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: true, 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: true, 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({
-        defineCustomElementFn: defineCustomElement$W,
-        inputs: ['aboutItemLabel', 'i18nShowMore', 'label', 'show']
+        defineCustomElementFn: defineCustomElement$V,
+        inputs: ['aboutItemLabel', 'activeAboutTabKey', 'i18nShowMore', 'label', 'show']
     })
 ], IxMenuAboutNews);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuAboutNews, decorators: [{
@@ -1917,7 +1906,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { showMore: [{
@@ -1939,7 +1928,7 @@ let IxMenuAvatar = class IxMenuAvatar {
 };
 IxMenuAvatar = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$X,
+        defineCustomElementFn: defineCustomElement$W,
         inputs: ['ariaLabelTooltip', 'bottom', 'enableTopLayer', 'hideLogoutButton', 'i18nLogout', 'image', 'initials', 'tooltipText', 'top']
     })
 ], IxMenuAvatar);
@@ -1970,7 +1959,7 @@ let IxMenuAvatarItem = class IxMenuAvatarItem {
 };
 IxMenuAvatarItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Y,
+        defineCustomElementFn: defineCustomElement$X,
         inputs: ['icon', 'label']
     })
 ], IxMenuAvatarItem);
@@ -2000,7 +1989,7 @@ let IxMenuCategory = class IxMenuCategory {
 };
 IxMenuCategory = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Z,
+        defineCustomElementFn: defineCustomElement$Y,
         inputs: ['icon', 'label', 'notifications', 'tooltipText']
     })
 ], IxMenuCategory);
@@ -2027,7 +2016,7 @@ let IxMenuItem = class IxMenuItem {
 };
 IxMenuItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$_,
+        defineCustomElementFn: defineCustomElement$Z,
         inputs: ['active', 'bottom', 'disabled', 'home', 'href', 'icon', 'label', 'notifications', 'rel', 'target', 'tooltipText']
     })
 ], IxMenuItem);
@@ -2052,12 +2041,12 @@ 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: true, 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: true, 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({
-        defineCustomElementFn: defineCustomElement$$,
-        inputs: ['activeTabLabel', 'ariaLabelCloseButton', 'label']
+        defineCustomElementFn: defineCustomElement$_,
+        inputs: ['activeTabKey', 'ariaLabelCloseButton', 'label', 'suppressLegacyTabs']
     })
 ], IxMenuSettings);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuSettings, decorators: [{
@@ -2067,7 +2056,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tabChange: [{
@@ -2078,19 +2067,18 @@ 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: true, 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: true, 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({
-        defineCustomElementFn: defineCustomElement$10,
-        inputs: ['label']
+        defineCustomElementFn: defineCustomElement$$,
+        inputs: ['label', 'tabKey']
     })
 ], IxMenuSettingsItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuSettingsItem, decorators: [{
@@ -2100,12 +2088,9 @@ 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 }],
                 }]
-        }], 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;
@@ -2121,7 +2106,7 @@ let IxMessageBar = class IxMessageBar {
 };
 IxMessageBar = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$11,
+        defineCustomElementFn: defineCustomElement$10,
         inputs: ['persistent', 'type']
     })
 ], IxMessageBar);
@@ -2151,12 +2136,12 @@ 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: true, 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: true, 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({
-        defineCustomElementFn: defineCustomElement$12,
-        inputs: ['beforeDismiss', 'centered', 'closeOnBackdropClick', 'disableAnimation', 'disableEscapeClose', 'hideBackdrop', 'size'],
+        defineCustomElementFn: defineCustomElement$11,
+        inputs: ['beforeDismiss', 'centered', 'closeOnBackdropClick', 'disableAnimation', 'hideBackdrop', 'isNonBlocking', 'size'],
         methods: ['showModal', 'dismissModal', 'closeModal']
     })
 ], IxModal);
@@ -2167,7 +2152,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dialogClose: [{
@@ -2188,7 +2173,7 @@ let IxModalContent = class IxModalContent {
 };
 IxModalContent = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$13
+        defineCustomElementFn: defineCustomElement$12
     })
 ], IxModalContent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxModalContent, decorators: [{
@@ -2214,7 +2199,7 @@ let IxModalFooter = class IxModalFooter {
 };
 IxModalFooter = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$14
+        defineCustomElementFn: defineCustomElement$13
     })
 ], IxModalFooter);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxModalFooter, decorators: [{
@@ -2241,7 +2226,7 @@ let IxModalHeader = class IxModalHeader {
 };
 IxModalHeader = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$15,
+        defineCustomElementFn: defineCustomElement$14,
         inputs: ['ariaLabelCloseIconButton', 'ariaLabelIcon', 'hideClose', 'icon', 'iconColor']
     })
 ], IxModalHeader);
@@ -2275,7 +2260,7 @@ let IxNumberInput = class IxNumberInput {
 };
 IxNumberInput = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$16,
+        defineCustomElementFn: defineCustomElement$15,
         inputs: ['allowEmptyValueChange', 'allowedCharactersPattern', 'disabled', 'helperText', 'infoText', 'invalidText', 'label', 'max', 'min', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'showStepperButtons', 'showTextAsTooltip', 'step', 'suppressSubmitOnEnter', 'textAlignment', 'validText', 'value', 'warningText'],
         methods: ['getNativeInputElement', 'focusInput']
     })
@@ -2314,7 +2299,7 @@ let IxPagination = class IxPagination {
 };
 IxPagination = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$17,
+        defineCustomElementFn: defineCustomElement$16,
         inputs: ['advanced', 'ariaLabelChevronLeftIconButton', 'ariaLabelChevronRightIconButton', 'ariaLabelPageSelection', 'count', 'hideItemCount', 'i18nItems', 'i18nOf', 'i18nPage', 'itemCount', 'itemCountOptions', 'selectedPage']
     })
 ], IxPagination);
@@ -2349,7 +2334,7 @@ let IxPane = class IxPane {
 };
 IxPane = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$18,
+        defineCustomElementFn: defineCustomElement$17,
         inputs: ['ariaLabelCollapseCloseButton', 'ariaLabelIcon', 'borderless', 'closeOnClickOutside', 'composition', 'expanded', 'heading', 'hideOnCollapse', 'icon', 'size', 'variant']
     })
 ], IxPane);
@@ -2383,7 +2368,7 @@ let IxPaneLayout = class IxPaneLayout {
 };
 IxPaneLayout = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$19,
+        defineCustomElementFn: defineCustomElement$18,
         inputs: ['borderless', 'layout', 'variant']
     })
 ], IxPaneLayout);
@@ -2410,7 +2395,7 @@ let IxPill = class IxPill {
 };
 IxPill = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1a,
+        defineCustomElementFn: defineCustomElement$19,
         inputs: ['alignLeft', 'ariaLabelIcon', 'background', 'icon', 'outline', 'pillColor', 'tooltipText', 'variant']
     })
 ], IxPill);
@@ -2437,7 +2422,7 @@ let IxProgressIndicator = class IxProgressIndicator {
 };
 IxProgressIndicator = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1b,
+        defineCustomElementFn: defineCustomElement$1a,
         inputs: ['helperText', 'label', 'max', 'min', 'showTextAsTooltip', 'size', 'status', 'textAlignment', 'type', 'value']
     })
 ], IxProgressIndicator);
@@ -2464,7 +2449,7 @@ let IxPushCard = class IxPushCard {
 };
 IxPushCard = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1c,
+        defineCustomElementFn: defineCustomElement$1b,
         inputs: ['ariaLabelIcon', 'expanded', 'heading', 'icon', 'notification', 'passive', 'subheading', 'variant']
     })
 ], IxPushCard);
@@ -2494,7 +2479,7 @@ let IxRadio = class IxRadio {
 };
 IxRadio = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1d,
+        defineCustomElementFn: defineCustomElement$1c,
         inputs: ['checked', 'disabled', 'label', 'name', 'required', 'value']
     })
 ], IxRadio);
@@ -2529,7 +2514,7 @@ let IxRadioGroup = class IxRadioGroup {
 };
 IxRadioGroup = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1e,
+        defineCustomElementFn: defineCustomElement$1d,
         inputs: ['direction', 'helperText', 'infoText', 'invalidText', 'label', 'showTextAsTooltip', 'validText', 'value', 'warningText']
     })
 ], IxRadioGroup);
@@ -2546,6 +2531,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: true, 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({
+        defineCustomElementFn: defineCustomElement$1e,
+        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'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IxRow = class IxRow {
     z;
     el;
@@ -2585,12 +2597,12 @@ let IxSelect = class IxSelect {
         this.el = r.nativeElement;
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: IxSelect, isStandalone: true, selector: "ix-select", inputs: { allowClear: "allowClear", 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: true, selector: "ix-select", inputs: { allowClear: "allowClear", ariaLabelAddItem: "ariaLabelAddItem", ariaLabelClearIconButton: "ariaLabelClearIconButton", collapseMultipleSelection: "collapseMultipleSelection", disabled: "disabled", dropdownMaxWidth: "dropdownMaxWidth", dropdownWidth: "dropdownWidth", editable: "editable", enableTopLayer: "enableTopLayer", helperText: "helperText", hideListHeader: "hideListHeader", i18nAllSelected: "i18nAllSelected", i18nNoMatches: "i18nNoMatches", i18nPlaceholder: "i18nPlaceholder", i18nPlaceholderEditable: "i18nPlaceholderEditable", i18nRemoveSelectedItem: "i18nRemoveSelectedItem", i18nSelectListHeader: "i18nSelectListHeader", infoText: "infoText", invalidText: "invalidText", label: "label", mode: "mode", name: "name", readonly: "readonly", required: "required", showTextAsTooltip: "showTextAsTooltip", validText: "validText", value: "value", warningText: "warningText" }, outputs: { valueChange: "valueChange", inputChange: "inputChange", addItem: "addItem", ixBlur: "ixBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxSelect = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1g,
-        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', 'i18nNoMatches', 'i18nPlaceholder', 'i18nPlaceholderEditable', 'i18nRemoveSelectedItem', 'i18nSelectListHeader', 'infoText', 'invalidText', 'label', 'mode', 'name', 'readonly', 'required', 'showTextAsTooltip', 'validText', 'value', 'warningText'],
         methods: ['getNativeInputElement', 'focusInput']
     })
 ], IxSelect);
@@ -2601,7 +2613,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', 'i18nNoMatches', 'i18nPlaceholder', 'i18nPlaceholderEditable', 'i18nRemoveSelectedItem', 'i18nSelectListHeader', 'infoText', 'invalidText', 'label', 'mode', 'name', 'readonly', 'required', 'showTextAsTooltip', 'validText', 'value', 'warningText'],
                     outputs: ['valueChange', 'inputChange', 'addItem', 'ixBlur'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChange: [{
@@ -2654,12 +2666,12 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$1i,
-        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: [{
@@ -2669,7 +2681,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChange: [{
@@ -2712,12 +2724,12 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$1k,
-        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: [{
@@ -2727,7 +2739,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { buttonClick: [{
@@ -2737,18 +2749,19 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$1l,
-        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: [{
@@ -2758,28 +2771,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'],
                 }]
         }], 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$1m,
-        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: [{
@@ -2789,10 +2805,12 @@ 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'],
                 }]
-        }], 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 {
@@ -2875,12 +2893,12 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$1p,
-        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);
@@ -2891,7 +2909,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChange: [{
@@ -2912,12 +2930,12 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$1q,
-        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);
@@ -2928,7 +2946,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { timeSelect: [{
@@ -2977,12 +2995,12 @@ 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: true, 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: true, selector: "ix-toast-container", inputs: { position: "position" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxToastContainer = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1s,
-        inputs: ['containerClass', 'containerId', 'position'],
+        inputs: ['position'],
         methods: ['showToast']
     })
 ], IxToastContainer);
@@ -2993,7 +3011,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IxToggle = class IxToggle {
@@ -3040,12 +3058,12 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$1u,
-        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: [{
@@ -3055,7 +3073,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { pressedChange: [{
@@ -3099,12 +3117,12 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$1w,
-        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: [{
@@ -3114,7 +3132,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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { toggle: [{
@@ -3159,12 +3177,12 @@ 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: true, 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: true, 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({
         defineCustomElementFn: defineCustomElement$1y,
-        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);
@@ -3175,39 +3193,12 @@ 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'],
                 }]
         }], 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: true, 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({
-        defineCustomElementFn: defineCustomElement$1z,
-        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'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IxWorkflowStep = class IxWorkflowStep {
     z;
     el;
@@ -3221,7 +3212,7 @@ let IxWorkflowStep = class IxWorkflowStep {
 };
 IxWorkflowStep = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1A,
+        defineCustomElementFn: defineCustomElement$1z,
         inputs: ['clickable', 'disabled', 'selected', 'status', 'vertical']
     })
 ], IxWorkflowStep);
@@ -3249,7 +3240,7 @@ let IxWorkflowSteps = class IxWorkflowSteps {
 };
 IxWorkflowSteps = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1B,
+        defineCustomElementFn: defineCustomElement$1A,
         inputs: ['clickable', 'selectedIndex', 'vertical']
     })
 ], IxWorkflowSteps);
@@ -3279,12 +3270,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
  * Define custom elements during usage of the library to ensure that all
  * components are registered before they are used.
  */
+defineCustomElement$1B();
 defineCustomElement$1C();
-defineCustomElement$1D();
-defineCustomElement$1E();
-defineCustomElement$1F();
-defineCustomElement$1G();
-defineCustomElement$1H();
 
 let IxIcon = class IxIcon {
     z;
@@ -3300,7 +3287,7 @@ let IxIcon = class IxIcon {
 IxIcon = __decorate([
     ProxyCmp({
         inputs: ['color', 'size', 'name', 'lazyLoading'],
-        defineCustomElementFn: defineCustomElement$1H,
+        defineCustomElementFn: defineCustomElement$1C,
     })
 ], IxIcon);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxIcon, decorators: [{
@@ -3326,7 +3313,7 @@ let IxTree = class IxTree extends TreeBaseDirective {
 IxTree = __decorate([
     ProxyCmp({
         inputs: ['context', 'model', 'root', 'lazyLoading'],
-        defineCustomElementFn: defineCustomElement$1I,
+        defineCustomElementFn: defineCustomElement$1D,
     })
 ], IxTree);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTree, decorators: [{
@@ -3350,7 +3337,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
 class ModalService extends ModalService$1 {
     constructor(appRef, componentFactoryResolver, injector) {
         super(appRef, componentFactoryResolver, injector);
-        defineCustomElement$12();
+        defineCustomElement$11();
     }
     open(config) {
         return super.open(config);
@@ -3400,9 +3387,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
 class MessageService extends MessageService$1 {
     constructor() {
         super();
-        defineCustomElement$12();
+        defineCustomElement$11();
         // needs to be called as well here or wont be rendered correctly for angular production builds
-        defineCustomElement$14();
+        defineCustomElement$13();
     }
     showMessage(config) {
         return super.showMessage(config);
@@ -3438,18 +3425,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+const showModalLoadingWithDependencies = createShowModalLoading([
+    { tag: 'ix-modal', define: defineCustomElement$11 },
+    { tag: 'ix-modal-loading', define: defineCustomElement$1E },
+]);
 class LoadingService extends LoadingService$1 {
-    constructor() {
-        super();
-        defineCustomElement$12();
+    showModalLoading(options) {
+        return showModalLoadingWithDependencies(options);
     }
-    showModalLoading(messageOrOptions) {
-        if (typeof messageOrOptions === 'string') {
-            return super.showModalLoading(messageOrOptions);
-        }
-        return super.showModalLoading(messageOrOptions);
-    }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: LoadingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: LoadingService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: LoadingService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: LoadingService, decorators: [{
@@ -3457,7 +3441,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [] });
+        }] });
 
 /*
  * SPDX-FileCopyrightText: 2025 Siemens AG
@@ -3615,6 +3599,32 @@ 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.
+ */
+/**
+ * Value Accessor for ix-datetime-input
+ */
+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: true, 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)],
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ElementRef }] });
+
 /*
  * SPDX-FileCopyrightText: 2025 Siemens AG
  *
@@ -3655,13 +3665,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
 /**
  * Value Accessor bundle to reduce import complexity
  *
- * Incudes:
+ * Includes:
  *  - IxBooleanValueAccessorDirective
  *  - IxRadioValueAccessorDirective
  *  - IxSelectValueAccessorDirective
  *  - IxTextValueAccessorDirective
  *  - IxDateValueAccessorDirective
  *  - IxTimeValueAccessorDirective
+ *  - IxDatetimeValueAccessorDirective
  */
 const IxValueAccessorDirectives = [
     IxBooleanValueAccessorDirective,
@@ -3670,6 +3681,7 @@ const IxValueAccessorDirectives = [
     IxTextValueAccessorDirective,
     IxDateValueAccessorDirective,
     IxTimeValueAccessorDirective,
+    IxDatetimeValueAccessorDirective,
 ];
 
 /*
@@ -3685,5 +3697,5 @@ const IxValueAccessorDirectives = [
  * Generated bundle index. Do not edit.
  */
 
-export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, IxBooleanValueAccessorDirective, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDateValueAccessorDirective, 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, 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, IxValueAccessorDirectives, IxWorkflowStep, IxWorkflowSteps, LoadingService, MessageService, ModalService, ToastService };
+export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, IxBooleanValueAccessorDirective, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDateValueAccessorDirective, IxDatetimeInput, IxDatetimePicker, IxDatetimeValueAccessorDirective, IxDivider, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxDropdownTriggerDirective, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIcon, IxIconButton, IxIconToggleButton, IxInput, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutAuto, IxLayoutGrid, IxLinkButton, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalFooter, IxModalHeader, IxNumberInput, IxPagination, IxPane, IxPaneLayout, IxPill, IxProgressIndicator, IxPushCard, IxRadio, IxRadioGroup, IxRadioValueAccessorDirective, IxRangeField, IxRow, IxSelect, IxSelectItem, IxSelectValueAccessorDirective, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextValueAccessorDirective, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxTimeValueAccessorDirective, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTree, IxTreeItem, IxTypography, IxUpload, IxValueAccessorDirectives, IxWorkflowStep, IxWorkflowSteps, LoadingService, MessageService, ModalService, ToastService };
 //# sourceMappingURL=siemens-ix-angular-standalone.mjs.map