@siemens/ix-angular 0.0.0-pr-1724-20250305102750 → 0.0.0-pr-1974-20250624072317

package/components.d.ts

@@ -15,35 +15,36 @@ 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": "heading"; "icon": "icon"; "selected": "selected"; "subheading": "subheading"; "variant": "variant"; }, {}, 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>;
 }
 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": "appSwitchConfig"; "breakpoints": "breakpoints"; "forceBreakpoint": "forceBreakpoint"; "theme": "theme"; "themeSystemAppearance": "themeSystemAppearance"; }, {}, 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>;
 }
 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": "name"; "showMenu": "showMenu"; }, {}, 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,28 +54,28 @@ 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": "extra"; "image": "image"; "initials": "initials"; "username": "username"; }, {}, 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>;
 }
 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": "applicationName"; "breakpoints": "breakpoints"; "forceBreakpoint": "forceBreakpoint"; "hideHeader": "hideHeader"; }, {}, 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>;
 }
 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": "collapsed"; "icon": "icon"; "label": "label"; "sublabel": "sublabel"; "variant": "variant"; }, {}, 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>;
 }
 export declare interface IxBlind extends Components.IxBlind {
     /**
@@ -84,10 +85,10 @@ 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": "ariaLabelPreviousButton"; "ghost": "ghost"; "nextItems": "nextItems"; "visibleItemCount": "visibleItemCount"; }, {}, 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>;
 }
 export declare interface IxBreadcrumb extends Components.IxBreadcrumb {
     /**
@@ -104,55 +105,55 @@ 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": "icon"; "label": "label"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxBreadcrumbItem, "ix-breadcrumb-item", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 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": "disabled"; "ghost": "ghost"; "icon": "icon"; "loading": "loading"; "outline": "outline"; "type": "type"; "variant": "variant"; }, {}, 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": "selected"; "variant": "variant"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxCard, "ix-card", never, { "selected": { "alias": "selected"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 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": "collapse"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxCardAccordion, "ix-card-accordion", never, { "collapse": { "alias": "collapse"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 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, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxCardContent, "ix-card-content", never, {}, {}, never, ["*"], false, never>;
 }
 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": "collapse"; "hideShowAll": "hideShowAll"; "i18nMoreCards": "i18nMoreCards"; "i18nShowAll": "i18nShowAll"; "label": "label"; "listStyle": "listStyle"; "showAllCount": "showAllCount"; "suppressOverflowHandling": "suppressOverflowHandling"; }, {}, 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>;
 }
 export declare interface IxCardList extends Components.IxCardList {
     /**
@@ -174,19 +175,19 @@ 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, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxCardTitle, "ix-card-title", never, {}, {}, never, ["*"], false, never>;
 }
 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": "categories"; "disabled": "disabled"; "filterState": "filterState"; "hideIcon": "hideIcon"; "i18nPlainText": "i18nPlainText"; "icon": "icon"; "labelCategories": "labelCategories"; "nonSelectableCategories": "nonSelectableCategories"; "placeholder": "placeholder"; "readonly": "readonly"; "repeatCategories": "repeatCategories"; "staticOperator": "staticOperator"; "suggestions": "suggestions"; }, {}, 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>;
 }
 export declare interface IxCategoryFilter extends Components.IxCategoryFilter {
     /**
@@ -208,10 +209,10 @@ 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": "checked"; "disabled": "disabled"; "indeterminate": "indeterminate"; "label": "label"; "name": "name"; "required": "required"; "value": "value"; }, {}, 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>;
 }
 export declare interface IxCheckbox extends Components.IxCheckbox {
     /**
@@ -222,53 +223,57 @@ 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": "direction"; "helperText": "helperText"; "infoText": "infoText"; "invalidText": "invalidText"; "label": "label"; "showTextAsTooltip": "showTextAsTooltip"; "validText": "validText"; "warningText": "warningText"; }, {}, 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>;
 }
 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": "active"; "background": "background"; "chipColor": "chipColor"; "closable": "closable"; "color": "color"; "icon": "icon"; "outline": "outline"; "tooltipText": "tooltipText"; "variant": "variant"; }, {}, 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": "size"; "sizeLg": "sizeLg"; "sizeMd": "sizeMd"; "sizeSm": "sizeSm"; }, {}, 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>;
 }
 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, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxContent, "ix-content", never, {}, {}, never, ["*"], false, never>;
 }
 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": "hasBackButton"; "headerSubtitle": "headerSubtitle"; "headerTitle": "headerTitle"; "variant": "variant"; }, {}, 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>;
 }
 export declare interface IxContentHeader extends Components.IxContentHeader {
     /**
@@ -278,19 +283,19 @@ 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": "helperText"; "infoText": "infoText"; "invalidText": "invalidText"; "label": "label"; "required": "required"; "showTextAsTooltip": "showTextAsTooltip"; "validText": "validText"; "warningText": "warningText"; }, {}, 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>;
 }
 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": "customRangeAllowed"; "dateRangeId": "dateRangeId"; "dateRangeOptions": "dateRangeOptions"; "disabled": "disabled"; "format": "format"; "from": "from"; "ghost": "ghost"; "i18nCustomItem": "i18nCustomItem"; "i18nDone": "i18nDone"; "i18nNoRange": "i18nNoRange"; "loading": "loading"; "locale": "locale"; "maxDate": "maxDate"; "minDate": "minDate"; "outline": "outline"; "range": "range"; "to": "to"; "variant": "variant"; "weekStartIndex": "weekStartIndex"; }, {}, never, ["*"]>;
+    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": "disabled"; "format": "format"; "helperText": "helperText"; "i18nErrorDateUnparsable": "i18nErrorDateUnparsable"; "infoText": "infoText"; "invalidText": "invalidText"; "label": "label"; "locale": "locale"; "name": "name"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "showTextAsTooltip": "showTextAsTooltip"; "validText": "validText"; "value": "value"; "warningText": "warningText"; }, {}, never, ["*"]>;
+    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,73 +325,63 @@ 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": "corners"; "eventDelimiter": "eventDelimiter"; "format": "format"; "from": "from"; "i18nDone": "i18nDone"; "individual": "individual"; "locale": "locale"; "maxDate": "maxDate"; "minDate": "minDate"; "range": "range"; "textSelectDate": "textSelectDate"; "to": "to"; "weekStartIndex": "weekStartIndex"; }, {}, 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>>;
-    /**
-     * Date selection confirmed via button action @deprecated NOT getting dispatched after 2.0.0. Use `dateSelect`.
-     */
-    done: EventEmitter<CustomEvent<string>>;
 }
 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": "dateFormat"; "eventDelimiter": "eventDelimiter"; "from": "from"; "i18nDone": "i18nDone"; "locale": "locale"; "maxDate": "maxDate"; "minDate": "minDate"; "range": "range"; "showHour": "showHour"; "showMinutes": "showMinutes"; "showSeconds": "showSeconds"; "showTimeReference": "showTimeReference"; "textSelectDate": "textSelectDate"; "time": "time"; "timeFormat": "timeFormat"; "timeReference": "timeReference"; "to": "to"; "weekStartIndex": "weekStartIndex"; }, {}, 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 {
     /**
-     * Done event
-  
-  Set `doneEventDelimiter` to null or undefine to get the typed event @deprecated Use `this.dateChange`
-     */
-    done: EventEmitter<CustomEvent<string>>;
-    /**
-     * 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, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDivider, "ix-divider", never, {}, {}, never, ["*"], false, never>;
 }
 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": "closeOnClickOutside"; "fullHeight": "fullHeight"; "maxWidth": "maxWidth"; "minWidth": "minWidth"; "show": "show"; "width": "width"; }, {}, 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>;
 }
 export declare interface IxDrawer extends Components.IxDrawer {
     /**
@@ -400,10 +395,10 @@ 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": "anchor"; "closeBehavior": "closeBehavior"; "header": "header"; "placement": "placement"; "positioningStrategy": "positioningStrategy"; "show": "show"; "suppressAutomaticPlacement": "suppressAutomaticPlacement"; "trigger": "trigger"; }, {}, 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>;
 }
 export declare interface IxDropdown extends Components.IxDropdown {
     /**
@@ -413,46 +408,46 @@ 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": "closeBehavior"; "disabled": "disabled"; "ghost": "ghost"; "icon": "icon"; "label": "label"; "outline": "outline"; "placement": "placement"; "variant": "variant"; }, {}, 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>;
 }
 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": "label"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdownHeader, "ix-dropdown-header", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 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": "checked"; "disabled": "disabled"; "hover": "hover"; "icon": "icon"; "label": "label"; }, {}, 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>;
 }
 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, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdownQuickActions, "ix-dropdown-quick-actions", never, {}, {}, never, ["*"], false, never>;
 }
 export declare interface IxDropdownQuickActions extends Components.IxDropdownQuickActions {
 }
 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": "action"; "header": "header"; "icon": "icon"; "layout": "layout"; "subHeader": "subHeader"; }, {}, 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>;
 }
 export declare interface IxEmptyState extends Components.IxEmptyState {
     /**
@@ -462,19 +457,19 @@ 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": "animated"; "chevron": "chevron"; "compact": "compact"; "itemHeight": "itemHeight"; }, {}, 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>;
 }
 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": "chevron"; "color": "color"; "disabled": "disabled"; "itemColor": "itemColor"; "selected": "selected"; }, {}, 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>;
 }
 export declare interface IxEventListItem extends Components.IxEventListItem {
     /**
@@ -484,10 +479,10 @@ 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": "fullWidth"; "ghost": "ghost"; "icon": "icon"; "outline": "outline"; "placeholder": "placeholder"; "value": "value"; "variant": "variant"; }, {}, 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>;
 }
 export declare interface IxExpandingSearch extends Components.IxExpandingSearch {
     /**
@@ -497,19 +492,19 @@ 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": "htmlFor"; "required": "required"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxFieldLabel, "ix-field-label", never, { "htmlFor": { "alias": "htmlFor"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 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": "disabled"; "readonly": "readonly"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxFilterChip, "ix-filter-chip", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxFilterChip extends Components.IxFilterChip {
     /**
@@ -519,10 +514,10 @@ 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": "height"; "index": "index"; "state": "state"; "width": "width"; }, {}, 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>;
 }
 export declare interface IxFlipTile extends Components.IxFlipTile {
     /**
@@ -532,19 +527,19 @@ 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, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxFlipTileContent, "ix-flip-tile-content", never, {}, {}, never, ["*"], false, never>;
 }
 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": "collapsed"; "expandOnHeaderClick": "expandOnHeaderClick"; "header": "header"; "index": "index"; "selected": "selected"; "subHeader": "subHeader"; "suppressHeaderSelection": "suppressHeaderSelection"; }, {}, 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>;
 }
 export declare interface IxGroup extends Components.IxGroup {
     /**
@@ -562,19 +557,19 @@ 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, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxGroupContextMenu, "ix-group-context-menu", never, {}, {}, never, ["*"], false, never>;
 }
 export declare interface IxGroupContextMenu extends Components.IxGroupContextMenu {
 }
 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": "focusable"; "icon": "icon"; "index": "index"; "secondaryText": "secondaryText"; "selected": "selected"; "suppressSelection": "suppressSelection"; "text": "text"; }, {}, 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>;
 }
 export declare interface IxGroupItem extends Components.IxGroupItem {
     /**
@@ -584,28 +579,28 @@ 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": "helperText"; "htmlFor": "htmlFor"; "infoText": "infoText"; "invalidText": "invalidText"; "validText": "validText"; "warningText": "warningText"; }, {}, 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>;
 }
 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": "a11yLabel"; "color": "color"; "disabled": "disabled"; "ghost": "ghost"; "icon": "icon"; "iconColor": "iconColor"; "loading": "loading"; "outline": "outline"; "oval": "oval"; "size": "size"; "type": "type"; "variant": "variant"; }, {}, 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>;
 }
 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": "disabled"; "ghost": "ghost"; "icon": "icon"; "loading": "loading"; "outline": "outline"; "pressed": "pressed"; "size": "size"; "variant": "variant"; }, {}, 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 {
     /**
@@ -615,10 +610,10 @@ 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": "allowedCharactersPattern"; "disabled": "disabled"; "helperText": "helperText"; "infoText": "infoText"; "invalidText": "invalidText"; "label": "label"; "maxLength": "maxLength"; "minLength": "minLength"; "name": "name"; "pattern": "pattern"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "showTextAsTooltip": "showTextAsTooltip"; "type": "type"; "validText": "validText"; "value": "value"; "warningText": "warningText"; }, {}, never, ["*"]>;
+    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>;
 }
 export declare interface IxInput extends Components.IxInput {
     /**
@@ -636,73 +631,73 @@ 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, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxInputGroup, "ix-input-group", never, {}, {}, never, ["*"], false, never>;
 }
 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": "icon"; "label": "label"; "labelPosition": "labelPosition"; "value": "value"; }, {}, 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>;
 }
 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": "striped"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxKeyValueList, "ix-key-value-list", never, { "striped": { "alias": "striped"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 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": "label"; "orientation": "orientation"; "state": "state"; "unit": "unit"; "value": "value"; }, {}, 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>;
 }
 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": "layout"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxLayoutAuto, "ix-layout-auto", never, { "layout": { "alias": "layout"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 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": "columns"; "gap": "gap"; "noMargin": "noMargin"; }, {}, 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>;
 }
 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": "disabled"; "target": "target"; "url": "url"; }, {}, 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>;
 }
 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": "applicationName"; "hideContextMenu": "hideContextMenu"; "navigationTitle": "navigationTitle"; }, {}, 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>;
 }
 export declare interface IxMapNavigation extends Components.IxMapNavigation {
     /**
@@ -716,10 +711,10 @@ 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": "color"; "icon": "icon"; "iconColor": "iconColor"; "name": "name"; }, {}, 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>;
 }
 export declare interface IxMapNavigationOverlay extends Components.IxMapNavigationOverlay {
     /**
@@ -729,10 +724,10 @@ 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": "applicationDescription"; "applicationName": "applicationName"; "enableMapExpand": "enableMapExpand"; "enableSettings": "enableSettings"; "enableToggleTheme": "enableToggleTheme"; "expand": "expand"; "i18nCollapse": "i18nCollapse"; "i18nExpand": "i18nExpand"; "i18nExpandSidebar": "i18nExpandSidebar"; "i18nLegal": "i18nLegal"; "i18nSettings": "i18nSettings"; "i18nToggleTheme": "i18nToggleTheme"; "maxVisibleMenuItems": "maxVisibleMenuItems"; "pinned": "pinned"; "showAbout": "showAbout"; "showSettings": "showSettings"; "startExpanded": "startExpanded"; }, {}, 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>;
 }
 export declare interface IxMenu extends Components.IxMenu {
     /**
@@ -758,10 +753,10 @@ 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": "activeTabLabel"; "label": "label"; "show": "show"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAbout, "ix-menu-about", never, { "activeTabLabel": { "alias": "activeTabLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxMenuAbout extends Components.IxMenuAbout {
     /**
@@ -775,10 +770,10 @@ 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": "label"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAboutItem, "ix-menu-about-item", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxMenuAboutItem extends Components.IxMenuAboutItem {
     /**
@@ -788,10 +783,10 @@ 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": "aboutItemLabel"; "expanded": "expanded"; "i18nShowMore": "i18nShowMore"; "label": "label"; "offsetBottom": "offsetBottom"; "show": "show"; }, {}, 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>;
 }
 export declare interface IxMenuAboutNews extends Components.IxMenuAboutNews {
     /**
@@ -805,10 +800,10 @@ 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": "bottom"; "i18nLogout": "i18nLogout"; "image": "image"; "initials": "initials"; "showLogoutButton": "showLogoutButton"; "top": "top"; }, {}, 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>;
 }
 export declare interface IxMenuAvatar extends Components.IxMenuAvatar {
     /**
@@ -818,10 +813,10 @@ 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": "icon"; "label": "label"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAvatarItem, "ix-menu-avatar-item", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxMenuAvatarItem extends Components.IxMenuAvatarItem {
     /**
@@ -831,28 +826,28 @@ 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": "icon"; "label": "label"; "notifications": "notifications"; }, {}, 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>;
 }
 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": "active"; "bottom": "bottom"; "disabled": "disabled"; "home": "home"; "icon": "icon"; "label": "label"; "notifications": "notifications"; "tabIcon": "tabIcon"; }, {}, 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>;
 }
 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": "activeTabLabel"; "label": "label"; "show": "show"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuSettings, "ix-menu-settings", never, { "activeTabLabel": { "alias": "activeTabLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxMenuSettings extends Components.IxMenuSettings {
     /**
@@ -866,10 +861,10 @@ 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": "label"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuSettingsItem, "ix-menu-settings-item", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxMenuSettingsItem extends Components.IxMenuSettingsItem {
     /**
@@ -879,10 +874,10 @@ 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": "dismissible"; "type": "type"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxMessageBar, "ix-message-bar", never, { "dismissible": { "alias": "dismissible"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface IxMessageBar extends Components.IxMessageBar {
     /**
@@ -896,10 +891,10 @@ 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": "animation"; "backdrop": "backdrop"; "beforeDismiss": "beforeDismiss"; "centered": "centered"; "closeOnBackdropClick": "closeOnBackdropClick"; "closeOnEscape": "closeOnEscape"; "keyboard": "keyboard"; "size": "size"; }, {}, 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>;
 }
 export declare interface IxModal extends Components.IxModal {
     /**
@@ -913,28 +908,28 @@ 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, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxModalContent, "ix-modal-content", never, {}, {}, never, ["*"], false, never>;
 }
 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, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxModalFooter, "ix-modal-footer", never, {}, {}, never, ["*"], false, never>;
 }
 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": "hideClose"; "icon": "icon"; "iconColor": "iconColor"; }, {}, 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>;
 }
 export declare interface IxModalHeader extends Components.IxModalHeader {
     /**
@@ -945,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": "allowedCharactersPattern"; "disabled": "disabled"; "helperText": "helperText"; "infoText": "infoText"; "invalidText": "invalidText"; "label": "label"; "max": "max"; "min": "min"; "name": "name"; "pattern": "pattern"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "showStepperButtons": "showStepperButtons"; "showTextAsTooltip": "showTextAsTooltip"; "validText": "validText"; "value": "value"; "warningText": "warningText"; }, {}, never, ["*"]>;
+    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 {
     /**
@@ -966,10 +961,10 @@ 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": "advanced"; "count": "count"; "i18nItems": "i18nItems"; "i18nOf": "i18nOf"; "i18nPage": "i18nPage"; "itemCount": "itemCount"; "selectedPage": "selectedPage"; "showItemCount": "showItemCount"; }, {}, 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>;
 }
 export declare interface IxPagination extends Components.IxPagination {
     /**
@@ -983,10 +978,10 @@ 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": "borderless"; "composition": "composition"; "expanded": "expanded"; "heading": "heading"; "hideOnCollapse": "hideOnCollapse"; "icon": "icon"; "size": "size"; "variant": "variant"; }, {}, 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>;
 }
 export declare interface IxPane extends Components.IxPane {
     /**
@@ -1004,37 +999,46 @@ 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": "borderless"; "layout": "layout"; "variant": "variant"; }, {}, 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>;
 }
 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": "alignLeft"; "background": "background"; "color": "color"; "icon": "icon"; "outline": "outline"; "pillColor": "pillColor"; "tooltipText": "tooltipText"; "variant": "variant"; }, {}, 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": "collapse"; "heading": "heading"; "icon": "icon"; "notification": "notification"; "subheading": "subheading"; "variant": "variant"; }, {}, 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>;
 }
 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": "checked"; "disabled": "disabled"; "label": "label"; "name": "name"; "value": "value"; }, {}, 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 {
     /**
@@ -1045,13 +1049,17 @@ 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": "direction"; "helperText": "helperText"; "infoText": "infoText"; "invalidText": "invalidText"; "label": "label"; "showTextAsTooltip": "showTextAsTooltip"; "validText": "validText"; "value": "value"; "warningText": "warningText"; }, {}, 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>;
 }
 export declare interface IxRadioGroup extends Components.IxRadioGroup {
     /**
@@ -1061,31 +1069,27 @@ 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, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxRow, "ix-row", never, {}, {}, never, ["*"], false, never>;
 }
 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": "allowClear"; "disabled": "disabled"; "dropdownMaxWidth": "dropdownMaxWidth"; "dropdownWidth": "dropdownWidth"; "editable": "editable"; "helperText": "helperText"; "hideListHeader": "hideListHeader"; "i18nNoMatches": "i18nNoMatches"; "i18nPlaceholder": "i18nPlaceholder"; "i18nPlaceholderEditable": "i18nPlaceholderEditable"; "i18nSelectListHeader": "i18nSelectListHeader"; "infoText": "infoText"; "invalidText": "invalidText"; "label": "label"; "mode": "mode"; "name": "name"; "readonly": "readonly"; "required": "required"; "selectedIndices": "selectedIndices"; "showTextAsTooltip": "showTextAsTooltip"; "validText": "validText"; "value": "value"; "warningText": "warningText"; }, {}, never, ["*"]>;
+    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[]>>;
     /**
-     * Item selection changed @deprecated since 2.0.0. Use `valueChange` instead.
-     */
-    itemSelectionChange: EventEmitter<CustomEvent<string[]>>;
-    /**
-     * Event dispatched whenever the text input changes. @since 2.0.0
+     * Event dispatched whenever the text input changes.
      */
     inputChange: EventEmitter<CustomEvent<string>>;
     /**
@@ -1099,10 +1103,10 @@ 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": "label"; "selected": "selected"; "value": "value"; }, {}, 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>;
 }
 export declare interface IxSelectItem extends Components.IxSelectItem {
     /**
@@ -1112,29 +1116,29 @@ 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": "disabled"; "error": "error"; "marker": "marker"; "max": "max"; "min": "min"; "step": "step"; "trace": "trace"; "traceReference": "traceReference"; "value": "value"; }, {}, 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>;
 }
 export declare interface IxSlider extends Components.IxSlider {
     valueChange: EventEmitter<CustomEvent<number>>;
 }
 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": "size"; "variant": "variant"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IxSpinner, "ix-spinner", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 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": "closeBehavior"; "disabled": "disabled"; "ghost": "ghost"; "icon": "icon"; "label": "label"; "outline": "outline"; "placement": "placement"; "splitIcon": "splitIcon"; "variant": "variant"; }, {}, 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>;
 }
 export declare interface IxSplitButton extends Components.IxSplitButton {
     /**
@@ -1142,51 +1146,38 @@ export declare interface IxSplitButton extends Components.IxSplitButton {
      */
     buttonClick: EventEmitter<CustomEvent<MouseEvent>>;
 }
-export declare class IxSplitButtonItem {
-    protected z: NgZone;
-    protected el: HTMLElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IxSplitButtonItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IxSplitButtonItem, "ix-split-button-item", never, { "icon": "icon"; "label": "label"; }, {}, never, ["*"]>;
-}
-export declare interface IxSplitButtonItem extends Components.IxSplitButtonItem {
-    /**
-     * Dropdown item clicked
-     */
-    itemClick: EventEmitter<CustomEvent<MouseEvent>>;
-}
 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": "counter"; "disabled": "disabled"; "icon": "icon"; "layout": "layout"; "placement": "placement"; "rounded": "rounded"; "selected": "selected"; "small": "small"; }, {}, 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": "layout"; "placement": "placement"; "rounded": "rounded"; "selected": "selected"; "small": "small"; }, {}, 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": "disabled"; "helperText": "helperText"; "infoText": "infoText"; "invalidText": "invalidText"; "label": "label"; "maxLength": "maxLength"; "minLength": "minLength"; "name": "name"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "resizeBehavior": "resizeBehavior"; "showTextAsTooltip": "showTextAsTooltip"; "textareaCols": "textareaCols"; "textareaHeight": "textareaHeight"; "textareaRows": "textareaRows"; "textareaWidth": "textareaWidth"; "validText": "validText"; "value": "value"; "warningText": "warningText"; }, {}, never, ["*"]>;
+    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>;
 }
 export declare interface IxTextarea extends Components.IxTextarea {
     /**
@@ -1204,29 +1195,42 @@ 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": "size"; }, {}, 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": "corners"; "format": "format"; "individual": "individual"; "showHour": "showHour"; "showMinutes": "showMinutes"; "showSeconds": "showSeconds"; "showTimeReference": "showTimeReference"; "standaloneAppearance": "standaloneAppearance"; "textSelectTime": "textSelectTime"; "textTime": "textTime"; "time": "time"; "timeReference": "timeReference"; }, {}, 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 {
     /**
      * Time event
      */
     timeSelect: EventEmitter<CustomEvent<string>>;
-    /**
-     * Time event @deprecated Will be removed in 3.0.0. Use `time-select` event.
-     */
-    done: EventEmitter<CustomEvent<string>>;
     /**
      * Time change event
      */
@@ -1234,10 +1238,10 @@ 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": "autoClose"; "autoCloseDelay": "autoCloseDelay"; "icon": "icon"; "iconColor": "iconColor"; "toastTitle": "toastTitle"; "type": "type"; }, {}, 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>;
 }
 export declare interface IxToast extends Components.IxToast {
     /**
@@ -1247,32 +1251,36 @@ 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": "containerClass"; "containerId": "containerId"; "position": "position"; }, {}, 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>;
 }
 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": "checked"; "disabled": "disabled"; "hideText": "hideText"; "indeterminate": "indeterminate"; "name": "name"; "required": "required"; "textIndeterminate": "textIndeterminate"; "textOff": "textOff"; "textOn": "textOn"; "value": "value"; }, {}, 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>;
 }
 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": "disabled"; "ghost": "ghost"; "icon": "icon"; "loading": "loading"; "outline": "outline"; "pressed": "pressed"; "variant": "variant"; }, {}, 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>;
 }
 export declare interface IxToggleButton extends Components.IxToggleButton {
     /**
@@ -1282,19 +1290,19 @@ 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": "for"; "interactive": "interactive"; "placement": "placement"; "titleContent": "titleContent"; }, {}, 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>;
 }
 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": "context"; "hasChildren": "hasChildren"; "text": "text"; }, {}, 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>;
 }
 export declare interface IxTreeItem extends Components.IxTreeItem {
     /**
@@ -1308,19 +1316,19 @@ 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": "bold"; "color": "color"; "format": "format"; "textColor": "textColor"; "textDecoration": "textDecoration"; }, {}, 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>;
 }
 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": "accept"; "disabled": "disabled"; "i18nUploadDisabled": "i18nUploadDisabled"; "i18nUploadFile": "i18nUploadFile"; "loadingText": "loadingText"; "multiline": "multiline"; "multiple": "multiple"; "selectFileText": "selectFileText"; "state": "state"; "uploadFailedText": "uploadFailedText"; "uploadSuccessText": "uploadSuccessText"; }, {}, 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>;
 }
 export declare interface IxUpload extends Components.IxUpload {
     /**
@@ -1330,28 +1338,28 @@ 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": "message"; "placement": "placement"; "suppressAutomaticPlacement": "suppressAutomaticPlacement"; }, {}, 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>;
 }
 export declare interface IxValidationTooltip extends Components.IxValidationTooltip {
 }
 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": "clickable"; "disabled": "disabled"; "selected": "selected"; "status": "status"; "vertical": "vertical"; }, {}, 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>;
 }
 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": "clickable"; "selectedIndex": "selectedIndex"; "vertical": "vertical"; }, {}, 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>;
 }
 export declare interface IxWorkflowSteps extends Components.IxWorkflowSteps {
     /**