@siemens/ix-angular 4.4.0 → 5.0.0

package/standalone/index.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
 import { NgZone, ChangeDetectorRef, ElementRef, EventEmitter, ApplicationRef, ComponentFactoryResolver, Injector } from '@angular/core';
-import { Components, InputState, FilterState, DateRangeChangeEvent, DateInputValidityState, DateChangeEvent, DateTimeDateChangeEvent, DateTimeSelectEvent, CustomCloseEvent, CustomLabelChangeEvent, ExpandedChangedEvent, VariantChangedEvent, BorderlessChangedEvent, TabClickDetail, TimeInputValidityState } from '@siemens/ix/components';
-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 { Components, BreadcrumbClick, InputState, FilterState, DateRangeChangeEvent, DateInputValidityState, DateChangeEvent, DateTimeInputValidityState, DateTimeDateChangeEvent, DateTimeSelectEvent, CustomCloseEvent, CustomLabelChangeEvent, ExpandedChangedEvent, VariantChangedEvent, BorderlessChangedEvent, TabClickDetail, TimeInputValidityState } from '@siemens/ix/components';
+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 } from '@siemens/ix-angular/common';
-import { ModalInstance, ShowToastResult, MessageConfig, TypedEvent, ModalLoadingContext, ModalLoadingOptions } from '@siemens/ix';
+import { ModalInstance, ShowToastResult, MessageConfig, TypedEvent, ModalLoadingOptions, ModalLoadingContext } from '@siemens/ix';
 
 declare class IxActionCard {
     protected z: NgZone;
@@ -19,7 +19,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxApplication extends Components.IxApplication {
 }
@@ -30,7 +30,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxApplicationHeader extends Components.IxApplicationHeader {
     /**
@@ -47,7 +47,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxAvatar extends Components.IxAvatar {
 }
@@ -68,10 +68,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>;
@@ -79,15 +79,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 {
@@ -95,7 +95,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxBreadcrumbItem extends Components.IxBreadcrumbItem {
 }
@@ -104,7 +104,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxButton extends Components.IxButton {
 }
@@ -147,7 +147,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxCardList extends Components.IxCardList {
     /**
@@ -244,7 +244,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxChip extends Components.IxChip {
     /**
@@ -299,7 +299,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxDateDropdown extends Components.IxDateDropdown {
     /**
@@ -342,7 +342,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxDatePicker extends Components.IxDatePicker {
     /**
@@ -365,6 +365,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, ["*"], true, 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;
@@ -373,7 +416,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxDatetimePicker extends Components.IxDatetimePicker {
     /**
@@ -398,34 +441,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, ["*"], true, 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, ["*"], true, 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, ["*"], true, 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
      */
@@ -434,11 +463,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, ["*"], true, 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, ["*"], true, 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;
@@ -454,7 +493,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxDropdownItem extends Components.IxDropdownItem {
 }
@@ -625,7 +664,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxIconButton extends Components.IxIconButton {
 }
@@ -635,7 +674,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxIconToggleButton extends Components.IxIconToggleButton {
     /**
@@ -672,15 +711,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, ["*"], true, never>;
-}
-declare interface IxInputGroup extends Components.IxInputGroup {
-}
 declare class IxKeyValue {
     protected z: NgZone;
     protected el: HTMLIxKeyValueElement;
@@ -745,7 +775,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxMenu extends Components.IxMenu {
     /**
@@ -776,7 +806,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxMenuAbout extends Components.IxMenuAbout {
     /**
@@ -794,7 +824,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, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAboutItem, "ix-menu-about-item", never, { "label": { "alias": "label"; "required": false; }; "tabKey": { "alias": "tabKey"; "required": true; }; }, { "labelChange": "labelChange"; }, never, ["*"], true, never>;
 }
 declare interface IxMenuAboutItem extends Components.IxMenuAboutItem {
     /**
@@ -809,7 +839,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxMenuAboutNews extends Components.IxMenuAboutNews {
     /**
@@ -874,7 +904,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxMenuSettings extends Components.IxMenuSettings {
     /**
@@ -889,16 +919,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, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuSettingsItem, "ix-menu-settings-item", never, { "label": { "alias": "label"; "required": false; }; "tabKey": { "alias": "tabKey"; "required": true; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IxMenuSettingsItem extends Components.IxMenuSettingsItem {
-    /**
-     * Label changed
-     */
-    labelChange: EventEmitter<CustomEvent<CustomLabelChangeEvent>>;
 }
 declare class IxMessageBar {
     protected z: NgZone;
@@ -926,7 +951,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxModal extends Components.IxModal {
     /**
@@ -966,7 +991,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>>;
@@ -1117,6 +1142,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, ["*"], true, never>;
+}
+declare interface IxRangeField extends Components.IxRangeField {
+}
 declare class IxRow {
     protected z: NgZone;
     protected el: HTMLIxRowElement;
@@ -1135,7 +1169,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxSelect extends Components.IxSelect {
     /**
@@ -1175,7 +1209,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxSlider extends Components.IxSlider {
     /**
@@ -1198,7 +1232,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxSplitButton extends Components.IxSplitButton {
     /**
@@ -1210,31 +1244,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, ["*"], true, 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, ["*"], true, 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, ["*"], true, 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, ["*"], true, 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
      */
-    selectedChange: EventEmitter<CustomEvent<number>>;
+    tabChange: EventEmitter<CustomEvent<string | undefined>>;
+    /**
+     * Tab close event. Event detail contains the closed tab key. @since 5.0.0
+     */
+    tabClose: EventEmitter<CustomEvent<string | undefined>>;
 }
 declare class IxTextarea {
     protected z: NgZone;
@@ -1282,7 +1324,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxTimeInput extends Components.IxTimeInput {
     /**
@@ -1305,7 +1347,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxTimePicker extends Components.IxTimePicker {
     /**
@@ -1336,7 +1378,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, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxToastContainer, "ix-toast-container", never, { "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IxToastContainer extends Components.IxToastContainer {
 }
@@ -1365,7 +1407,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxToggleButton extends Components.IxToggleButton {
     /**
@@ -1389,7 +1431,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxTreeItem extends Components.IxTreeItem {
     /**
@@ -1416,7 +1458,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, ["*"], true, 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, ["*"], true, never>;
 }
 declare interface IxUpload extends Components.IxUpload {
     /**
@@ -1424,15 +1466,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, ["*"], true, never>;
-}
-declare interface IxValidationTooltip extends Components.IxValidationTooltip {
-}
 declare class IxWorkflowStep {
     protected z: NgZone;
     protected el: HTMLIxWorkflowStepElement;
@@ -1520,10 +1553,7 @@ declare class MessageService extends MessageService$1 {
 }
 
 declare class LoadingService extends LoadingService$1 {
-    constructor();
-    /** @deprecated Use ModalLoadingOptions object form instead */
-    showModalLoading(message: string): ModalLoadingContext;
-    showModalLoading(options: ModalLoadingOptions): ModalLoadingContext;
+    showModalLoading(options: ModalLoadingOptions): Promise<ModalLoadingContext>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadingService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<LoadingService>;
 }
@@ -1582,6 +1612,15 @@ declare class IxTimeValueAccessorDirective extends TimeValueAccessorBaseDirectiv
     static ɵdir: i0.ɵɵDirectiveDeclaration<IxTimeValueAccessorDirective, "ix-time-input", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * Value Accessor for ix-datetime-input
+ */
+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, true, never>;
+}
+
 declare class IxDropdownTriggerDirective extends DropdownTriggerBaseDirective {
     ixDropdownTrigger: any;
     constructor(element: ElementRef);
@@ -1593,14 +1632,15 @@ declare class IxDropdownTriggerDirective extends DropdownTriggerBaseDirective {
 /**
  * Value Accessor bundle to reduce import complexity
  *
- * Incudes:
+ * Includes:
  *  - IxBooleanValueAccessorDirective
  *  - IxRadioValueAccessorDirective
  *  - IxSelectValueAccessorDirective
  *  - IxTextValueAccessorDirective
  *  - IxDateValueAccessorDirective
  *  - IxTimeValueAccessorDirective
+ *  - IxDatetimeValueAccessorDirective
  */
-declare const IxValueAccessorDirectives: readonly [typeof IxBooleanValueAccessorDirective, typeof IxRadioValueAccessorDirective, typeof IxSelectValueAccessorDirective, typeof IxTextValueAccessorDirective, typeof IxDateValueAccessorDirective, typeof IxTimeValueAccessorDirective];
+declare const IxValueAccessorDirectives: readonly [typeof IxBooleanValueAccessorDirective, typeof IxRadioValueAccessorDirective, typeof IxSelectValueAccessorDirective, typeof IxTextValueAccessorDirective, typeof IxDateValueAccessorDirective, typeof IxTimeValueAccessorDirective, typeof IxDatetimeValueAccessorDirective];
 
-export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, IxBooleanValueAccessorDirective, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDateValueAccessorDirective, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxDropdownTriggerDirective, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIcon, IxIconButton, IxIconToggleButton, IxInput, IxInputGroup, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutAuto, IxLayoutGrid, IxLinkButton, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalFooter, IxModalHeader, IxNumberInput, IxPagination, IxPane, IxPaneLayout, IxPill, IxProgressIndicator, IxPushCard, IxRadio, IxRadioGroup, IxRadioValueAccessorDirective, IxRow, IxSelect, IxSelectItem, IxSelectValueAccessorDirective, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextValueAccessorDirective, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxTimeValueAccessorDirective, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTree, IxTreeItem, IxTypography, IxUpload, IxValidationTooltip, IxValueAccessorDirectives, IxWorkflowStep, IxWorkflowSteps, LoadingService, MessageService, ModalService, ToastService };
+export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, IxBooleanValueAccessorDirective, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDateValueAccessorDirective, IxDatetimeInput, IxDatetimePicker, IxDatetimeValueAccessorDirective, IxDivider, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxDropdownTriggerDirective, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIcon, IxIconButton, IxIconToggleButton, IxInput, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutAuto, IxLayoutGrid, IxLinkButton, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalFooter, IxModalHeader, IxNumberInput, IxPagination, IxPane, IxPaneLayout, IxPill, IxProgressIndicator, IxPushCard, IxRadio, IxRadioGroup, IxRadioValueAccessorDirective, IxRangeField, IxRow, IxSelect, IxSelectItem, IxSelectValueAccessorDirective, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextValueAccessorDirective, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxTimeValueAccessorDirective, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTree, IxTreeItem, IxTypography, IxUpload, IxValueAccessorDirectives, IxWorkflowStep, IxWorkflowSteps, LoadingService, MessageService, ModalService, ToastService };