@siemens/ix-angular 4.3.0 → 5.0.0

package/index.d.ts

@@ -1,9 +1,9 @@
-import { Components, InputState, FilterState, DateRangeChangeEvent, DateInputValidityState, DateChangeEvent, DateTimeDateChangeEvent, DateTimeSelectEvent, CustomCloseEvent, CustomLabelChangeEvent, ExpandedChangedEvent, VariantChangedEvent, BorderlessChangedEvent, TabClickDetail, TimeInputValidityState, ModalInstance, ToastPosition, ShowToastResult } from '@siemens/ix';
+import { Components, BreadcrumbClick, InputState, FilterState, DateRangeChangeEvent, DateInputValidityState, DateChangeEvent, DateTimeInputValidityState, DateTimeDateChangeEvent, DateTimeSelectEvent, CustomCloseEvent, CustomLabelChangeEvent, ExpandedChangedEvent, VariantChangedEvent, BorderlessChangedEvent, TabClickDetail, TimeInputValidityState, ModalInstance, ToastPosition, ShowToastResult } from '@siemens/ix';
 export * from '@siemens/ix';
 import * as i0 from '@angular/core';
 import { NgZone, ChangeDetectorRef, ElementRef, EventEmitter, ApplicationRef, ComponentFactoryResolver, Injector, ModuleWithProviders } from '@angular/core';
 import { Components as Components$1 } from '@siemens/ix-icons';
-import { TreeBaseDirective, ModalService as ModalService$1, ModalConfig, ToastService as ToastService$1, ToastConfig, MessageService as MessageService$1, LoadingService as LoadingService$1, BooleanValueAccessorBaseDirective, RadioValueAccessorBaseDirective, SelectValueAccessorBaseDirective, TextValueAccessorBaseDirective, DateValueAccessorBaseDirective, DropdownTriggerBaseDirective } from '@siemens/ix-angular/common';
+import { TreeBaseDirective, ModalService as ModalService$1, ModalConfig, ToastService as ToastService$1, ToastConfig, MessageService as MessageService$1, LoadingService as LoadingService$1, BooleanValueAccessorBaseDirective, RadioValueAccessorBaseDirective, SelectValueAccessorBaseDirective, TextValueAccessorBaseDirective, DateValueAccessorBaseDirective, TimeValueAccessorBaseDirective, DatetimeValueAccessorBaseDirective, DropdownTriggerBaseDirective } from '@siemens/ix-angular/common';
 export { IxActiveModal, ModalConfig, ModalContext, ToastConfig } from '@siemens/ix-angular/common';
 
 declare class IxActionCard {
@@ -20,7 +20,7 @@ declare class IxApplication {
     protected el: HTMLIxApplicationElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxApplication, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxApplication, "ix-application", never, { "appSwitchConfig": { "alias": "appSwitchConfig"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "forceBreakpoint": { "alias": "forceBreakpoint"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "themeSystemAppearance": { "alias": "themeSystemAppearance"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxApplication, "ix-application", never, { "appSwitchConfig": { "alias": "appSwitchConfig"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "colorSchema": { "alias": "colorSchema"; "required": false; }; "forceBreakpoint": { "alias": "forceBreakpoint"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 declare interface IxApplication extends Components.IxApplication {
 }
@@ -31,7 +31,7 @@ declare class IxApplicationHeader {
     openAppSwitch: EventEmitter<CustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxApplicationHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxApplicationHeader, "ix-application-header", never, { "appIcon": { "alias": "appIcon"; "required": false; }; "appIconAlt": { "alias": "appIconAlt"; "required": false; }; "appIconOutline": { "alias": "appIconOutline"; "required": false; }; "ariaLabelAppSwitchIconButton": { "alias": "ariaLabelAppSwitchIconButton"; "required": false; }; "ariaLabelMenuExpandIconButton": { "alias": "ariaLabelMenuExpandIconButton"; "required": false; }; "ariaLabelMoreMenuIconButton": { "alias": "ariaLabelMoreMenuIconButton"; "required": false; }; "companyLogo": { "alias": "companyLogo"; "required": false; }; "companyLogoAlt": { "alias": "companyLogoAlt"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "hideBottomBorder": { "alias": "hideBottomBorder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "nameSuffix": { "alias": "nameSuffix"; "required": false; }; "showMenu": { "alias": "showMenu"; "required": false; }; }, { "menuToggle": "menuToggle"; "openAppSwitch": "openAppSwitch"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxApplicationHeader, "ix-application-header", never, { "appIcon": { "alias": "appIcon"; "required": false; }; "appIconAlt": { "alias": "appIconAlt"; "required": false; }; "appIconOutline": { "alias": "appIconOutline"; "required": false; }; "ariaLabelAppSwitchIconButton": { "alias": "ariaLabelAppSwitchIconButton"; "required": false; }; "ariaLabelMoreMenuIconButton": { "alias": "ariaLabelMoreMenuIconButton"; "required": false; }; "companyLogo": { "alias": "companyLogo"; "required": false; }; "companyLogoAlt": { "alias": "companyLogoAlt"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "hideBottomBorder": { "alias": "hideBottomBorder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "nameSuffix": { "alias": "nameSuffix"; "required": false; }; "showMenu": { "alias": "showMenu"; "required": false; }; }, { "menuToggle": "menuToggle"; "openAppSwitch": "openAppSwitch"; }, never, ["*"], false, never>;
 }
 declare interface IxApplicationHeader extends Components.IxApplicationHeader {
     /**
@@ -48,7 +48,7 @@ declare class IxAvatar {
     protected el: HTMLIxAvatarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxAvatar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxAvatar, "ix-avatar", never, { "a11yLabel": { "alias": "a11yLabel"; "required": false; }; "ariaLabelTooltip": { "alias": "ariaLabelTooltip"; "required": false; }; "extra": { "alias": "extra"; "required": false; }; "image": { "alias": "image"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "username": { "alias": "username"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxAvatar, "ix-avatar", never, { "ariaLabelTooltip": { "alias": "ariaLabelTooltip"; "required": false; }; "extra": { "alias": "extra"; "required": false; }; "image": { "alias": "image"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "username": { "alias": "username"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 declare interface IxAvatar extends Components.IxAvatar {
 }
@@ -69,10 +69,10 @@ declare interface IxBlind extends Components.IxBlind {
 declare class IxBreadcrumb {
     protected z: NgZone;
     protected el: HTMLIxBreadcrumbElement;
-    itemClick: EventEmitter<CustomEvent<string>>;
+    itemClick: EventEmitter<CustomEvent<BreadcrumbClick>>;
     nextClick: EventEmitter<CustomEvent<{
         event: UIEvent;
-        item: string;
+        item: BreadcrumbClick;
     }>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxBreadcrumb, never>;
@@ -80,15 +80,15 @@ declare class IxBreadcrumb {
 }
 declare interface IxBreadcrumb extends Components.IxBreadcrumb {
     /**
-     * Crumb item clicked event
+     * Crumb item clicked event @since 5.0.0
      */
-    itemClick: EventEmitter<CustomEvent<string>>;
+    itemClick: EventEmitter<CustomEvent<BreadcrumbClick>>;
     /**
-     * Next item clicked event
+     * Next item clicked event @since 5.0.0
      */
     nextClick: EventEmitter<CustomEvent<{
         event: UIEvent;
-        item: string;
+        item: BreadcrumbClick;
     }>>;
 }
 declare class IxBreadcrumbItem {
@@ -96,7 +96,7 @@ declare class IxBreadcrumbItem {
     protected el: HTMLIxBreadcrumbItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxBreadcrumbItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxBreadcrumbItem, "ix-breadcrumb-item", never, { "ariaLabelButton": { "alias": "ariaLabelButton"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxBreadcrumbItem, "ix-breadcrumb-item", never, { "breadcrumbKey": { "alias": "breadcrumbKey"; "required": true; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 declare interface IxBreadcrumbItem extends Components.IxBreadcrumbItem {
 }
@@ -105,7 +105,7 @@ declare class IxButton {
     protected el: HTMLIxButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxButton, "ix-button", never, { "ariaLabelButton": { "alias": "ariaLabelButton"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxButton, "ix-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 declare interface IxButton extends Components.IxButton {
 }
@@ -148,7 +148,7 @@ declare class IxCardList {
     }>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCardList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxCardList, "ix-card-list", never, { "ariaLabelExpandButton": { "alias": "ariaLabelExpandButton"; "required": false; }; "collapse": { "alias": "collapse"; "required": false; }; "hideShowAll": { "alias": "hideShowAll"; "required": false; }; "i18nMoreCards": { "alias": "i18nMoreCards"; "required": false; }; "i18nShowAll": { "alias": "i18nShowAll"; "required": false; }; "label": { "alias": "label"; "required": false; }; "listStyle": { "alias": "listStyle"; "required": false; }; "showAllCount": { "alias": "showAllCount"; "required": false; }; "suppressOverflowHandling": { "alias": "suppressOverflowHandling"; "required": false; }; }, { "collapseChanged": "collapseChanged"; "showAllClick": "showAllClick"; "showMoreCardClick": "showMoreCardClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxCardList, "ix-card-list", never, { "ariaLabelExpandButton": { "alias": "ariaLabelExpandButton"; "required": false; }; "collapse": { "alias": "collapse"; "required": false; }; "hideShowAll": { "alias": "hideShowAll"; "required": false; }; "i18nMoreCards": { "alias": "i18nMoreCards"; "required": false; }; "i18nShowAll": { "alias": "i18nShowAll"; "required": false; }; "i18nShowLess": { "alias": "i18nShowLess"; "required": false; }; "label": { "alias": "label"; "required": false; }; "listStyle": { "alias": "listStyle"; "required": false; }; "showAllCount": { "alias": "showAllCount"; "required": false; }; "suppressOverflowHandling": { "alias": "suppressOverflowHandling"; "required": false; }; }, { "collapseChanged": "collapseChanged"; "showAllClick": "showAllClick"; "showMoreCardClick": "showMoreCardClick"; }, never, ["*"], false, never>;
 }
 declare interface IxCardList extends Components.IxCardList {
     /**
@@ -245,7 +245,7 @@ declare class IxChip {
     closeChip: EventEmitter<CustomEvent<any>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxChip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxChip, "ix-chip", never, { "ariaLabelCloseButton": { "alias": "ariaLabelCloseButton"; "required": false; }; "background": { "alias": "background"; "required": false; }; "centerContent": { "alias": "centerContent"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "inactive": { "alias": "inactive"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "closeChip": "closeChip"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxChip, "ix-chip", never, { "ariaLabelCloseButton": { "alias": "ariaLabelCloseButton"; "required": false; }; "ariaLabelIcon": { "alias": "ariaLabelIcon"; "required": false; }; "background": { "alias": "background"; "required": false; }; "centerContent": { "alias": "centerContent"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "inactive": { "alias": "inactive"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "closeChip": "closeChip"; }, never, ["*"], false, never>;
 }
 declare interface IxChip extends Components.IxChip {
     /**
@@ -300,7 +300,7 @@ declare class IxDateDropdown {
     dateRangeChange: EventEmitter<CustomEvent<DateRangeChangeEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDateDropdown, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxDateDropdown, "ix-date-dropdown", never, { "ariaLabelDropdownButton": { "alias": "ariaLabelDropdownButton"; "required": false; }; "customRangeDisabled": { "alias": "customRangeDisabled"; "required": false; }; "dateRangeId": { "alias": "dateRangeId"; "required": false; }; "dateRangeOptions": { "alias": "dateRangeOptions"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "format": { "alias": "format"; "required": false; }; "from": { "alias": "from"; "required": false; }; "i18nCustomItem": { "alias": "i18nCustomItem"; "required": false; }; "i18nDone": { "alias": "i18nDone"; "required": false; }; "i18nNoRange": { "alias": "i18nNoRange"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "singleSelection": { "alias": "singleSelection"; "required": false; }; "to": { "alias": "to"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "weekStartIndex": { "alias": "weekStartIndex"; "required": false; }; }, { "dateRangeChange": "dateRangeChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDateDropdown, "ix-date-dropdown", never, { "dateRangeId": { "alias": "dateRangeId"; "required": false; }; "dateRangeOptions": { "alias": "dateRangeOptions"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "format": { "alias": "format"; "required": false; }; "from": { "alias": "from"; "required": false; }; "i18nDone": { "alias": "i18nDone"; "required": false; }; "i18nNoRange": { "alias": "i18nNoRange"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "singleSelection": { "alias": "singleSelection"; "required": false; }; "to": { "alias": "to"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "weekStartIndex": { "alias": "weekStartIndex"; "required": false; }; }, { "dateRangeChange": "dateRangeChange"; }, never, ["*"], false, never>;
 }
 declare interface IxDateDropdown extends Components.IxDateDropdown {
     /**
@@ -316,19 +316,24 @@ declare class IxDateInput {
     protected el: HTMLIxDateInputElement;
     valueChange: EventEmitter<CustomEvent<string | undefined>>;
     validityStateChange: EventEmitter<CustomEvent<DateInputValidityState>>;
+    ixChange: EventEmitter<CustomEvent<string | undefined>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDateInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxDateInput, "ix-date-input", never, { "ariaLabelCalendarButton": { "alias": "ariaLabelCalendarButton"; "required": false; }; "ariaLabelNextMonthButton": { "alias": "ariaLabelNextMonthButton"; "required": false; }; "ariaLabelPreviousMonthButton": { "alias": "ariaLabelPreviousMonthButton"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "format": { "alias": "format"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "i18nErrorDateUnparsable": { "alias": "i18nErrorDateUnparsable"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "suppressSubmitOnEnter": { "alias": "suppressSubmitOnEnter"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; "weekStartIndex": { "alias": "weekStartIndex"; "required": false; }; }, { "valueChange": "valueChange"; "validityStateChange": "validityStateChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDateInput, "ix-date-input", never, { "ariaLabelCalendarButton": { "alias": "ariaLabelCalendarButton"; "required": false; }; "ariaLabelNextMonthButton": { "alias": "ariaLabelNextMonthButton"; "required": false; }; "ariaLabelPreviousMonthButton": { "alias": "ariaLabelPreviousMonthButton"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "format": { "alias": "format"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "i18nErrorDateUnparsable": { "alias": "i18nErrorDateUnparsable"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "suppressSubmitOnEnter": { "alias": "suppressSubmitOnEnter"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; "weekStartIndex": { "alias": "weekStartIndex"; "required": false; }; }, { "valueChange": "valueChange"; "validityStateChange": "validityStateChange"; "ixChange": "ixChange"; }, never, ["*"], false, never>;
 }
 declare interface IxDateInput extends Components.IxDateInput {
     /**
-     * Input change event.
+     * Value change event. Emitted when the input value changes.
      */
     valueChange: EventEmitter<CustomEvent<string | undefined>>;
     /**
-     * Validation state change event.
+     * Validation state change event. Emitted when the validation state changes.
      */
     validityStateChange: EventEmitter<CustomEvent<DateInputValidityState>>;
+    /**
+     * Change event. Emitted when the date input loses focus and the value has changed. @since 4.4.0
+     */
+    ixChange: EventEmitter<CustomEvent<string | undefined>>;
 }
 declare class IxDatePicker {
     protected z: NgZone;
@@ -338,7 +343,7 @@ declare class IxDatePicker {
     dateSelect: EventEmitter<CustomEvent<DateChangeEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDatePicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxDatePicker, "ix-date-picker", never, { "ariaLabelNextMonthButton": { "alias": "ariaLabelNextMonthButton"; "required": false; }; "ariaLabelPreviousMonthButton": { "alias": "ariaLabelPreviousMonthButton"; "required": false; }; "corners": { "alias": "corners"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "format": { "alias": "format"; "required": false; }; "from": { "alias": "from"; "required": false; }; "i18nDone": { "alias": "i18nDone"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "singleSelection": { "alias": "singleSelection"; "required": false; }; "to": { "alias": "to"; "required": false; }; "weekStartIndex": { "alias": "weekStartIndex"; "required": false; }; }, { "dateChange": "dateChange"; "dateRangeChange": "dateRangeChange"; "dateSelect": "dateSelect"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDatePicker, "ix-date-picker", never, { "ariaLabelMonthSelection": { "alias": "ariaLabelMonthSelection"; "required": false; }; "ariaLabelNextMonthButton": { "alias": "ariaLabelNextMonthButton"; "required": false; }; "ariaLabelPreviousMonthButton": { "alias": "ariaLabelPreviousMonthButton"; "required": false; }; "ariaLabelYearSelection": { "alias": "ariaLabelYearSelection"; "required": false; }; "corners": { "alias": "corners"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "format": { "alias": "format"; "required": false; }; "from": { "alias": "from"; "required": false; }; "i18nDone": { "alias": "i18nDone"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "singleSelection": { "alias": "singleSelection"; "required": false; }; "to": { "alias": "to"; "required": false; }; "weekStartIndex": { "alias": "weekStartIndex"; "required": false; }; }, { "dateChange": "dateChange"; "dateRangeChange": "dateRangeChange"; "dateSelect": "dateSelect"; }, never, ["*"], false, never>;
 }
 declare interface IxDatePicker extends Components.IxDatePicker {
     /**
@@ -349,18 +354,61 @@ declare interface IxDatePicker extends Components.IxDatePicker {
      */
     dateChange: EventEmitter<CustomEvent<DateChangeEvent>>;
     /**
-     * Emitted when the date range selection changes and the component is in range mode. The `DateChangeEvent` contains `from` and `to` properties.
+     * Date range change event. Emitted when the date range selection changes and the component is in range mode. The `DateChangeEvent` contains `from` and `to` properties.
   The property strings are formatted according to the `format` property and not affected by the `locale` property.
   The locale applied is always `en-US`.
      */
     dateRangeChange: EventEmitter<CustomEvent<DateChangeEvent>>;
     /**
-     * Emitted when the selection is confirmed via the date select button. The `DateChangeEvent` contains `from` and `to` properties.
+     * Date selection event. Emitted when the selection is confirmed via the date select button. The `DateChangeEvent` contains `from` and `to` properties.
   The property strings are formatted according to the `format` property and not affected by the `locale` property.
   The locale applied is always `en-US`.
      */
     dateSelect: EventEmitter<CustomEvent<DateChangeEvent>>;
 }
+declare class IxDatetimeInput {
+    protected z: NgZone;
+    protected el: HTMLIxDatetimeInputElement;
+    valueChange: EventEmitter<CustomEvent<string | undefined>>;
+    validityStateChange: EventEmitter<CustomEvent<DateTimeInputValidityState>>;
+    ixFocus: EventEmitter<CustomEvent<void>>;
+    ixBlur: EventEmitter<CustomEvent<void>>;
+    ixChange: EventEmitter<CustomEvent<string | undefined>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxDatetimeInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDatetimeInput, "ix-datetime-input", never, { "ariaLabelCalendarButton": { "alias": "ariaLabelCalendarButton"; "required": false; }; "ariaLabelNextMonthButton": { "alias": "ariaLabelNextMonthButton"; "required": false; }; "ariaLabelPreviousMonthButton": { "alias": "ariaLabelPreviousMonthButton"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "format": { "alias": "format"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "i18nDone": { "alias": "i18nDone"; "required": false; }; "i18nErrorDateTimeUnparsable": { "alias": "i18nErrorDateTimeUnparsable"; "required": false; }; "i18nTime": { "alias": "i18nTime"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "maxTime": { "alias": "maxTime"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "minTime": { "alias": "minTime"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "suppressSubmitOnEnter": { "alias": "suppressSubmitOnEnter"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; "weekStartIndex": { "alias": "weekStartIndex"; "required": false; }; }, { "valueChange": "valueChange"; "validityStateChange": "validityStateChange"; "ixFocus": "ixFocus"; "ixBlur": "ixBlur"; "ixChange": "ixChange"; }, never, ["*"], false, never>;
+}
+declare interface IxDatetimeInput extends Components.IxDatetimeInput {
+    /**
+     * Emitted when the datetime value changes. Payload is display format or undefined
+     */
+    valueChange: EventEmitter<CustomEvent<string | undefined>>;
+    /**
+     * Emitted when validation state changes
+     */
+    validityStateChange: EventEmitter<CustomEvent<DateTimeInputValidityState>>;
+    /**
+     * Emitted when the input receives focus
+     */
+    ixFocus: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when the input loses focus
+     */
+    ixBlur: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when the date/time value changes via user interaction.
+  
+  Fires in two scenarios:
+  - When the input loses focus (blur) and the value has changed
+  - When a new date/time is selected in the picker and confirmed
+  
+  Does NOT fire when:
+  - The picker is opened/closed without confirming a change
+  - The input is blurred without modifying the value
+  - The value is changed programmatically via the value property
+     */
+    ixChange: EventEmitter<CustomEvent<string | undefined>>;
+}
 declare class IxDatetimePicker {
     protected z: NgZone;
     protected el: HTMLIxDatetimePickerElement;
@@ -369,19 +417,19 @@ declare class IxDatetimePicker {
     dateSelect: EventEmitter<CustomEvent<DateTimeSelectEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDatetimePicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxDatetimePicker, "ix-datetime-picker", never, { "ariaLabelNextMonthButton": { "alias": "ariaLabelNextMonthButton"; "required": false; }; "ariaLabelPreviousMonthButton": { "alias": "ariaLabelPreviousMonthButton"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "from": { "alias": "from"; "required": false; }; "i18nDone": { "alias": "i18nDone"; "required": false; }; "i18nTime": { "alias": "i18nTime"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "showTimeReference": { "alias": "showTimeReference"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "singleSelection": { "alias": "singleSelection"; "required": false; }; "time": { "alias": "time"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "timeReference": { "alias": "timeReference"; "required": false; }; "to": { "alias": "to"; "required": false; }; "weekStartIndex": { "alias": "weekStartIndex"; "required": false; }; }, { "timeChange": "timeChange"; "dateChange": "dateChange"; "dateSelect": "dateSelect"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDatetimePicker, "ix-datetime-picker", never, { "ariaLabelNextMonthButton": { "alias": "ariaLabelNextMonthButton"; "required": false; }; "ariaLabelPreviousMonthButton": { "alias": "ariaLabelPreviousMonthButton"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "from": { "alias": "from"; "required": false; }; "i18nDone": { "alias": "i18nDone"; "required": false; }; "i18nTime": { "alias": "i18nTime"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "maxTime": { "alias": "maxTime"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "minTime": { "alias": "minTime"; "required": false; }; "showTimeReference": { "alias": "showTimeReference"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "singleSelection": { "alias": "singleSelection"; "required": false; }; "time": { "alias": "time"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "timeReference": { "alias": "timeReference"; "required": false; }; "to": { "alias": "to"; "required": false; }; "weekStartIndex": { "alias": "weekStartIndex"; "required": false; }; }, { "timeChange": "timeChange"; "dateChange": "dateChange"; "dateSelect": "dateSelect"; }, never, ["*"], false, never>;
 }
 declare interface IxDatetimePicker extends Components.IxDatetimePicker {
     /**
-     * Time change
+     * Time change event. Emitted when the time changes in the embedded time picker.
      */
     timeChange: EventEmitter<CustomEvent<string>>;
     /**
-     * Date change
+     * Date change event. Emitted when the date changes in the embedded date picker.
      */
     dateChange: EventEmitter<CustomEvent<DateTimeDateChangeEvent>>;
     /**
-     * Datetime selection event is fired after confirm button is pressed
+     * Datetime selection event. Emitted when the user confirms the selection.
      */
     dateSelect: EventEmitter<CustomEvent<DateTimeSelectEvent>>;
 }
@@ -394,34 +442,20 @@ declare class IxDivider {
 }
 declare interface IxDivider extends Components.IxDivider {
 }
-declare class IxDrawer {
-    protected z: NgZone;
-    protected el: HTMLIxDrawerElement;
-    open: EventEmitter<CustomEvent<any>>;
-    drawerClose: EventEmitter<CustomEvent<any>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IxDrawer, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxDrawer, "ix-drawer", never, { "ariaLabelCloseButton": { "alias": "ariaLabelCloseButton"; "required": false; }; "closeOnClickOutside": { "alias": "closeOnClickOutside"; "required": false; }; "fullHeight": { "alias": "fullHeight"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "show": { "alias": "show"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "open": "open"; "drawerClose": "drawerClose"; }, never, ["*"], false, never>;
-}
-declare interface IxDrawer extends Components.IxDrawer {
-    /**
-     * Fire event after drawer is open
-     */
-    open: EventEmitter<CustomEvent<any>>;
-    /**
-     * Fire event after drawer is close
-     */
-    drawerClose: EventEmitter<CustomEvent<any>>;
-}
 declare class IxDropdown {
     protected z: NgZone;
     protected el: HTMLIxDropdownElement;
+    showChange: EventEmitter<CustomEvent<boolean>>;
     showChanged: EventEmitter<CustomEvent<boolean>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDropdown, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdown, "ix-dropdown", never, { "anchor": { "alias": "anchor"; "required": false; }; "closeBehavior": { "alias": "closeBehavior"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "header": { "alias": "header"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "positioningStrategy": { "alias": "positioningStrategy"; "required": false; }; "show": { "alias": "show"; "required": false; }; "suppressAutomaticPlacement": { "alias": "suppressAutomaticPlacement"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "showChanged": "showChanged"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdown, "ix-dropdown", never, { "anchor": { "alias": "anchor"; "required": false; }; "closeBehavior": { "alias": "closeBehavior"; "required": false; }; "disableFocusHandling": { "alias": "disableFocusHandling"; "required": false; }; "disableFocusTrap": { "alias": "disableFocusTrap"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "focusCheckedItem": { "alias": "focusCheckedItem"; "required": false; }; "header": { "alias": "header"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "positioningStrategy": { "alias": "positioningStrategy"; "required": false; }; "show": { "alias": "show"; "required": false; }; "suppressAutomaticPlacement": { "alias": "suppressAutomaticPlacement"; "required": false; }; "suppressTriggerVisibilityCheck": { "alias": "suppressTriggerVisibilityCheck"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "showChange": "showChange"; "showChanged": "showChanged"; }, never, ["*"], false, never>;
 }
 declare interface IxDropdown extends Components.IxDropdown {
+    /**
+     * Fire event before visibility of dropdown has changed, preventing event will cancel showing dropdown
+     */
+    showChange: EventEmitter<CustomEvent<boolean>>;
     /**
      * Fire event after visibility of dropdown has changed
      */
@@ -430,11 +464,21 @@ declare interface IxDropdown extends Components.IxDropdown {
 declare class IxDropdownButton {
     protected z: NgZone;
     protected el: HTMLIxDropdownButtonElement;
+    showChange: EventEmitter<CustomEvent<boolean>>;
+    showChanged: EventEmitter<CustomEvent<boolean>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDropdownButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdownButton, "ix-dropdown-button", never, { "ariaLabelDropdownButton": { "alias": "ariaLabelDropdownButton"; "required": false; }; "closeBehavior": { "alias": "closeBehavior"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdownButton, "ix-dropdown-button", never, { "ariaLabelDropdownButton": { "alias": "ariaLabelDropdownButton"; "required": false; }; "closeBehavior": { "alias": "closeBehavior"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "focusCheckedItem": { "alias": "focusCheckedItem"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "showChange": "showChange"; "showChanged": "showChanged"; }, never, ["*"], false, never>;
 }
 declare interface IxDropdownButton extends Components.IxDropdownButton {
+    /**
+     * Fire event before visibility of dropdown has changed, preventing event will cancel showing dropdown
+     */
+    showChange: EventEmitter<CustomEvent<boolean>>;
+    /**
+     * Fire event after visibility of dropdown has changed
+     */
+    showChanged: EventEmitter<CustomEvent<boolean>>;
 }
 declare class IxDropdownHeader {
     protected z: NgZone;
@@ -450,7 +494,7 @@ declare class IxDropdownItem {
     protected el: HTMLIxDropdownItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDropdownItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdownItem, "ix-dropdown-item", never, { "ariaLabelButton": { "alias": "ariaLabelButton"; "required": false; }; "ariaLabelIcon": { "alias": "ariaLabelIcon"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hover": { "alias": "hover"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdownItem, "ix-dropdown-item", never, { "ariaLabelButton": { "alias": "ariaLabelButton"; "required": false; }; "ariaLabelIcon": { "alias": "ariaLabelIcon"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hover": { "alias": "hover"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "itemRole": { "alias": "itemRole"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 declare interface IxDropdownItem extends Components.IxDropdownItem {
 }
@@ -621,7 +665,7 @@ declare class IxIconButton {
     protected el: HTMLIxIconButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxIconButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxIconButton, "ix-icon-button", never, { "a11yLabel": { "alias": "a11yLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "oval": { "alias": "oval"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxIconButton, "ix-icon-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "oval": { "alias": "oval"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 declare interface IxIconButton extends Components.IxIconButton {
 }
@@ -631,7 +675,7 @@ declare class IxIconToggleButton {
     pressedChange: EventEmitter<CustomEvent<boolean>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxIconToggleButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxIconToggleButton, "ix-icon-toggle-button", never, { "ariaLabelIconButton": { "alias": "ariaLabelIconButton"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "oval": { "alias": "oval"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "pressedChange": "pressedChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxIconToggleButton, "ix-icon-toggle-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "oval": { "alias": "oval"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "pressedChange": "pressedChange"; }, never, ["*"], false, never>;
 }
 declare interface IxIconToggleButton extends Components.IxIconToggleButton {
     /**
@@ -645,9 +689,10 @@ declare class IxInput {
     valueChange: EventEmitter<CustomEvent<string>>;
     validityStateChange: EventEmitter<CustomEvent<ValidityState>>;
     ixBlur: EventEmitter<CustomEvent<void>>;
+    ixChange: EventEmitter<CustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxInput, "ix-input", never, { "allowedCharactersPattern": { "alias": "allowedCharactersPattern"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "suppressSubmitOnEnter": { "alias": "suppressSubmitOnEnter"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; "type": { "alias": "type"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "validityStateChange": "validityStateChange"; "ixBlur": "ixBlur"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxInput, "ix-input", never, { "allowedCharactersPattern": { "alias": "allowedCharactersPattern"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "suppressSubmitOnEnter": { "alias": "suppressSubmitOnEnter"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; "type": { "alias": "type"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "validityStateChange": "validityStateChange"; "ixBlur": "ixBlur"; "ixChange": "ixChange"; }, never, ["*"], false, never>;
 }
 declare interface IxInput extends Components.IxInput {
     /**
@@ -662,15 +707,10 @@ declare interface IxInput extends Components.IxInput {
      * Event emitted when the text field loses focus.
      */
     ixBlur: EventEmitter<CustomEvent<void>>;
-}
-declare class IxInputGroup {
-    protected z: NgZone;
-    protected el: HTMLIxInputGroupElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IxInputGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxInputGroup, "ix-input-group", never, {}, {}, never, ["*"], false, never>;
-}
-declare interface IxInputGroup extends Components.IxInputGroup {
+    /**
+     * Event emitted when the text field loses focus and the value has changed. @since 4.4.0
+     */
+    ixChange: EventEmitter<CustomEvent<string>>;
 }
 declare class IxKeyValue {
     protected z: NgZone;
@@ -736,7 +776,7 @@ declare class IxMenu {
     openAbout: EventEmitter<CustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenu, "ix-menu", never, { "applicationDescription": { "alias": "applicationDescription"; "required": false; }; "applicationName": { "alias": "applicationName"; "required": false; }; "enableToggleTheme": { "alias": "enableToggleTheme"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "i18nCollapse": { "alias": "i18nCollapse"; "required": false; }; "i18nExpand": { "alias": "i18nExpand"; "required": false; }; "i18nExpandSidebar": { "alias": "i18nExpandSidebar"; "required": false; }; "i18nLegal": { "alias": "i18nLegal"; "required": false; }; "i18nSettings": { "alias": "i18nSettings"; "required": false; }; "i18nToggleTheme": { "alias": "i18nToggleTheme"; "required": false; }; "pinned": { "alias": "pinned"; "required": false; }; "showAbout": { "alias": "showAbout"; "required": false; }; "showSettings": { "alias": "showSettings"; "required": false; }; "startExpanded": { "alias": "startExpanded"; "required": false; }; }, { "expandChange": "expandChange"; "mapExpandChange": "mapExpandChange"; "openAppSwitch": "openAppSwitch"; "openSettings": "openSettings"; "openAbout": "openAbout"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenu, "ix-menu", never, { "applicationDescription": { "alias": "applicationDescription"; "required": false; }; "applicationName": { "alias": "applicationName"; "required": false; }; "enableToggleTheme": { "alias": "enableToggleTheme"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "i18nCollapse": { "alias": "i18nCollapse"; "required": false; }; "i18nExpand": { "alias": "i18nExpand"; "required": false; }; "i18nLegal": { "alias": "i18nLegal"; "required": false; }; "i18nSettings": { "alias": "i18nSettings"; "required": false; }; "i18nToggleTheme": { "alias": "i18nToggleTheme"; "required": false; }; "pinned": { "alias": "pinned"; "required": false; }; "showAbout": { "alias": "showAbout"; "required": false; }; "showSettings": { "alias": "showSettings"; "required": false; }; "startExpanded": { "alias": "startExpanded"; "required": false; }; }, { "expandChange": "expandChange"; "mapExpandChange": "mapExpandChange"; "openAppSwitch": "openAppSwitch"; "openSettings": "openSettings"; "openAbout": "openAbout"; }, never, ["*"], false, never>;
 }
 declare interface IxMenu extends Components.IxMenu {
     /**
@@ -767,7 +807,7 @@ declare class IxMenuAbout {
     close: EventEmitter<CustomEvent<CustomCloseEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuAbout, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAbout, "ix-menu-about", never, { "activeTabLabel": { "alias": "activeTabLabel"; "required": false; }; "ariaLabelCloseButton": { "alias": "ariaLabelCloseButton"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, { "tabChange": "tabChange"; "close": "close"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAbout, "ix-menu-about", never, { "activeTabKey": { "alias": "activeTabKey"; "required": false; }; "ariaLabelCloseButton": { "alias": "ariaLabelCloseButton"; "required": false; }; "label": { "alias": "label"; "required": false; }; "suppressLegacyTabs": { "alias": "suppressLegacyTabs"; "required": false; }; }, { "tabChange": "tabChange"; "close": "close"; }, never, ["*"], false, never>;
 }
 declare interface IxMenuAbout extends Components.IxMenuAbout {
     /**
@@ -785,7 +825,7 @@ declare class IxMenuAboutItem {
     labelChange: EventEmitter<CustomEvent<CustomLabelChangeEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuAboutItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAboutItem, "ix-menu-about-item", never, { "label": { "alias": "label"; "required": false; }; }, { "labelChange": "labelChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAboutItem, "ix-menu-about-item", never, { "label": { "alias": "label"; "required": false; }; "tabKey": { "alias": "tabKey"; "required": true; }; }, { "labelChange": "labelChange"; }, never, ["*"], false, never>;
 }
 declare interface IxMenuAboutItem extends Components.IxMenuAboutItem {
     /**
@@ -800,7 +840,7 @@ declare class IxMenuAboutNews {
     closePopover: EventEmitter<CustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuAboutNews, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAboutNews, "ix-menu-about-news", never, { "aboutItemLabel": { "alias": "aboutItemLabel"; "required": false; }; "i18nShowMore": { "alias": "i18nShowMore"; "required": false; }; "label": { "alias": "label"; "required": false; }; "show": { "alias": "show"; "required": false; }; }, { "showMore": "showMore"; "closePopover": "closePopover"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAboutNews, "ix-menu-about-news", never, { "aboutItemLabel": { "alias": "aboutItemLabel"; "required": false; }; "activeAboutTabKey": { "alias": "activeAboutTabKey"; "required": false; }; "i18nShowMore": { "alias": "i18nShowMore"; "required": false; }; "label": { "alias": "label"; "required": false; }; "show": { "alias": "show"; "required": false; }; }, { "showMore": "showMore"; "closePopover": "closePopover"; }, never, ["*"], false, never>;
 }
 declare interface IxMenuAboutNews extends Components.IxMenuAboutNews {
     /**
@@ -865,7 +905,7 @@ declare class IxMenuSettings {
     close: EventEmitter<CustomEvent<CustomCloseEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuSettings, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuSettings, "ix-menu-settings", never, { "activeTabLabel": { "alias": "activeTabLabel"; "required": false; }; "ariaLabelCloseButton": { "alias": "ariaLabelCloseButton"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, { "tabChange": "tabChange"; "close": "close"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuSettings, "ix-menu-settings", never, { "activeTabKey": { "alias": "activeTabKey"; "required": false; }; "ariaLabelCloseButton": { "alias": "ariaLabelCloseButton"; "required": false; }; "label": { "alias": "label"; "required": false; }; "suppressLegacyTabs": { "alias": "suppressLegacyTabs"; "required": false; }; }, { "tabChange": "tabChange"; "close": "close"; }, never, ["*"], false, never>;
 }
 declare interface IxMenuSettings extends Components.IxMenuSettings {
     /**
@@ -880,16 +920,11 @@ declare interface IxMenuSettings extends Components.IxMenuSettings {
 declare class IxMenuSettingsItem {
     protected z: NgZone;
     protected el: HTMLIxMenuSettingsItemElement;
-    labelChange: EventEmitter<CustomEvent<CustomLabelChangeEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuSettingsItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuSettingsItem, "ix-menu-settings-item", never, { "label": { "alias": "label"; "required": false; }; }, { "labelChange": "labelChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuSettingsItem, "ix-menu-settings-item", never, { "label": { "alias": "label"; "required": false; }; "tabKey": { "alias": "tabKey"; "required": true; }; }, {}, never, ["*"], false, never>;
 }
 declare interface IxMenuSettingsItem extends Components.IxMenuSettingsItem {
-    /**
-     * Label changed
-     */
-    labelChange: EventEmitter<CustomEvent<CustomLabelChangeEvent>>;
 }
 declare class IxMessageBar {
     protected z: NgZone;
@@ -917,7 +952,7 @@ declare class IxModal {
     dialogDismiss: EventEmitter<CustomEvent<any>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxModal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxModal, "ix-modal", never, { "beforeDismiss": { "alias": "beforeDismiss"; "required": false; }; "centered": { "alias": "centered"; "required": false; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; }; "disableAnimation": { "alias": "disableAnimation"; "required": false; }; "disableEscapeClose": { "alias": "disableEscapeClose"; "required": false; }; "hideBackdrop": { "alias": "hideBackdrop"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "dialogClose": "dialogClose"; "dialogDismiss": "dialogDismiss"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxModal, "ix-modal", never, { "beforeDismiss": { "alias": "beforeDismiss"; "required": false; }; "centered": { "alias": "centered"; "required": false; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; }; "disableAnimation": { "alias": "disableAnimation"; "required": false; }; "hideBackdrop": { "alias": "hideBackdrop"; "required": false; }; "isNonBlocking": { "alias": "isNonBlocking"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "dialogClose": "dialogClose"; "dialogDismiss": "dialogDismiss"; }, never, ["*"], false, never>;
 }
 declare interface IxModal extends Components.IxModal {
     /**
@@ -957,7 +992,7 @@ declare class IxModalHeader {
 }
 declare interface IxModalHeader extends Components.IxModalHeader {
     /**
-     * Emits when close icon is clicked and closes the modal
+     * Emits when the close icon is clicked and closes the modal
   Can be prevented, in which case only the event is triggered, and the modal remains open
      */
     closeClick: EventEmitter<CustomEvent<MouseEvent>>;
@@ -968,9 +1003,10 @@ declare class IxNumberInput {
     valueChange: EventEmitter<CustomEvent<number>>;
     validityStateChange: EventEmitter<CustomEvent<ValidityState>>;
     ixBlur: EventEmitter<CustomEvent<void>>;
+    ixChange: EventEmitter<CustomEvent<number>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxNumberInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxNumberInput, "ix-number-input", never, { "allowEmptyValueChange": { "alias": "allowEmptyValueChange"; "required": false; }; "allowedCharactersPattern": { "alias": "allowedCharactersPattern"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showStepperButtons": { "alias": "showStepperButtons"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "step": { "alias": "step"; "required": false; }; "suppressSubmitOnEnter": { "alias": "suppressSubmitOnEnter"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "validityStateChange": "validityStateChange"; "ixBlur": "ixBlur"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxNumberInput, "ix-number-input", never, { "allowEmptyValueChange": { "alias": "allowEmptyValueChange"; "required": false; }; "allowedCharactersPattern": { "alias": "allowedCharactersPattern"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showStepperButtons": { "alias": "showStepperButtons"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "step": { "alias": "step"; "required": false; }; "suppressSubmitOnEnter": { "alias": "suppressSubmitOnEnter"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "validityStateChange": "validityStateChange"; "ixBlur": "ixBlur"; "ixChange": "ixChange"; }, never, ["*"], false, never>;
 }
 declare interface IxNumberInput extends Components.IxNumberInput {
     /**
@@ -985,6 +1021,10 @@ declare interface IxNumberInput extends Components.IxNumberInput {
      * Event emitted when the input field loses focus
      */
     ixBlur: EventEmitter<CustomEvent<void>>;
+    /**
+     * Event emitted when the input field loses focus and the value has changed @since 4.4.0
+     */
+    ixChange: EventEmitter<CustomEvent<number>>;
 }
 declare class IxPagination {
     protected z: NgZone;
@@ -993,7 +1033,7 @@ declare class IxPagination {
     itemCountChanged: EventEmitter<CustomEvent<number>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxPagination, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxPagination, "ix-pagination", never, { "advanced": { "alias": "advanced"; "required": false; }; "ariaLabelChevronLeftIconButton": { "alias": "ariaLabelChevronLeftIconButton"; "required": false; }; "ariaLabelChevronRightIconButton": { "alias": "ariaLabelChevronRightIconButton"; "required": false; }; "ariaLabelPageSelection": { "alias": "ariaLabelPageSelection"; "required": false; }; "count": { "alias": "count"; "required": false; }; "hideItemCount": { "alias": "hideItemCount"; "required": false; }; "i18nItems": { "alias": "i18nItems"; "required": false; }; "i18nOf": { "alias": "i18nOf"; "required": false; }; "i18nPage": { "alias": "i18nPage"; "required": false; }; "itemCount": { "alias": "itemCount"; "required": false; }; "selectedPage": { "alias": "selectedPage"; "required": false; }; }, { "pageSelected": "pageSelected"; "itemCountChanged": "itemCountChanged"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxPagination, "ix-pagination", never, { "advanced": { "alias": "advanced"; "required": false; }; "ariaLabelChevronLeftIconButton": { "alias": "ariaLabelChevronLeftIconButton"; "required": false; }; "ariaLabelChevronRightIconButton": { "alias": "ariaLabelChevronRightIconButton"; "required": false; }; "ariaLabelPageSelection": { "alias": "ariaLabelPageSelection"; "required": false; }; "count": { "alias": "count"; "required": false; }; "hideItemCount": { "alias": "hideItemCount"; "required": false; }; "i18nItems": { "alias": "i18nItems"; "required": false; }; "i18nOf": { "alias": "i18nOf"; "required": false; }; "i18nPage": { "alias": "i18nPage"; "required": false; }; "itemCount": { "alias": "itemCount"; "required": false; }; "itemCountOptions": { "alias": "itemCountOptions"; "required": false; }; "selectedPage": { "alias": "selectedPage"; "required": false; }; }, { "pageSelected": "pageSelected"; "itemCountChanged": "itemCountChanged"; }, never, ["*"], false, never>;
 }
 declare interface IxPagination extends Components.IxPagination {
     /**
@@ -1103,6 +1143,15 @@ declare interface IxRadioGroup extends Components.IxRadioGroup {
      */
     valueChange: EventEmitter<CustomEvent<string>>;
 }
+declare class IxRangeField {
+    protected z: NgZone;
+    protected el: HTMLIxRangeFieldElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxRangeField, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxRangeField, "ix-range-field", never, { "hideArrow": { "alias": "hideArrow"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface IxRangeField extends Components.IxRangeField {
+}
 declare class IxRow {
     protected z: NgZone;
     protected el: HTMLIxRowElement;
@@ -1121,7 +1170,7 @@ declare class IxSelect {
     ixBlur: EventEmitter<CustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxSelect, "ix-select", never, { "allowClear": { "alias": "allowClear"; "required": false; }; "ariaLabelChevronDownIconButton": { "alias": "ariaLabelChevronDownIconButton"; "required": false; }; "ariaLabelClearIconButton": { "alias": "ariaLabelClearIconButton"; "required": false; }; "collapseMultipleSelection": { "alias": "collapseMultipleSelection"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownMaxWidth": { "alias": "dropdownMaxWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "hideListHeader": { "alias": "hideListHeader"; "required": false; }; "i18nAllSelected": { "alias": "i18nAllSelected"; "required": false; }; "i18nNoMatches": { "alias": "i18nNoMatches"; "required": false; }; "i18nPlaceholder": { "alias": "i18nPlaceholder"; "required": false; }; "i18nPlaceholderEditable": { "alias": "i18nPlaceholderEditable"; "required": false; }; "i18nSelectListHeader": { "alias": "i18nSelectListHeader"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "inputChange": "inputChange"; "addItem": "addItem"; "ixBlur": "ixBlur"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxSelect, "ix-select", never, { "allowClear": { "alias": "allowClear"; "required": false; }; "ariaLabelAddItem": { "alias": "ariaLabelAddItem"; "required": false; }; "ariaLabelClearIconButton": { "alias": "ariaLabelClearIconButton"; "required": false; }; "collapseMultipleSelection": { "alias": "collapseMultipleSelection"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownMaxWidth": { "alias": "dropdownMaxWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "hideListHeader": { "alias": "hideListHeader"; "required": false; }; "i18nAllSelected": { "alias": "i18nAllSelected"; "required": false; }; "i18nNoMatches": { "alias": "i18nNoMatches"; "required": false; }; "i18nPlaceholder": { "alias": "i18nPlaceholder"; "required": false; }; "i18nPlaceholderEditable": { "alias": "i18nPlaceholderEditable"; "required": false; }; "i18nRemoveSelectedItem": { "alias": "i18nRemoveSelectedItem"; "required": false; }; "i18nSelectListHeader": { "alias": "i18nSelectListHeader"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "inputChange": "inputChange"; "addItem": "addItem"; "ixBlur": "ixBlur"; }, never, ["*"], false, never>;
 }
 declare interface IxSelect extends Components.IxSelect {
     /**
@@ -1161,7 +1210,7 @@ declare class IxSlider {
     valueChange: EventEmitter<CustomEvent<number>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxSlider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxSlider, "ix-slider", never, { "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "marker": { "alias": "marker"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "step": { "alias": "step"; "required": false; }; "trace": { "alias": "trace"; "required": false; }; "traceReference": { "alias": "traceReference"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxSlider, "ix-slider", never, { "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "marker": { "alias": "marker"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "step": { "alias": "step"; "required": false; }; "trace": { "alias": "trace"; "required": false; }; "traceReference": { "alias": "traceReference"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], false, never>;
 }
 declare interface IxSlider extends Components.IxSlider {
     /**
@@ -1184,7 +1233,7 @@ declare class IxSplitButton {
     buttonClick: EventEmitter<CustomEvent<MouseEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxSplitButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxSplitButton, "ix-split-button", never, { "ariaLabelButton": { "alias": "ariaLabelButton"; "required": false; }; "ariaLabelSplitIconButton": { "alias": "ariaLabelSplitIconButton"; "required": false; }; "closeBehavior": { "alias": "closeBehavior"; "required": false; }; "disableButton": { "alias": "disableButton"; "required": false; }; "disableDropdownButton": { "alias": "disableDropdownButton"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "splitIcon": { "alias": "splitIcon"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxSplitButton, "ix-split-button", never, { "ariaLabelButton": { "alias": "ariaLabelButton"; "required": false; }; "ariaLabelSplitIconButton": { "alias": "ariaLabelSplitIconButton"; "required": false; }; "closeBehavior": { "alias": "closeBehavior"; "required": false; }; "disableButton": { "alias": "disableButton"; "required": false; }; "disableDropdownButton": { "alias": "disableDropdownButton"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "splitIcon": { "alias": "splitIcon"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, ["*"], false, never>;
 }
 declare interface IxSplitButton extends Components.IxSplitButton {
     /**
@@ -1196,29 +1245,39 @@ declare class IxTabItem {
     protected z: NgZone;
     protected el: HTMLIxTabItemElement;
     tabClick: EventEmitter<CustomEvent<TabClickDetail>>;
+    tabClose: EventEmitter<CustomEvent<TabClickDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTabItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxTabItem, "ix-tab-item", never, { "counter": { "alias": "counter"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "small": { "alias": "small"; "required": false; }; }, { "tabClick": "tabClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxTabItem, "ix-tab-item", never, { "ariaLabelCloseButton": { "alias": "ariaLabelCloseButton"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "tabKey": { "alias": "tabKey"; "required": true; }; }, { "tabClick": "tabClick"; "tabClose": "tabClose"; }, never, ["*"], false, never>;
 }
 declare interface IxTabItem extends Components.IxTabItem {
     /**
      * Emitted when the tab is clicked.
      */
     tabClick: EventEmitter<CustomEvent<TabClickDetail>>;
+    /**
+     * Emitted when the tab's close button is clicked.
+     */
+    tabClose: EventEmitter<CustomEvent<TabClickDetail>>;
 }
 declare class IxTabs {
     protected z: NgZone;
     protected el: HTMLIxTabsElement;
-    selectedChange: EventEmitter<CustomEvent<number>>;
+    tabChange: EventEmitter<CustomEvent<string | undefined>>;
+    tabClose: EventEmitter<CustomEvent<string | undefined>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTabs, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxTabs, "ix-tabs", never, { "ariaLabelChevronLeftIconButton": { "alias": "ariaLabelChevronLeftIconButton"; "required": false; }; "ariaLabelChevronRightIconButton": { "alias": "ariaLabelChevronRightIconButton"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "small": { "alias": "small"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxTabs, "ix-tabs", never, { "activeTabKey": { "alias": "activeTabKey"; "required": false; }; "ariaLabelMoreTabs": { "alias": "ariaLabelMoreTabs"; "required": false; }; "keyboardNavigation": { "alias": "keyboardNavigation"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "small": { "alias": "small"; "required": false; }; }, { "tabChange": "tabChange"; "tabClose": "tabClose"; }, never, ["*"], false, never>;
 }
 declare interface IxTabs extends Components.IxTabs {
     /**
-     * `selected` property changed
+     * Tab selection event. Event detail contains the new active tab key. @since 5.0.0
+     */
+    tabChange: EventEmitter<CustomEvent<string | undefined>>;
+    /**
+     * Tab close event. Event detail contains the closed tab key. @since 5.0.0
      */
-    selectedChange: EventEmitter<CustomEvent<number>>;
+    tabClose: EventEmitter<CustomEvent<string | undefined>>;
 }
 declare class IxTextarea {
     protected z: NgZone;
@@ -1226,9 +1285,10 @@ declare class IxTextarea {
     valueChange: EventEmitter<CustomEvent<string>>;
     validityStateChange: EventEmitter<CustomEvent<ValidityState>>;
     ixBlur: EventEmitter<CustomEvent<void>>;
+    ixChange: EventEmitter<CustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTextarea, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxTextarea, "ix-textarea", never, { "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "resizeBehavior": { "alias": "resizeBehavior"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "textareaCols": { "alias": "textareaCols"; "required": false; }; "textareaHeight": { "alias": "textareaHeight"; "required": false; }; "textareaRows": { "alias": "textareaRows"; "required": false; }; "textareaWidth": { "alias": "textareaWidth"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "validityStateChange": "validityStateChange"; "ixBlur": "ixBlur"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxTextarea, "ix-textarea", never, { "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "resizeBehavior": { "alias": "resizeBehavior"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "textareaCols": { "alias": "textareaCols"; "required": false; }; "textareaHeight": { "alias": "textareaHeight"; "required": false; }; "textareaRows": { "alias": "textareaRows"; "required": false; }; "textareaWidth": { "alias": "textareaWidth"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "validityStateChange": "validityStateChange"; "ixBlur": "ixBlur"; "ixChange": "ixChange"; }, never, ["*"], false, never>;
 }
 declare interface IxTextarea extends Components.IxTextarea {
     /**
@@ -1243,6 +1303,10 @@ declare interface IxTextarea extends Components.IxTextarea {
      * Event emitted when the textarea field loses focus.
      */
     ixBlur: EventEmitter<CustomEvent<void>>;
+    /**
+     * Event emitted when the textarea field loses focus and the value has changed. @since 4.4.0
+     */
+    ixChange: EventEmitter<CustomEvent<string>>;
 }
 declare class IxTile {
     protected z: NgZone;
@@ -1258,19 +1322,24 @@ declare class IxTimeInput {
     protected el: HTMLIxTimeInputElement;
     valueChange: EventEmitter<CustomEvent<string>>;
     validityStateChange: EventEmitter<CustomEvent<TimeInputValidityState>>;
+    ixChange: EventEmitter<CustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTimeInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxTimeInput, "ix-time-input", never, { "disabled": { "alias": "disabled"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "format": { "alias": "format"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "hourInterval": { "alias": "hourInterval"; "required": false; }; "i18nErrorTimeUnparsable": { "alias": "i18nErrorTimeUnparsable"; "required": false; }; "i18nHourColumnHeader": { "alias": "i18nHourColumnHeader"; "required": false; }; "i18nMillisecondColumnHeader": { "alias": "i18nMillisecondColumnHeader"; "required": false; }; "i18nMinuteColumnHeader": { "alias": "i18nMinuteColumnHeader"; "required": false; }; "i18nSecondColumnHeader": { "alias": "i18nSecondColumnHeader"; "required": false; }; "i18nSelectTime": { "alias": "i18nSelectTime"; "required": false; }; "i18nTime": { "alias": "i18nTime"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "millisecondInterval": { "alias": "millisecondInterval"; "required": false; }; "minuteInterval": { "alias": "minuteInterval"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "secondInterval": { "alias": "secondInterval"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "suppressSubmitOnEnter": { "alias": "suppressSubmitOnEnter"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "validityStateChange": "validityStateChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxTimeInput, "ix-time-input", never, { "ariaLabelTimeToggleButton": { "alias": "ariaLabelTimeToggleButton"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "format": { "alias": "format"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "hourInterval": { "alias": "hourInterval"; "required": false; }; "i18nErrorTimeUnparsable": { "alias": "i18nErrorTimeUnparsable"; "required": false; }; "i18nHourColumnHeader": { "alias": "i18nHourColumnHeader"; "required": false; }; "i18nMillisecondColumnHeader": { "alias": "i18nMillisecondColumnHeader"; "required": false; }; "i18nMinuteColumnHeader": { "alias": "i18nMinuteColumnHeader"; "required": false; }; "i18nSecondColumnHeader": { "alias": "i18nSecondColumnHeader"; "required": false; }; "i18nSelectTime": { "alias": "i18nSelectTime"; "required": false; }; "i18nTime": { "alias": "i18nTime"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxTime": { "alias": "maxTime"; "required": false; }; "millisecondInterval": { "alias": "millisecondInterval"; "required": false; }; "minTime": { "alias": "minTime"; "required": false; }; "minuteInterval": { "alias": "minuteInterval"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "secondInterval": { "alias": "secondInterval"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "suppressSubmitOnEnter": { "alias": "suppressSubmitOnEnter"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "validityStateChange": "validityStateChange"; "ixChange": "ixChange"; }, never, ["*"], false, never>;
 }
 declare interface IxTimeInput extends Components.IxTimeInput {
     /**
-     * Input change event.
+     * Value change event. Emitted when the input value changes.
      */
     valueChange: EventEmitter<CustomEvent<string>>;
     /**
-     * Validation state change event.
+     * Validation state change event. Emitted when the validation state changes.
      */
     validityStateChange: EventEmitter<CustomEvent<TimeInputValidityState>>;
+    /**
+     * Change event. Emitted when the time input loses focus and the value has changed. @since 4.4.0
+     */
+    ixChange: EventEmitter<CustomEvent<string>>;
 }
 declare class IxTimePicker {
     protected z: NgZone;
@@ -1279,15 +1348,15 @@ declare class IxTimePicker {
     timeChange: EventEmitter<CustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTimePicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxTimePicker, "ix-time-picker", never, { "corners": { "alias": "corners"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; "format": { "alias": "format"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "hourInterval": { "alias": "hourInterval"; "required": false; }; "i18nConfirmTime": { "alias": "i18nConfirmTime"; "required": false; }; "i18nHeader": { "alias": "i18nHeader"; "required": false; }; "i18nHourColumnHeader": { "alias": "i18nHourColumnHeader"; "required": false; }; "i18nMillisecondColumnHeader": { "alias": "i18nMillisecondColumnHeader"; "required": false; }; "i18nMinuteColumnHeader": { "alias": "i18nMinuteColumnHeader"; "required": false; }; "i18nSecondColumnHeader": { "alias": "i18nSecondColumnHeader"; "required": false; }; "millisecondInterval": { "alias": "millisecondInterval"; "required": false; }; "minuteInterval": { "alias": "minuteInterval"; "required": false; }; "secondInterval": { "alias": "secondInterval"; "required": false; }; "time": { "alias": "time"; "required": false; }; }, { "timeSelect": "timeSelect"; "timeChange": "timeChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxTimePicker, "ix-time-picker", never, { "corners": { "alias": "corners"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; "format": { "alias": "format"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "hourInterval": { "alias": "hourInterval"; "required": false; }; "i18nConfirmTime": { "alias": "i18nConfirmTime"; "required": false; }; "i18nHeader": { "alias": "i18nHeader"; "required": false; }; "i18nHourColumnHeader": { "alias": "i18nHourColumnHeader"; "required": false; }; "i18nMillisecondColumnHeader": { "alias": "i18nMillisecondColumnHeader"; "required": false; }; "i18nMinuteColumnHeader": { "alias": "i18nMinuteColumnHeader"; "required": false; }; "i18nSecondColumnHeader": { "alias": "i18nSecondColumnHeader"; "required": false; }; "maxTime": { "alias": "maxTime"; "required": false; }; "millisecondInterval": { "alias": "millisecondInterval"; "required": false; }; "minTime": { "alias": "minTime"; "required": false; }; "minuteInterval": { "alias": "minuteInterval"; "required": false; }; "secondInterval": { "alias": "secondInterval"; "required": false; }; "time": { "alias": "time"; "required": false; }; }, { "timeSelect": "timeSelect"; "timeChange": "timeChange"; }, never, ["*"], false, never>;
 }
 declare interface IxTimePicker extends Components.IxTimePicker {
     /**
-     * Time event
+     * Time event. Emitted when the user confirms the selected time.
      */
     timeSelect: EventEmitter<CustomEvent<string>>;
     /**
-     * Time change event
+     * Time change event. Emitted when the selected time changes while interacting with the picker.
      */
     timeChange: EventEmitter<CustomEvent<string>>;
 }
@@ -1310,7 +1379,7 @@ declare class IxToastContainer {
     protected el: HTMLIxToastContainerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxToastContainer, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxToastContainer, "ix-toast-container", never, { "containerClass": { "alias": "containerClass"; "required": false; }; "containerId": { "alias": "containerId"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxToastContainer, "ix-toast-container", never, { "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 declare interface IxToastContainer extends Components.IxToastContainer {
 }
@@ -1339,7 +1408,7 @@ declare class IxToggleButton {
     pressedChange: EventEmitter<CustomEvent<boolean>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxToggleButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxToggleButton, "ix-toggle-button", never, { "ariaLabelButton": { "alias": "ariaLabelButton"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "pressedChange": "pressedChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxToggleButton, "ix-toggle-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "pressedChange": "pressedChange"; }, never, ["*"], false, never>;
 }
 declare interface IxToggleButton extends Components.IxToggleButton {
     /**
@@ -1363,7 +1432,7 @@ declare class IxTreeItem {
     itemClick: EventEmitter<CustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTreeItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxTreeItem, "ix-tree-item", never, { "ariaLabelChevronIcon": { "alias": "ariaLabelChevronIcon"; "required": false; }; "context": { "alias": "context"; "required": false; }; "hasChildren": { "alias": "hasChildren"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, { "toggle": "toggle"; "itemClick": "itemClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxTreeItem, "ix-tree-item", never, { "ariaLabelChevronIcon": { "alias": "ariaLabelChevronIcon"; "required": false; }; "context": { "alias": "context"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hasChildren": { "alias": "hasChildren"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, { "toggle": "toggle"; "itemClick": "itemClick"; }, never, ["*"], false, never>;
 }
 declare interface IxTreeItem extends Components.IxTreeItem {
     /**
@@ -1390,7 +1459,7 @@ declare class IxUpload {
     filesChanged: EventEmitter<CustomEvent<File[]>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxUpload, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxUpload, "ix-upload", never, { "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "i18nUploadDisabled": { "alias": "i18nUploadDisabled"; "required": false; }; "i18nUploadFile": { "alias": "i18nUploadFile"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "selectFileText": { "alias": "selectFileText"; "required": false; }; "state": { "alias": "state"; "required": false; }; "uploadFailedText": { "alias": "uploadFailedText"; "required": false; }; "uploadSuccessText": { "alias": "uploadSuccessText"; "required": false; }; }, { "filesChanged": "filesChanged"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxUpload, "ix-upload", never, { "accept": { "alias": "accept"; "required": false; }; "directoryUpload": { "alias": "directoryUpload"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "i18nUploadDisabled": { "alias": "i18nUploadDisabled"; "required": false; }; "i18nUploadFile": { "alias": "i18nUploadFile"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "selectFileText": { "alias": "selectFileText"; "required": false; }; "state": { "alias": "state"; "required": false; }; "uploadFailedText": { "alias": "uploadFailedText"; "required": false; }; "uploadSuccessText": { "alias": "uploadSuccessText"; "required": false; }; }, { "filesChanged": "filesChanged"; }, never, ["*"], false, never>;
 }
 declare interface IxUpload extends Components.IxUpload {
     /**
@@ -1398,15 +1467,6 @@ declare interface IxUpload extends Components.IxUpload {
      */
     filesChanged: EventEmitter<CustomEvent<Array<File>>>;
 }
-declare class IxValidationTooltip {
-    protected z: NgZone;
-    protected el: HTMLIxValidationTooltipElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IxValidationTooltip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxValidationTooltip, "ix-validation-tooltip", never, { "message": { "alias": "message"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "suppressAutomaticPlacement": { "alias": "suppressAutomaticPlacement"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-declare interface IxValidationTooltip extends Components.IxValidationTooltip {
-}
 declare class IxWorkflowStep {
     protected z: NgZone;
     protected el: HTMLIxWorkflowStepElement;
@@ -1520,6 +1580,18 @@ declare class IxDateValueAccessorDirective extends DateValueAccessorBaseDirectiv
     static ɵdir: i0.ɵɵDirectiveDeclaration<IxDateValueAccessorDirective, "ix-date-input", never, {}, {}, never, never, false, never>;
 }
 
+declare class IxTimeValueAccessorDirective extends TimeValueAccessorBaseDirective {
+    constructor(injector: Injector, el: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxTimeValueAccessorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IxTimeValueAccessorDirective, "ix-time-input", never, {}, {}, never, never, false, never>;
+}
+
+declare class IxDatetimeValueAccessorDirective extends DatetimeValueAccessorBaseDirective {
+    constructor(injector: Injector, el: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxDatetimeValueAccessorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IxDatetimeValueAccessorDirective, "ix-datetime-input", never, {}, {}, never, never, false, never>;
+}
+
 declare class IxDropdownTriggerDirective extends DropdownTriggerBaseDirective {
     ixDropdownTrigger: any;
     constructor(element: ElementRef);
@@ -1531,8 +1603,8 @@ declare class IxDropdownTriggerDirective extends DropdownTriggerBaseDirective {
 declare class IxModule {
     static forRoot(): ModuleWithProviders<IxModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<IxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IxModule, [typeof IxActionCard, typeof IxApplication, typeof IxApplicationHeader, typeof IxAvatar, typeof IxBlind, typeof IxBreadcrumb, typeof IxBreadcrumbItem, typeof IxButton, typeof IxCard, typeof IxCardAccordion, typeof IxCardContent, typeof IxCardList, typeof IxCardTitle, typeof IxCategoryFilter, typeof IxCheckbox, typeof IxCheckboxGroup, typeof IxChip, typeof IxCol, typeof IxContent, typeof IxContentHeader, typeof IxCustomField, typeof IxDateDropdown, typeof IxDateInput, typeof IxDatePicker, typeof IxDatetimePicker, typeof IxDivider, typeof IxDrawer, typeof IxDropdown, typeof IxDropdownButton, typeof IxDropdownHeader, typeof IxDropdownItem, typeof IxDropdownQuickActions, typeof IxEmptyState, typeof IxEventList, typeof IxEventListItem, typeof IxExpandingSearch, typeof IxFieldLabel, typeof IxFilterChip, typeof IxFlipTile, typeof IxFlipTileContent, typeof IxGroup, typeof IxGroupContextMenu, typeof IxGroupItem, typeof IxHelperText, typeof IxIconButton, typeof IxIconToggleButton, typeof IxInput, typeof IxInputGroup, typeof IxKeyValue, typeof IxKeyValueList, typeof IxKpi, typeof IxLayoutAuto, typeof IxLayoutGrid, typeof IxLinkButton, typeof IxMenu, typeof IxMenuAbout, typeof IxMenuAboutItem, typeof IxMenuAboutNews, typeof IxMenuAvatar, typeof IxMenuAvatarItem, typeof IxMenuCategory, typeof IxMenuItem, typeof IxMenuSettings, typeof IxMenuSettingsItem, typeof IxMessageBar, typeof IxModal, typeof IxModalContent, typeof IxModalFooter, typeof IxModalHeader, typeof IxNumberInput, typeof IxPagination, typeof IxPane, typeof IxPaneLayout, typeof IxPill, typeof IxProgressIndicator, typeof IxPushCard, typeof IxRadio, typeof IxRadioGroup, typeof IxRow, typeof IxSelect, typeof IxSelectItem, typeof IxSlider, typeof IxSpinner, typeof IxSplitButton, typeof IxTabItem, typeof IxTabs, typeof IxTextarea, typeof IxTile, typeof IxTimeInput, typeof IxTimePicker, typeof IxToast, typeof IxToastContainer, typeof IxToggle, typeof IxToggleButton, typeof IxTooltip, typeof IxTreeItem, typeof IxTypography, typeof IxUpload, typeof IxValidationTooltip, typeof IxWorkflowStep, typeof IxWorkflowSteps, typeof IxTree, typeof IxIcon, typeof IxDropdownTriggerDirective, typeof IxTextValueAccessorDirective, typeof IxSelectValueAccessorDirective, typeof IxRadioValueAccessorDirective, typeof IxBooleanValueAccessorDirective, typeof IxDateValueAccessorDirective], never, [typeof IxActionCard, typeof IxApplication, typeof IxApplicationHeader, typeof IxAvatar, typeof IxBlind, typeof IxBreadcrumb, typeof IxBreadcrumbItem, typeof IxButton, typeof IxCard, typeof IxCardAccordion, typeof IxCardContent, typeof IxCardList, typeof IxCardTitle, typeof IxCategoryFilter, typeof IxCheckbox, typeof IxCheckboxGroup, typeof IxChip, typeof IxCol, typeof IxContent, typeof IxContentHeader, typeof IxCustomField, typeof IxDateDropdown, typeof IxDateInput, typeof IxDatePicker, typeof IxDatetimePicker, typeof IxDivider, typeof IxDrawer, typeof IxDropdown, typeof IxDropdownButton, typeof IxDropdownHeader, typeof IxDropdownItem, typeof IxDropdownQuickActions, typeof IxEmptyState, typeof IxEventList, typeof IxEventListItem, typeof IxExpandingSearch, typeof IxFieldLabel, typeof IxFilterChip, typeof IxFlipTile, typeof IxFlipTileContent, typeof IxGroup, typeof IxGroupContextMenu, typeof IxGroupItem, typeof IxHelperText, typeof IxIconButton, typeof IxIconToggleButton, typeof IxInput, typeof IxInputGroup, typeof IxKeyValue, typeof IxKeyValueList, typeof IxKpi, typeof IxLayoutAuto, typeof IxLayoutGrid, typeof IxLinkButton, typeof IxMenu, typeof IxMenuAbout, typeof IxMenuAboutItem, typeof IxMenuAboutNews, typeof IxMenuAvatar, typeof IxMenuAvatarItem, typeof IxMenuCategory, typeof IxMenuItem, typeof IxMenuSettings, typeof IxMenuSettingsItem, typeof IxMessageBar, typeof IxModal, typeof IxModalContent, typeof IxModalFooter, typeof IxModalHeader, typeof IxNumberInput, typeof IxPagination, typeof IxPane, typeof IxPaneLayout, typeof IxPill, typeof IxProgressIndicator, typeof IxPushCard, typeof IxRadio, typeof IxRadioGroup, typeof IxRow, typeof IxSelect, typeof IxSelectItem, typeof IxSlider, typeof IxSpinner, typeof IxSplitButton, typeof IxTabItem, typeof IxTabs, typeof IxTextarea, typeof IxTile, typeof IxTimeInput, typeof IxTimePicker, typeof IxToast, typeof IxToastContainer, typeof IxToggle, typeof IxToggleButton, typeof IxTooltip, typeof IxTreeItem, typeof IxTypography, typeof IxUpload, typeof IxValidationTooltip, typeof IxWorkflowStep, typeof IxWorkflowSteps, typeof IxTree, typeof IxIcon, typeof IxDropdownTriggerDirective, typeof IxTextValueAccessorDirective, typeof IxSelectValueAccessorDirective, typeof IxRadioValueAccessorDirective, typeof IxBooleanValueAccessorDirective, typeof IxDateValueAccessorDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IxModule, [typeof IxActionCard, typeof IxApplication, typeof IxApplicationHeader, typeof IxAvatar, typeof IxBlind, typeof IxBreadcrumb, typeof IxBreadcrumbItem, typeof IxButton, typeof IxCard, typeof IxCardAccordion, typeof IxCardContent, typeof IxCardList, typeof IxCardTitle, typeof IxCategoryFilter, typeof IxCheckbox, typeof IxCheckboxGroup, typeof IxChip, typeof IxCol, typeof IxContent, typeof IxContentHeader, typeof IxCustomField, typeof IxDateDropdown, typeof IxDateInput, typeof IxDatePicker, typeof IxDatetimeInput, typeof IxDatetimePicker, typeof IxDivider, typeof IxDropdown, typeof IxDropdownButton, typeof IxDropdownHeader, typeof IxDropdownItem, typeof IxDropdownQuickActions, typeof IxEmptyState, typeof IxEventList, typeof IxEventListItem, typeof IxExpandingSearch, typeof IxFieldLabel, typeof IxFilterChip, typeof IxFlipTile, typeof IxFlipTileContent, typeof IxGroup, typeof IxGroupContextMenu, typeof IxGroupItem, typeof IxHelperText, typeof IxIconButton, typeof IxIconToggleButton, typeof IxInput, typeof IxKeyValue, typeof IxKeyValueList, typeof IxKpi, typeof IxLayoutAuto, typeof IxLayoutGrid, typeof IxLinkButton, typeof IxMenu, typeof IxMenuAbout, typeof IxMenuAboutItem, typeof IxMenuAboutNews, typeof IxMenuAvatar, typeof IxMenuAvatarItem, typeof IxMenuCategory, typeof IxMenuItem, typeof IxMenuSettings, typeof IxMenuSettingsItem, typeof IxMessageBar, typeof IxModal, typeof IxModalContent, typeof IxModalFooter, typeof IxModalHeader, typeof IxNumberInput, typeof IxPagination, typeof IxPane, typeof IxPaneLayout, typeof IxPill, typeof IxProgressIndicator, typeof IxPushCard, typeof IxRadio, typeof IxRadioGroup, typeof IxRangeField, typeof IxRow, typeof IxSelect, typeof IxSelectItem, typeof IxSlider, typeof IxSpinner, typeof IxSplitButton, typeof IxTabItem, typeof IxTabs, typeof IxTextarea, typeof IxTile, typeof IxTimeInput, typeof IxTimePicker, typeof IxToast, typeof IxToastContainer, typeof IxToggle, typeof IxToggleButton, typeof IxTooltip, typeof IxTreeItem, typeof IxTypography, typeof IxUpload, typeof IxWorkflowStep, typeof IxWorkflowSteps, typeof IxTree, typeof IxIcon, typeof IxDropdownTriggerDirective, typeof IxTextValueAccessorDirective, typeof IxSelectValueAccessorDirective, typeof IxRadioValueAccessorDirective, typeof IxBooleanValueAccessorDirective, typeof IxDateValueAccessorDirective, typeof IxTimeValueAccessorDirective, typeof IxDatetimeValueAccessorDirective], never, [typeof IxActionCard, typeof IxApplication, typeof IxApplicationHeader, typeof IxAvatar, typeof IxBlind, typeof IxBreadcrumb, typeof IxBreadcrumbItem, typeof IxButton, typeof IxCard, typeof IxCardAccordion, typeof IxCardContent, typeof IxCardList, typeof IxCardTitle, typeof IxCategoryFilter, typeof IxCheckbox, typeof IxCheckboxGroup, typeof IxChip, typeof IxCol, typeof IxContent, typeof IxContentHeader, typeof IxCustomField, typeof IxDateDropdown, typeof IxDateInput, typeof IxDatePicker, typeof IxDatetimeInput, typeof IxDatetimePicker, typeof IxDivider, typeof IxDropdown, typeof IxDropdownButton, typeof IxDropdownHeader, typeof IxDropdownItem, typeof IxDropdownQuickActions, typeof IxEmptyState, typeof IxEventList, typeof IxEventListItem, typeof IxExpandingSearch, typeof IxFieldLabel, typeof IxFilterChip, typeof IxFlipTile, typeof IxFlipTileContent, typeof IxGroup, typeof IxGroupContextMenu, typeof IxGroupItem, typeof IxHelperText, typeof IxIconButton, typeof IxIconToggleButton, typeof IxInput, typeof IxKeyValue, typeof IxKeyValueList, typeof IxKpi, typeof IxLayoutAuto, typeof IxLayoutGrid, typeof IxLinkButton, typeof IxMenu, typeof IxMenuAbout, typeof IxMenuAboutItem, typeof IxMenuAboutNews, typeof IxMenuAvatar, typeof IxMenuAvatarItem, typeof IxMenuCategory, typeof IxMenuItem, typeof IxMenuSettings, typeof IxMenuSettingsItem, typeof IxMessageBar, typeof IxModal, typeof IxModalContent, typeof IxModalFooter, typeof IxModalHeader, typeof IxNumberInput, typeof IxPagination, typeof IxPane, typeof IxPaneLayout, typeof IxPill, typeof IxProgressIndicator, typeof IxPushCard, typeof IxRadio, typeof IxRadioGroup, typeof IxRangeField, typeof IxRow, typeof IxSelect, typeof IxSelectItem, typeof IxSlider, typeof IxSpinner, typeof IxSplitButton, typeof IxTabItem, typeof IxTabs, typeof IxTextarea, typeof IxTile, typeof IxTimeInput, typeof IxTimePicker, typeof IxToast, typeof IxToastContainer, typeof IxToggle, typeof IxToggleButton, typeof IxTooltip, typeof IxTreeItem, typeof IxTypography, typeof IxUpload, typeof IxWorkflowStep, typeof IxWorkflowSteps, typeof IxTree, typeof IxIcon, typeof IxDropdownTriggerDirective, typeof IxTextValueAccessorDirective, typeof IxSelectValueAccessorDirective, typeof IxRadioValueAccessorDirective, typeof IxBooleanValueAccessorDirective, typeof IxDateValueAccessorDirective, typeof IxTimeValueAccessorDirective, typeof IxDatetimeValueAccessorDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IxModule>;
 }
 
-export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, IxBooleanValueAccessorDirective, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDateValueAccessorDirective, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxDropdownTriggerDirective, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIcon, IxIconButton, IxIconToggleButton, IxInput, IxInputGroup, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutAuto, IxLayoutGrid, IxLinkButton, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalFooter, IxModalHeader, IxModule, IxNumberInput, IxPagination, IxPane, IxPaneLayout, IxPill, IxProgressIndicator, IxPushCard, IxRadio, IxRadioGroup, IxRadioValueAccessorDirective, IxRow, IxSelect, IxSelectItem, IxSelectValueAccessorDirective, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextValueAccessorDirective, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTree, IxTreeItem, IxTypography, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, LoadingService, MessageService, ModalService, ToastService };
+export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, IxBooleanValueAccessorDirective, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDateValueAccessorDirective, IxDatetimeInput, IxDatetimePicker, IxDatetimeValueAccessorDirective, IxDivider, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxDropdownTriggerDirective, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIcon, IxIconButton, IxIconToggleButton, IxInput, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutAuto, IxLayoutGrid, IxLinkButton, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalFooter, IxModalHeader, IxModule, IxNumberInput, IxPagination, IxPane, IxPaneLayout, IxPill, IxProgressIndicator, IxPushCard, IxRadio, IxRadioGroup, IxRadioValueAccessorDirective, IxRangeField, IxRow, IxSelect, IxSelectItem, IxSelectValueAccessorDirective, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextValueAccessorDirective, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxTimeValueAccessorDirective, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTree, IxTreeItem, IxTypography, IxUpload, IxWorkflowStep, IxWorkflowSteps, LoadingService, MessageService, ModalService, ToastService };