@siemens/ix-angular 0.0.0-pr-1642-20250313082857 → 0.0.0-pr-1974-20250627114851

package/components.d.ts

@@ -15,10 +15,11 @@ import type { ExpandedChangedEvent as IIxPaneExpandedChangedEvent } from '@sieme
 import type { VariantChangedEvent as IIxPaneVariantChangedEvent } from '@siemens/ix';
 import type { BorderlessChangedEvent as IIxPaneBorderlessChangedEvent } from '@siemens/ix';
 import type { TabClickDetail as IIxTabItemTabClickDetail } from '@siemens/ix';
+import type { TimeInputValidityState as IIxTimeInputTimeInputValidityState } from '@siemens/ix';
 import * as i0 from "@angular/core";
 export declare class IxActionCard {
     protected z: NgZone;
-    protected el: HTMLElement;
+    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, { "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, ["*"], false, never>;
@@ -27,7 +28,7 @@ export declare interface IxActionCard extends Components.IxActionCard {
 }
 export declare class IxApplication {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxApplicationElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxApplication, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxApplication, "ix-application", never, { "appSwitchConfig": { "alias": "appSwitchConfig"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "forceBreakpoint": { "alias": "forceBreakpoint"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "themeSystemAppearance": { "alias": "themeSystemAppearance"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -36,14 +37,14 @@ export declare interface IxApplication extends Components.IxApplication {
 }
 export declare class IxApplicationHeader {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxApplicationHeaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxApplicationHeader, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxApplicationHeader, "ix-application-header", never, { "name": { "alias": "name"; "required": false; }; "showMenu": { "alias": "showMenu"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxApplicationHeader extends Components.IxApplicationHeader {
     /**
-     * Event emitted when the menu toggle button is clicked @since 2.5.0
+     * Event emitted when the menu toggle button is clicked
      */
     menuToggle: EventEmitter<CustomEvent<boolean>>;
     /**
@@ -53,7 +54,7 @@ export declare interface IxApplicationHeader extends Components.IxApplicationHea
 }
 export declare class IxAvatar {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxAvatarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxAvatar, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxAvatar, "ix-avatar", never, { "extra": { "alias": "extra"; "required": false; }; "image": { "alias": "image"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "username": { "alias": "username"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -62,7 +63,7 @@ export declare interface IxAvatar extends Components.IxAvatar {
 }
 export declare class IxBasicNavigation {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxBasicNavigationElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxBasicNavigation, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxBasicNavigation, "ix-basic-navigation", never, { "applicationName": { "alias": "applicationName"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "forceBreakpoint": { "alias": "forceBreakpoint"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -71,7 +72,7 @@ export declare interface IxBasicNavigation extends Components.IxBasicNavigation
 }
 export declare class IxBlind {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxBlindElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxBlind, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxBlind, "ix-blind", never, { "collapsed": { "alias": "collapsed"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "sublabel": { "alias": "sublabel"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -84,7 +85,7 @@ export declare interface IxBlind extends Components.IxBlind {
 }
 export declare class IxBreadcrumb {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxBreadcrumbElement;
     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; }; "ghost": { "alias": "ghost"; "required": false; }; "nextItems": { "alias": "nextItems"; "required": false; }; "visibleItemCount": { "alias": "visibleItemCount"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -104,7 +105,7 @@ export declare interface IxBreadcrumb extends Components.IxBreadcrumb {
 }
 export declare class IxBreadcrumbItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxBreadcrumbItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxBreadcrumbItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxBreadcrumbItem, "ix-breadcrumb-item", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -113,16 +114,16 @@ export declare interface IxBreadcrumbItem extends Components.IxBreadcrumbItem {
 }
 export declare class IxButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxButton, "ix-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxButton, "ix-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxButton extends Components.IxButton {
 }
 export declare class IxCard {
     protected z: NgZone;
-    protected el: HTMLElement;
+    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, ["*"], false, never>;
@@ -131,7 +132,7 @@ export declare interface IxCard extends Components.IxCard {
 }
 export declare class IxCardAccordion {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxCardAccordionElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCardAccordion, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxCardAccordion, "ix-card-accordion", never, { "collapse": { "alias": "collapse"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -140,7 +141,7 @@ export declare interface IxCardAccordion extends Components.IxCardAccordion {
 }
 export declare class IxCardContent {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxCardContentElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCardContent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxCardContent, "ix-card-content", never, {}, {}, never, ["*"], false, never>;
@@ -149,7 +150,7 @@ export declare interface IxCardContent extends Components.IxCardContent {
 }
 export declare class IxCardList {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxCardListElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCardList, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxCardList, "ix-card-list", never, { "collapse": { "alias": "collapse"; "required": false; }; "hideShowAll": { "alias": "hideShowAll"; "required": false; }; "i18nMoreCards": { "alias": "i18nMoreCards"; "required": false; }; "i18nShowAll": { "alias": "i18nShowAll"; "required": false; }; "label": { "alias": "label"; "required": false; }; "listStyle": { "alias": "listStyle"; "required": false; }; "showAllCount": { "alias": "showAllCount"; "required": false; }; "suppressOverflowHandling": { "alias": "suppressOverflowHandling"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -174,7 +175,7 @@ export declare interface IxCardList extends Components.IxCardList {
 }
 export declare class IxCardTitle {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxCardTitleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCardTitle, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxCardTitle, "ix-card-title", never, {}, {}, never, ["*"], false, never>;
@@ -183,7 +184,7 @@ export declare interface IxCardTitle extends Components.IxCardTitle {
 }
 export declare class IxCategoryFilter {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxCategoryFilterElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCategoryFilter, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxCategoryFilter, "ix-category-filter", never, { "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; }; "repeatCategories": { "alias": "repeatCategories"; "required": false; }; "staticOperator": { "alias": "staticOperator"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -208,7 +209,7 @@ export declare interface IxCategoryFilter extends Components.IxCategoryFilter {
 }
 export declare class IxCheckbox {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxCheckboxElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCheckbox, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxCheckbox, "ix-checkbox", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -222,10 +223,14 @@ export declare interface IxCheckbox extends Components.IxCheckbox {
      * Event emitted when the value of the checkbox changes
      */
     valueChange: EventEmitter<CustomEvent<string>>;
+    /**
+     * Event emitted when the checkbox is blurred
+     */
+    ixBlur: EventEmitter<CustomEvent<void>>;
 }
 export declare class IxCheckboxGroup {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxCheckboxGroupElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCheckboxGroup, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxCheckboxGroup, "ix-checkbox-group", never, { "direction": { "alias": "direction"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -234,20 +239,20 @@ export declare interface IxCheckboxGroup extends Components.IxCheckboxGroup {
 }
 export declare class IxChip {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxChipElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxChip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxChip, "ix-chip", never, { "active": { "alias": "active"; "required": false; }; "background": { "alias": "background"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxChip, "ix-chip", never, { "active": { "alias": "active"; "required": false; }; "background": { "alias": "background"; "required": false; }; "centerContent": { "alias": "centerContent"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxChip extends Components.IxChip {
     /**
-     * Fire event if close button is clicked @since 1.5.0
+     * Fire event if close button is clicked
      */
     closeChip: EventEmitter<CustomEvent<any>>;
 }
 export declare class IxCol {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxColElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCol, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxCol, "ix-col", never, { "size": { "alias": "size"; "required": false; }; "sizeLg": { "alias": "sizeLg"; "required": false; }; "sizeMd": { "alias": "sizeMd"; "required": false; }; "sizeSm": { "alias": "sizeSm"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -256,7 +261,7 @@ export declare interface IxCol extends Components.IxCol {
 }
 export declare class IxContent {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxContentElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxContent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxContent, "ix-content", never, {}, {}, never, ["*"], false, never>;
@@ -265,7 +270,7 @@ export declare interface IxContent extends Components.IxContent {
 }
 export declare class IxContentHeader {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxContentHeaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxContentHeader, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxContentHeader, "ix-content-header", never, { "hasBackButton": { "alias": "hasBackButton"; "required": false; }; "headerSubtitle": { "alias": "headerSubtitle"; "required": false; }; "headerTitle": { "alias": "headerTitle"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -278,7 +283,7 @@ export declare interface IxContentHeader extends Components.IxContentHeader {
 }
 export declare class IxCustomField {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxCustomFieldElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCustomField, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxCustomField, "ix-custom-field", never, { "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -287,10 +292,10 @@ export declare interface IxCustomField extends Components.IxCustomField {
 }
 export declare class IxDateDropdown {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDateDropdownElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDateDropdown, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxDateDropdown, "ix-date-dropdown", never, { "customRangeAllowed": { "alias": "customRangeAllowed"; "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; }; "ghost": { "alias": "ghost"; "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; }; "outline": { "alias": "outline"; "required": false; }; "range": { "alias": "range"; "required": false; }; "to": { "alias": "to"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "weekStartIndex": { "alias": "weekStartIndex"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDateDropdown, "ix-date-dropdown", never, { "customRangeAllowed": { "alias": "customRangeAllowed"; "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; }; "ghost": { "alias": "ghost"; "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; }; "outline": { "alias": "outline"; "required": false; }; "range": { "alias": "range"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "to": { "alias": "to"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "weekStartIndex": { "alias": "weekStartIndex"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxDateDropdown extends Components.IxDateDropdown {
     /**
@@ -303,16 +308,16 @@ export declare interface IxDateDropdown extends Components.IxDateDropdown {
 }
 export declare class IxDateInput {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDateInputElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDateInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxDateInput, "ix-date-input", never, { "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; }; "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; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDateInput, "ix-date-input", never, { "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; }; "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; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxDateInput extends Components.IxDateInput {
     /**
      * Input change event.
      */
-    valueChange: EventEmitter<CustomEvent<string>>;
+    valueChange: EventEmitter<CustomEvent<string | undefined>>;
     /**
      * Validation state change event.
      */
@@ -320,51 +325,51 @@ export declare interface IxDateInput extends Components.IxDateInput {
 }
 export declare class IxDatePicker {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDatePickerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDatePicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxDatePicker, "ix-date-picker", never, { "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; }; "range": { "alias": "range"; "required": false; }; "to": { "alias": "to"; "required": false; }; "weekStartIndex": { "alias": "weekStartIndex"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDatePicker, "ix-date-picker", never, { "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; }; "range": { "alias": "range"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "to": { "alias": "to"; "required": false; }; "weekStartIndex": { "alias": "weekStartIndex"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxDatePicker extends Components.IxDatePicker {
     /**
      * Triggers if the date selection changes.
-  Note: Since 2.0.0 `dateChange` does not dispatch detail property as `string` @since 2.1.0
+  Note: Since 2.0.0 `dateChange` does not dispatch detail property as `string`
      */
     dateChange: EventEmitter<CustomEvent<IIxDatePickerDateChangeEvent>>;
     /**
      * Triggers if the date selection changes.
-  Only triggered if date-picker-rework is in range mode. @since 2.1.0
+  Only triggered if date-picker-rework is in range mode.
      */
     dateRangeChange: EventEmitter<CustomEvent<IIxDatePickerDateChangeEvent>>;
     /**
-     * Date selection confirmed via button action @since 1.1.0
+     * Date selection confirmed via button action
      */
     dateSelect: EventEmitter<CustomEvent<IIxDatePickerDateChangeEvent>>;
 }
 export declare class IxDatetimePicker {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDatetimePickerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDatetimePicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxDatetimePicker, "ix-datetime-picker", never, { "dateFormat": { "alias": "dateFormat"; "required": false; }; "from": { "alias": "from"; "required": false; }; "i18nDone": { "alias": "i18nDone"; "required": false; }; "i18nTime": { "alias": "i18nTime"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "range": { "alias": "range"; "required": false; }; "showHour": { "alias": "showHour"; "required": false; }; "showMinutes": { "alias": "showMinutes"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "showTimeReference": { "alias": "showTimeReference"; "required": false; }; "time": { "alias": "time"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "timeReference": { "alias": "timeReference"; "required": false; }; "to": { "alias": "to"; "required": false; }; "weekStartIndex": { "alias": "weekStartIndex"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDatetimePicker, "ix-datetime-picker", never, { "dateFormat": { "alias": "dateFormat"; "required": false; }; "from": { "alias": "from"; "required": false; }; "i18nDone": { "alias": "i18nDone"; "required": false; }; "i18nTime": { "alias": "i18nTime"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "range": { "alias": "range"; "required": false; }; "showHour": { "alias": "showHour"; "required": false; }; "showMinutes": { "alias": "showMinutes"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "showTimeReference": { "alias": "showTimeReference"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "time": { "alias": "time"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "timeReference": { "alias": "timeReference"; "required": false; }; "to": { "alias": "to"; "required": false; }; "weekStartIndex": { "alias": "weekStartIndex"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxDatetimePicker extends Components.IxDatetimePicker {
     /**
-     * Time change @since 1.1.0
+     * Time change
      */
     timeChange: EventEmitter<CustomEvent<string>>;
     /**
-     * Date change @since 1.1.0
+     * Date change
      */
     dateChange: EventEmitter<CustomEvent<IIxDatetimePickerDateTimeDateChangeEvent>>;
     /**
-     * Datetime selection event is fired after confirm button is pressed @since 1.1.0
+     * Datetime selection event is fired after confirm button is pressed
      */
     dateSelect: EventEmitter<CustomEvent<IIxDatetimePickerDateTimeSelectEvent>>;
 }
 export declare class IxDivider {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDividerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDivider, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxDivider, "ix-divider", never, {}, {}, never, ["*"], false, never>;
@@ -373,7 +378,7 @@ export declare interface IxDivider extends Components.IxDivider {
 }
 export declare class IxDrawer {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDrawerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDrawer, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxDrawer, "ix-drawer", never, { "closeOnClickOutside": { "alias": "closeOnClickOutside"; "required": false; }; "fullHeight": { "alias": "fullHeight"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "show": { "alias": "show"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -390,7 +395,7 @@ export declare interface IxDrawer extends Components.IxDrawer {
 }
 export declare class IxDropdown {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDropdownElement;
     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; }; }, {}, never, ["*"], false, never>;
@@ -403,7 +408,7 @@ export declare interface IxDropdown extends Components.IxDropdown {
 }
 export declare class IxDropdownButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    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, { "closeBehavior": { "alias": "closeBehavior"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -412,7 +417,7 @@ export declare interface IxDropdownButton extends Components.IxDropdownButton {
 }
 export declare class IxDropdownHeader {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDropdownHeaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDropdownHeader, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdownHeader, "ix-dropdown-header", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -421,7 +426,7 @@ export declare interface IxDropdownHeader extends Components.IxDropdownHeader {
 }
 export declare class IxDropdownItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDropdownItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDropdownItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdownItem, "ix-dropdown-item", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hover": { "alias": "hover"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -430,7 +435,7 @@ export declare interface IxDropdownItem extends Components.IxDropdownItem {
 }
 export declare class IxDropdownQuickActions {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDropdownQuickActionsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDropdownQuickActions, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdownQuickActions, "ix-dropdown-quick-actions", never, {}, {}, never, ["*"], false, never>;
@@ -439,7 +444,7 @@ export declare interface IxDropdownQuickActions extends Components.IxDropdownQui
 }
 export declare class IxEmptyState {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxEmptyStateElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxEmptyState, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxEmptyState, "ix-empty-state", never, { "action": { "alias": "action"; "required": false; }; "header": { "alias": "header"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "subHeader": { "alias": "subHeader"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -452,7 +457,7 @@ export declare interface IxEmptyState extends Components.IxEmptyState {
 }
 export declare class IxEventList {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxEventListElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxEventList, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxEventList, "ix-event-list", never, { "animated": { "alias": "animated"; "required": false; }; "chevron": { "alias": "chevron"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -461,7 +466,7 @@ export declare interface IxEventList extends Components.IxEventList {
 }
 export declare class IxEventListItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxEventListItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxEventListItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxEventListItem, "ix-event-list-item", never, { "chevron": { "alias": "chevron"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "itemColor": { "alias": "itemColor"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -474,7 +479,7 @@ export declare interface IxEventListItem extends Components.IxEventListItem {
 }
 export declare class IxExpandingSearch {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxExpandingSearchElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxExpandingSearch, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxExpandingSearch, "ix-expanding-search", never, { "fullWidth": { "alias": "fullWidth"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -487,7 +492,7 @@ export declare interface IxExpandingSearch extends Components.IxExpandingSearch
 }
 export declare class IxFieldLabel {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxFieldLabelElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxFieldLabel, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxFieldLabel, "ix-field-label", never, { "htmlFor": { "alias": "htmlFor"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -496,7 +501,7 @@ export declare interface IxFieldLabel extends Components.IxFieldLabel {
 }
 export declare class IxFilterChip {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxFilterChipElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxFilterChip, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxFilterChip, "ix-filter-chip", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -509,7 +514,7 @@ export declare interface IxFilterChip extends Components.IxFilterChip {
 }
 export declare class IxFlipTile {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxFlipTileElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxFlipTile, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxFlipTile, "ix-flip-tile", never, { "height": { "alias": "height"; "required": false; }; "index": { "alias": "index"; "required": false; }; "state": { "alias": "state"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -522,7 +527,7 @@ export declare interface IxFlipTile extends Components.IxFlipTile {
 }
 export declare class IxFlipTileContent {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxFlipTileContentElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxFlipTileContent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxFlipTileContent, "ix-flip-tile-content", never, {}, {}, never, ["*"], false, never>;
@@ -531,7 +536,7 @@ export declare interface IxFlipTileContent extends Components.IxFlipTileContent
 }
 export declare class IxGroup {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxGroupElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxGroup, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxGroup, "ix-group", never, { "collapsed": { "alias": "collapsed"; "required": false; }; "expandOnHeaderClick": { "alias": "expandOnHeaderClick"; "required": false; }; "header": { "alias": "header"; "required": false; }; "index": { "alias": "index"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "subHeader": { "alias": "subHeader"; "required": false; }; "suppressHeaderSelection": { "alias": "suppressHeaderSelection"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -552,7 +557,7 @@ export declare interface IxGroup extends Components.IxGroup {
 }
 export declare class IxGroupContextMenu {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxGroupContextMenuElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxGroupContextMenu, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxGroupContextMenu, "ix-group-context-menu", never, {}, {}, never, ["*"], false, never>;
@@ -561,7 +566,7 @@ export declare interface IxGroupContextMenu extends Components.IxGroupContextMen
 }
 export declare class IxGroupItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxGroupItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxGroupItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxGroupItem, "ix-group-item", never, { "focusable": { "alias": "focusable"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "index": { "alias": "index"; "required": false; }; "secondaryText": { "alias": "secondaryText"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "suppressSelection": { "alias": "suppressSelection"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -574,7 +579,7 @@ export declare interface IxGroupItem extends Components.IxGroupItem {
 }
 export declare class IxHelperText {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxHelperTextElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxHelperText, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxHelperText, "ix-helper-text", never, { "helperText": { "alias": "helperText"; "required": false; }; "htmlFor": { "alias": "htmlFor"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -583,7 +588,7 @@ export declare interface IxHelperText extends Components.IxHelperText {
 }
 export declare class IxIconButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxIconButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxIconButton, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxIconButton, "ix-icon-button", never, { "a11yLabel": { "alias": "a11yLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "oval": { "alias": "oval"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -592,10 +597,10 @@ export declare interface IxIconButton extends Components.IxIconButton {
 }
 export declare class IxIconToggleButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxIconToggleButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxIconToggleButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxIconToggleButton, "ix-icon-toggle-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxIconToggleButton, "ix-icon-toggle-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "oval": { "alias": "oval"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxIconToggleButton extends Components.IxIconToggleButton {
     /**
@@ -605,7 +610,7 @@ export declare interface IxIconToggleButton extends Components.IxIconToggleButto
 }
 export declare class IxInput {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxInputElement;
     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; }; "type": { "alias": "type"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -626,7 +631,7 @@ export declare interface IxInput extends Components.IxInput {
 }
 export declare class IxInputGroup {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxInputGroupElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxInputGroup, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxInputGroup, "ix-input-group", never, {}, {}, never, ["*"], false, never>;
@@ -635,7 +640,7 @@ export declare interface IxInputGroup extends Components.IxInputGroup {
 }
 export declare class IxKeyValue {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxKeyValueElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxKeyValue, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxKeyValue, "ix-key-value", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -644,7 +649,7 @@ export declare interface IxKeyValue extends Components.IxKeyValue {
 }
 export declare class IxKeyValueList {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxKeyValueListElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxKeyValueList, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxKeyValueList, "ix-key-value-list", never, { "striped": { "alias": "striped"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -653,7 +658,7 @@ export declare interface IxKeyValueList extends Components.IxKeyValueList {
 }
 export declare class IxKpi {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxKpiElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxKpi, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxKpi, "ix-kpi", never, { "label": { "alias": "label"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "state": { "alias": "state"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -662,7 +667,7 @@ export declare interface IxKpi extends Components.IxKpi {
 }
 export declare class IxLayoutAuto {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxLayoutAutoElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxLayoutAuto, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxLayoutAuto, "ix-layout-auto", never, { "layout": { "alias": "layout"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -671,7 +676,7 @@ export declare interface IxLayoutAuto extends Components.IxLayoutAuto {
 }
 export declare class IxLayoutGrid {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxLayoutGridElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxLayoutGrid, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxLayoutGrid, "ix-layout-grid", never, { "columns": { "alias": "columns"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "noMargin": { "alias": "noMargin"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -680,7 +685,7 @@ export declare interface IxLayoutGrid extends Components.IxLayoutGrid {
 }
 export declare class IxLinkButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxLinkButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxLinkButton, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxLinkButton, "ix-link-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "target": { "alias": "target"; "required": false; }; "url": { "alias": "url"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -689,7 +694,7 @@ export declare interface IxLinkButton extends Components.IxLinkButton {
 }
 export declare class IxMapNavigation {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMapNavigationElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMapNavigation, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMapNavigation, "ix-map-navigation", never, { "applicationName": { "alias": "applicationName"; "required": false; }; "hideContextMenu": { "alias": "hideContextMenu"; "required": false; }; "navigationTitle": { "alias": "navigationTitle"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -706,7 +711,7 @@ export declare interface IxMapNavigation extends Components.IxMapNavigation {
 }
 export declare class IxMapNavigationOverlay {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMapNavigationOverlayElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMapNavigationOverlay, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMapNavigationOverlay, "ix-map-navigation-overlay", never, { "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -719,7 +724,7 @@ export declare interface IxMapNavigationOverlay extends Components.IxMapNavigati
 }
 export declare class IxMenu {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMenuElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenu, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMenu, "ix-menu", never, { "applicationDescription": { "alias": "applicationDescription"; "required": false; }; "applicationName": { "alias": "applicationName"; "required": false; }; "enableSettings": { "alias": "enableSettings"; "required": false; }; "enableToggleTheme": { "alias": "enableToggleTheme"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "i18nCollapse": { "alias": "i18nCollapse"; "required": false; }; "i18nExpand": { "alias": "i18nExpand"; "required": false; }; "i18nExpandSidebar": { "alias": "i18nExpandSidebar"; "required": false; }; "i18nLegal": { "alias": "i18nLegal"; "required": false; }; "i18nSettings": { "alias": "i18nSettings"; "required": false; }; "i18nToggleTheme": { "alias": "i18nToggleTheme"; "required": false; }; "pinned": { "alias": "pinned"; "required": false; }; "showAbout": { "alias": "showAbout"; "required": false; }; "showSettings": { "alias": "showSettings"; "required": false; }; "startExpanded": { "alias": "startExpanded"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -748,7 +753,7 @@ export declare interface IxMenu extends Components.IxMenu {
 }
 export declare class IxMenuAbout {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMenuAboutElement;
     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; }; }, {}, never, ["*"], false, never>;
@@ -765,7 +770,7 @@ export declare interface IxMenuAbout extends Components.IxMenuAbout {
 }
 export declare class IxMenuAboutItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMenuAboutItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuAboutItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAboutItem, "ix-menu-about-item", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -778,7 +783,7 @@ export declare interface IxMenuAboutItem extends Components.IxMenuAboutItem {
 }
 export declare class IxMenuAboutNews {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMenuAboutNewsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuAboutNews, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAboutNews, "ix-menu-about-news", never, { "aboutItemLabel": { "alias": "aboutItemLabel"; "required": false; }; "i18nShowMore": { "alias": "i18nShowMore"; "required": false; }; "label": { "alias": "label"; "required": false; }; "offsetBottom": { "alias": "offsetBottom"; "required": false; }; "show": { "alias": "show"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -795,7 +800,7 @@ export declare interface IxMenuAboutNews extends Components.IxMenuAboutNews {
 }
 export declare class IxMenuAvatar {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMenuAvatarElement;
     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; }; "i18nLogout": { "alias": "i18nLogout"; "required": false; }; "image": { "alias": "image"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "showLogoutButton": { "alias": "showLogoutButton"; "required": false; }; "top": { "alias": "top"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -808,7 +813,7 @@ export declare interface IxMenuAvatar extends Components.IxMenuAvatar {
 }
 export declare class IxMenuAvatarItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMenuAvatarItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuAvatarItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAvatarItem, "ix-menu-avatar-item", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -821,7 +826,7 @@ export declare interface IxMenuAvatarItem extends Components.IxMenuAvatarItem {
 }
 export declare class IxMenuCategory {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMenuCategoryElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuCategory, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuCategory, "ix-menu-category", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "notifications": { "alias": "notifications"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -830,7 +835,7 @@ export declare interface IxMenuCategory extends Components.IxMenuCategory {
 }
 export declare class IxMenuItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMenuItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuItem, "ix-menu-item", never, { "active": { "alias": "active"; "required": false; }; "bottom": { "alias": "bottom"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "home": { "alias": "home"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "notifications": { "alias": "notifications"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -839,7 +844,7 @@ export declare interface IxMenuItem extends Components.IxMenuItem {
 }
 export declare class IxMenuSettings {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMenuSettingsElement;
     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; }; }, {}, never, ["*"], false, never>;
@@ -856,7 +861,7 @@ export declare interface IxMenuSettings extends Components.IxMenuSettings {
 }
 export declare class IxMenuSettingsItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMenuSettingsItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuSettingsItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuSettingsItem, "ix-menu-settings-item", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -869,7 +874,7 @@ export declare interface IxMenuSettingsItem extends Components.IxMenuSettingsIte
 }
 export declare class IxMessageBar {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMessageBarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMessageBar, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMessageBar, "ix-message-bar", never, { "dismissible": { "alias": "dismissible"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -886,7 +891,7 @@ export declare interface IxMessageBar extends Components.IxMessageBar {
 }
 export declare class IxModal {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxModalElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxModal, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxModal, "ix-modal", never, { "animation": { "alias": "animation"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "beforeDismiss": { "alias": "beforeDismiss"; "required": false; }; "centered": { "alias": "centered"; "required": false; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -903,7 +908,7 @@ export declare interface IxModal extends Components.IxModal {
 }
 export declare class IxModalContent {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxModalContentElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxModalContent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxModalContent, "ix-modal-content", never, {}, {}, never, ["*"], false, never>;
@@ -912,7 +917,7 @@ export declare interface IxModalContent extends Components.IxModalContent {
 }
 export declare class IxModalFooter {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxModalFooterElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxModalFooter, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxModalFooter, "ix-modal-footer", never, {}, {}, never, ["*"], false, never>;
@@ -921,7 +926,7 @@ export declare interface IxModalFooter extends Components.IxModalFooter {
 }
 export declare class IxModalHeader {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxModalHeaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxModalHeader, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxModalHeader, "ix-modal-header", never, { "hideClose": { "alias": "hideClose"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -935,10 +940,10 @@ export declare interface IxModalHeader extends Components.IxModalHeader {
 }
 export declare class IxNumberInput {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxNumberInputElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxNumberInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxNumberInput, "ix-number-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; }; "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; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxNumberInput, "ix-number-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; }; "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; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxNumberInput extends Components.IxNumberInput {
     /**
@@ -956,7 +961,7 @@ export declare interface IxNumberInput extends Components.IxNumberInput {
 }
 export declare class IxPagination {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxPaginationElement;
     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; }; "count": { "alias": "count"; "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; }; "showItemCount": { "alias": "showItemCount"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -973,7 +978,7 @@ export declare interface IxPagination extends Components.IxPagination {
 }
 export declare class IxPane {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxPaneElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxPane, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxPane, "ix-pane", never, { "borderless": { "alias": "borderless"; "required": false; }; "composition": { "alias": "composition"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "hideOnCollapse": { "alias": "hideOnCollapse"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -994,7 +999,7 @@ export declare interface IxPane extends Components.IxPane {
 }
 export declare class IxPaneLayout {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxPaneLayoutElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxPaneLayout, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxPaneLayout, "ix-pane-layout", never, { "borderless": { "alias": "borderless"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1003,16 +1008,25 @@ export declare interface IxPaneLayout extends Components.IxPaneLayout {
 }
 export declare class IxPill {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxPillElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxPill, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxPill, "ix-pill", never, { "alignLeft": { "alias": "alignLeft"; "required": false; }; "background": { "alias": "background"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "pillColor": { "alias": "pillColor"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxPill extends Components.IxPill {
 }
+export declare class IxProgressIndicator {
+    protected z: NgZone;
+    protected el: HTMLIxProgressIndicatorElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IxProgressIndicator, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxProgressIndicator, "ix-progress-indicator", never, { "helperText": { "alias": "helperText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "size": { "alias": "size"; "required": false; }; "status": { "alias": "status"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export declare interface IxProgressIndicator extends Components.IxProgressIndicator {
+}
 export declare class IxPushCard {
     protected z: NgZone;
-    protected el: HTMLElement;
+    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, { "collapse": { "alias": "collapse"; "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, ["*"], false, never>;
@@ -1021,10 +1035,10 @@ export declare interface IxPushCard extends Components.IxPushCard {
 }
 export declare class IxRadio {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxRadioElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxRadio, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxRadio, "ix-radio", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxRadio, "ix-radio", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxRadio extends Components.IxRadio {
     /**
@@ -1035,10 +1049,14 @@ export declare interface IxRadio extends Components.IxRadio {
      * Event emitted when the value of the radio changes
      */
     valueChange: EventEmitter<CustomEvent<string>>;
+    /**
+     * Event emitted when the radio is blurred
+     */
+    ixBlur: EventEmitter<CustomEvent<void>>;
 }
 export declare class IxRadioGroup {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxRadioGroupElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxRadioGroup, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxRadioGroup, "ix-radio-group", never, { "direction": { "alias": "direction"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1051,7 +1069,7 @@ export declare interface IxRadioGroup extends Components.IxRadioGroup {
 }
 export declare class IxRow {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxRowElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxRow, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxRow, "ix-row", never, {}, {}, never, ["*"], false, never>;
@@ -1060,18 +1078,18 @@ export declare interface IxRow extends Components.IxRow {
 }
 export declare class IxSelect {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxSelectElement;
     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; }; "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; }; "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; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxSelect extends Components.IxSelect {
     /**
-     * Value changed @since 2.0.0
+     * Value changed
      */
     valueChange: EventEmitter<CustomEvent<string | string[]>>;
     /**
-     * Event dispatched whenever the text input changes. @since 2.0.0
+     * Event dispatched whenever the text input changes.
      */
     inputChange: EventEmitter<CustomEvent<string>>;
     /**
@@ -1085,7 +1103,7 @@ export declare interface IxSelect extends Components.IxSelect {
 }
 export declare class IxSelectItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxSelectItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxSelectItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxSelectItem, "ix-select-item", never, { "label": { "alias": "label"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1098,7 +1116,7 @@ export declare interface IxSelectItem extends Components.IxSelectItem {
 }
 export declare class IxSlider {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxSliderElement;
     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; }; }, {}, never, ["*"], false, never>;
@@ -1108,7 +1126,7 @@ export declare interface IxSlider extends Components.IxSlider {
 }
 export declare class IxSpinner {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxSpinnerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxSpinner, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxSpinner, "ix-spinner", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1117,7 +1135,7 @@ export declare interface IxSpinner extends Components.IxSpinner {
 }
 export declare class IxSplitButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxSplitButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxSplitButton, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxSplitButton, "ix-split-button", never, { "closeBehavior": { "alias": "closeBehavior"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "splitIcon": { "alias": "splitIcon"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1130,33 +1148,33 @@ export declare interface IxSplitButton extends Components.IxSplitButton {
 }
 export declare class IxTabItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxTabItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTabItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxTabItem, "ix-tab-item", never, { "counter": { "alias": "counter"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "small": { "alias": "small"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxTabItem extends Components.IxTabItem {
     /**
-     * Emitted when the tab is clicked. @since 2.0.0
+     * Emitted when the tab is clicked.
      */
     tabClick: EventEmitter<CustomEvent<IIxTabItemTabClickDetail>>;
 }
 export declare class IxTabs {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxTabsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTabs, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxTabs, "ix-tabs", never, { "layout": { "alias": "layout"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "small": { "alias": "small"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxTabs extends Components.IxTabs {
     /**
-     * `selected` property changed @since 2.0.0
+     * `selected` property changed
      */
     selectedChange: EventEmitter<CustomEvent<number>>;
 }
 export declare class IxTextarea {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxTextareaElement;
     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; }; }, {}, never, ["*"], false, never>;
@@ -1177,19 +1195,36 @@ export declare interface IxTextarea extends Components.IxTextarea {
 }
 export declare class IxTile {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxTileElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTile, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxTile, "ix-tile", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxTile extends Components.IxTile {
 }
+export declare class IxTimeInput {
+    protected z: NgZone;
+    protected el: HTMLIxTimeInputElement;
+    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; }; "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; }; "locale": { "alias": "locale"; "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; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export declare interface IxTimeInput extends Components.IxTimeInput {
+    /**
+     * Input change event.
+     */
+    valueChange: EventEmitter<CustomEvent<string>>;
+    /**
+     * Validation state change event.
+     */
+    validityStateChange: EventEmitter<CustomEvent<IIxTimeInputTimeInputValidityState>>;
+}
 export declare class IxTimePicker {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxTimePickerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTimePicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxTimePicker, "ix-time-picker", never, { "corners": { "alias": "corners"; "required": false; }; "format": { "alias": "format"; "required": false; }; "showHour": { "alias": "showHour"; "required": false; }; "showMinutes": { "alias": "showMinutes"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "standaloneAppearance": { "alias": "standaloneAppearance"; "required": false; }; "textSelectTime": { "alias": "textSelectTime"; "required": false; }; "textTime": { "alias": "textTime"; "required": false; }; "time": { "alias": "time"; "required": false; }; "timeReference": { "alias": "timeReference"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxTimePicker, "ix-time-picker", never, { "corners": { "alias": "corners"; "required": false; }; "format": { "alias": "format"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "hourInterval": { "alias": "hourInterval"; "required": false; }; "i18nConfirmTime": { "alias": "i18nConfirmTime"; "required": false; }; "i18nHeader": { "alias": "i18nHeader"; "required": false; }; "i18nHourColumnHeader": { "alias": "i18nHourColumnHeader"; "required": false; }; "i18nMillisecondColumnHeader": { "alias": "i18nMillisecondColumnHeader"; "required": false; }; "i18nMinuteColumnHeader": { "alias": "i18nMinuteColumnHeader"; "required": false; }; "i18nSecondColumnHeader": { "alias": "i18nSecondColumnHeader"; "required": false; }; "millisecondInterval": { "alias": "millisecondInterval"; "required": false; }; "minuteInterval": { "alias": "minuteInterval"; "required": false; }; "secondInterval": { "alias": "secondInterval"; "required": false; }; "showHour": { "alias": "showHour"; "required": false; }; "showMinutes": { "alias": "showMinutes"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "standaloneAppearance": { "alias": "standaloneAppearance"; "required": false; }; "textSelectTime": { "alias": "textSelectTime"; "required": false; }; "textTime": { "alias": "textTime"; "required": false; }; "time": { "alias": "time"; "required": false; }; "timeReference": { "alias": "timeReference"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxTimePicker extends Components.IxTimePicker {
     /**
@@ -1203,7 +1238,7 @@ export declare interface IxTimePicker extends Components.IxTimePicker {
 }
 export declare class IxToast {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxToastElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxToast, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxToast, "ix-toast", never, { "autoClose": { "alias": "autoClose"; "required": false; }; "autoCloseDelay": { "alias": "autoCloseDelay"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "toastTitle": { "alias": "toastTitle"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1216,7 +1251,7 @@ export declare interface IxToast extends Components.IxToast {
 }
 export declare class IxToastContainer {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxToastContainerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxToastContainer, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxToastContainer, "ix-toast-container", never, { "containerClass": { "alias": "containerClass"; "required": false; }; "containerId": { "alias": "containerId"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1225,7 +1260,7 @@ export declare interface IxToastContainer extends Components.IxToastContainer {
 }
 export declare class IxToggle {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxToggle, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxToggle, "ix-toggle", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideText": { "alias": "hideText"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "textIndeterminate": { "alias": "textIndeterminate"; "required": false; }; "textOff": { "alias": "textOff"; "required": false; }; "textOn": { "alias": "textOn"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1235,10 +1270,14 @@ export declare interface IxToggle extends Components.IxToggle {
      * An event will be dispatched each time the slide-toggle changes its value.
      */
     checkedChange: EventEmitter<CustomEvent<boolean>>;
+    /**
+     * An event will be dispatched each time the toggle is blurred.
+     */
+    ixBlur: EventEmitter<CustomEvent<void>>;
 }
 export declare class IxToggleButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxToggleButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxToggleButton, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxToggleButton, "ix-toggle-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1251,7 +1290,7 @@ export declare interface IxToggleButton extends Components.IxToggleButton {
 }
 export declare class IxTooltip {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxTooltipElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTooltip, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxTooltip, "ix-tooltip", never, { "for": { "alias": "for"; "required": false; }; "interactive": { "alias": "interactive"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "titleContent": { "alias": "titleContent"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1260,7 +1299,7 @@ export declare interface IxTooltip extends Components.IxTooltip {
 }
 export declare class IxTreeItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxTreeItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTreeItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxTreeItem, "ix-tree-item", never, { "context": { "alias": "context"; "required": false; }; "hasChildren": { "alias": "hasChildren"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1277,7 +1316,7 @@ export declare interface IxTreeItem extends Components.IxTreeItem {
 }
 export declare class IxTypography {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxTypographyElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTypography, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxTypography, "ix-typography", never, { "bold": { "alias": "bold"; "required": false; }; "format": { "alias": "format"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "textDecoration": { "alias": "textDecoration"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1286,7 +1325,7 @@ export declare interface IxTypography extends Components.IxTypography {
 }
 export declare class IxUpload {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxUploadElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxUpload, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxUpload, "ix-upload", never, { "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "i18nUploadDisabled": { "alias": "i18nUploadDisabled"; "required": false; }; "i18nUploadFile": { "alias": "i18nUploadFile"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "selectFileText": { "alias": "selectFileText"; "required": false; }; "state": { "alias": "state"; "required": false; }; "uploadFailedText": { "alias": "uploadFailedText"; "required": false; }; "uploadSuccessText": { "alias": "uploadSuccessText"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1299,7 +1338,7 @@ export declare interface IxUpload extends Components.IxUpload {
 }
 export declare class IxValidationTooltip {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxValidationTooltipElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxValidationTooltip, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxValidationTooltip, "ix-validation-tooltip", never, { "message": { "alias": "message"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "suppressAutomaticPlacement": { "alias": "suppressAutomaticPlacement"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1308,7 +1347,7 @@ export declare interface IxValidationTooltip extends Components.IxValidationTool
 }
 export declare class IxWorkflowStep {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxWorkflowStepElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxWorkflowStep, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxWorkflowStep, "ix-workflow-step", never, { "clickable": { "alias": "clickable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "status": { "alias": "status"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1317,7 +1356,7 @@ export declare interface IxWorkflowStep extends Components.IxWorkflowStep {
 }
 export declare class IxWorkflowSteps {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxWorkflowStepsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxWorkflowSteps, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxWorkflowSteps, "ix-workflow-steps", never, { "clickable": { "alias": "clickable"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, ["*"], false, never>;