@siemens/ix-angular 4.2.0 → 4.4.0

package/standalone/index.d.ts

@@ -1,16 +1,16 @@
 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, 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, DropdownTriggerBaseDirective } from '@siemens/ix-angular/common';
 export { IxActiveModal } from '@siemens/ix-angular/common';
-import { ModalInstance, ShowToastResult, MessageConfig, TypedEvent, ModalLoadingContext } from '@siemens/ix';
+import { ModalInstance, ShowToastResult, MessageConfig, TypedEvent, ModalLoadingContext, ModalLoadingOptions } from '@siemens/ix';
 
 declare class IxActionCard {
     protected z: NgZone;
     protected el: HTMLIxActionCardElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxActionCard, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxActionCard, "ix-action-card", never, { "ariaLabelCard": { "alias": "ariaLabelCard"; "required": false; }; "ariaLabelIcon": { "alias": "ariaLabelIcon"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "subheading": { "alias": "subheading"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxActionCard, "ix-action-card", never, { "ariaLabelCard": { "alias": "ariaLabelCard"; "required": false; }; "ariaLabelIcon": { "alias": "ariaLabelIcon"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "passive": { "alias": "passive"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "subheading": { "alias": "subheading"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IxActionCard extends Components.IxActionCard {
 }
@@ -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; }; "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; }; "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>;
 }
 declare interface IxApplicationHeader extends Components.IxApplicationHeader {
     /**
@@ -75,7 +75,7 @@ declare class IxBreadcrumb {
     }>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxBreadcrumb, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxBreadcrumb, "ix-breadcrumb", never, { "ariaLabelPreviousButton": { "alias": "ariaLabelPreviousButton"; "required": false; }; "nextItems": { "alias": "nextItems"; "required": false; }; "subtle": { "alias": "subtle"; "required": false; }; "visibleItemCount": { "alias": "visibleItemCount"; "required": false; }; }, { "itemClick": "itemClick"; "nextClick": "nextClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxBreadcrumb, "ix-breadcrumb", never, { "ariaLabelPreviousButton": { "alias": "ariaLabelPreviousButton"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "nextItems": { "alias": "nextItems"; "required": false; }; "subtle": { "alias": "subtle"; "required": false; }; "visibleItemCount": { "alias": "visibleItemCount"; "required": false; }; }, { "itemClick": "itemClick"; "nextClick": "nextClick"; }, never, ["*"], true, never>;
 }
 declare interface IxBreadcrumb extends Components.IxBreadcrumb {
     /**
@@ -113,7 +113,7 @@ declare class IxCard {
     protected el: HTMLIxCardElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCard, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxCard, "ix-card", never, { "selected": { "alias": "selected"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxCard, "ix-card", never, { "passive": { "alias": "passive"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IxCard extends Components.IxCard {
 }
@@ -185,7 +185,7 @@ declare class IxCategoryFilter {
     filterCleared: EventEmitter<CustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCategoryFilter, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxCategoryFilter, "ix-category-filter", never, { "ariaLabelFilterInput": { "alias": "ariaLabelFilterInput"; "required": false; }; "ariaLabelOperatorButton": { "alias": "ariaLabelOperatorButton"; "required": false; }; "ariaLabelResetButton": { "alias": "ariaLabelResetButton"; "required": false; }; "categories": { "alias": "categories"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "filterState": { "alias": "filterState"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "i18nPlainText": { "alias": "i18nPlainText"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "labelCategories": { "alias": "labelCategories"; "required": false; }; "nonSelectableCategories": { "alias": "nonSelectableCategories"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "staticOperator": { "alias": "staticOperator"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "uniqueCategories": { "alias": "uniqueCategories"; "required": false; }; }, { "categoryChanged": "categoryChanged"; "inputChanged": "inputChanged"; "filterChanged": "filterChanged"; "filterCleared": "filterCleared"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxCategoryFilter, "ix-category-filter", never, { "ariaLabelFilterInput": { "alias": "ariaLabelFilterInput"; "required": false; }; "ariaLabelOperatorButton": { "alias": "ariaLabelOperatorButton"; "required": false; }; "ariaLabelResetButton": { "alias": "ariaLabelResetButton"; "required": false; }; "categories": { "alias": "categories"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "filterState": { "alias": "filterState"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "i18nPlainText": { "alias": "i18nPlainText"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "labelCategories": { "alias": "labelCategories"; "required": false; }; "nonSelectableCategories": { "alias": "nonSelectableCategories"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "staticOperator": { "alias": "staticOperator"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "uniqueCategories": { "alias": "uniqueCategories"; "required": false; }; }, { "categoryChanged": "categoryChanged"; "inputChanged": "inputChanged"; "filterChanged": "filterChanged"; "filterCleared": "filterCleared"; }, never, ["*"], true, never>;
 }
 declare interface IxCategoryFilter extends Components.IxCategoryFilter {
     /**
@@ -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; }; "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, { "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>;
 }
 declare interface IxDateDropdown extends Components.IxDateDropdown {
     /**
@@ -315,19 +315,24 @@ declare class IxDateInput {
     protected el: HTMLIxDateInputElement;
     valueChange: EventEmitter<CustomEvent<string | undefined>>;
     validityStateChange: EventEmitter<CustomEvent<DateInputValidityState>>;
+    ixChange: EventEmitter<CustomEvent<string | undefined>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDateInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxDateInput, "ix-date-input", never, { "ariaLabelCalendarButton": { "alias": "ariaLabelCalendarButton"; "required": false; }; "ariaLabelNextMonthButton": { "alias": "ariaLabelNextMonthButton"; "required": false; }; "ariaLabelPreviousMonthButton": { "alias": "ariaLabelPreviousMonthButton"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "i18nErrorDateUnparsable": { "alias": "i18nErrorDateUnparsable"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "suppressSubmitOnEnter": { "alias": "suppressSubmitOnEnter"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; "weekStartIndex": { "alias": "weekStartIndex"; "required": false; }; }, { "valueChange": "valueChange"; "validityStateChange": "validityStateChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDateInput, "ix-date-input", never, { "ariaLabelCalendarButton": { "alias": "ariaLabelCalendarButton"; "required": false; }; "ariaLabelNextMonthButton": { "alias": "ariaLabelNextMonthButton"; "required": false; }; "ariaLabelPreviousMonthButton": { "alias": "ariaLabelPreviousMonthButton"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "format": { "alias": "format"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "i18nErrorDateUnparsable": { "alias": "i18nErrorDateUnparsable"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "suppressSubmitOnEnter": { "alias": "suppressSubmitOnEnter"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; "weekStartIndex": { "alias": "weekStartIndex"; "required": false; }; }, { "valueChange": "valueChange"; "validityStateChange": "validityStateChange"; "ixChange": "ixChange"; }, never, ["*"], true, never>;
 }
 declare interface IxDateInput extends Components.IxDateInput {
     /**
-     * Input change event.
+     * Value change event. Emitted when the input value changes.
      */
     valueChange: EventEmitter<CustomEvent<string | undefined>>;
     /**
-     * Validation state change event.
+     * Validation state change event. Emitted when the validation state changes.
      */
     validityStateChange: EventEmitter<CustomEvent<DateInputValidityState>>;
+    /**
+     * Change event. Emitted when the date input loses focus and the value has changed. @since 4.4.0
+     */
+    ixChange: EventEmitter<CustomEvent<string | undefined>>;
 }
 declare class IxDatePicker {
     protected z: NgZone;
@@ -337,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; }; "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, { "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>;
 }
 declare interface IxDatePicker extends Components.IxDatePicker {
     /**
@@ -348,13 +353,13 @@ declare interface IxDatePicker extends Components.IxDatePicker {
      */
     dateChange: EventEmitter<CustomEvent<DateChangeEvent>>;
     /**
-     * Emitted when the date range selection changes and the component is in range mode. The `DateChangeEvent` contains `from` and `to` properties.
+     * Date range change event. Emitted when the date range selection changes and the component is in range mode. The `DateChangeEvent` contains `from` and `to` properties.
   The property strings are formatted according to the `format` property and not affected by the `locale` property.
   The locale applied is always `en-US`.
      */
     dateRangeChange: EventEmitter<CustomEvent<DateChangeEvent>>;
     /**
-     * Emitted when the selection is confirmed via the date select button. The `DateChangeEvent` contains `from` and `to` properties.
+     * Date selection event. Emitted when the selection is confirmed via the date select button. The `DateChangeEvent` contains `from` and `to` properties.
   The property strings are formatted according to the `format` property and not affected by the `locale` property.
   The locale applied is always `en-US`.
      */
@@ -372,15 +377,15 @@ declare class IxDatetimePicker {
 }
 declare interface IxDatetimePicker extends Components.IxDatetimePicker {
     /**
-     * Time change
+     * Time change event. Emitted when the time changes in the embedded time picker.
      */
     timeChange: EventEmitter<CustomEvent<string>>;
     /**
-     * Date change
+     * Date change event. Emitted when the date changes in the embedded date picker.
      */
     dateChange: EventEmitter<CustomEvent<DateTimeDateChangeEvent>>;
     /**
-     * Datetime selection event is fired after confirm button is pressed
+     * Datetime selection event. Emitted when the user confirms the selection.
      */
     dateSelect: EventEmitter<CustomEvent<DateTimeSelectEvent>>;
 }
@@ -418,7 +423,7 @@ declare class IxDropdown {
     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; }; "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; }; "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>;
 }
 declare interface IxDropdown extends Components.IxDropdown {
     /**
@@ -431,7 +436,7 @@ declare class IxDropdownButton {
     protected el: HTMLIxDropdownButtonElement;
     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; }; "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; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IxDropdownButton extends Components.IxDropdownButton {
 }
@@ -644,9 +649,10 @@ declare class IxInput {
     valueChange: EventEmitter<CustomEvent<string>>;
     validityStateChange: EventEmitter<CustomEvent<ValidityState>>;
     ixBlur: EventEmitter<CustomEvent<void>>;
+    ixChange: EventEmitter<CustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxInput, "ix-input", never, { "allowedCharactersPattern": { "alias": "allowedCharactersPattern"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "suppressSubmitOnEnter": { "alias": "suppressSubmitOnEnter"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; "type": { "alias": "type"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "validityStateChange": "validityStateChange"; "ixBlur": "ixBlur"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxInput, "ix-input", never, { "allowedCharactersPattern": { "alias": "allowedCharactersPattern"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "suppressSubmitOnEnter": { "alias": "suppressSubmitOnEnter"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; "type": { "alias": "type"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "validityStateChange": "validityStateChange"; "ixBlur": "ixBlur"; "ixChange": "ixChange"; }, never, ["*"], true, never>;
 }
 declare interface IxInput extends Components.IxInput {
     /**
@@ -661,6 +667,10 @@ declare interface IxInput extends Components.IxInput {
      * Event emitted when the text field loses focus.
      */
     ixBlur: EventEmitter<CustomEvent<void>>;
+    /**
+     * Event emitted when the text field loses focus and the value has changed. @since 4.4.0
+     */
+    ixChange: EventEmitter<CustomEvent<string>>;
 }
 declare class IxInputGroup {
     protected z: NgZone;
@@ -766,7 +776,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; }; "label": { "alias": "label"; "required": false; }; }, { "tabChange": "tabChange"; "close": "close"; }, never, ["*"], true, 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>;
 }
 declare interface IxMenuAbout extends Components.IxMenuAbout {
     /**
@@ -817,7 +827,7 @@ declare class IxMenuAvatar {
     logoutClick: EventEmitter<CustomEvent<any>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuAvatar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAvatar, "ix-menu-avatar", never, { "bottom": { "alias": "bottom"; "required": false; }; "hideLogoutButton": { "alias": "hideLogoutButton"; "required": false; }; "i18nLogout": { "alias": "i18nLogout"; "required": false; }; "image": { "alias": "image"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "top": { "alias": "top"; "required": false; }; }, { "logoutClick": "logoutClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAvatar, "ix-menu-avatar", never, { "ariaLabelTooltip": { "alias": "ariaLabelTooltip"; "required": false; }; "bottom": { "alias": "bottom"; "required": false; }; "enableTopLayer": { "alias": "enableTopLayer"; "required": false; }; "hideLogoutButton": { "alias": "hideLogoutButton"; "required": false; }; "i18nLogout": { "alias": "i18nLogout"; "required": false; }; "image": { "alias": "image"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "top": { "alias": "top"; "required": false; }; }, { "logoutClick": "logoutClick"; }, never, ["*"], true, never>;
 }
 declare interface IxMenuAvatar extends Components.IxMenuAvatar {
     /**
@@ -864,7 +874,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; }; "label": { "alias": "label"; "required": false; }; }, { "tabChange": "tabChange"; "close": "close"; }, never, ["*"], true, 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>;
 }
 declare interface IxMenuSettings extends Components.IxMenuSettings {
     /**
@@ -967,9 +977,10 @@ declare class IxNumberInput {
     valueChange: EventEmitter<CustomEvent<number>>;
     validityStateChange: EventEmitter<CustomEvent<ValidityState>>;
     ixBlur: EventEmitter<CustomEvent<void>>;
+    ixChange: EventEmitter<CustomEvent<number>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxNumberInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxNumberInput, "ix-number-input", never, { "allowEmptyValueChange": { "alias": "allowEmptyValueChange"; "required": false; }; "allowedCharactersPattern": { "alias": "allowedCharactersPattern"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showStepperButtons": { "alias": "showStepperButtons"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "step": { "alias": "step"; "required": false; }; "suppressSubmitOnEnter": { "alias": "suppressSubmitOnEnter"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "validityStateChange": "validityStateChange"; "ixBlur": "ixBlur"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxNumberInput, "ix-number-input", never, { "allowEmptyValueChange": { "alias": "allowEmptyValueChange"; "required": false; }; "allowedCharactersPattern": { "alias": "allowedCharactersPattern"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showStepperButtons": { "alias": "showStepperButtons"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "step": { "alias": "step"; "required": false; }; "suppressSubmitOnEnter": { "alias": "suppressSubmitOnEnter"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "validityStateChange": "validityStateChange"; "ixBlur": "ixBlur"; "ixChange": "ixChange"; }, never, ["*"], true, never>;
 }
 declare interface IxNumberInput extends Components.IxNumberInput {
     /**
@@ -984,6 +995,10 @@ declare interface IxNumberInput extends Components.IxNumberInput {
      * Event emitted when the input field loses focus
      */
     ixBlur: EventEmitter<CustomEvent<void>>;
+    /**
+     * Event emitted when the input field loses focus and the value has changed @since 4.4.0
+     */
+    ixChange: EventEmitter<CustomEvent<number>>;
 }
 declare class IxPagination {
     protected z: NgZone;
@@ -992,7 +1007,7 @@ declare class IxPagination {
     itemCountChanged: EventEmitter<CustomEvent<number>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxPagination, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxPagination, "ix-pagination", never, { "advanced": { "alias": "advanced"; "required": false; }; "ariaLabelChevronLeftIconButton": { "alias": "ariaLabelChevronLeftIconButton"; "required": false; }; "ariaLabelChevronRightIconButton": { "alias": "ariaLabelChevronRightIconButton"; "required": false; }; "ariaLabelPageSelection": { "alias": "ariaLabelPageSelection"; "required": false; }; "count": { "alias": "count"; "required": false; }; "hideItemCount": { "alias": "hideItemCount"; "required": false; }; "i18nItems": { "alias": "i18nItems"; "required": false; }; "i18nOf": { "alias": "i18nOf"; "required": false; }; "i18nPage": { "alias": "i18nPage"; "required": false; }; "itemCount": { "alias": "itemCount"; "required": false; }; "selectedPage": { "alias": "selectedPage"; "required": false; }; }, { "pageSelected": "pageSelected"; "itemCountChanged": "itemCountChanged"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxPagination, "ix-pagination", never, { "advanced": { "alias": "advanced"; "required": false; }; "ariaLabelChevronLeftIconButton": { "alias": "ariaLabelChevronLeftIconButton"; "required": false; }; "ariaLabelChevronRightIconButton": { "alias": "ariaLabelChevronRightIconButton"; "required": false; }; "ariaLabelPageSelection": { "alias": "ariaLabelPageSelection"; "required": false; }; "count": { "alias": "count"; "required": false; }; "hideItemCount": { "alias": "hideItemCount"; "required": false; }; "i18nItems": { "alias": "i18nItems"; "required": false; }; "i18nOf": { "alias": "i18nOf"; "required": false; }; "i18nPage": { "alias": "i18nPage"; "required": false; }; "itemCount": { "alias": "itemCount"; "required": false; }; "itemCountOptions": { "alias": "itemCountOptions"; "required": false; }; "selectedPage": { "alias": "selectedPage"; "required": false; }; }, { "pageSelected": "pageSelected"; "itemCountChanged": "itemCountChanged"; }, never, ["*"], true, never>;
 }
 declare interface IxPagination extends Components.IxPagination {
     /**
@@ -1060,7 +1075,7 @@ declare class IxPushCard {
     protected el: HTMLIxPushCardElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxPushCard, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxPushCard, "ix-push-card", never, { "ariaLabelIcon": { "alias": "ariaLabelIcon"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "notification": { "alias": "notification"; "required": false; }; "subheading": { "alias": "subheading"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxPushCard, "ix-push-card", never, { "ariaLabelIcon": { "alias": "ariaLabelIcon"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "notification": { "alias": "notification"; "required": false; }; "passive": { "alias": "passive"; "required": false; }; "subheading": { "alias": "subheading"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface IxPushCard extends Components.IxPushCard {
 }
@@ -1120,7 +1135,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; }; "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; }; "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>;
 }
 declare interface IxSelect extends Components.IxSelect {
     /**
@@ -1160,9 +1175,12 @@ 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; }; "marker": { "alias": "marker"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "trace": { "alias": "trace"; "required": false; }; "traceReference": { "alias": "traceReference"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], true, 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>;
 }
 declare interface IxSlider extends Components.IxSlider {
+    /**
+     * Will emit the value when it changes
+     */
     valueChange: EventEmitter<CustomEvent<number>>;
 }
 declare class IxSpinner {
@@ -1180,7 +1198,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; }; "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; }; "placement": { "alias": "placement"; "required": false; }; "splitIcon": { "alias": "splitIcon"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, ["*"], true, never>;
 }
 declare interface IxSplitButton extends Components.IxSplitButton {
     /**
@@ -1212,7 +1230,9 @@ declare class IxTabs {
 }
 declare interface IxTabs extends Components.IxTabs {
     /**
-     * `selected` property changed
+     * 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.
      */
     selectedChange: EventEmitter<CustomEvent<number>>;
 }
@@ -1222,9 +1242,10 @@ declare class IxTextarea {
     valueChange: EventEmitter<CustomEvent<string>>;
     validityStateChange: EventEmitter<CustomEvent<ValidityState>>;
     ixBlur: EventEmitter<CustomEvent<void>>;
+    ixChange: EventEmitter<CustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTextarea, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxTextarea, "ix-textarea", never, { "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "resizeBehavior": { "alias": "resizeBehavior"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "textareaCols": { "alias": "textareaCols"; "required": false; }; "textareaHeight": { "alias": "textareaHeight"; "required": false; }; "textareaRows": { "alias": "textareaRows"; "required": false; }; "textareaWidth": { "alias": "textareaWidth"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "validityStateChange": "validityStateChange"; "ixBlur": "ixBlur"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxTextarea, "ix-textarea", never, { "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "resizeBehavior": { "alias": "resizeBehavior"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "textareaCols": { "alias": "textareaCols"; "required": false; }; "textareaHeight": { "alias": "textareaHeight"; "required": false; }; "textareaRows": { "alias": "textareaRows"; "required": false; }; "textareaWidth": { "alias": "textareaWidth"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "validityStateChange": "validityStateChange"; "ixBlur": "ixBlur"; "ixChange": "ixChange"; }, never, ["*"], true, never>;
 }
 declare interface IxTextarea extends Components.IxTextarea {
     /**
@@ -1239,6 +1260,10 @@ declare interface IxTextarea extends Components.IxTextarea {
      * Event emitted when the textarea field loses focus.
      */
     ixBlur: EventEmitter<CustomEvent<void>>;
+    /**
+     * Event emitted when the textarea field loses focus and the value has changed. @since 4.4.0
+     */
+    ixChange: EventEmitter<CustomEvent<string>>;
 }
 declare class IxTile {
     protected z: NgZone;
@@ -1254,19 +1279,24 @@ declare class IxTimeInput {
     protected el: HTMLIxTimeInputElement;
     valueChange: EventEmitter<CustomEvent<string>>;
     validityStateChange: EventEmitter<CustomEvent<TimeInputValidityState>>;
+    ixChange: EventEmitter<CustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTimeInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxTimeInput, "ix-time-input", never, { "disabled": { "alias": "disabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "hourInterval": { "alias": "hourInterval"; "required": false; }; "i18nErrorTimeUnparsable": { "alias": "i18nErrorTimeUnparsable"; "required": false; }; "i18nHourColumnHeader": { "alias": "i18nHourColumnHeader"; "required": false; }; "i18nMillisecondColumnHeader": { "alias": "i18nMillisecondColumnHeader"; "required": false; }; "i18nMinuteColumnHeader": { "alias": "i18nMinuteColumnHeader"; "required": false; }; "i18nSecondColumnHeader": { "alias": "i18nSecondColumnHeader"; "required": false; }; "i18nSelectTime": { "alias": "i18nSelectTime"; "required": false; }; "i18nTime": { "alias": "i18nTime"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "millisecondInterval": { "alias": "millisecondInterval"; "required": false; }; "minuteInterval": { "alias": "minuteInterval"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "secondInterval": { "alias": "secondInterval"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "suppressSubmitOnEnter": { "alias": "suppressSubmitOnEnter"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, { "valueChange": "valueChange"; "validityStateChange": "validityStateChange"; }, never, ["*"], true, 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>;
 }
 declare interface IxTimeInput extends Components.IxTimeInput {
     /**
-     * Input change event.
+     * Value change event. Emitted when the input value changes.
      */
     valueChange: EventEmitter<CustomEvent<string>>;
     /**
-     * Validation state change event.
+     * Validation state change event. Emitted when the validation state changes.
      */
     validityStateChange: EventEmitter<CustomEvent<TimeInputValidityState>>;
+    /**
+     * Change event. Emitted when the time input loses focus and the value has changed. @since 4.4.0
+     */
+    ixChange: EventEmitter<CustomEvent<string>>;
 }
 declare class IxTimePicker {
     protected z: NgZone;
@@ -1279,11 +1309,11 @@ declare class IxTimePicker {
 }
 declare interface IxTimePicker extends Components.IxTimePicker {
     /**
-     * Time event
+     * Time event. Emitted when the user confirms the selected time.
      */
     timeSelect: EventEmitter<CustomEvent<string>>;
     /**
-     * Time change event
+     * Time change event. Emitted when the selected time changes while interacting with the picker.
      */
     timeChange: EventEmitter<CustomEvent<string>>;
 }
@@ -1293,7 +1323,7 @@ declare class IxToast {
     closeToast: EventEmitter<CustomEvent<any>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxToast, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxToast, "ix-toast", never, { "ariaLabelCloseIconButton": { "alias": "ariaLabelCloseIconButton"; "required": false; }; "autoCloseDelay": { "alias": "autoCloseDelay"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "preventAutoClose": { "alias": "preventAutoClose"; "required": false; }; "toastTitle": { "alias": "toastTitle"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "closeToast": "closeToast"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxToast, "ix-toast", never, { "ariaLabelCloseIconButton": { "alias": "ariaLabelCloseIconButton"; "required": false; }; "autoCloseDelay": { "alias": "autoCloseDelay"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "preventAutoClose": { "alias": "preventAutoClose"; "required": false; }; "toastTitle": { "alias": "toastTitle"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "closeToast": "closeToast"; }, never, ["*"], true, never>;
 }
 declare interface IxToast extends Components.IxToast {
     /**
@@ -1491,7 +1521,9 @@ 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;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadingService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<LoadingService>;
 }
@@ -1541,6 +1573,15 @@ declare class IxDateValueAccessorDirective extends DateValueAccessorBaseDirectiv
     static ɵdir: i0.ɵɵDirectiveDeclaration<IxDateValueAccessorDirective, "ix-date-input", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * Value Accessor for ix-date-input
+ */
+declare class IxTimeValueAccessorDirective extends TimeValueAccessorBaseDirective {
+    constructor(injector: Injector, el: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxTimeValueAccessorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IxTimeValueAccessorDirective, "ix-time-input", never, {}, {}, never, never, true, never>;
+}
+
 declare class IxDropdownTriggerDirective extends DropdownTriggerBaseDirective {
     ixDropdownTrigger: any;
     constructor(element: ElementRef);
@@ -1558,7 +1599,8 @@ declare class IxDropdownTriggerDirective extends DropdownTriggerBaseDirective {
  *  - IxSelectValueAccessorDirective
  *  - IxTextValueAccessorDirective
  *  - IxDateValueAccessorDirective
+ *  - IxTimeValueAccessorDirective
  */
-declare const IxValueAccessorDirectives: readonly [typeof IxBooleanValueAccessorDirective, typeof IxRadioValueAccessorDirective, typeof IxSelectValueAccessorDirective, typeof IxTextValueAccessorDirective, typeof IxDateValueAccessorDirective];
+declare const IxValueAccessorDirectives: readonly [typeof IxBooleanValueAccessorDirective, typeof IxRadioValueAccessorDirective, typeof IxSelectValueAccessorDirective, typeof IxTextValueAccessorDirective, typeof IxDateValueAccessorDirective, typeof IxTimeValueAccessorDirective];
 
-export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, IxBooleanValueAccessorDirective, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDateValueAccessorDirective, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxDropdownTriggerDirective, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIcon, IxIconButton, IxIconToggleButton, IxInput, IxInputGroup, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutAuto, IxLayoutGrid, IxLinkButton, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalFooter, IxModalHeader, IxNumberInput, IxPagination, IxPane, IxPaneLayout, IxPill, IxProgressIndicator, IxPushCard, IxRadio, IxRadioGroup, IxRadioValueAccessorDirective, IxRow, IxSelect, IxSelectItem, IxSelectValueAccessorDirective, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextValueAccessorDirective, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTree, IxTreeItem, IxTypography, IxUpload, IxValidationTooltip, IxValueAccessorDirectives, IxWorkflowStep, IxWorkflowSteps, LoadingService, MessageService, ModalService, ToastService };
+export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBlind, IxBooleanValueAccessorDirective, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDateValueAccessorDirective, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxDropdownTriggerDirective, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIcon, IxIconButton, IxIconToggleButton, IxInput, IxInputGroup, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutAuto, IxLayoutGrid, IxLinkButton, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalFooter, IxModalHeader, IxNumberInput, IxPagination, IxPane, IxPaneLayout, IxPill, IxProgressIndicator, IxPushCard, IxRadio, IxRadioGroup, IxRadioValueAccessorDirective, IxRow, IxSelect, IxSelectItem, IxSelectValueAccessorDirective, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextValueAccessorDirective, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxTimeValueAccessorDirective, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTree, IxTreeItem, IxTypography, IxUpload, IxValidationTooltip, IxValueAccessorDirectives, IxWorkflowStep, IxWorkflowSteps, LoadingService, MessageService, ModalService, ToastService };