@siemens/ix-angular 4.3.0 → 4.4.0

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

@@ -110,7 +110,7 @@ import { defineCustomElement as defineCustomElement$1E } from '@siemens/ix/compo
 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, DropdownTriggerBaseDirective } from '@siemens/ix-angular/common';
+import { TreeBaseDirective, ModalService as ModalService$1, ToastService as ToastService$1, MessageService as MessageService$1, LoadingService as LoadingService$1, BooleanValueAccessorBaseDirective, createValueAccessorProvider, RadioValueAccessorBaseDirective, SelectValueAccessorBaseDirective, TextValueAccessorBaseDirective, DateValueAccessorBaseDirective, TimeValueAccessorBaseDirective, DropdownTriggerBaseDirective } from '@siemens/ix-angular/common';
 export { IxActiveModal } from '@siemens/ix-angular/common';
 
 /* eslint-disable */
@@ -179,8 +179,8 @@ let IxActionCard = class IxActionCard {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxActionCard, 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.16", type: IxActionCard, isStandalone: true, selector: "ix-action-card", inputs: { ariaLabelCard: "ariaLabelCard", ariaLabelIcon: "ariaLabelIcon", heading: "heading", icon: "icon", passive: "passive", selected: "selected", subheading: "subheading", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxActionCard, 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: IxActionCard, isStandalone: true, selector: "ix-action-card", inputs: { ariaLabelCard: "ariaLabelCard", ariaLabelIcon: "ariaLabelIcon", heading: "heading", icon: "icon", passive: "passive", selected: "selected", subheading: "subheading", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxActionCard = __decorate([
     ProxyCmp({
@@ -188,7 +188,7 @@ IxActionCard = __decorate([
         inputs: ['ariaLabelCard', 'ariaLabelIcon', 'heading', 'icon', 'passive', 'selected', 'subheading', 'variant']
     })
 ], IxActionCard);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxActionCard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxActionCard, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-action-card',
@@ -206,8 +206,8 @@ let IxApplication = class IxApplication {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxApplication = __decorate([
     ProxyCmp({
@@ -215,7 +215,7 @@ IxApplication = __decorate([
         inputs: ['appSwitchConfig', 'breakpoints', 'forceBreakpoint', 'theme', 'themeSystemAppearance']
     })
 ], IxApplication);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxApplication, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxApplication, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-application',
@@ -235,8 +235,8 @@ let IxApplicationHeader = class IxApplicationHeader {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxApplicationHeader = __decorate([
     ProxyCmp({
@@ -244,7 +244,7 @@ IxApplicationHeader = __decorate([
         inputs: ['appIcon', 'appIconAlt', 'appIconOutline', 'ariaLabelAppSwitchIconButton', 'ariaLabelMenuExpandIconButton', 'ariaLabelMoreMenuIconButton', 'companyLogo', 'companyLogoAlt', 'enableTopLayer', 'hideBottomBorder', 'name', 'nameSuffix', 'showMenu']
     })
 ], IxApplicationHeader);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxApplicationHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxApplicationHeader, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-application-header',
@@ -267,8 +267,8 @@ let IxAvatar = class IxAvatar {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxAvatar = __decorate([
     ProxyCmp({
@@ -276,7 +276,7 @@ IxAvatar = __decorate([
         inputs: ['a11yLabel', 'ariaLabelTooltip', 'extra', 'image', 'initials', 'tooltipText', 'username']
     })
 ], IxAvatar);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxAvatar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxAvatar, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-avatar',
@@ -295,8 +295,8 @@ let IxBlind = class IxBlind {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxBlind, 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.16", type: IxBlind, isStandalone: true, selector: "ix-blind", inputs: { collapsed: "collapsed", icon: "icon", label: "label", sublabel: "sublabel", variant: "variant" }, outputs: { collapsedChange: "collapsedChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxBlind, 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: IxBlind, isStandalone: true, selector: "ix-blind", inputs: { collapsed: "collapsed", icon: "icon", label: "label", sublabel: "sublabel", variant: "variant" }, outputs: { collapsedChange: "collapsedChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxBlind = __decorate([
     ProxyCmp({
@@ -304,7 +304,7 @@ IxBlind = __decorate([
         inputs: ['collapsed', 'icon', 'label', 'sublabel', 'variant']
     })
 ], IxBlind);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxBlind, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxBlind, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-blind',
@@ -327,8 +327,8 @@ let IxBreadcrumb = class IxBreadcrumb {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxBreadcrumb, 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.16", type: IxBreadcrumb, isStandalone: true, selector: "ix-breadcrumb", inputs: { ariaLabelPreviousButton: "ariaLabelPreviousButton", enableTopLayer: "enableTopLayer", nextItems: "nextItems", subtle: "subtle", visibleItemCount: "visibleItemCount" }, outputs: { itemClick: "itemClick", nextClick: "nextClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxBreadcrumb, 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: IxBreadcrumb, isStandalone: true, selector: "ix-breadcrumb", inputs: { ariaLabelPreviousButton: "ariaLabelPreviousButton", enableTopLayer: "enableTopLayer", nextItems: "nextItems", subtle: "subtle", visibleItemCount: "visibleItemCount" }, outputs: { itemClick: "itemClick", nextClick: "nextClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxBreadcrumb = __decorate([
     ProxyCmp({
@@ -336,7 +336,7 @@ IxBreadcrumb = __decorate([
         inputs: ['ariaLabelPreviousButton', 'enableTopLayer', 'nextItems', 'subtle', 'visibleItemCount']
     })
 ], IxBreadcrumb);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxBreadcrumb, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxBreadcrumb, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-breadcrumb',
@@ -359,8 +359,8 @@ let IxBreadcrumbItem = class IxBreadcrumbItem {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxBreadcrumbItem = __decorate([
     ProxyCmp({
@@ -368,7 +368,7 @@ IxBreadcrumbItem = __decorate([
         inputs: ['ariaLabelButton', 'href', 'icon', 'label', 'rel', 'target']
     })
 ], IxBreadcrumbItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxBreadcrumbItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxBreadcrumbItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-breadcrumb-item',
@@ -386,8 +386,8 @@ let IxButton = class IxButton {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxButton = __decorate([
     ProxyCmp({
@@ -395,7 +395,7 @@ IxButton = __decorate([
         inputs: ['ariaLabelButton', 'disabled', 'form', 'href', 'icon', 'iconRight', 'loading', 'rel', 'target', 'type', 'variant']
     })
 ], IxButton);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-button',
@@ -413,8 +413,8 @@ let IxCard = class IxCard {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxCard, 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.16", type: IxCard, isStandalone: true, selector: "ix-card", inputs: { passive: "passive", selected: "selected", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCard, 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: IxCard, isStandalone: true, selector: "ix-card", inputs: { passive: "passive", selected: "selected", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxCard = __decorate([
     ProxyCmp({
@@ -422,7 +422,7 @@ IxCard = __decorate([
         inputs: ['passive', 'selected', 'variant']
     })
 ], IxCard);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxCard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCard, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-card',
@@ -440,8 +440,8 @@ let IxCardAccordion = class IxCardAccordion {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxCardAccordion, 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.16", type: IxCardAccordion, isStandalone: true, selector: "ix-card-accordion", inputs: { ariaLabelExpandButton: "ariaLabelExpandButton", collapse: "collapse", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCardAccordion, 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: IxCardAccordion, isStandalone: true, selector: "ix-card-accordion", inputs: { ariaLabelExpandButton: "ariaLabelExpandButton", collapse: "collapse", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxCardAccordion = __decorate([
     ProxyCmp({
@@ -449,7 +449,7 @@ IxCardAccordion = __decorate([
         inputs: ['ariaLabelExpandButton', 'collapse', 'variant']
     })
 ], IxCardAccordion);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxCardAccordion, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCardAccordion, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-card-accordion',
@@ -467,15 +467,15 @@ let IxCardContent = class IxCardContent {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxCardContent, 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.16", type: IxCardContent, isStandalone: true, selector: "ix-card-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCardContent, 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: IxCardContent, isStandalone: true, selector: "ix-card-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxCardContent = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$b
     })
 ], IxCardContent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxCardContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCardContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-card-content',
@@ -496,8 +496,8 @@ let IxCardList = class IxCardList {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxCardList = __decorate([
     ProxyCmp({
@@ -505,7 +505,7 @@ IxCardList = __decorate([
         inputs: ['ariaLabelExpandButton', 'collapse', 'hideShowAll', 'i18nMoreCards', 'i18nShowAll', 'label', 'listStyle', 'showAllCount', 'suppressOverflowHandling']
     })
 ], IxCardList);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxCardList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCardList, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-card-list',
@@ -530,15 +530,15 @@ let IxCardTitle = class IxCardTitle {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxCardTitle, 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.16", type: IxCardTitle, isStandalone: true, selector: "ix-card-title", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCardTitle, 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: IxCardTitle, isStandalone: true, selector: "ix-card-title", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxCardTitle = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$d
     })
 ], IxCardTitle);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxCardTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCardTitle, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-card-title',
@@ -560,8 +560,8 @@ let IxCategoryFilter = class IxCategoryFilter {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxCategoryFilter, 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.16", type: IxCategoryFilter, isStandalone: true, selector: "ix-category-filter", inputs: { ariaLabelFilterInput: "ariaLabelFilterInput", ariaLabelOperatorButton: "ariaLabelOperatorButton", ariaLabelResetButton: "ariaLabelResetButton", categories: "categories", disabled: "disabled", enableTopLayer: "enableTopLayer", filterState: "filterState", hideIcon: "hideIcon", i18nPlainText: "i18nPlainText", icon: "icon", labelCategories: "labelCategories", nonSelectableCategories: "nonSelectableCategories", placeholder: "placeholder", readonly: "readonly", staticOperator: "staticOperator", suggestions: "suggestions", uniqueCategories: "uniqueCategories" }, outputs: { categoryChanged: "categoryChanged", inputChanged: "inputChanged", filterChanged: "filterChanged", filterCleared: "filterCleared" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCategoryFilter, 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: IxCategoryFilter, isStandalone: true, selector: "ix-category-filter", inputs: { ariaLabelFilterInput: "ariaLabelFilterInput", ariaLabelOperatorButton: "ariaLabelOperatorButton", ariaLabelResetButton: "ariaLabelResetButton", categories: "categories", disabled: "disabled", enableTopLayer: "enableTopLayer", filterState: "filterState", hideIcon: "hideIcon", i18nPlainText: "i18nPlainText", icon: "icon", labelCategories: "labelCategories", nonSelectableCategories: "nonSelectableCategories", placeholder: "placeholder", readonly: "readonly", staticOperator: "staticOperator", suggestions: "suggestions", uniqueCategories: "uniqueCategories" }, outputs: { categoryChanged: "categoryChanged", inputChanged: "inputChanged", filterChanged: "filterChanged", filterCleared: "filterCleared" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxCategoryFilter = __decorate([
     ProxyCmp({
@@ -569,7 +569,7 @@ IxCategoryFilter = __decorate([
         inputs: ['ariaLabelFilterInput', 'ariaLabelOperatorButton', 'ariaLabelResetButton', 'categories', 'disabled', 'enableTopLayer', 'filterState', 'hideIcon', 'i18nPlainText', 'icon', 'labelCategories', 'nonSelectableCategories', 'placeholder', 'readonly', 'staticOperator', 'suggestions', 'uniqueCategories']
     })
 ], IxCategoryFilter);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxCategoryFilter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCategoryFilter, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-category-filter',
@@ -599,8 +599,8 @@ let IxCheckbox = class IxCheckbox {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxCheckbox, 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.16", type: IxCheckbox, isStandalone: true, selector: "ix-checkbox", inputs: { checked: "checked", disabled: "disabled", indeterminate: "indeterminate", label: "label", name: "name", required: "required", value: "value" }, outputs: { checkedChange: "checkedChange", valueChange: "valueChange", ixBlur: "ixBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCheckbox, 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: IxCheckbox, isStandalone: true, selector: "ix-checkbox", inputs: { checked: "checked", disabled: "disabled", indeterminate: "indeterminate", label: "label", name: "name", required: "required", value: "value" }, outputs: { checkedChange: "checkedChange", valueChange: "valueChange", ixBlur: "ixBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxCheckbox = __decorate([
     ProxyCmp({
@@ -608,7 +608,7 @@ IxCheckbox = __decorate([
         inputs: ['checked', 'disabled', 'indeterminate', 'label', 'name', 'required', 'value']
     })
 ], IxCheckbox);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxCheckbox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCheckbox, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-checkbox',
@@ -633,8 +633,8 @@ let IxCheckboxGroup = class IxCheckboxGroup {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxCheckboxGroup, 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.16", type: IxCheckboxGroup, isStandalone: true, selector: "ix-checkbox-group", inputs: { direction: "direction", helperText: "helperText", infoText: "infoText", invalidText: "invalidText", label: "label", showTextAsTooltip: "showTextAsTooltip", validText: "validText", warningText: "warningText" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCheckboxGroup, 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: IxCheckboxGroup, isStandalone: true, selector: "ix-checkbox-group", inputs: { direction: "direction", helperText: "helperText", infoText: "infoText", invalidText: "invalidText", label: "label", showTextAsTooltip: "showTextAsTooltip", validText: "validText", warningText: "warningText" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxCheckboxGroup = __decorate([
     ProxyCmp({
@@ -642,7 +642,7 @@ IxCheckboxGroup = __decorate([
         inputs: ['direction', 'helperText', 'infoText', 'invalidText', 'label', 'showTextAsTooltip', 'validText', 'warningText']
     })
 ], IxCheckboxGroup);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxCheckboxGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCheckboxGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-checkbox-group',
@@ -661,8 +661,8 @@ let IxChip = class IxChip {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxChip = __decorate([
     ProxyCmp({
@@ -670,7 +670,7 @@ IxChip = __decorate([
         inputs: ['ariaLabelCloseButton', 'background', 'centerContent', 'chipColor', 'closable', 'icon', 'inactive', 'outline', 'tooltipText', 'variant']
     })
 ], IxChip);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxChip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxChip, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-chip',
@@ -691,8 +691,8 @@ let IxCol = class IxCol {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxCol, 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.16", type: IxCol, isStandalone: true, selector: "ix-col", inputs: { size: "size", sizeLg: "sizeLg", sizeMd: "sizeMd", sizeSm: "sizeSm" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCol, 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: IxCol, isStandalone: true, selector: "ix-col", inputs: { size: "size", sizeLg: "sizeLg", sizeMd: "sizeMd", sizeSm: "sizeSm" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxCol = __decorate([
     ProxyCmp({
@@ -700,7 +700,7 @@ IxCol = __decorate([
         inputs: ['size', 'sizeLg', 'sizeMd', 'sizeSm']
     })
 ], IxCol);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxCol, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCol, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-col',
@@ -718,15 +718,15 @@ let IxContent = class IxContent {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxContent, 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.16", type: IxContent, isStandalone: true, selector: "ix-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxContent, 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: IxContent, isStandalone: true, selector: "ix-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxContent = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$j
     })
 ], IxContent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-content',
@@ -745,8 +745,8 @@ let IxContentHeader = class IxContentHeader {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxContentHeader, 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.16", type: IxContentHeader, isStandalone: true, selector: "ix-content-header", inputs: { hasBackButton: "hasBackButton", headerSubtitle: "headerSubtitle", headerTitle: "headerTitle", variant: "variant" }, outputs: { backButtonClick: "backButtonClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxContentHeader, 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: IxContentHeader, isStandalone: true, selector: "ix-content-header", inputs: { hasBackButton: "hasBackButton", headerSubtitle: "headerSubtitle", headerTitle: "headerTitle", variant: "variant" }, outputs: { backButtonClick: "backButtonClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxContentHeader = __decorate([
     ProxyCmp({
@@ -754,7 +754,7 @@ IxContentHeader = __decorate([
         inputs: ['hasBackButton', 'headerSubtitle', 'headerTitle', 'variant']
     })
 ], IxContentHeader);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxContentHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxContentHeader, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-content-header',
@@ -775,8 +775,8 @@ let IxCustomField = class IxCustomField {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxCustomField, 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.16", type: IxCustomField, isStandalone: true, selector: "ix-custom-field", inputs: { helperText: "helperText", infoText: "infoText", invalidText: "invalidText", label: "label", required: "required", showTextAsTooltip: "showTextAsTooltip", validText: "validText", warningText: "warningText" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCustomField, 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: IxCustomField, isStandalone: true, selector: "ix-custom-field", inputs: { helperText: "helperText", infoText: "infoText", invalidText: "invalidText", label: "label", required: "required", showTextAsTooltip: "showTextAsTooltip", validText: "validText", warningText: "warningText" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxCustomField = __decorate([
     ProxyCmp({
@@ -784,7 +784,7 @@ IxCustomField = __decorate([
         inputs: ['helperText', 'infoText', 'invalidText', 'label', 'required', 'showTextAsTooltip', 'validText', 'warningText']
     })
 ], IxCustomField);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxCustomField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxCustomField, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-custom-field',
@@ -803,8 +803,8 @@ let IxDateDropdown = class IxDateDropdown {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxDateDropdown = __decorate([
     ProxyCmp({
@@ -813,7 +813,7 @@ IxDateDropdown = __decorate([
         methods: ['getDateRange']
     })
 ], IxDateDropdown);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxDateDropdown, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDateDropdown, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-date-dropdown',
@@ -831,13 +831,14 @@ let IxDateInput = class IxDateInput {
     el;
     valueChange = new EventEmitter();
     validityStateChange = 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.16", ngImport: i0, type: IxDateInput, 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.16", type: IxDateInput, isStandalone: true, selector: "ix-date-input", inputs: { ariaLabelCalendarButton: "ariaLabelCalendarButton", ariaLabelNextMonthButton: "ariaLabelNextMonthButton", ariaLabelPreviousMonthButton: "ariaLabelPreviousMonthButton", disabled: "disabled", enableTopLayer: "enableTopLayer", format: "format", helperText: "helperText", i18nErrorDateUnparsable: "i18nErrorDateUnparsable", infoText: "infoText", invalidText: "invalidText", label: "label", locale: "locale", maxDate: "maxDate", minDate: "minDate", 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" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDateInput, 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: IxDateInput, isStandalone: true, selector: "ix-date-input", inputs: { ariaLabelCalendarButton: "ariaLabelCalendarButton", ariaLabelNextMonthButton: "ariaLabelNextMonthButton", ariaLabelPreviousMonthButton: "ariaLabelPreviousMonthButton", disabled: "disabled", enableTopLayer: "enableTopLayer", format: "format", helperText: "helperText", i18nErrorDateUnparsable: "i18nErrorDateUnparsable", infoText: "infoText", invalidText: "invalidText", label: "label", locale: "locale", maxDate: "maxDate", minDate: "minDate", 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", ixChange: "ixChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxDateInput = __decorate([
     ProxyCmp({
@@ -846,7 +847,7 @@ IxDateInput = __decorate([
         methods: ['getNativeInputElement', 'focusInput']
     })
 ], IxDateInput);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxDateInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDateInput, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-date-input',
@@ -854,12 +855,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['ariaLabelCalendarButton', 'ariaLabelNextMonthButton', 'ariaLabelPreviousMonthButton', 'disabled', 'enableTopLayer', 'format', 'helperText', 'i18nErrorDateUnparsable', 'infoText', 'invalidText', 'label', 'locale', 'maxDate', 'minDate', 'name', 'placeholder', 'readonly', 'required', 'showTextAsTooltip', 'showWeekNumbers', 'suppressSubmitOnEnter', 'textAlignment', 'validText', 'value', 'warningText', 'weekStartIndex'],
-                    outputs: ['valueChange', 'validityStateChange'],
+                    outputs: ['valueChange', 'validityStateChange', 'ixChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChange: [{
                 type: Output
             }], validityStateChange: [{
                 type: Output
+            }], ixChange: [{
+                type: Output
             }] } });
 let IxDatePicker = class IxDatePicker {
     z;
@@ -872,8 +875,8 @@ let IxDatePicker = class IxDatePicker {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxDatePicker = __decorate([
     ProxyCmp({
@@ -882,7 +885,7 @@ IxDatePicker = __decorate([
         methods: ['getCurrentDate']
     })
 ], IxDatePicker);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxDatePicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDatePicker, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-date-picker',
@@ -910,8 +913,8 @@ let IxDatetimePicker = class IxDatetimePicker {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxDatetimePicker = __decorate([
     ProxyCmp({
@@ -919,7 +922,7 @@ IxDatetimePicker = __decorate([
         inputs: ['ariaLabelNextMonthButton', 'ariaLabelPreviousMonthButton', 'dateFormat', 'from', 'i18nDone', 'i18nTime', 'locale', 'maxDate', 'minDate', 'showTimeReference', 'showWeekNumbers', 'singleSelection', 'time', 'timeFormat', 'timeReference', 'to', 'weekStartIndex']
     })
 ], IxDatetimePicker);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxDatetimePicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDatetimePicker, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-datetime-picker',
@@ -944,15 +947,15 @@ let IxDivider = class IxDivider {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxDivider, 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.16", type: IxDivider, isStandalone: true, selector: "ix-divider", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDivider, 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: IxDivider, isStandalone: true, selector: "ix-divider", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxDivider = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$q
     })
 ], IxDivider);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxDivider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDivider, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-divider',
@@ -972,8 +975,8 @@ let IxDrawer = class IxDrawer {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 });
+    /** @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({
@@ -982,7 +985,7 @@ IxDrawer = __decorate([
         methods: ['toggleDrawer']
     })
 ], IxDrawer);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxDrawer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDrawer, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-drawer',
@@ -1006,8 +1009,8 @@ let IxDropdown = class IxDropdown {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxDropdown = __decorate([
     ProxyCmp({
@@ -1016,7 +1019,7 @@ IxDropdown = __decorate([
         methods: ['updatePosition']
     })
 ], IxDropdown);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxDropdown, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDropdown, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-dropdown',
@@ -1037,8 +1040,8 @@ let IxDropdownButton = class IxDropdownButton {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxDropdownButton = __decorate([
     ProxyCmp({
@@ -1046,7 +1049,7 @@ IxDropdownButton = __decorate([
         inputs: ['ariaLabelDropdownButton', 'closeBehavior', 'disabled', 'enableTopLayer', 'icon', 'label', 'placement', 'variant']
     })
 ], IxDropdownButton);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxDropdownButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDropdownButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-dropdown-button',
@@ -1064,8 +1067,8 @@ let IxDropdownHeader = class IxDropdownHeader {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxDropdownHeader, 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.16", type: IxDropdownHeader, isStandalone: true, selector: "ix-dropdown-header", inputs: { label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDropdownHeader, 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: IxDropdownHeader, isStandalone: true, selector: "ix-dropdown-header", inputs: { label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxDropdownHeader = __decorate([
     ProxyCmp({
@@ -1073,7 +1076,7 @@ IxDropdownHeader = __decorate([
         inputs: ['label']
     })
 ], IxDropdownHeader);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxDropdownHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDropdownHeader, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-dropdown-header',
@@ -1091,8 +1094,8 @@ let IxDropdownItem = class IxDropdownItem {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxDropdownItem = __decorate([
     ProxyCmp({
@@ -1100,7 +1103,7 @@ IxDropdownItem = __decorate([
         inputs: ['ariaLabelButton', 'ariaLabelIcon', 'checked', 'disabled', 'hover', 'icon', 'label']
     })
 ], IxDropdownItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxDropdownItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDropdownItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-dropdown-item',
@@ -1118,15 +1121,15 @@ let IxDropdownQuickActions = class IxDropdownQuickActions {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxDropdownQuickActions, 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.16", type: IxDropdownQuickActions, isStandalone: true, selector: "ix-dropdown-quick-actions", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDropdownQuickActions, 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: IxDropdownQuickActions, isStandalone: true, selector: "ix-dropdown-quick-actions", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxDropdownQuickActions = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$w
     })
 ], IxDropdownQuickActions);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxDropdownQuickActions, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDropdownQuickActions, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-dropdown-quick-actions',
@@ -1145,8 +1148,8 @@ let IxEmptyState = class IxEmptyState {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxEmptyState, 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.16", type: IxEmptyState, isStandalone: true, selector: "ix-empty-state", inputs: { action: "action", ariaLabelEmptyStateIcon: "ariaLabelEmptyStateIcon", header: "header", icon: "icon", layout: "layout", subHeader: "subHeader" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxEmptyState, 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: IxEmptyState, isStandalone: true, selector: "ix-empty-state", inputs: { action: "action", ariaLabelEmptyStateIcon: "ariaLabelEmptyStateIcon", header: "header", icon: "icon", layout: "layout", subHeader: "subHeader" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxEmptyState = __decorate([
     ProxyCmp({
@@ -1154,7 +1157,7 @@ IxEmptyState = __decorate([
         inputs: ['action', 'ariaLabelEmptyStateIcon', 'header', 'icon', 'layout', 'subHeader']
     })
 ], IxEmptyState);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxEmptyState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxEmptyState, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-empty-state',
@@ -1175,8 +1178,8 @@ let IxEventList = class IxEventList {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxEventList, 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.16", type: IxEventList, isStandalone: true, selector: "ix-event-list", inputs: { animated: "animated", chevron: "chevron", compact: "compact", itemHeight: "itemHeight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxEventList, 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: IxEventList, isStandalone: true, selector: "ix-event-list", inputs: { animated: "animated", chevron: "chevron", compact: "compact", itemHeight: "itemHeight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxEventList = __decorate([
     ProxyCmp({
@@ -1184,7 +1187,7 @@ IxEventList = __decorate([
         inputs: ['animated', 'chevron', 'compact', 'itemHeight']
     })
 ], IxEventList);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxEventList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxEventList, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-event-list',
@@ -1203,8 +1206,8 @@ let IxEventListItem = class IxEventListItem {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxEventListItem, 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.16", type: IxEventListItem, isStandalone: true, selector: "ix-event-list-item", inputs: { chevron: "chevron", disabled: "disabled", itemColor: "itemColor", selected: "selected", variant: "variant" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxEventListItem, 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: IxEventListItem, isStandalone: true, selector: "ix-event-list-item", inputs: { chevron: "chevron", disabled: "disabled", itemColor: "itemColor", selected: "selected", variant: "variant" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxEventListItem = __decorate([
     ProxyCmp({
@@ -1212,7 +1215,7 @@ IxEventListItem = __decorate([
         inputs: ['chevron', 'disabled', 'itemColor', 'selected', 'variant']
     })
 ], IxEventListItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxEventListItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxEventListItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-event-list-item',
@@ -1234,8 +1237,8 @@ let IxExpandingSearch = class IxExpandingSearch {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxExpandingSearch, 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.16", type: IxExpandingSearch, isStandalone: true, selector: "ix-expanding-search", inputs: { ariaLabelClearIconButton: "ariaLabelClearIconButton", ariaLabelSearchIconButton: "ariaLabelSearchIconButton", ariaLabelSearchInput: "ariaLabelSearchInput", fullWidth: "fullWidth", icon: "icon", placeholder: "placeholder", value: "value", variant: "variant" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxExpandingSearch, 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: IxExpandingSearch, isStandalone: true, selector: "ix-expanding-search", inputs: { ariaLabelClearIconButton: "ariaLabelClearIconButton", ariaLabelSearchIconButton: "ariaLabelSearchIconButton", ariaLabelSearchInput: "ariaLabelSearchInput", fullWidth: "fullWidth", icon: "icon", placeholder: "placeholder", value: "value", variant: "variant" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxExpandingSearch = __decorate([
     ProxyCmp({
@@ -1243,7 +1246,7 @@ IxExpandingSearch = __decorate([
         inputs: ['ariaLabelClearIconButton', 'ariaLabelSearchIconButton', 'ariaLabelSearchInput', 'fullWidth', 'icon', 'placeholder', 'value', 'variant']
     })
 ], IxExpandingSearch);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxExpandingSearch, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxExpandingSearch, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-expanding-search',
@@ -1264,8 +1267,8 @@ let IxFieldLabel = class IxFieldLabel {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxFieldLabel, 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.16", type: IxFieldLabel, isStandalone: true, selector: "ix-field-label", inputs: { htmlFor: "htmlFor", required: "required" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxFieldLabel, 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: IxFieldLabel, isStandalone: true, selector: "ix-field-label", inputs: { htmlFor: "htmlFor", required: "required" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxFieldLabel = __decorate([
     ProxyCmp({
@@ -1273,7 +1276,7 @@ IxFieldLabel = __decorate([
         inputs: ['htmlFor', 'required']
     })
 ], IxFieldLabel);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxFieldLabel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxFieldLabel, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-field-label',
@@ -1292,8 +1295,8 @@ let IxFilterChip = class IxFilterChip {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxFilterChip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: IxFilterChip, isStandalone: true, selector: "ix-filter-chip", inputs: { ariaLabelCloseIconButton: "ariaLabelCloseIconButton", disabled: "disabled", readonly: "readonly" }, outputs: { closeClick: "closeClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxFilterChip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: IxFilterChip, isStandalone: true, selector: "ix-filter-chip", inputs: { ariaLabelCloseIconButton: "ariaLabelCloseIconButton", disabled: "disabled", readonly: "readonly" }, outputs: { closeClick: "closeClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxFilterChip = __decorate([
     ProxyCmp({
@@ -1301,7 +1304,7 @@ IxFilterChip = __decorate([
         inputs: ['ariaLabelCloseIconButton', 'disabled', 'readonly']
     })
 ], IxFilterChip);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxFilterChip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxFilterChip, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-filter-chip',
@@ -1323,8 +1326,8 @@ let IxFlipTile = class IxFlipTile {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxFlipTile, 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.16", type: IxFlipTile, isStandalone: true, selector: "ix-flip-tile", inputs: { ariaLabelEyeIconButton: "ariaLabelEyeIconButton", height: "height", index: "index", variant: "variant", width: "width" }, outputs: { toggle: "toggle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxFlipTile, 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: IxFlipTile, isStandalone: true, selector: "ix-flip-tile", inputs: { ariaLabelEyeIconButton: "ariaLabelEyeIconButton", height: "height", index: "index", variant: "variant", width: "width" }, outputs: { toggle: "toggle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxFlipTile = __decorate([
     ProxyCmp({
@@ -1332,7 +1335,7 @@ IxFlipTile = __decorate([
         inputs: ['ariaLabelEyeIconButton', 'height', 'index', 'variant', 'width']
     })
 ], IxFlipTile);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxFlipTile, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxFlipTile, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-flip-tile',
@@ -1353,15 +1356,15 @@ let IxFlipTileContent = class IxFlipTileContent {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxFlipTileContent, 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.16", type: IxFlipTileContent, isStandalone: true, selector: "ix-flip-tile-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxFlipTileContent, 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: IxFlipTileContent, isStandalone: true, selector: "ix-flip-tile-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxFlipTileContent = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$E
     })
 ], IxFlipTileContent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxFlipTileContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxFlipTileContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-flip-tile-content',
@@ -1382,8 +1385,8 @@ let IxGroup = class IxGroup {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxGroup, 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.16", type: IxGroup, isStandalone: true, selector: "ix-group", inputs: { expandOnHeaderClick: "expandOnHeaderClick", expanded: "expanded", header: "header", index: "index", selected: "selected", subHeader: "subHeader", suppressHeaderSelection: "suppressHeaderSelection" }, outputs: { selectGroup: "selectGroup", selectItem: "selectItem", expandedChanged: "expandedChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxGroup, 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: IxGroup, isStandalone: true, selector: "ix-group", inputs: { expandOnHeaderClick: "expandOnHeaderClick", expanded: "expanded", header: "header", index: "index", selected: "selected", subHeader: "subHeader", suppressHeaderSelection: "suppressHeaderSelection" }, outputs: { selectGroup: "selectGroup", selectItem: "selectItem", expandedChanged: "expandedChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxGroup = __decorate([
     ProxyCmp({
@@ -1391,7 +1394,7 @@ IxGroup = __decorate([
         inputs: ['expandOnHeaderClick', 'expanded', 'header', 'index', 'selected', 'subHeader', 'suppressHeaderSelection']
     })
 ], IxGroup);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-group',
@@ -1416,15 +1419,15 @@ let IxGroupContextMenu = class IxGroupContextMenu {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxGroupContextMenu, 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.16", type: IxGroupContextMenu, isStandalone: true, selector: "ix-group-context-menu", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxGroupContextMenu, 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: IxGroupContextMenu, isStandalone: true, selector: "ix-group-context-menu", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxGroupContextMenu = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$G
     })
 ], IxGroupContextMenu);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxGroupContextMenu, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxGroupContextMenu, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-group-context-menu',
@@ -1443,8 +1446,8 @@ let IxGroupItem = class IxGroupItem {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxGroupItem, 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.16", type: IxGroupItem, isStandalone: true, selector: "ix-group-item", inputs: { ariaLabelIcon: "ariaLabelIcon", disabled: "disabled", icon: "icon", index: "index", secondaryText: "secondaryText", selected: "selected", suppressSelection: "suppressSelection", text: "text" }, outputs: { selectedChanged: "selectedChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxGroupItem, 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: IxGroupItem, isStandalone: true, selector: "ix-group-item", inputs: { ariaLabelIcon: "ariaLabelIcon", disabled: "disabled", icon: "icon", index: "index", secondaryText: "secondaryText", selected: "selected", suppressSelection: "suppressSelection", text: "text" }, outputs: { selectedChanged: "selectedChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxGroupItem = __decorate([
     ProxyCmp({
@@ -1452,7 +1455,7 @@ IxGroupItem = __decorate([
         inputs: ['ariaLabelIcon', 'disabled', 'icon', 'index', 'secondaryText', 'selected', 'suppressSelection', 'text']
     })
 ], IxGroupItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxGroupItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxGroupItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-group-item',
@@ -1473,8 +1476,8 @@ let IxHelperText = class IxHelperText {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxHelperText, 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.16", type: IxHelperText, isStandalone: true, selector: "ix-helper-text", inputs: { helperText: "helperText", htmlFor: "htmlFor", infoText: "infoText", invalidText: "invalidText", validText: "validText", warningText: "warningText" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxHelperText, 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: IxHelperText, isStandalone: true, selector: "ix-helper-text", inputs: { helperText: "helperText", htmlFor: "htmlFor", infoText: "infoText", invalidText: "invalidText", validText: "validText", warningText: "warningText" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxHelperText = __decorate([
     ProxyCmp({
@@ -1482,7 +1485,7 @@ IxHelperText = __decorate([
         inputs: ['helperText', 'htmlFor', 'infoText', 'invalidText', 'validText', 'warningText']
     })
 ], IxHelperText);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxHelperText, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxHelperText, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-helper-text',
@@ -1500,8 +1503,8 @@ let IxIconButton = class IxIconButton {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxIconButton = __decorate([
     ProxyCmp({
@@ -1509,7 +1512,7 @@ IxIconButton = __decorate([
         inputs: ['a11yLabel', 'disabled', 'icon', 'iconColor', 'loading', 'oval', 'size', 'type', 'variant']
     })
 ], IxIconButton);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxIconButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxIconButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-icon-button',
@@ -1528,8 +1531,8 @@ let IxIconToggleButton = class IxIconToggleButton {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxIconToggleButton = __decorate([
     ProxyCmp({
@@ -1537,7 +1540,7 @@ IxIconToggleButton = __decorate([
         inputs: ['ariaLabelIconButton', 'disabled', 'ghost', 'icon', 'loading', 'outline', 'oval', 'pressed', 'size', 'variant']
     })
 ], IxIconToggleButton);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxIconToggleButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxIconToggleButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-icon-toggle-button',
@@ -1556,13 +1559,14 @@ let IxInput = class IxInput {
     valueChange = new EventEmitter();
     validityStateChange = 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.16", ngImport: i0, type: IxInput, 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.16", type: IxInput, isStandalone: true, selector: "ix-input", inputs: { allowedCharactersPattern: "allowedCharactersPattern", disabled: "disabled", helperText: "helperText", infoText: "infoText", invalidText: "invalidText", label: "label", maxLength: "maxLength", minLength: "minLength", name: "name", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", showTextAsTooltip: "showTextAsTooltip", suppressSubmitOnEnter: "suppressSubmitOnEnter", textAlignment: "textAlignment", type: "type", validText: "validText", value: "value", warningText: "warningText" }, outputs: { valueChange: "valueChange", validityStateChange: "validityStateChange", ixBlur: "ixBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxInput, 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: IxInput, isStandalone: true, selector: "ix-input", inputs: { allowedCharactersPattern: "allowedCharactersPattern", disabled: "disabled", helperText: "helperText", infoText: "infoText", invalidText: "invalidText", label: "label", maxLength: "maxLength", minLength: "minLength", name: "name", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", showTextAsTooltip: "showTextAsTooltip", suppressSubmitOnEnter: "suppressSubmitOnEnter", textAlignment: "textAlignment", type: "type", validText: "validText", value: "value", warningText: "warningText" }, outputs: { valueChange: "valueChange", validityStateChange: "validityStateChange", ixBlur: "ixBlur", ixChange: "ixChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxInput = __decorate([
     ProxyCmp({
@@ -1571,7 +1575,7 @@ IxInput = __decorate([
         methods: ['getNativeInputElement', 'getValidityState', 'focusInput']
     })
 ], IxInput);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxInput, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-input',
@@ -1579,7 +1583,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['allowedCharactersPattern', 'disabled', 'helperText', 'infoText', 'invalidText', 'label', 'maxLength', 'minLength', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'showTextAsTooltip', 'suppressSubmitOnEnter', 'textAlignment', 'type', 'validText', 'value', 'warningText'],
-                    outputs: ['valueChange', 'validityStateChange', 'ixBlur'],
+                    outputs: ['valueChange', 'validityStateChange', 'ixBlur', 'ixChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChange: [{
                 type: Output
@@ -1587,6 +1591,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Output
             }], ixBlur: [{
                 type: Output
+            }], ixChange: [{
+                type: Output
             }] } });
 let IxInputGroup = class IxInputGroup {
     z;
@@ -1596,15 +1602,15 @@ let IxInputGroup = class IxInputGroup {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", type: IxInputGroup, isStandalone: true, selector: "ix-input-group", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @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.16", ngImport: i0, type: IxInputGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxInputGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-input-group',
@@ -1622,8 +1628,8 @@ let IxKeyValue = class IxKeyValue {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxKeyValue, 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.16", type: IxKeyValue, isStandalone: true, selector: "ix-key-value", inputs: { ariaLabelIcon: "ariaLabelIcon", icon: "icon", label: "label", labelPosition: "labelPosition", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxKeyValue, 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: IxKeyValue, isStandalone: true, selector: "ix-key-value", inputs: { ariaLabelIcon: "ariaLabelIcon", icon: "icon", label: "label", labelPosition: "labelPosition", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxKeyValue = __decorate([
     ProxyCmp({
@@ -1631,7 +1637,7 @@ IxKeyValue = __decorate([
         inputs: ['ariaLabelIcon', 'icon', 'label', 'labelPosition', 'value']
     })
 ], IxKeyValue);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxKeyValue, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxKeyValue, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-key-value',
@@ -1649,8 +1655,8 @@ let IxKeyValueList = class IxKeyValueList {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxKeyValueList, 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.16", type: IxKeyValueList, isStandalone: true, selector: "ix-key-value-list", inputs: { striped: "striped" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxKeyValueList, 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: IxKeyValueList, isStandalone: true, selector: "ix-key-value-list", inputs: { striped: "striped" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxKeyValueList = __decorate([
     ProxyCmp({
@@ -1658,7 +1664,7 @@ IxKeyValueList = __decorate([
         inputs: ['striped']
     })
 ], IxKeyValueList);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxKeyValueList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxKeyValueList, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-key-value-list',
@@ -1676,8 +1682,8 @@ let IxKpi = class IxKpi {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxKpi, 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.16", type: IxKpi, isStandalone: true, selector: "ix-kpi", inputs: { ariaLabelAlarmIcon: "ariaLabelAlarmIcon", ariaLabelWarningIcon: "ariaLabelWarningIcon", label: "label", orientation: "orientation", state: "state", unit: "unit", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxKpi, 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: IxKpi, isStandalone: true, selector: "ix-kpi", inputs: { ariaLabelAlarmIcon: "ariaLabelAlarmIcon", ariaLabelWarningIcon: "ariaLabelWarningIcon", label: "label", orientation: "orientation", state: "state", unit: "unit", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxKpi = __decorate([
     ProxyCmp({
@@ -1685,7 +1691,7 @@ IxKpi = __decorate([
         inputs: ['ariaLabelAlarmIcon', 'ariaLabelWarningIcon', 'label', 'orientation', 'state', 'unit', 'value']
     })
 ], IxKpi);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxKpi, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxKpi, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-kpi',
@@ -1703,8 +1709,8 @@ let IxLayoutAuto = class IxLayoutAuto {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxLayoutAuto, 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.16", type: IxLayoutAuto, isStandalone: true, selector: "ix-layout-auto", inputs: { layout: "layout" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxLayoutAuto, 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: IxLayoutAuto, isStandalone: true, selector: "ix-layout-auto", inputs: { layout: "layout" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxLayoutAuto = __decorate([
     ProxyCmp({
@@ -1712,7 +1718,7 @@ IxLayoutAuto = __decorate([
         inputs: ['layout']
     })
 ], IxLayoutAuto);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxLayoutAuto, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxLayoutAuto, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-layout-auto',
@@ -1730,8 +1736,8 @@ let IxLayoutGrid = class IxLayoutGrid {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxLayoutGrid, 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.16", type: IxLayoutGrid, isStandalone: true, selector: "ix-layout-grid", inputs: { columns: "columns", gap: "gap", noMargin: "noMargin" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxLayoutGrid, 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: IxLayoutGrid, isStandalone: true, selector: "ix-layout-grid", inputs: { columns: "columns", gap: "gap", noMargin: "noMargin" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxLayoutGrid = __decorate([
     ProxyCmp({
@@ -1739,7 +1745,7 @@ IxLayoutGrid = __decorate([
         inputs: ['columns', 'gap', 'noMargin']
     })
 ], IxLayoutGrid);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxLayoutGrid, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxLayoutGrid, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-layout-grid',
@@ -1757,8 +1763,8 @@ let IxLinkButton = class IxLinkButton {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxLinkButton, 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.16", type: IxLinkButton, isStandalone: true, selector: "ix-link-button", inputs: { disabled: "disabled", target: "target", url: "url" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxLinkButton, 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: IxLinkButton, isStandalone: true, selector: "ix-link-button", inputs: { disabled: "disabled", target: "target", url: "url" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxLinkButton = __decorate([
     ProxyCmp({
@@ -1766,7 +1772,7 @@ IxLinkButton = __decorate([
         inputs: ['disabled', 'target', 'url']
     })
 ], IxLinkButton);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxLinkButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxLinkButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-link-button',
@@ -1789,8 +1795,8 @@ let IxMenu = class IxMenu {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxMenu = __decorate([
     ProxyCmp({
@@ -1799,7 +1805,7 @@ IxMenu = __decorate([
         methods: ['toggleMapExpand', 'toggleMenu', 'toggleSettings', 'toggleAbout']
     })
 ], IxMenu);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxMenu, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenu, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-menu',
@@ -1830,8 +1836,8 @@ let IxMenuAbout = class IxMenuAbout {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxMenuAbout = __decorate([
     ProxyCmp({
@@ -1839,7 +1845,7 @@ IxMenuAbout = __decorate([
         inputs: ['activeTabLabel', 'ariaLabelCloseButton', 'label']
     })
 ], IxMenuAbout);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxMenuAbout, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuAbout, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-menu-about',
@@ -1863,8 +1869,8 @@ let IxMenuAboutItem = class IxMenuAboutItem {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxMenuAboutItem = __decorate([
     ProxyCmp({
@@ -1872,7 +1878,7 @@ IxMenuAboutItem = __decorate([
         inputs: ['label']
     })
 ], IxMenuAboutItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxMenuAboutItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuAboutItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-menu-about-item',
@@ -1895,8 +1901,8 @@ let IxMenuAboutNews = class IxMenuAboutNews {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxMenuAboutNews = __decorate([
     ProxyCmp({
@@ -1904,7 +1910,7 @@ IxMenuAboutNews = __decorate([
         inputs: ['aboutItemLabel', 'i18nShowMore', 'label', 'show']
     })
 ], IxMenuAboutNews);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxMenuAboutNews, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuAboutNews, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-menu-about-news',
@@ -1928,8 +1934,8 @@ let IxMenuAvatar = class IxMenuAvatar {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxMenuAvatar, 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.16", type: IxMenuAvatar, isStandalone: true, selector: "ix-menu-avatar", inputs: { ariaLabelTooltip: "ariaLabelTooltip", bottom: "bottom", enableTopLayer: "enableTopLayer", hideLogoutButton: "hideLogoutButton", i18nLogout: "i18nLogout", image: "image", initials: "initials", tooltipText: "tooltipText", top: "top" }, outputs: { logoutClick: "logoutClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuAvatar, 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: IxMenuAvatar, isStandalone: true, selector: "ix-menu-avatar", inputs: { ariaLabelTooltip: "ariaLabelTooltip", bottom: "bottom", enableTopLayer: "enableTopLayer", hideLogoutButton: "hideLogoutButton", i18nLogout: "i18nLogout", image: "image", initials: "initials", tooltipText: "tooltipText", top: "top" }, outputs: { logoutClick: "logoutClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxMenuAvatar = __decorate([
     ProxyCmp({
@@ -1937,7 +1943,7 @@ IxMenuAvatar = __decorate([
         inputs: ['ariaLabelTooltip', 'bottom', 'enableTopLayer', 'hideLogoutButton', 'i18nLogout', 'image', 'initials', 'tooltipText', 'top']
     })
 ], IxMenuAvatar);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxMenuAvatar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuAvatar, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-menu-avatar',
@@ -1959,8 +1965,8 @@ let IxMenuAvatarItem = class IxMenuAvatarItem {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxMenuAvatarItem, 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.16", type: IxMenuAvatarItem, isStandalone: true, selector: "ix-menu-avatar-item", inputs: { icon: "icon", label: "label" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuAvatarItem, 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: IxMenuAvatarItem, isStandalone: true, selector: "ix-menu-avatar-item", inputs: { icon: "icon", label: "label" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxMenuAvatarItem = __decorate([
     ProxyCmp({
@@ -1968,7 +1974,7 @@ IxMenuAvatarItem = __decorate([
         inputs: ['icon', 'label']
     })
 ], IxMenuAvatarItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxMenuAvatarItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuAvatarItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-menu-avatar-item',
@@ -1989,8 +1995,8 @@ let IxMenuCategory = class IxMenuCategory {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxMenuCategory, 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.16", type: IxMenuCategory, isStandalone: true, selector: "ix-menu-category", inputs: { icon: "icon", label: "label", notifications: "notifications", tooltipText: "tooltipText" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuCategory, 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: IxMenuCategory, isStandalone: true, selector: "ix-menu-category", inputs: { icon: "icon", label: "label", notifications: "notifications", tooltipText: "tooltipText" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxMenuCategory = __decorate([
     ProxyCmp({
@@ -1998,7 +2004,7 @@ IxMenuCategory = __decorate([
         inputs: ['icon', 'label', 'notifications', 'tooltipText']
     })
 ], IxMenuCategory);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxMenuCategory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuCategory, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-menu-category',
@@ -2016,8 +2022,8 @@ let IxMenuItem = class IxMenuItem {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxMenuItem, 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.16", type: IxMenuItem, isStandalone: true, selector: "ix-menu-item", inputs: { active: "active", bottom: "bottom", disabled: "disabled", home: "home", href: "href", icon: "icon", label: "label", notifications: "notifications", rel: "rel", target: "target", tooltipText: "tooltipText" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuItem, 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: IxMenuItem, isStandalone: true, selector: "ix-menu-item", inputs: { active: "active", bottom: "bottom", disabled: "disabled", home: "home", href: "href", icon: "icon", label: "label", notifications: "notifications", rel: "rel", target: "target", tooltipText: "tooltipText" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxMenuItem = __decorate([
     ProxyCmp({
@@ -2025,7 +2031,7 @@ IxMenuItem = __decorate([
         inputs: ['active', 'bottom', 'disabled', 'home', 'href', 'icon', 'label', 'notifications', 'rel', 'target', 'tooltipText']
     })
 ], IxMenuItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxMenuItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-menu-item',
@@ -2045,8 +2051,8 @@ let IxMenuSettings = class IxMenuSettings {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxMenuSettings = __decorate([
     ProxyCmp({
@@ -2054,7 +2060,7 @@ IxMenuSettings = __decorate([
         inputs: ['activeTabLabel', 'ariaLabelCloseButton', 'label']
     })
 ], IxMenuSettings);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxMenuSettings, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuSettings, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-menu-settings',
@@ -2078,8 +2084,8 @@ let IxMenuSettingsItem = class IxMenuSettingsItem {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxMenuSettingsItem = __decorate([
     ProxyCmp({
@@ -2087,7 +2093,7 @@ IxMenuSettingsItem = __decorate([
         inputs: ['label']
     })
 ], IxMenuSettingsItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxMenuSettingsItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMenuSettingsItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-menu-settings-item',
@@ -2110,8 +2116,8 @@ let IxMessageBar = class IxMessageBar {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxMessageBar, 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.16", type: IxMessageBar, isStandalone: true, selector: "ix-message-bar", inputs: { persistent: "persistent", type: "type" }, outputs: { closedChange: "closedChange", closeAnimationCompleted: "closeAnimationCompleted" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMessageBar, 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: IxMessageBar, isStandalone: true, selector: "ix-message-bar", inputs: { persistent: "persistent", type: "type" }, outputs: { closedChange: "closedChange", closeAnimationCompleted: "closeAnimationCompleted" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxMessageBar = __decorate([
     ProxyCmp({
@@ -2119,7 +2125,7 @@ IxMessageBar = __decorate([
         inputs: ['persistent', 'type']
     })
 ], IxMessageBar);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxMessageBar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxMessageBar, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-message-bar',
@@ -2144,8 +2150,8 @@ let IxModal = class IxModal {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxModal = __decorate([
     ProxyCmp({
@@ -2154,7 +2160,7 @@ IxModal = __decorate([
         methods: ['showModal', 'dismissModal', 'closeModal']
     })
 ], IxModal);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxModal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxModal, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-modal',
@@ -2177,15 +2183,15 @@ let IxModalContent = class IxModalContent {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxModalContent, 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.16", type: IxModalContent, isStandalone: true, selector: "ix-modal-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxModalContent, 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: IxModalContent, isStandalone: true, selector: "ix-modal-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxModalContent = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$13
     })
 ], IxModalContent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxModalContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxModalContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-modal-content',
@@ -2203,15 +2209,15 @@ let IxModalFooter = class IxModalFooter {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxModalFooter, 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.16", type: IxModalFooter, isStandalone: true, selector: "ix-modal-footer", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxModalFooter, 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: IxModalFooter, isStandalone: true, selector: "ix-modal-footer", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxModalFooter = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$14
     })
 ], IxModalFooter);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxModalFooter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxModalFooter, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-modal-footer',
@@ -2230,8 +2236,8 @@ let IxModalHeader = class IxModalHeader {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxModalHeader, 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.16", type: IxModalHeader, isStandalone: true, selector: "ix-modal-header", inputs: { ariaLabelCloseIconButton: "ariaLabelCloseIconButton", ariaLabelIcon: "ariaLabelIcon", hideClose: "hideClose", icon: "icon", iconColor: "iconColor" }, outputs: { closeClick: "closeClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxModalHeader, 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: IxModalHeader, isStandalone: true, selector: "ix-modal-header", inputs: { ariaLabelCloseIconButton: "ariaLabelCloseIconButton", ariaLabelIcon: "ariaLabelIcon", hideClose: "hideClose", icon: "icon", iconColor: "iconColor" }, outputs: { closeClick: "closeClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxModalHeader = __decorate([
     ProxyCmp({
@@ -2239,7 +2245,7 @@ IxModalHeader = __decorate([
         inputs: ['ariaLabelCloseIconButton', 'ariaLabelIcon', 'hideClose', 'icon', 'iconColor']
     })
 ], IxModalHeader);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxModalHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxModalHeader, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-modal-header',
@@ -2258,13 +2264,14 @@ let IxNumberInput = class IxNumberInput {
     valueChange = new EventEmitter();
     validityStateChange = 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.16", ngImport: i0, type: IxNumberInput, 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.16", type: IxNumberInput, isStandalone: true, selector: "ix-number-input", inputs: { allowEmptyValueChange: "allowEmptyValueChange", allowedCharactersPattern: "allowedCharactersPattern", disabled: "disabled", helperText: "helperText", infoText: "infoText", invalidText: "invalidText", label: "label", max: "max", min: "min", name: "name", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", showStepperButtons: "showStepperButtons", showTextAsTooltip: "showTextAsTooltip", step: "step", suppressSubmitOnEnter: "suppressSubmitOnEnter", textAlignment: "textAlignment", validText: "validText", value: "value", warningText: "warningText" }, outputs: { valueChange: "valueChange", validityStateChange: "validityStateChange", ixBlur: "ixBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxNumberInput, 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: IxNumberInput, isStandalone: true, selector: "ix-number-input", inputs: { allowEmptyValueChange: "allowEmptyValueChange", allowedCharactersPattern: "allowedCharactersPattern", disabled: "disabled", helperText: "helperText", infoText: "infoText", invalidText: "invalidText", label: "label", max: "max", min: "min", name: "name", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", showStepperButtons: "showStepperButtons", showTextAsTooltip: "showTextAsTooltip", step: "step", suppressSubmitOnEnter: "suppressSubmitOnEnter", textAlignment: "textAlignment", validText: "validText", value: "value", warningText: "warningText" }, outputs: { valueChange: "valueChange", validityStateChange: "validityStateChange", ixBlur: "ixBlur", ixChange: "ixChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxNumberInput = __decorate([
     ProxyCmp({
@@ -2273,7 +2280,7 @@ IxNumberInput = __decorate([
         methods: ['getNativeInputElement', 'focusInput']
     })
 ], IxNumberInput);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxNumberInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxNumberInput, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-number-input',
@@ -2281,7 +2288,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['allowEmptyValueChange', 'allowedCharactersPattern', 'disabled', 'helperText', 'infoText', 'invalidText', 'label', 'max', 'min', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'showStepperButtons', 'showTextAsTooltip', 'step', 'suppressSubmitOnEnter', 'textAlignment', 'validText', 'value', 'warningText'],
-                    outputs: ['valueChange', 'validityStateChange', 'ixBlur'],
+                    outputs: ['valueChange', 'validityStateChange', 'ixBlur', 'ixChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChange: [{
                 type: Output
@@ -2289,6 +2296,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Output
             }], ixBlur: [{
                 type: Output
+            }], ixChange: [{
+                type: Output
             }] } });
 let IxPagination = class IxPagination {
     z;
@@ -2300,23 +2309,23 @@ let IxPagination = class IxPagination {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxPagination, 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.16", type: IxPagination, isStandalone: true, selector: "ix-pagination", inputs: { advanced: "advanced", ariaLabelChevronLeftIconButton: "ariaLabelChevronLeftIconButton", ariaLabelChevronRightIconButton: "ariaLabelChevronRightIconButton", ariaLabelPageSelection: "ariaLabelPageSelection", count: "count", hideItemCount: "hideItemCount", i18nItems: "i18nItems", i18nOf: "i18nOf", i18nPage: "i18nPage", itemCount: "itemCount", selectedPage: "selectedPage" }, outputs: { pageSelected: "pageSelected", itemCountChanged: "itemCountChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPagination, 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: IxPagination, isStandalone: true, selector: "ix-pagination", inputs: { advanced: "advanced", ariaLabelChevronLeftIconButton: "ariaLabelChevronLeftIconButton", ariaLabelChevronRightIconButton: "ariaLabelChevronRightIconButton", ariaLabelPageSelection: "ariaLabelPageSelection", count: "count", hideItemCount: "hideItemCount", i18nItems: "i18nItems", i18nOf: "i18nOf", i18nPage: "i18nPage", itemCount: "itemCount", itemCountOptions: "itemCountOptions", selectedPage: "selectedPage" }, outputs: { pageSelected: "pageSelected", itemCountChanged: "itemCountChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxPagination = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$17,
-        inputs: ['advanced', 'ariaLabelChevronLeftIconButton', 'ariaLabelChevronRightIconButton', 'ariaLabelPageSelection', 'count', 'hideItemCount', 'i18nItems', 'i18nOf', 'i18nPage', 'itemCount', 'selectedPage']
+        inputs: ['advanced', 'ariaLabelChevronLeftIconButton', 'ariaLabelChevronRightIconButton', 'ariaLabelPageSelection', 'count', 'hideItemCount', 'i18nItems', 'i18nOf', 'i18nPage', 'itemCount', 'itemCountOptions', 'selectedPage']
     })
 ], IxPagination);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxPagination, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPagination, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-pagination',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['advanced', 'ariaLabelChevronLeftIconButton', 'ariaLabelChevronRightIconButton', 'ariaLabelPageSelection', 'count', 'hideItemCount', 'i18nItems', 'i18nOf', 'i18nPage', 'itemCount', 'selectedPage'],
+                    inputs: ['advanced', 'ariaLabelChevronLeftIconButton', 'ariaLabelChevronRightIconButton', 'ariaLabelPageSelection', 'count', 'hideItemCount', 'i18nItems', 'i18nOf', 'i18nPage', 'itemCount', 'itemCountOptions', 'selectedPage'],
                     outputs: ['pageSelected', 'itemCountChanged'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { pageSelected: [{
@@ -2335,8 +2344,8 @@ let IxPane = class IxPane {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxPane, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: IxPane, isStandalone: true, selector: "ix-pane", inputs: { ariaLabelCollapseCloseButton: "ariaLabelCollapseCloseButton", ariaLabelIcon: "ariaLabelIcon", borderless: "borderless", closeOnClickOutside: "closeOnClickOutside", composition: "composition", expanded: "expanded", heading: "heading", hideOnCollapse: "hideOnCollapse", icon: "icon", size: "size", variant: "variant" }, outputs: { expandedChanged: "expandedChanged", variantChanged: "variantChanged", borderlessChanged: "borderlessChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPane, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: IxPane, isStandalone: true, selector: "ix-pane", inputs: { ariaLabelCollapseCloseButton: "ariaLabelCollapseCloseButton", ariaLabelIcon: "ariaLabelIcon", borderless: "borderless", closeOnClickOutside: "closeOnClickOutside", composition: "composition", expanded: "expanded", heading: "heading", hideOnCollapse: "hideOnCollapse", icon: "icon", size: "size", variant: "variant" }, outputs: { expandedChanged: "expandedChanged", variantChanged: "variantChanged", borderlessChanged: "borderlessChanged" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxPane = __decorate([
     ProxyCmp({
@@ -2344,7 +2353,7 @@ IxPane = __decorate([
         inputs: ['ariaLabelCollapseCloseButton', 'ariaLabelIcon', 'borderless', 'closeOnClickOutside', 'composition', 'expanded', 'heading', 'hideOnCollapse', 'icon', 'size', 'variant']
     })
 ], IxPane);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxPane, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPane, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-pane',
@@ -2369,8 +2378,8 @@ let IxPaneLayout = class IxPaneLayout {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxPaneLayout, 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.16", type: IxPaneLayout, isStandalone: true, selector: "ix-pane-layout", inputs: { borderless: "borderless", layout: "layout", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPaneLayout, 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: IxPaneLayout, isStandalone: true, selector: "ix-pane-layout", inputs: { borderless: "borderless", layout: "layout", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxPaneLayout = __decorate([
     ProxyCmp({
@@ -2378,7 +2387,7 @@ IxPaneLayout = __decorate([
         inputs: ['borderless', 'layout', 'variant']
     })
 ], IxPaneLayout);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxPaneLayout, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPaneLayout, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-pane-layout',
@@ -2396,8 +2405,8 @@ let IxPill = class IxPill {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxPill, 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.16", type: IxPill, isStandalone: true, selector: "ix-pill", inputs: { alignLeft: "alignLeft", ariaLabelIcon: "ariaLabelIcon", background: "background", icon: "icon", outline: "outline", pillColor: "pillColor", tooltipText: "tooltipText", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPill, 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: IxPill, isStandalone: true, selector: "ix-pill", inputs: { alignLeft: "alignLeft", ariaLabelIcon: "ariaLabelIcon", background: "background", icon: "icon", outline: "outline", pillColor: "pillColor", tooltipText: "tooltipText", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxPill = __decorate([
     ProxyCmp({
@@ -2405,7 +2414,7 @@ IxPill = __decorate([
         inputs: ['alignLeft', 'ariaLabelIcon', 'background', 'icon', 'outline', 'pillColor', 'tooltipText', 'variant']
     })
 ], IxPill);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxPill, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPill, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-pill',
@@ -2423,8 +2432,8 @@ let IxProgressIndicator = class IxProgressIndicator {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxProgressIndicator, 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.16", type: IxProgressIndicator, isStandalone: true, selector: "ix-progress-indicator", inputs: { helperText: "helperText", label: "label", max: "max", min: "min", showTextAsTooltip: "showTextAsTooltip", size: "size", status: "status", textAlignment: "textAlignment", type: "type", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxProgressIndicator, 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: IxProgressIndicator, isStandalone: true, selector: "ix-progress-indicator", inputs: { helperText: "helperText", label: "label", max: "max", min: "min", showTextAsTooltip: "showTextAsTooltip", size: "size", status: "status", textAlignment: "textAlignment", type: "type", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxProgressIndicator = __decorate([
     ProxyCmp({
@@ -2432,7 +2441,7 @@ IxProgressIndicator = __decorate([
         inputs: ['helperText', 'label', 'max', 'min', 'showTextAsTooltip', 'size', 'status', 'textAlignment', 'type', 'value']
     })
 ], IxProgressIndicator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxProgressIndicator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxProgressIndicator, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-progress-indicator',
@@ -2450,8 +2459,8 @@ let IxPushCard = class IxPushCard {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxPushCard, 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.16", type: IxPushCard, isStandalone: true, selector: "ix-push-card", inputs: { ariaLabelIcon: "ariaLabelIcon", expanded: "expanded", heading: "heading", icon: "icon", notification: "notification", passive: "passive", subheading: "subheading", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPushCard, 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: IxPushCard, isStandalone: true, selector: "ix-push-card", inputs: { ariaLabelIcon: "ariaLabelIcon", expanded: "expanded", heading: "heading", icon: "icon", notification: "notification", passive: "passive", subheading: "subheading", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxPushCard = __decorate([
     ProxyCmp({
@@ -2459,7 +2468,7 @@ IxPushCard = __decorate([
         inputs: ['ariaLabelIcon', 'expanded', 'heading', 'icon', 'notification', 'passive', 'subheading', 'variant']
     })
 ], IxPushCard);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxPushCard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxPushCard, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-push-card',
@@ -2480,8 +2489,8 @@ let IxRadio = class IxRadio {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxRadio, 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.16", type: IxRadio, isStandalone: true, selector: "ix-radio", inputs: { checked: "checked", disabled: "disabled", label: "label", name: "name", required: "required", value: "value" }, outputs: { checkedChange: "checkedChange", valueChange: "valueChange", ixBlur: "ixBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxRadio, 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: IxRadio, isStandalone: true, selector: "ix-radio", inputs: { checked: "checked", disabled: "disabled", label: "label", name: "name", required: "required", value: "value" }, outputs: { checkedChange: "checkedChange", valueChange: "valueChange", ixBlur: "ixBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxRadio = __decorate([
     ProxyCmp({
@@ -2489,7 +2498,7 @@ IxRadio = __decorate([
         inputs: ['checked', 'disabled', 'label', 'name', 'required', 'value']
     })
 ], IxRadio);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxRadio, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxRadio, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-radio',
@@ -2515,8 +2524,8 @@ let IxRadioGroup = class IxRadioGroup {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxRadioGroup, 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.16", type: IxRadioGroup, isStandalone: true, selector: "ix-radio-group", inputs: { direction: "direction", helperText: "helperText", infoText: "infoText", invalidText: "invalidText", label: "label", showTextAsTooltip: "showTextAsTooltip", validText: "validText", value: "value", warningText: "warningText" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxRadioGroup, 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: IxRadioGroup, isStandalone: true, selector: "ix-radio-group", inputs: { direction: "direction", helperText: "helperText", infoText: "infoText", invalidText: "invalidText", label: "label", showTextAsTooltip: "showTextAsTooltip", validText: "validText", value: "value", warningText: "warningText" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxRadioGroup = __decorate([
     ProxyCmp({
@@ -2524,7 +2533,7 @@ IxRadioGroup = __decorate([
         inputs: ['direction', 'helperText', 'infoText', 'invalidText', 'label', 'showTextAsTooltip', 'validText', 'value', 'warningText']
     })
 ], IxRadioGroup);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxRadioGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxRadioGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-radio-group',
@@ -2545,15 +2554,15 @@ let IxRow = class IxRow {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxRow, 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.16", type: IxRow, isStandalone: true, selector: "ix-row", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxRow, 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: IxRow, isStandalone: true, selector: "ix-row", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxRow = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1f
     })
 ], IxRow);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxRow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxRow, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-row',
@@ -2575,8 +2584,8 @@ let IxSelect = class IxSelect {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxSelect = __decorate([
     ProxyCmp({
@@ -2585,7 +2594,7 @@ IxSelect = __decorate([
         methods: ['getNativeInputElement', 'focusInput']
     })
 ], IxSelect);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxSelect, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-select',
@@ -2613,8 +2622,8 @@ let IxSelectItem = class IxSelectItem {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxSelectItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: IxSelectItem, isStandalone: true, selector: "ix-select-item", inputs: { label: "label", selected: "selected", value: "value" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxSelectItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: IxSelectItem, isStandalone: true, selector: "ix-select-item", inputs: { label: "label", selected: "selected", value: "value" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxSelectItem = __decorate([
     ProxyCmp({
@@ -2622,7 +2631,7 @@ IxSelectItem = __decorate([
         inputs: ['label', 'selected', 'value']
     })
 ], IxSelectItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxSelectItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxSelectItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-select-item',
@@ -2644,8 +2653,8 @@ let IxSlider = class IxSlider {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxSlider = __decorate([
     ProxyCmp({
@@ -2653,7 +2662,7 @@ IxSlider = __decorate([
         inputs: ['disabled', 'error', 'helperText', 'infoText', 'invalidText', 'label', 'marker', 'max', 'min', 'showTextAsTooltip', 'step', 'trace', 'traceReference', 'validText', 'value', 'warningText']
     })
 ], IxSlider);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxSlider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxSlider, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-slider',
@@ -2674,8 +2683,8 @@ let IxSpinner = class IxSpinner {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxSpinner, 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.16", type: IxSpinner, isStandalone: true, selector: "ix-spinner", inputs: { size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxSpinner, 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: IxSpinner, isStandalone: true, selector: "ix-spinner", inputs: { size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxSpinner = __decorate([
     ProxyCmp({
@@ -2683,7 +2692,7 @@ IxSpinner = __decorate([
         inputs: ['size', 'variant']
     })
 ], IxSpinner);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxSpinner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxSpinner, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-spinner',
@@ -2702,8 +2711,8 @@ let IxSplitButton = class IxSplitButton {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxSplitButton = __decorate([
     ProxyCmp({
@@ -2711,7 +2720,7 @@ IxSplitButton = __decorate([
         inputs: ['ariaLabelButton', 'ariaLabelSplitIconButton', 'closeBehavior', 'disableButton', 'disableDropdownButton', 'disabled', 'enableTopLayer', 'icon', 'label', 'placement', 'splitIcon', 'variant']
     })
 ], IxSplitButton);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxSplitButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxSplitButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-split-button',
@@ -2733,8 +2742,8 @@ let IxTabItem = class IxTabItem {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxTabItem = __decorate([
     ProxyCmp({
@@ -2742,7 +2751,7 @@ IxTabItem = __decorate([
         inputs: ['counter', 'disabled', 'icon', 'layout', 'placement', 'rounded', 'selected', 'small']
     })
 ], IxTabItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxTabItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTabItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-tab-item',
@@ -2764,8 +2773,8 @@ let IxTabs = class IxTabs {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxTabs = __decorate([
     ProxyCmp({
@@ -2773,7 +2782,7 @@ IxTabs = __decorate([
         inputs: ['ariaLabelChevronLeftIconButton', 'ariaLabelChevronRightIconButton', 'layout', 'placement', 'rounded', 'selected', 'small']
     })
 ], IxTabs);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxTabs, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTabs, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-tabs',
@@ -2792,13 +2801,14 @@ let IxTextarea = class IxTextarea {
     valueChange = new EventEmitter();
     validityStateChange = 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.16", ngImport: i0, type: IxTextarea, 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.16", type: IxTextarea, isStandalone: true, selector: "ix-textarea", inputs: { disabled: "disabled", helperText: "helperText", infoText: "infoText", invalidText: "invalidText", label: "label", maxLength: "maxLength", minLength: "minLength", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", resizeBehavior: "resizeBehavior", showTextAsTooltip: "showTextAsTooltip", textareaCols: "textareaCols", textareaHeight: "textareaHeight", textareaRows: "textareaRows", textareaWidth: "textareaWidth", validText: "validText", value: "value", warningText: "warningText" }, outputs: { valueChange: "valueChange", validityStateChange: "validityStateChange", ixBlur: "ixBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTextarea, 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: IxTextarea, isStandalone: true, selector: "ix-textarea", inputs: { disabled: "disabled", helperText: "helperText", infoText: "infoText", invalidText: "invalidText", label: "label", maxLength: "maxLength", minLength: "minLength", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", resizeBehavior: "resizeBehavior", showTextAsTooltip: "showTextAsTooltip", textareaCols: "textareaCols", textareaHeight: "textareaHeight", textareaRows: "textareaRows", textareaWidth: "textareaWidth", validText: "validText", value: "value", warningText: "warningText" }, outputs: { valueChange: "valueChange", validityStateChange: "validityStateChange", ixBlur: "ixBlur", ixChange: "ixChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxTextarea = __decorate([
     ProxyCmp({
@@ -2807,7 +2817,7 @@ IxTextarea = __decorate([
         methods: ['getNativeInputElement', 'focusInput']
     })
 ], IxTextarea);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxTextarea, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTextarea, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-textarea',
@@ -2815,7 +2825,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['disabled', 'helperText', 'infoText', 'invalidText', 'label', 'maxLength', 'minLength', 'name', 'placeholder', 'readonly', 'required', 'resizeBehavior', 'showTextAsTooltip', 'textareaCols', 'textareaHeight', 'textareaRows', 'textareaWidth', 'validText', 'value', 'warningText'],
-                    outputs: ['valueChange', 'validityStateChange', 'ixBlur'],
+                    outputs: ['valueChange', 'validityStateChange', 'ixBlur', 'ixChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChange: [{
                 type: Output
@@ -2823,6 +2833,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Output
             }], ixBlur: [{
                 type: Output
+            }], ixChange: [{
+                type: Output
             }] } });
 let IxTile = class IxTile {
     z;
@@ -2832,8 +2844,8 @@ let IxTile = class IxTile {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxTile, 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.16", type: IxTile, isStandalone: true, selector: "ix-tile", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTile, 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: IxTile, isStandalone: true, selector: "ix-tile", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxTile = __decorate([
     ProxyCmp({
@@ -2841,7 +2853,7 @@ IxTile = __decorate([
         inputs: ['size']
     })
 ], IxTile);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxTile, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTile, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-tile',
@@ -2856,13 +2868,14 @@ let IxTimeInput = class IxTimeInput {
     el;
     valueChange = new EventEmitter();
     validityStateChange = 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.16", 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.16", 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" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @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 });
 };
 IxTimeInput = __decorate([
     ProxyCmp({
@@ -2871,7 +2884,7 @@ IxTimeInput = __decorate([
         methods: ['getNativeInputElement', 'focusInput']
     })
 ], IxTimeInput);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxTimeInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTimeInput, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-time-input',
@@ -2879,12 +2892,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     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'],
-                    outputs: ['valueChange', 'validityStateChange'],
+                    outputs: ['valueChange', 'validityStateChange', 'ixChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { valueChange: [{
                 type: Output
             }], validityStateChange: [{
                 type: Output
+            }], ixChange: [{
+                type: Output
             }] } });
 let IxTimePicker = class IxTimePicker {
     z;
@@ -2896,8 +2911,8 @@ let IxTimePicker = class IxTimePicker {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxTimePicker = __decorate([
     ProxyCmp({
@@ -2906,7 +2921,7 @@ IxTimePicker = __decorate([
         methods: ['getCurrentTime']
     })
 ], IxTimePicker);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxTimePicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTimePicker, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-time-picker',
@@ -2930,8 +2945,8 @@ let IxToast = class IxToast {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxToast, 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.16", type: IxToast, isStandalone: true, selector: "ix-toast", inputs: { ariaLabelCloseIconButton: "ariaLabelCloseIconButton", autoCloseDelay: "autoCloseDelay", hideIcon: "hideIcon", icon: "icon", iconColor: "iconColor", preventAutoClose: "preventAutoClose", toastTitle: "toastTitle", type: "type" }, outputs: { closeToast: "closeToast" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxToast, 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: IxToast, isStandalone: true, selector: "ix-toast", inputs: { ariaLabelCloseIconButton: "ariaLabelCloseIconButton", autoCloseDelay: "autoCloseDelay", hideIcon: "hideIcon", icon: "icon", iconColor: "iconColor", preventAutoClose: "preventAutoClose", toastTitle: "toastTitle", type: "type" }, outputs: { closeToast: "closeToast" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxToast = __decorate([
     ProxyCmp({
@@ -2940,7 +2955,7 @@ IxToast = __decorate([
         methods: ['pause', 'resume', 'isPaused']
     })
 ], IxToast);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxToast, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxToast, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-toast',
@@ -2961,8 +2976,8 @@ let IxToastContainer = class IxToastContainer {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxToastContainer = __decorate([
     ProxyCmp({
@@ -2971,7 +2986,7 @@ IxToastContainer = __decorate([
         methods: ['showToast']
     })
 ], IxToastContainer);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxToastContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxToastContainer, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-toast-container',
@@ -2991,8 +3006,8 @@ let IxToggle = class IxToggle {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxToggle, 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.16", type: IxToggle, isStandalone: true, selector: "ix-toggle", inputs: { checked: "checked", disabled: "disabled", hideText: "hideText", indeterminate: "indeterminate", name: "name", required: "required", textIndeterminate: "textIndeterminate", textOff: "textOff", textOn: "textOn", value: "value" }, outputs: { checkedChange: "checkedChange", ixBlur: "ixBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxToggle, 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: IxToggle, isStandalone: true, selector: "ix-toggle", inputs: { checked: "checked", disabled: "disabled", hideText: "hideText", indeterminate: "indeterminate", name: "name", required: "required", textIndeterminate: "textIndeterminate", textOff: "textOff", textOn: "textOn", value: "value" }, outputs: { checkedChange: "checkedChange", ixBlur: "ixBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxToggle = __decorate([
     ProxyCmp({
@@ -3000,7 +3015,7 @@ IxToggle = __decorate([
         inputs: ['checked', 'disabled', 'hideText', 'indeterminate', 'name', 'required', 'textIndeterminate', 'textOff', 'textOn', 'value']
     })
 ], IxToggle);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxToggle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxToggle, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-toggle',
@@ -3024,8 +3039,8 @@ let IxToggleButton = class IxToggleButton {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxToggleButton = __decorate([
     ProxyCmp({
@@ -3033,7 +3048,7 @@ IxToggleButton = __decorate([
         inputs: ['ariaLabelButton', 'disabled', 'icon', 'iconRight', 'loading', 'pressed', 'variant']
     })
 ], IxToggleButton);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxToggleButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxToggleButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-toggle-button',
@@ -3054,8 +3069,8 @@ let IxTooltip = class IxTooltip {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxTooltip, 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.16", type: IxTooltip, isStandalone: true, selector: "ix-tooltip", inputs: { for: "for", interactive: "interactive", placement: "placement", titleContent: "titleContent" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTooltip, 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: IxTooltip, isStandalone: true, selector: "ix-tooltip", inputs: { for: "for", interactive: "interactive", placement: "placement", titleContent: "titleContent" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxTooltip = __decorate([
     ProxyCmp({
@@ -3063,7 +3078,7 @@ IxTooltip = __decorate([
         inputs: ['for', 'interactive', 'placement', 'titleContent']
     })
 ], IxTooltip);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxTooltip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTooltip, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-tooltip',
@@ -3083,8 +3098,8 @@ let IxTreeItem = class IxTreeItem {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxTreeItem = __decorate([
     ProxyCmp({
@@ -3092,7 +3107,7 @@ IxTreeItem = __decorate([
         inputs: ['ariaLabelChevronIcon', 'context', 'hasChildren', 'text']
     })
 ], IxTreeItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxTreeItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTreeItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-tree-item',
@@ -3115,8 +3130,8 @@ let IxTypography = class IxTypography {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxTypography, 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.16", type: IxTypography, isStandalone: true, selector: "ix-typography", inputs: { bold: "bold", format: "format", textColor: "textColor", textDecoration: "textDecoration" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTypography, 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: IxTypography, isStandalone: true, selector: "ix-typography", inputs: { bold: "bold", format: "format", textColor: "textColor", textDecoration: "textDecoration" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxTypography = __decorate([
     ProxyCmp({
@@ -3124,7 +3139,7 @@ IxTypography = __decorate([
         inputs: ['bold', 'format', 'textColor', 'textDecoration']
     })
 ], IxTypography);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxTypography, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTypography, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-typography',
@@ -3143,8 +3158,8 @@ let IxUpload = class IxUpload {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 ɵ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 });
 };
 IxUpload = __decorate([
     ProxyCmp({
@@ -3153,7 +3168,7 @@ IxUpload = __decorate([
         methods: ['setFilesToUpload']
     })
 ], IxUpload);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxUpload, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxUpload, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-upload',
@@ -3174,8 +3189,8 @@ let IxValidationTooltip = class IxValidationTooltip {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", 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.16", 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 });
+    /** @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({
@@ -3183,7 +3198,7 @@ IxValidationTooltip = __decorate([
         inputs: ['message', 'placement', 'suppressAutomaticPlacement']
     })
 ], IxValidationTooltip);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxValidationTooltip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxValidationTooltip, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-validation-tooltip',
@@ -3201,8 +3216,8 @@ let IxWorkflowStep = class IxWorkflowStep {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxWorkflowStep, 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.16", type: IxWorkflowStep, isStandalone: true, selector: "ix-workflow-step", inputs: { clickable: "clickable", disabled: "disabled", selected: "selected", status: "status", vertical: "vertical" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxWorkflowStep, 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: IxWorkflowStep, isStandalone: true, selector: "ix-workflow-step", inputs: { clickable: "clickable", disabled: "disabled", selected: "selected", status: "status", vertical: "vertical" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxWorkflowStep = __decorate([
     ProxyCmp({
@@ -3210,7 +3225,7 @@ IxWorkflowStep = __decorate([
         inputs: ['clickable', 'disabled', 'selected', 'status', 'vertical']
     })
 ], IxWorkflowStep);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxWorkflowStep, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxWorkflowStep, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-workflow-step',
@@ -3229,8 +3244,8 @@ let IxWorkflowSteps = class IxWorkflowSteps {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxWorkflowSteps, 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.16", type: IxWorkflowSteps, isStandalone: true, selector: "ix-workflow-steps", inputs: { clickable: "clickable", selectedIndex: "selectedIndex", vertical: "vertical" }, outputs: { stepSelected: "stepSelected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxWorkflowSteps, 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: IxWorkflowSteps, isStandalone: true, selector: "ix-workflow-steps", inputs: { clickable: "clickable", selectedIndex: "selectedIndex", vertical: "vertical" }, outputs: { stepSelected: "stepSelected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxWorkflowSteps = __decorate([
     ProxyCmp({
@@ -3238,7 +3253,7 @@ IxWorkflowSteps = __decorate([
         inputs: ['clickable', 'selectedIndex', 'vertical']
     })
 ], IxWorkflowSteps);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxWorkflowSteps, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxWorkflowSteps, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-workflow-steps',
@@ -3279,8 +3294,8 @@ let IxIcon = class IxIcon {
         c.detach();
         this.el = r.nativeElement;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxIcon, 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.16", type: IxIcon, isStandalone: true, selector: "ix-icon", inputs: { color: "color", size: "size", name: "name", lazyLoading: "lazyLoading" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxIcon, 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: IxIcon, isStandalone: true, selector: "ix-icon", inputs: { color: "color", size: "size", name: "name", lazyLoading: "lazyLoading" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxIcon = __decorate([
     ProxyCmp({
@@ -3288,7 +3303,7 @@ IxIcon = __decorate([
         defineCustomElementFn: defineCustomElement$1H,
     })
 ], IxIcon);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxIcon, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-icon',
@@ -3305,8 +3320,8 @@ let IxTree = class IxTree extends TreeBaseDirective {
         super(c, r, z, proxyOutputs);
         this.z = z;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxTree, 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.16", type: IxTree, isStandalone: true, selector: "ix-tree", inputs: { context: "context", model: "model", root: "root", renderItem: "renderItem", lazyLoading: "lazyLoading" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTree, 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: IxTree, isStandalone: true, selector: "ix-tree", inputs: { context: "context", model: "model", root: "root", renderItem: "renderItem", lazyLoading: "lazyLoading" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IxTree = __decorate([
     ProxyCmp({
@@ -3314,7 +3329,7 @@ IxTree = __decorate([
         defineCustomElementFn: defineCustomElement$1I,
     })
 ], IxTree);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxTree, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTree, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-tree',
@@ -3343,10 +3358,10 @@ class ModalService extends ModalService$1 {
     close(instance, reason) {
         super.close(instance, reason);
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ModalService, deps: [{ token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ModalService, providedIn: 'root' });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ModalService, deps: [{ token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ModalService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ModalService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ModalService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }] });
@@ -3374,10 +3389,10 @@ class ToastService extends ToastService$1 {
     show(config) {
         return super.show(config);
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ToastService, providedIn: 'root' });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ToastService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ToastService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ToastService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -3407,10 +3422,10 @@ class MessageService extends MessageService$1 {
     question(title, message, textOkay, textCancel, payloadOkay, payloadCancel) {
         return super.question(title, message, textOkay, textCancel, payloadOkay, payloadCancel);
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MessageService, providedIn: 'root' });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: MessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: MessageService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MessageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: MessageService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -3428,13 +3443,16 @@ class LoadingService extends LoadingService$1 {
         super();
         defineCustomElement$12();
     }
-    showModalLoading(message) {
-        return super.showModalLoading(message);
+    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.16", ngImport: i0, type: LoadingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LoadingService, providedIn: 'root' });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: LoadingService, deps: [], 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.16", ngImport: i0, type: LoadingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: LoadingService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -3456,10 +3474,10 @@ class IxBooleanValueAccessorDirective extends BooleanValueAccessorBaseDirective
     constructor(injector, el) {
         super(injector, el);
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxBooleanValueAccessorDirective, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: IxBooleanValueAccessorDirective, isStandalone: true, selector: "ix-checkbox,ix-toggle", providers: [createValueAccessorProvider(IxBooleanValueAccessorDirective)], usesInheritance: true, ngImport: i0 });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxBooleanValueAccessorDirective, 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: IxBooleanValueAccessorDirective, isStandalone: true, selector: "ix-checkbox,ix-toggle", providers: [createValueAccessorProvider(IxBooleanValueAccessorDirective)], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxBooleanValueAccessorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxBooleanValueAccessorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ix-checkbox,ix-toggle',
@@ -3482,10 +3500,10 @@ class IxRadioValueAccessorDirective extends RadioValueAccessorBaseDirective {
     constructor(injector, el) {
         super(injector, el);
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxRadioValueAccessorDirective, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: IxRadioValueAccessorDirective, isStandalone: true, selector: "ix-radio", providers: [createValueAccessorProvider(IxRadioValueAccessorDirective)], usesInheritance: true, ngImport: i0 });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxRadioValueAccessorDirective, 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: IxRadioValueAccessorDirective, isStandalone: true, selector: "ix-radio", providers: [createValueAccessorProvider(IxRadioValueAccessorDirective)], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxRadioValueAccessorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxRadioValueAccessorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ix-radio',
@@ -3508,10 +3526,10 @@ class IxSelectValueAccessorDirective extends SelectValueAccessorBaseDirective {
     constructor(injector, el) {
         super(injector, el);
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxSelectValueAccessorDirective, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: IxSelectValueAccessorDirective, isStandalone: true, selector: "ix-select", providers: [createValueAccessorProvider(IxSelectValueAccessorDirective)], usesInheritance: true, ngImport: i0 });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxSelectValueAccessorDirective, 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: IxSelectValueAccessorDirective, isStandalone: true, selector: "ix-select", providers: [createValueAccessorProvider(IxSelectValueAccessorDirective)], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxSelectValueAccessorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxSelectValueAccessorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ix-select',
@@ -3534,10 +3552,10 @@ class IxTextValueAccessorDirective extends TextValueAccessorBaseDirective {
     constructor(injector, el) {
         super(injector, el);
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxTextValueAccessorDirective, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: IxTextValueAccessorDirective, isStandalone: true, selector: "ix-input,ix-number-input,ix-textarea", providers: [createValueAccessorProvider(IxTextValueAccessorDirective)], usesInheritance: true, ngImport: i0 });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTextValueAccessorDirective, 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: IxTextValueAccessorDirective, isStandalone: true, selector: "ix-input,ix-number-input,ix-textarea", providers: [createValueAccessorProvider(IxTextValueAccessorDirective)], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxTextValueAccessorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTextValueAccessorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ix-input,ix-number-input,ix-textarea',
@@ -3560,10 +3578,10 @@ class IxDateValueAccessorDirective extends DateValueAccessorBaseDirective {
     constructor(injector, el) {
         super(injector, el);
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxDateValueAccessorDirective, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: IxDateValueAccessorDirective, isStandalone: true, selector: "ix-date-input", providers: [createValueAccessorProvider(IxDateValueAccessorDirective)], usesInheritance: true, ngImport: i0 });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDateValueAccessorDirective, 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: IxDateValueAccessorDirective, isStandalone: true, selector: "ix-date-input", providers: [createValueAccessorProvider(IxDateValueAccessorDirective)], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxDateValueAccessorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDateValueAccessorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ix-date-input',
@@ -3571,6 +3589,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", 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-date-input
+ */
+class IxTimeValueAccessorDirective extends TimeValueAccessorBaseDirective {
+    constructor(injector, el) {
+        super(injector, el);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTimeValueAccessorDirective, 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: IxTimeValueAccessorDirective, isStandalone: true, selector: "ix-time-input", providers: [createValueAccessorProvider(IxTimeValueAccessorDirective)], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxTimeValueAccessorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ix-time-input',
+                    providers: [createValueAccessorProvider(IxTimeValueAccessorDirective)],
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ElementRef }] });
+
 /*
  * SPDX-FileCopyrightText: 2025 Siemens AG
  *
@@ -3596,10 +3640,10 @@ class IxDropdownTriggerDirective extends DropdownTriggerBaseDirective {
     ngOnChanges() {
         super.ngOnChanges();
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxDropdownTriggerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: IxDropdownTriggerDirective, isStandalone: true, selector: "[ixDropdownTrigger]", inputs: { ixDropdownTrigger: "ixDropdownTrigger" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDropdownTriggerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: IxDropdownTriggerDirective, isStandalone: true, selector: "[ixDropdownTrigger]", inputs: { ixDropdownTrigger: "ixDropdownTrigger" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IxDropdownTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: IxDropdownTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ixDropdownTrigger]',
@@ -3617,6 +3661,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  *  - IxSelectValueAccessorDirective
  *  - IxTextValueAccessorDirective
  *  - IxDateValueAccessorDirective
+ *  - IxTimeValueAccessorDirective
  */
 const IxValueAccessorDirectives = [
     IxBooleanValueAccessorDirective,
@@ -3624,6 +3669,7 @@ const IxValueAccessorDirectives = [
     IxSelectValueAccessorDirective,
     IxTextValueAccessorDirective,
     IxDateValueAccessorDirective,
+    IxTimeValueAccessorDirective,
 ];
 
 /*
@@ -3639,5 +3685,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, 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, 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 };
 //# sourceMappingURL=siemens-ix-angular-standalone.mjs.map