@siemens/ix-angular 4.4.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, TimeValueAccessorBaseDirective, 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 {
     /**
@@ -343,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 {
     /**
@@ -366,6 +366,49 @@ declare interface IxDatePicker extends Components.IxDatePicker {
      */
     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;
@@ -374,7 +417,7 @@ 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 {
     /**
@@ -399,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
      */
@@ -435,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;
@@ -455,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 {
 }
@@ -626,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 {
 }
@@ -636,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 {
     /**
@@ -673,15 +712,6 @@ declare interface IxInput extends Components.IxInput {
      */
     ixChange: EventEmitter<CustomEvent<string>>;
 }
-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 {
-}
 declare class IxKeyValue {
     protected z: NgZone;
     protected el: HTMLIxKeyValueElement;
@@ -746,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 {
     /**
@@ -777,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 {
     /**
@@ -795,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 {
     /**
@@ -810,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 {
     /**
@@ -875,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 {
     /**
@@ -890,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;
@@ -927,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 {
     /**
@@ -967,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>>;
@@ -1118,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;
@@ -1136,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 {
     /**
@@ -1176,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 {
     /**
@@ -1199,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 {
     /**
@@ -1211,31 +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 {
     /**
-     * Tab selection event. Event detail is the zero-based tab index. Fires when
-  the user selects a tab, or when the tab list changes and the selected index
-  is adjusted. Not emitted when `selected` is set from outside.
+     * 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;
@@ -1283,7 +1325,7 @@ declare class IxTimeInput {
     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"; "ixChange": "ixChange"; }, 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 {
     /**
@@ -1306,7 +1348,7 @@ 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 {
     /**
@@ -1337,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 {
 }
@@ -1366,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 {
     /**
@@ -1390,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 {
     /**
@@ -1417,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 {
     /**
@@ -1425,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;
@@ -1553,6 +1586,12 @@ declare class IxTimeValueAccessorDirective extends TimeValueAccessorBaseDirectiv
     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);
@@ -1564,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, typeof IxTimeValueAccessorDirective], 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, typeof IxTimeValueAccessorDirective]>;
+    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, IxTimeValueAccessorDirective, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTree, IxTreeItem, IxTypography, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, LoadingService, MessageService, ModalService, ToastService };
+export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, IxBooleanValueAccessorDirective, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDateValueAccessorDirective, IxDatetimeInput, IxDatetimePicker, IxDatetimeValueAccessorDirective, IxDivider, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxDropdownTriggerDirective, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIcon, IxIconButton, IxIconToggleButton, IxInput, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutAuto, IxLayoutGrid, IxLinkButton, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalFooter, IxModalHeader, IxModule, IxNumberInput, IxPagination, IxPane, IxPaneLayout, IxPill, 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 };