@siemens/ix-angular 0.0.0-pr-1522-20241022123832 → 0.0.0-pr-1724-20250228145306

package/components.d.ts

@@ -3,6 +3,7 @@ import { Components } from '@siemens/ix';
 import type { InputState as IIxCategoryFilterInputState } from '@siemens/ix';
 import type { FilterState as IIxCategoryFilterFilterState } from '@siemens/ix';
 import type { DateRangeChangeEvent as IIxDateDropdownDateRangeChangeEvent } from '@siemens/ix';
+import type { DateInputValidityState as IIxDateInputDateInputValidityState } from '@siemens/ix';
 import type { DateChangeEvent as IIxDatePickerDateChangeEvent } from '@siemens/ix';
 import type { DateTimeDateChangeEvent as IIxDatetimePickerDateTimeDateChangeEvent } from '@siemens/ix';
 import type { DateTimeSelectEvent as IIxDatetimePickerDateTimeSelectEvent } from '@siemens/ix';
@@ -45,6 +46,10 @@ export declare interface IxApplicationHeader extends Components.IxApplicationHea
      * Event emitted when the menu toggle button is clicked @since 2.5.0
      */
     menuToggle: EventEmitter<CustomEvent<boolean>>;
+    /**
+     * Event emitted when the app switch button is clicked @since 3.0.0
+     */
+    openAppSwitch: EventEmitter<CustomEvent<void>>;
 }
 export declare class IxAvatar {
     protected z: NgZone;
@@ -196,13 +201,43 @@ export declare interface IxCategoryFilter extends Components.IxCategoryFilter {
      * Event dispatched whenever the filter state changes.
      */
     filterChanged: EventEmitter<CustomEvent<IIxCategoryFilterFilterState>>;
+    /**
+     * Event dispatched whenever the filter gets cleared.
+     */
+    filterCleared: EventEmitter<CustomEvent<void>>;
+}
+export declare class IxCheckbox {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxCheckbox, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxCheckbox, "ix-checkbox", never, { "checked": "checked"; "disabled": "disabled"; "indeterminate": "indeterminate"; "label": "label"; "name": "name"; "required": "required"; "value": "value"; }, {}, never, ["*"]>;
+}
+export declare interface IxCheckbox extends Components.IxCheckbox {
+    /**
+     * Event emitted when the checked state of the checkbox changes
+     */
+    checkedChange: EventEmitter<CustomEvent<boolean>>;
+    /**
+     * Event emitted when the value of the checkbox changes
+     */
+    valueChange: EventEmitter<CustomEvent<string>>;
+}
+export declare class IxCheckboxGroup {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxCheckboxGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxCheckboxGroup, "ix-checkbox-group", never, { "direction": "direction"; "helperText": "helperText"; "infoText": "infoText"; "invalidText": "invalidText"; "label": "label"; "showTextAsTooltip": "showTextAsTooltip"; "validText": "validText"; "warningText": "warningText"; }, {}, never, ["*"]>;
+}
+export declare interface IxCheckboxGroup extends Components.IxCheckboxGroup {
 }
 export declare class IxChip {
     protected z: NgZone;
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxChip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxChip, "ix-chip", never, { "active": "active"; "background": "background"; "chipColor": "chipColor"; "closable": "closable"; "color": "color"; "icon": "icon"; "outline": "outline"; "variant": "variant"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxChip, "ix-chip", never, { "active": "active"; "background": "background"; "chipColor": "chipColor"; "closable": "closable"; "color": "color"; "icon": "icon"; "outline": "outline"; "tooltipText": "tooltipText"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface IxChip extends Components.IxChip {
     /**
@@ -241,12 +276,21 @@ export declare interface IxContentHeader extends Components.IxContentHeader {
      */
     backButtonClick: EventEmitter<CustomEvent<void>>;
 }
+export declare class IxCustomField {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxCustomField, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxCustomField, "ix-custom-field", never, { "helperText": "helperText"; "infoText": "infoText"; "invalidText": "invalidText"; "label": "label"; "required": "required"; "showTextAsTooltip": "showTextAsTooltip"; "validText": "validText"; "warningText": "warningText"; }, {}, never, ["*"]>;
+}
+export declare interface IxCustomField extends Components.IxCustomField {
+}
 export declare class IxDateDropdown {
     protected z: NgZone;
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDateDropdown, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxDateDropdown, "ix-date-dropdown", never, { "customRangeAllowed": "customRangeAllowed"; "dateRangeId": "dateRangeId"; "dateRangeOptions": "dateRangeOptions"; "disabled": "disabled"; "format": "format"; "from": "from"; "i18nCustomItem": "i18nCustomItem"; "i18nDone": "i18nDone"; "i18nNoRange": "i18nNoRange"; "maxDate": "maxDate"; "minDate": "minDate"; "range": "range"; "to": "to"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDateDropdown, "ix-date-dropdown", never, { "customRangeAllowed": "customRangeAllowed"; "dateRangeId": "dateRangeId"; "dateRangeOptions": "dateRangeOptions"; "disabled": "disabled"; "format": "format"; "from": "from"; "ghost": "ghost"; "i18nCustomItem": "i18nCustomItem"; "i18nDone": "i18nDone"; "i18nNoRange": "i18nNoRange"; "loading": "loading"; "locale": "locale"; "maxDate": "maxDate"; "minDate": "minDate"; "outline": "outline"; "range": "range"; "to": "to"; "variant": "variant"; "weekStartIndex": "weekStartIndex"; }, {}, never, ["*"]>;
 }
 export declare interface IxDateDropdown extends Components.IxDateDropdown {
     /**
@@ -257,6 +301,23 @@ export declare interface IxDateDropdown extends Components.IxDateDropdown {
      */
     dateRangeChange: EventEmitter<CustomEvent<IIxDateDropdownDateRangeChangeEvent>>;
 }
+export declare class IxDateInput {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxDateInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDateInput, "ix-date-input", never, { "disabled": "disabled"; "format": "format"; "helperText": "helperText"; "i18nErrorDateUnparsable": "i18nErrorDateUnparsable"; "infoText": "infoText"; "invalidText": "invalidText"; "label": "label"; "locale": "locale"; "name": "name"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "showTextAsTooltip": "showTextAsTooltip"; "validText": "validText"; "value": "value"; "warningText": "warningText"; }, {}, never, ["*"]>;
+}
+export declare interface IxDateInput extends Components.IxDateInput {
+    /**
+     * Input change event.
+     */
+    valueChange: EventEmitter<CustomEvent<string>>;
+    /**
+     * Validation state change event.
+     */
+    validityStateChange: EventEmitter<CustomEvent<IIxDateInputDateInputValidityState>>;
+}
 export declare class IxDatePicker {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -426,7 +487,7 @@ export declare class IxExpandingSearch {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxExpandingSearch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxExpandingSearch, "ix-expanding-search", never, { "fullWidth": "fullWidth"; "icon": "icon"; "placeholder": "placeholder"; "value": "value"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxExpandingSearch, "ix-expanding-search", never, { "fullWidth": "fullWidth"; "ghost": "ghost"; "icon": "icon"; "outline": "outline"; "placeholder": "placeholder"; "value": "value"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface IxExpandingSearch extends Components.IxExpandingSearch {
     /**
@@ -434,6 +495,15 @@ export declare interface IxExpandingSearch extends Components.IxExpandingSearch
      */
     valueChange: EventEmitter<CustomEvent<string>>;
 }
+export declare class IxFieldLabel {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxFieldLabel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxFieldLabel, "ix-field-label", never, { "htmlFor": "htmlFor"; "required": "required"; }, {}, never, ["*"]>;
+}
+export declare interface IxFieldLabel extends Components.IxFieldLabel {
+}
 export declare class IxFilterChip {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -452,9 +522,13 @@ export declare class IxFlipTile {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxFlipTile, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxFlipTile, "ix-flip-tile", never, { "height": "height"; "state": "state"; "width": "width"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxFlipTile, "ix-flip-tile", never, { "height": "height"; "index": "index"; "state": "state"; "width": "width"; }, {}, never, ["*"]>;
 }
 export declare interface IxFlipTile extends Components.IxFlipTile {
+    /**
+     * Event emitted when the index changes @since 3.0.0
+     */
+    toggle: EventEmitter<CustomEvent<number>>;
 }
 export declare class IxFlipTileContent {
     protected z: NgZone;
@@ -465,15 +539,6 @@ export declare class IxFlipTileContent {
 }
 export declare interface IxFlipTileContent extends Components.IxFlipTileContent {
 }
-export declare class IxFormField {
-    protected z: NgZone;
-    protected el: HTMLElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IxFormField, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxFormField, "ix-form-field", never, { "label": "label"; }, {}, never, ["*"]>;
-}
-export declare interface IxFormField extends Components.IxFormField {
-}
 export declare class IxGroup {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -517,6 +582,15 @@ export declare interface IxGroupItem extends Components.IxGroupItem {
      */
     selectedChanged: EventEmitter<CustomEvent<HTMLIxGroupItemElement>>;
 }
+export declare class IxHelperText {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxHelperText, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxHelperText, "ix-helper-text", never, { "helperText": "helperText"; "htmlFor": "htmlFor"; "infoText": "infoText"; "invalidText": "invalidText"; "validText": "validText"; "warningText": "warningText"; }, {}, never, ["*"]>;
+}
+export declare interface IxHelperText extends Components.IxHelperText {
+}
 export declare class IxIconButton {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -539,6 +613,27 @@ export declare interface IxIconToggleButton extends Components.IxIconToggleButto
      */
     pressedChange: EventEmitter<CustomEvent<boolean>>;
 }
+export declare class IxInput {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxInput, "ix-input", never, { "allowedCharactersPattern": "allowedCharactersPattern"; "disabled": "disabled"; "helperText": "helperText"; "infoText": "infoText"; "invalidText": "invalidText"; "label": "label"; "maxLength": "maxLength"; "minLength": "minLength"; "name": "name"; "pattern": "pattern"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "showTextAsTooltip": "showTextAsTooltip"; "type": "type"; "validText": "validText"; "value": "value"; "warningText": "warningText"; }, {}, never, ["*"]>;
+}
+export declare interface IxInput extends Components.IxInput {
+    /**
+     * Event emitted when the value of the text field changes.
+     */
+    valueChange: EventEmitter<CustomEvent<string>>;
+    /**
+     * Event emitted when the validity state of the text field changes.
+     */
+    validityStateChange: EventEmitter<CustomEvent<ValidityState>>;
+    /**
+     * Event emitted when the text field loses focus.
+     */
+    ixBlur: EventEmitter<CustomEvent<void>>;
+}
 export declare class IxInputGroup {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -575,6 +670,15 @@ export declare class IxKpi {
 }
 export declare interface IxKpi extends Components.IxKpi {
 }
+export declare class IxLayoutAuto {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxLayoutAuto, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxLayoutAuto, "ix-layout-auto", never, { "layout": "layout"; }, {}, never, ["*"]>;
+}
+export declare interface IxLayoutAuto extends Components.IxLayoutAuto {
+}
 export declare class IxLayoutGrid {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -639,6 +743,18 @@ export declare interface IxMenu extends Components.IxMenu {
      * Map Sidebar expanded
      */
     mapExpandChange: EventEmitter<CustomEvent<boolean>>;
+    /**
+     * Event emitted when the app switch button is clicked @since 3.0.0
+     */
+    openAppSwitch: EventEmitter<CustomEvent<void>>;
+    /**
+     * Event emitted when the settings button is clicked @since 3.0.0
+     */
+    openSettings: EventEmitter<CustomEvent<void>>;
+    /**
+     * Event emitted when the about button is clicked @since 3.0.0
+     */
+    openAbout: EventEmitter<CustomEvent<void>>;
 }
 export declare class IxMenuAbout {
     protected z: NgZone;
@@ -648,6 +764,10 @@ export declare class IxMenuAbout {
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAbout, "ix-menu-about", never, { "activeTabLabel": "activeTabLabel"; "label": "label"; "show": "show"; }, {}, never, ["*"]>;
 }
 export declare interface IxMenuAbout extends Components.IxMenuAbout {
+    /**
+     * Active tab changed @since 3.0.0
+     */
+    tabChange: EventEmitter<CustomEvent<string>>;
     /**
      * About and Legal closed
      */
@@ -735,6 +855,10 @@ export declare class IxMenuSettings {
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuSettings, "ix-menu-settings", never, { "activeTabLabel": "activeTabLabel"; "label": "label"; "show": "show"; }, {}, never, ["*"]>;
 }
 export declare interface IxMenuSettings extends Components.IxMenuSettings {
+    /**
+     * Active tab changed @since 3.0.0
+     */
+    tabChange: EventEmitter<CustomEvent<string>>;
     /**
      * Popover closed
      */
@@ -765,6 +889,10 @@ export declare interface IxMessageBar extends Components.IxMessageBar {
      * An event emitted when the close button is clicked
      */
     closedChange: EventEmitter<CustomEvent<any>>;
+    /**
+     * An event emitted when the close animation is completed
+     */
+    closeAnimationCompleted: EventEmitter<CustomEvent<any>>;
 }
 export declare class IxModal {
     protected z: NgZone;
@@ -792,15 +920,6 @@ export declare class IxModalContent {
 }
 export declare interface IxModalContent extends Components.IxModalContent {
 }
-export declare class IxModalExample {
-    protected z: NgZone;
-    protected el: HTMLElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IxModalExample, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxModalExample, "ix-modal-example", never, {}, {}, never, ["*"]>;
-}
-export declare interface IxModalExample extends Components.IxModalExample {
-}
 export declare class IxModalFooter {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -824,6 +943,27 @@ export declare interface IxModalHeader extends Components.IxModalHeader {
      */
     closeClick: EventEmitter<CustomEvent<MouseEvent>>;
 }
+export declare class IxNumberInput {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxNumberInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxNumberInput, "ix-number-input", never, { "allowedCharactersPattern": "allowedCharactersPattern"; "disabled": "disabled"; "helperText": "helperText"; "infoText": "infoText"; "invalidText": "invalidText"; "label": "label"; "max": "max"; "min": "min"; "name": "name"; "pattern": "pattern"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "showStepperButtons": "showStepperButtons"; "showTextAsTooltip": "showTextAsTooltip"; "validText": "validText"; "value": "value"; "warningText": "warningText"; }, {}, never, ["*"]>;
+}
+export declare interface IxNumberInput extends Components.IxNumberInput {
+    /**
+     * Event emitted when the value of the input field changes
+     */
+    valueChange: EventEmitter<CustomEvent<number>>;
+    /**
+     * Event emitted when the validity state of the input field changes
+     */
+    validityStateChange: EventEmitter<CustomEvent<ValidityState>>;
+    /**
+     * Event emitted when the input field loses focus
+     */
+    ixBlur: EventEmitter<CustomEvent<void>>;
+}
 export declare class IxPagination {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -876,7 +1016,7 @@ export declare class IxPill {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxPill, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxPill, "ix-pill", never, { "alignLeft": "alignLeft"; "background": "background"; "color": "color"; "icon": "icon"; "outline": "outline"; "pillColor": "pillColor"; "variant": "variant"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxPill, "ix-pill", never, { "alignLeft": "alignLeft"; "background": "background"; "color": "color"; "icon": "icon"; "outline": "outline"; "pillColor": "pillColor"; "tooltipText": "tooltipText"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface IxPill extends Components.IxPill {
 }
@@ -889,6 +1029,36 @@ export declare class IxPushCard {
 }
 export declare interface IxPushCard extends Components.IxPushCard {
 }
+export declare class IxRadio {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxRadio, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxRadio, "ix-radio", never, { "checked": "checked"; "disabled": "disabled"; "label": "label"; "name": "name"; "value": "value"; }, {}, never, ["*"]>;
+}
+export declare interface IxRadio extends Components.IxRadio {
+    /**
+     * Event emitted when the checked state of the radio changes
+     */
+    checkedChange: EventEmitter<CustomEvent<boolean>>;
+    /**
+     * Event emitted when the value of the radio changes
+     */
+    valueChange: EventEmitter<CustomEvent<string>>;
+}
+export declare class IxRadioGroup {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxRadioGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxRadioGroup, "ix-radio-group", never, { "direction": "direction"; "helperText": "helperText"; "infoText": "infoText"; "invalidText": "invalidText"; "label": "label"; "showTextAsTooltip": "showTextAsTooltip"; "validText": "validText"; "value": "value"; "warningText": "warningText"; }, {}, never, ["*"]>;
+}
+export declare interface IxRadioGroup extends Components.IxRadioGroup {
+    /**
+     * Event emitted when the value of the radiobutton group changes
+     */
+    valueChange: EventEmitter<CustomEvent<string>>;
+}
 export declare class IxRow {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -903,7 +1073,7 @@ export declare class IxSelect {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxSelect, "ix-select", never, { "allowClear": "allowClear"; "disabled": "disabled"; "editable": "editable"; "hideListHeader": "hideListHeader"; "i18nNoMatches": "i18nNoMatches"; "i18nPlaceholder": "i18nPlaceholder"; "i18nPlaceholderEditable": "i18nPlaceholderEditable"; "i18nSelectListHeader": "i18nSelectListHeader"; "mode": "mode"; "readonly": "readonly"; "selectedIndices": "selectedIndices"; "value": "value"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxSelect, "ix-select", never, { "allowClear": "allowClear"; "disabled": "disabled"; "dropdownMaxWidth": "dropdownMaxWidth"; "dropdownWidth": "dropdownWidth"; "editable": "editable"; "helperText": "helperText"; "hideListHeader": "hideListHeader"; "i18nNoMatches": "i18nNoMatches"; "i18nPlaceholder": "i18nPlaceholder"; "i18nPlaceholderEditable": "i18nPlaceholderEditable"; "i18nSelectListHeader": "i18nSelectListHeader"; "infoText": "infoText"; "invalidText": "invalidText"; "label": "label"; "mode": "mode"; "name": "name"; "readonly": "readonly"; "required": "required"; "selectedIndices": "selectedIndices"; "showTextAsTooltip": "showTextAsTooltip"; "validText": "validText"; "value": "value"; "warningText": "warningText"; }, {}, never, ["*"]>;
 }
 export declare interface IxSelect extends Components.IxSelect {
     /**
@@ -922,6 +1092,10 @@ export declare interface IxSelect extends Components.IxSelect {
      * Item added to selection
      */
     addItem: EventEmitter<CustomEvent<string>>;
+    /**
+     * Blur input
+     */
+    ixBlur: EventEmitter<CustomEvent<void>>;
 }
 export declare class IxSelectItem {
     protected z: NgZone;
@@ -1007,6 +1181,27 @@ export declare interface IxTabs extends Components.IxTabs {
      */
     selectedChange: EventEmitter<CustomEvent<number>>;
 }
+export declare class IxTextarea {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxTextarea, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxTextarea, "ix-textarea", never, { "disabled": "disabled"; "helperText": "helperText"; "infoText": "infoText"; "invalidText": "invalidText"; "label": "label"; "maxLength": "maxLength"; "minLength": "minLength"; "name": "name"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "resizeBehavior": "resizeBehavior"; "showTextAsTooltip": "showTextAsTooltip"; "textareaCols": "textareaCols"; "textareaHeight": "textareaHeight"; "textareaRows": "textareaRows"; "textareaWidth": "textareaWidth"; "validText": "validText"; "value": "value"; "warningText": "warningText"; }, {}, never, ["*"]>;
+}
+export declare interface IxTextarea extends Components.IxTextarea {
+    /**
+     * Event emitted when the value of the textarea field changes.
+     */
+    valueChange: EventEmitter<CustomEvent<string>>;
+    /**
+     * Event emitted when the validity state of the textarea field changes.
+     */
+    validityStateChange: EventEmitter<CustomEvent<ValidityState>>;
+    /**
+     * Event emitted when the textarea field loses focus.
+     */
+    ixBlur: EventEmitter<CustomEvent<void>>;
+}
 export declare class IxTile {
     protected z: NgZone;
     protected el: HTMLElement;
@@ -1064,7 +1259,7 @@ export declare class IxToggle {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxToggle, "ix-toggle", never, { "checked": "checked"; "disabled": "disabled"; "hideText": "hideText"; "indeterminate": "indeterminate"; "textIndeterminate": "textIndeterminate"; "textOff": "textOff"; "textOn": "textOn"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxToggle, "ix-toggle", never, { "checked": "checked"; "disabled": "disabled"; "hideText": "hideText"; "indeterminate": "indeterminate"; "name": "name"; "required": "required"; "textIndeterminate": "textIndeterminate"; "textOff": "textOff"; "textOn": "textOn"; "value": "value"; }, {}, never, ["*"]>;
 }
 export declare interface IxToggle extends Components.IxToggle {
     /**

package/control-value-accessors/boolean-value-accessor.d.ts

@@ -0,0 +1,10 @@
+import { ElementRef, Injector } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class BooleanValueAccessorDirective extends ValueAccessor {
+    constructor(injector: Injector, el: ElementRef);
+    writeValue(value: boolean): void;
+    handleChangeEvent(el: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BooleanValueAccessorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BooleanValueAccessorDirective, "ix-checkbox,ix-toggle", never, {}, {}, never>;
+}

package/control-value-accessors/date-value-accessor.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef, Injector } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class DateValueAccessorDirective extends ValueAccessor {
+    constructor(injector: Injector, el: ElementRef);
+    handleInputEvent(el: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateValueAccessorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateValueAccessorDirective, "ix-date-input", never, {}, {}, never>;
+}

package/control-value-accessors/index.d.ts

@@ -0,0 +1,5 @@
+export * from './boolean-value-accessor';
+export * from './radio-value-accessor';
+export * from './select-value-accessor';
+export * from './text-value-accessor';
+export * from './date-value-accessor';

package/control-value-accessors/radio-value-accessor.d.ts

@@ -0,0 +1,10 @@
+import { ElementRef, Injector } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class RadioValueAccessorDirective extends ValueAccessor {
+    constructor(injector: Injector, el: ElementRef);
+    writeValue(value: string): void;
+    handleChangeEvent(el: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioValueAccessorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioValueAccessorDirective, "ix-radio", never, {}, {}, never>;
+}

package/control-value-accessors/select-value-accessor.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef, Injector } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class SelectValueAccessorDirective extends ValueAccessor {
+    constructor(injector: Injector, el: ElementRef);
+    handleChangeEvent(el: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectValueAccessorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectValueAccessorDirective, "ix-select", never, {}, {}, never>;
+}

package/control-value-accessors/text-value-accessor.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef, Injector } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class TextValueAccessorDirective extends ValueAccessor {
+    constructor(injector: Injector, el: ElementRef);
+    handleInputEvent(el: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextValueAccessorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextValueAccessorDirective, "ix-input,ix-number-input,ix-textarea", never, {}, {}, never>;
+}

package/control-value-accessors/value-accessor.d.ts

@@ -0,0 +1,30 @@
+import { AfterViewInit, ElementRef, Injector, OnDestroy } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class ValueAccessor implements ControlValueAccessor, AfterViewInit, OnDestroy {
+    protected injector: Injector;
+    protected elementRef: ElementRef;
+    private readonly checkRequiredValidator;
+    static readonly ANGULAR_CLASS_PREFIX = "ng-";
+    private onChange;
+    private onTouched;
+    protected lastValue: any;
+    private statusChanges?;
+    suppressClassMapping: boolean;
+    constructor(injector: Injector, elementRef: ElementRef, checkRequiredValidator?: boolean);
+    writeValue(value: any): void;
+    handleValueChange(el: HTMLElement, value: any): void;
+    _handleBlurEvent(el: any): void;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    getAssignedNgControl(): NgControl | null;
+    setClasses(): void;
+    detourFormControlMethods(ngControl: NgControl, elementRef: ElementRef): void;
+    mapNgToIxClassNames(element: ElementRef): Promise<void>;
+    getClasses(element: HTMLElement): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ValueAccessor, never, never, { "suppressClassMapping": "suppressClassMapping"; }, {}, never>;
+}

package/declare-components.d.ts

@@ -1,2 +1,2 @@
 import * as d from './components';
-export declare const DIRECTIVES: (typeof d.IxActionCard | typeof d.IxApplication | typeof d.IxApplicationHeader | typeof d.IxAvatar | typeof d.IxBasicNavigation | typeof d.IxBlind | typeof d.IxBreadcrumb | typeof d.IxBreadcrumbItem | typeof d.IxButton | typeof d.IxCard | typeof d.IxCardAccordion | typeof d.IxCardContent | typeof d.IxCardList | typeof d.IxCardTitle | typeof d.IxCategoryFilter | typeof d.IxChip | typeof d.IxCol | typeof d.IxContent | typeof d.IxContentHeader | typeof d.IxDateDropdown | typeof d.IxDatePicker | typeof d.IxDatetimePicker | typeof d.IxDivider | typeof d.IxDrawer | typeof d.IxDropdown | typeof d.IxDropdownButton | typeof d.IxDropdownHeader | typeof d.IxDropdownItem | typeof d.IxDropdownQuickActions | typeof d.IxEmptyState | typeof d.IxEventList | typeof d.IxEventListItem | typeof d.IxExpandingSearch | typeof d.IxFilterChip | typeof d.IxFlipTile | typeof d.IxFlipTileContent | typeof d.IxFormField | typeof d.IxGroup | typeof d.IxGroupContextMenu | typeof d.IxGroupItem | typeof d.IxIconButton | typeof d.IxIconToggleButton | typeof d.IxInputGroup | typeof d.IxKeyValue | typeof d.IxKeyValueList | typeof d.IxKpi | typeof d.IxLayoutGrid | typeof d.IxLinkButton | typeof d.IxMapNavigation | typeof d.IxMapNavigationOverlay | typeof d.IxMenu | typeof d.IxMenuAbout | typeof d.IxMenuAboutItem | typeof d.IxMenuAboutNews | typeof d.IxMenuAvatar | typeof d.IxMenuAvatarItem | typeof d.IxMenuCategory | typeof d.IxMenuItem | typeof d.IxMenuSettings | typeof d.IxMenuSettingsItem | typeof d.IxMessageBar | typeof d.IxModal | typeof d.IxModalContent | typeof d.IxModalExample | typeof d.IxModalFooter | typeof d.IxModalHeader | typeof d.IxPagination | typeof d.IxPane | typeof d.IxPaneLayout | typeof d.IxPill | typeof d.IxPushCard | typeof d.IxRow | typeof d.IxSelect | typeof d.IxSelectItem | typeof d.IxSlider | typeof d.IxSpinner | typeof d.IxSplitButton | typeof d.IxSplitButtonItem | typeof d.IxTabItem | typeof d.IxTabs | typeof d.IxTile | typeof d.IxTimePicker | typeof d.IxToast | typeof d.IxToastContainer | typeof d.IxToggle | typeof d.IxToggleButton | typeof d.IxTooltip | typeof d.IxTreeItem | typeof d.IxTypography | typeof d.IxUpload | typeof d.IxValidationTooltip | typeof d.IxWorkflowStep | typeof d.IxWorkflowSteps)[];
+export declare const DIRECTIVES: (typeof d.IxActionCard | typeof d.IxApplication | typeof d.IxApplicationHeader | typeof d.IxAvatar | typeof d.IxBasicNavigation | typeof d.IxBlind | typeof d.IxBreadcrumb | typeof d.IxBreadcrumbItem | typeof d.IxButton | typeof d.IxCard | typeof d.IxCardAccordion | typeof d.IxCardContent | typeof d.IxCardList | typeof d.IxCardTitle | typeof d.IxCategoryFilter | typeof d.IxCheckbox | typeof d.IxCheckboxGroup | typeof d.IxChip | typeof d.IxCol | typeof d.IxContent | typeof d.IxContentHeader | typeof d.IxCustomField | typeof d.IxDateDropdown | typeof d.IxDateInput | typeof d.IxDatePicker | typeof d.IxDatetimePicker | typeof d.IxDivider | typeof d.IxDrawer | typeof d.IxDropdown | typeof d.IxDropdownButton | typeof d.IxDropdownHeader | typeof d.IxDropdownItem | typeof d.IxDropdownQuickActions | typeof d.IxEmptyState | typeof d.IxEventList | typeof d.IxEventListItem | typeof d.IxExpandingSearch | typeof d.IxFieldLabel | typeof d.IxFilterChip | typeof d.IxFlipTile | typeof d.IxFlipTileContent | typeof d.IxGroup | typeof d.IxGroupContextMenu | typeof d.IxGroupItem | typeof d.IxHelperText | typeof d.IxIconButton | typeof d.IxIconToggleButton | typeof d.IxInput | typeof d.IxInputGroup | typeof d.IxKeyValue | typeof d.IxKeyValueList | typeof d.IxKpi | typeof d.IxLayoutAuto | typeof d.IxLayoutGrid | typeof d.IxLinkButton | typeof d.IxMapNavigation | typeof d.IxMapNavigationOverlay | typeof d.IxMenu | typeof d.IxMenuAbout | typeof d.IxMenuAboutItem | typeof d.IxMenuAboutNews | typeof d.IxMenuAvatar | typeof d.IxMenuAvatarItem | typeof d.IxMenuCategory | typeof d.IxMenuItem | typeof d.IxMenuSettings | typeof d.IxMenuSettingsItem | typeof d.IxMessageBar | typeof d.IxModal | typeof d.IxModalContent | typeof d.IxModalFooter | typeof d.IxModalHeader | typeof d.IxNumberInput | typeof d.IxPagination | typeof d.IxPane | typeof d.IxPaneLayout | typeof d.IxPill | typeof d.IxPushCard | typeof d.IxRadio | typeof d.IxRadioGroup | typeof d.IxRow | typeof d.IxSelect | typeof d.IxSelectItem | typeof d.IxSlider | typeof d.IxSpinner | typeof d.IxSplitButton | typeof d.IxSplitButtonItem | typeof d.IxTabItem | typeof d.IxTabs | typeof d.IxTextarea | typeof d.IxTile | typeof d.IxTimePicker | typeof d.IxToast | typeof d.IxToastContainer | typeof d.IxToggle | typeof d.IxToggleButton | typeof d.IxTooltip | typeof d.IxTreeItem | typeof d.IxTypography | typeof d.IxUpload | typeof d.IxValidationTooltip | typeof d.IxWorkflowStep | typeof d.IxWorkflowSteps)[];

package/esm2020/app-initialize.mjs

@@ -17,9 +17,9 @@ export const appInitialize = (doc) => {
                 return;
             }
             didInitialize = true;
-            defineCustomElements();
             await iconsDefineCustomElements();
+            defineCustomElements();
         }
     };
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWluaXRpYWxpemUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvYXBwLWluaXRpYWxpemUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7R0FPRztBQUVILE9BQU8sRUFBRSxvQkFBb0IsSUFBSSx5QkFBeUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzdGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRTFELElBQUksYUFBYSxHQUFHLEtBQUssQ0FBQztBQUUxQixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsQ0FBQyxHQUFhLEVBQUUsRUFBRTtJQUM3QyxPQUFPLEtBQUssSUFBSSxFQUFFO1FBQ2hCLE1BQU0sR0FBRyxHQUF1QixHQUFHLENBQUMsV0FBa0IsQ0FBQztRQUN2RCxJQUFJLEdBQUcsSUFBSSxPQUFRLE1BQWMsS0FBSyxXQUFXLEVBQUU7WUFDakQsSUFBSSxhQUFhLEVBQUU7Z0JBQ2pCLE9BQU87YUFDUjtZQUVELGFBQWEsR0FBRyxJQUFJLENBQUM7WUFFckIsb0JBQW9CLEVBQUUsQ0FBQztZQUN2QixNQUFNLHlCQUF5QixFQUFFLENBQUM7U0FDbkM7SUFDSCxDQUFDLENBQUM7QUFDSixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogU1BEWC1GaWxlQ29weXJpZ2h0VGV4dDogMjAyNCBTaWVtZW5zIEFHXG4gKlxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIE1JVCBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICovXG5cbmltcG9ydCB7IGRlZmluZUN1c3RvbUVsZW1lbnRzIGFzIGljb25zRGVmaW5lQ3VzdG9tRWxlbWVudHMgfSBmcm9tICdAc2llbWVucy9peC1pY29ucy9sb2FkZXInO1xuaW1wb3J0IHsgZGVmaW5lQ3VzdG9tRWxlbWVudHMgfSBmcm9tICdAc2llbWVucy9peC9sb2FkZXInO1xuXG5sZXQgZGlkSW5pdGlhbGl6ZSA9IGZhbHNlO1xuXG5leHBvcnQgY29uc3QgYXBwSW5pdGlhbGl6ZSA9IChkb2M6IERvY3VtZW50KSA9PiB7XG4gIHJldHVybiBhc3luYyAoKSA9PiB7XG4gICAgY29uc3Qgd2luOiBXaW5kb3cgfCB1bmRlZmluZWQgPSBkb2MuZGVmYXVsdFZpZXcgYXMgYW55O1xuICAgIGlmICh3aW4gJiYgdHlwZW9mICh3aW5kb3cgYXMgYW55KSAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgIGlmIChkaWRJbml0aWFsaXplKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgZGlkSW5pdGlhbGl6ZSA9IHRydWU7XG5cbiAgICAgIGRlZmluZUN1c3RvbUVsZW1lbnRzKCk7XG4gICAgICBhd2FpdCBpY29uc0RlZmluZUN1c3RvbUVsZW1lbnRzKCk7XG4gICAgfVxuICB9O1xufTtcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWluaXRpYWxpemUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvYXBwLWluaXRpYWxpemUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7R0FPRztBQUVILE9BQU8sRUFBRSxvQkFBb0IsSUFBSSx5QkFBeUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzdGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRTFELElBQUksYUFBYSxHQUFHLEtBQUssQ0FBQztBQUUxQixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsQ0FBQyxHQUFhLEVBQUUsRUFBRTtJQUM3QyxPQUFPLEtBQUssSUFBSSxFQUFFO1FBQ2hCLE1BQU0sR0FBRyxHQUF1QixHQUFHLENBQUMsV0FBa0IsQ0FBQztRQUN2RCxJQUFJLEdBQUcsSUFBSSxPQUFRLE1BQWMsS0FBSyxXQUFXLEVBQUU7WUFDakQsSUFBSSxhQUFhLEVBQUU7Z0JBQ2pCLE9BQU87YUFDUjtZQUVELGFBQWEsR0FBRyxJQUFJLENBQUM7WUFFckIsTUFBTSx5QkFBeUIsRUFBRSxDQUFDO1lBQ2xDLG9CQUFvQixFQUFFLENBQUM7U0FDeEI7SUFDSCxDQUFDLENBQUM7QUFDSixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogU1BEWC1GaWxlQ29weXJpZ2h0VGV4dDogMjAyNCBTaWVtZW5zIEFHXG4gKlxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIE1JVCBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICovXG5cbmltcG9ydCB7IGRlZmluZUN1c3RvbUVsZW1lbnRzIGFzIGljb25zRGVmaW5lQ3VzdG9tRWxlbWVudHMgfSBmcm9tICdAc2llbWVucy9peC1pY29ucy9sb2FkZXInO1xuaW1wb3J0IHsgZGVmaW5lQ3VzdG9tRWxlbWVudHMgfSBmcm9tICdAc2llbWVucy9peC9sb2FkZXInO1xuXG5sZXQgZGlkSW5pdGlhbGl6ZSA9IGZhbHNlO1xuXG5leHBvcnQgY29uc3QgYXBwSW5pdGlhbGl6ZSA9IChkb2M6IERvY3VtZW50KSA9PiB7XG4gIHJldHVybiBhc3luYyAoKSA9PiB7XG4gICAgY29uc3Qgd2luOiBXaW5kb3cgfCB1bmRlZmluZWQgPSBkb2MuZGVmYXVsdFZpZXcgYXMgYW55O1xuICAgIGlmICh3aW4gJiYgdHlwZW9mICh3aW5kb3cgYXMgYW55KSAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgIGlmIChkaWRJbml0aWFsaXplKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgZGlkSW5pdGlhbGl6ZSA9IHRydWU7XG5cbiAgICAgIGF3YWl0IGljb25zRGVmaW5lQ3VzdG9tRWxlbWVudHMoKTtcbiAgICAgIGRlZmluZUN1c3RvbUVsZW1lbnRzKCk7XG4gICAgfVxuICB9O1xufTtcbiJdfQ==