npm - @siemens/ix-angular - Versions diffs - 3.0.0-alpha.1 → 3.0.0-alpha.3 - Mend

@siemens/ix-angular 3.0.0-alpha.1 → 3.0.0-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (45) hide show

package/components.d.ts CHANGED Viewed

@@ -18,7 +18,7 @@ import type { TabClickDetail as IIxTabItemTabClickDetail } from '@siemens/ix';
 import * as i0 from "@angular/core";
 export declare class IxActionCard {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxActionCardElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxActionCard, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxActionCard, "ix-action-card", never, { "heading": { "alias": "heading"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "subheading": { "alias": "subheading"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -27,7 +27,7 @@ export declare interface IxActionCard extends Components.IxActionCard {
 }
 export declare class IxApplication {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxApplicationElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxApplication, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxApplication, "ix-application", never, { "appSwitchConfig": { "alias": "appSwitchConfig"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "forceBreakpoint": { "alias": "forceBreakpoint"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "themeSystemAppearance": { "alias": "themeSystemAppearance"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -36,7 +36,7 @@ export declare interface IxApplication extends Components.IxApplication {
 }
 export declare class IxApplicationHeader {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxApplicationHeaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxApplicationHeader, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxApplicationHeader, "ix-application-header", never, { "name": { "alias": "name"; "required": false; }; "showMenu": { "alias": "showMenu"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -53,7 +53,7 @@ export declare interface IxApplicationHeader extends Components.IxApplicationHea
 }
 export declare class IxAvatar {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxAvatarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxAvatar, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxAvatar, "ix-avatar", never, { "extra": { "alias": "extra"; "required": false; }; "image": { "alias": "image"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "username": { "alias": "username"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -62,7 +62,7 @@ export declare interface IxAvatar extends Components.IxAvatar {
 }
 export declare class IxBasicNavigation {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxBasicNavigationElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxBasicNavigation, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxBasicNavigation, "ix-basic-navigation", never, { "applicationName": { "alias": "applicationName"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "forceBreakpoint": { "alias": "forceBreakpoint"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -71,7 +71,7 @@ export declare interface IxBasicNavigation extends Components.IxBasicNavigation
 }
 export declare class IxBlind {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxBlindElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxBlind, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxBlind, "ix-blind", never, { "collapsed": { "alias": "collapsed"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "sublabel": { "alias": "sublabel"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -84,7 +84,7 @@ export declare interface IxBlind extends Components.IxBlind {
 }
 export declare class IxBreadcrumb {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxBreadcrumbElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxBreadcrumb, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxBreadcrumb, "ix-breadcrumb", never, { "ariaLabelPreviousButton": { "alias": "ariaLabelPreviousButton"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "nextItems": { "alias": "nextItems"; "required": false; }; "visibleItemCount": { "alias": "visibleItemCount"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -104,7 +104,7 @@ export declare interface IxBreadcrumb extends Components.IxBreadcrumb {
 }
 export declare class IxBreadcrumbItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxBreadcrumbItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxBreadcrumbItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxBreadcrumbItem, "ix-breadcrumb-item", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -113,7 +113,7 @@ export declare interface IxBreadcrumbItem extends Components.IxBreadcrumbItem {
 }
 export declare class IxButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxButton, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxButton, "ix-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -122,7 +122,7 @@ export declare interface IxButton extends Components.IxButton {
 }
 export declare class IxCard {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxCardElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCard, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxCard, "ix-card", never, { "selected": { "alias": "selected"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -131,7 +131,7 @@ export declare interface IxCard extends Components.IxCard {
 }
 export declare class IxCardAccordion {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxCardAccordionElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCardAccordion, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxCardAccordion, "ix-card-accordion", never, { "collapse": { "alias": "collapse"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -140,7 +140,7 @@ export declare interface IxCardAccordion extends Components.IxCardAccordion {
 }
 export declare class IxCardContent {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxCardContentElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCardContent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxCardContent, "ix-card-content", never, {}, {}, never, ["*"], false, never>;
@@ -149,7 +149,7 @@ export declare interface IxCardContent extends Components.IxCardContent {
 }
 export declare class IxCardList {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxCardListElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCardList, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxCardList, "ix-card-list", never, { "collapse": { "alias": "collapse"; "required": false; }; "hideShowAll": { "alias": "hideShowAll"; "required": false; }; "i18nMoreCards": { "alias": "i18nMoreCards"; "required": false; }; "i18nShowAll": { "alias": "i18nShowAll"; "required": false; }; "label": { "alias": "label"; "required": false; }; "listStyle": { "alias": "listStyle"; "required": false; }; "showAllCount": { "alias": "showAllCount"; "required": false; }; "suppressOverflowHandling": { "alias": "suppressOverflowHandling"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -174,7 +174,7 @@ export declare interface IxCardList extends Components.IxCardList {
 }
 export declare class IxCardTitle {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxCardTitleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCardTitle, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxCardTitle, "ix-card-title", never, {}, {}, never, ["*"], false, never>;
@@ -183,7 +183,7 @@ export declare interface IxCardTitle extends Components.IxCardTitle {
 }
 export declare class IxCategoryFilter {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxCategoryFilterElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCategoryFilter, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxCategoryFilter, "ix-category-filter", never, { "categories": { "alias": "categories"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "filterState": { "alias": "filterState"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "i18nPlainText": { "alias": "i18nPlainText"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "labelCategories": { "alias": "labelCategories"; "required": false; }; "nonSelectableCategories": { "alias": "nonSelectableCategories"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "repeatCategories": { "alias": "repeatCategories"; "required": false; }; "staticOperator": { "alias": "staticOperator"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -208,7 +208,7 @@ export declare interface IxCategoryFilter extends Components.IxCategoryFilter {
 }
 export declare class IxCheckbox {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxCheckboxElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCheckbox, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxCheckbox, "ix-checkbox", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -225,7 +225,7 @@ export declare interface IxCheckbox extends Components.IxCheckbox {
 }
 export declare class IxCheckboxGroup {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxCheckboxGroupElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCheckboxGroup, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxCheckboxGroup, "ix-checkbox-group", never, { "direction": { "alias": "direction"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -234,7 +234,7 @@ export declare interface IxCheckboxGroup extends Components.IxCheckboxGroup {
 }
 export declare class IxChip {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxChipElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxChip, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxChip, "ix-chip", never, { "active": { "alias": "active"; "required": false; }; "background": { "alias": "background"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -247,7 +247,7 @@ export declare interface IxChip extends Components.IxChip {
 }
 export declare class IxCol {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxColElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCol, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxCol, "ix-col", never, { "size": { "alias": "size"; "required": false; }; "sizeLg": { "alias": "sizeLg"; "required": false; }; "sizeMd": { "alias": "sizeMd"; "required": false; }; "sizeSm": { "alias": "sizeSm"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -256,7 +256,7 @@ export declare interface IxCol extends Components.IxCol {
 }
 export declare class IxContent {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxContentElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxContent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxContent, "ix-content", never, {}, {}, never, ["*"], false, never>;
@@ -265,7 +265,7 @@ export declare interface IxContent extends Components.IxContent {
 }
 export declare class IxContentHeader {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxContentHeaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxContentHeader, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxContentHeader, "ix-content-header", never, { "hasBackButton": { "alias": "hasBackButton"; "required": false; }; "headerSubtitle": { "alias": "headerSubtitle"; "required": false; }; "headerTitle": { "alias": "headerTitle"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -278,7 +278,7 @@ export declare interface IxContentHeader extends Components.IxContentHeader {
 }
 export declare class IxCustomField {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxCustomFieldElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxCustomField, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxCustomField, "ix-custom-field", never, { "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -287,7 +287,7 @@ export declare interface IxCustomField extends Components.IxCustomField {
 }
 export declare class IxDateDropdown {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDateDropdownElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDateDropdown, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxDateDropdown, "ix-date-dropdown", never, { "customRangeAllowed": { "alias": "customRangeAllowed"; "required": false; }; "dateRangeId": { "alias": "dateRangeId"; "required": false; }; "dateRangeOptions": { "alias": "dateRangeOptions"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; "from": { "alias": "from"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "i18nCustomItem": { "alias": "i18nCustomItem"; "required": false; }; "i18nDone": { "alias": "i18nDone"; "required": false; }; "i18nNoRange": { "alias": "i18nNoRange"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "range": { "alias": "range"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "to": { "alias": "to"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "weekStartIndex": { "alias": "weekStartIndex"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -303,7 +303,7 @@ export declare interface IxDateDropdown extends Components.IxDateDropdown {
 }
 export declare class IxDateInput {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDateInputElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDateInput, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxDateInput, "ix-date-input", never, { "disabled": { "alias": "disabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "i18nErrorDateUnparsable": { "alias": "i18nErrorDateUnparsable"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -320,7 +320,7 @@ export declare interface IxDateInput extends Components.IxDateInput {
 }
 export declare class IxDatePicker {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDatePickerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDatePicker, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxDatePicker, "ix-date-picker", never, { "corners": { "alias": "corners"; "required": false; }; "format": { "alias": "format"; "required": false; }; "from": { "alias": "from"; "required": false; }; "i18nDone": { "alias": "i18nDone"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "range": { "alias": "range"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "to": { "alias": "to"; "required": false; }; "weekStartIndex": { "alias": "weekStartIndex"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -343,7 +343,7 @@ export declare interface IxDatePicker extends Components.IxDatePicker {
 }
 export declare class IxDatetimePicker {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDatetimePickerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDatetimePicker, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxDatetimePicker, "ix-datetime-picker", never, { "dateFormat": { "alias": "dateFormat"; "required": false; }; "from": { "alias": "from"; "required": false; }; "i18nDone": { "alias": "i18nDone"; "required": false; }; "i18nTime": { "alias": "i18nTime"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "range": { "alias": "range"; "required": false; }; "showHour": { "alias": "showHour"; "required": false; }; "showMinutes": { "alias": "showMinutes"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "showTimeReference": { "alias": "showTimeReference"; "required": false; }; "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>;
@@ -365,7 +365,7 @@ export declare interface IxDatetimePicker extends Components.IxDatetimePicker {
 }
 export declare class IxDivider {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDividerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDivider, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxDivider, "ix-divider", never, {}, {}, never, ["*"], false, never>;
@@ -374,7 +374,7 @@ export declare interface IxDivider extends Components.IxDivider {
 }
 export declare class IxDrawer {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDrawerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDrawer, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxDrawer, "ix-drawer", never, { "closeOnClickOutside": { "alias": "closeOnClickOutside"; "required": false; }; "fullHeight": { "alias": "fullHeight"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "show": { "alias": "show"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -391,7 +391,7 @@ export declare interface IxDrawer extends Components.IxDrawer {
 }
 export declare class IxDropdown {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDropdownElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDropdown, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdown, "ix-dropdown", never, { "anchor": { "alias": "anchor"; "required": false; }; "closeBehavior": { "alias": "closeBehavior"; "required": false; }; "header": { "alias": "header"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "positioningStrategy": { "alias": "positioningStrategy"; "required": false; }; "show": { "alias": "show"; "required": false; }; "suppressAutomaticPlacement": { "alias": "suppressAutomaticPlacement"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -404,7 +404,7 @@ export declare interface IxDropdown extends Components.IxDropdown {
 }
 export declare class IxDropdownButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDropdownButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDropdownButton, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdownButton, "ix-dropdown-button", never, { "closeBehavior": { "alias": "closeBehavior"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -413,7 +413,7 @@ export declare interface IxDropdownButton extends Components.IxDropdownButton {
 }
 export declare class IxDropdownHeader {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDropdownHeaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDropdownHeader, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdownHeader, "ix-dropdown-header", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -422,7 +422,7 @@ export declare interface IxDropdownHeader extends Components.IxDropdownHeader {
 }
 export declare class IxDropdownItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDropdownItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDropdownItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdownItem, "ix-dropdown-item", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hover": { "alias": "hover"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -431,7 +431,7 @@ export declare interface IxDropdownItem extends Components.IxDropdownItem {
 }
 export declare class IxDropdownQuickActions {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxDropdownQuickActionsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxDropdownQuickActions, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxDropdownQuickActions, "ix-dropdown-quick-actions", never, {}, {}, never, ["*"], false, never>;
@@ -440,7 +440,7 @@ export declare interface IxDropdownQuickActions extends Components.IxDropdownQui
 }
 export declare class IxEmptyState {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxEmptyStateElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxEmptyState, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxEmptyState, "ix-empty-state", never, { "action": { "alias": "action"; "required": false; }; "header": { "alias": "header"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "subHeader": { "alias": "subHeader"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -453,7 +453,7 @@ export declare interface IxEmptyState extends Components.IxEmptyState {
 }
 export declare class IxEventList {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxEventListElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxEventList, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxEventList, "ix-event-list", never, { "animated": { "alias": "animated"; "required": false; }; "chevron": { "alias": "chevron"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -462,7 +462,7 @@ export declare interface IxEventList extends Components.IxEventList {
 }
 export declare class IxEventListItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxEventListItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxEventListItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxEventListItem, "ix-event-list-item", never, { "chevron": { "alias": "chevron"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "itemColor": { "alias": "itemColor"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -475,7 +475,7 @@ export declare interface IxEventListItem extends Components.IxEventListItem {
 }
 export declare class IxExpandingSearch {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxExpandingSearchElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxExpandingSearch, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxExpandingSearch, "ix-expanding-search", never, { "fullWidth": { "alias": "fullWidth"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -488,7 +488,7 @@ export declare interface IxExpandingSearch extends Components.IxExpandingSearch
 }
 export declare class IxFieldLabel {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxFieldLabelElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxFieldLabel, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxFieldLabel, "ix-field-label", never, { "htmlFor": { "alias": "htmlFor"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -497,7 +497,7 @@ export declare interface IxFieldLabel extends Components.IxFieldLabel {
 }
 export declare class IxFilterChip {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxFilterChipElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxFilterChip, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxFilterChip, "ix-filter-chip", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -510,7 +510,7 @@ export declare interface IxFilterChip extends Components.IxFilterChip {
 }
 export declare class IxFlipTile {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxFlipTileElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxFlipTile, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxFlipTile, "ix-flip-tile", never, { "height": { "alias": "height"; "required": false; }; "index": { "alias": "index"; "required": false; }; "state": { "alias": "state"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -523,7 +523,7 @@ export declare interface IxFlipTile extends Components.IxFlipTile {
 }
 export declare class IxFlipTileContent {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxFlipTileContentElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxFlipTileContent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxFlipTileContent, "ix-flip-tile-content", never, {}, {}, never, ["*"], false, never>;
@@ -532,7 +532,7 @@ export declare interface IxFlipTileContent extends Components.IxFlipTileContent
 }
 export declare class IxGroup {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxGroupElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxGroup, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxGroup, "ix-group", never, { "collapsed": { "alias": "collapsed"; "required": false; }; "expandOnHeaderClick": { "alias": "expandOnHeaderClick"; "required": false; }; "header": { "alias": "header"; "required": false; }; "index": { "alias": "index"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "subHeader": { "alias": "subHeader"; "required": false; }; "suppressHeaderSelection": { "alias": "suppressHeaderSelection"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -553,7 +553,7 @@ export declare interface IxGroup extends Components.IxGroup {
 }
 export declare class IxGroupContextMenu {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxGroupContextMenuElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxGroupContextMenu, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxGroupContextMenu, "ix-group-context-menu", never, {}, {}, never, ["*"], false, never>;
@@ -562,7 +562,7 @@ export declare interface IxGroupContextMenu extends Components.IxGroupContextMen
 }
 export declare class IxGroupItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxGroupItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxGroupItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxGroupItem, "ix-group-item", never, { "focusable": { "alias": "focusable"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "index": { "alias": "index"; "required": false; }; "secondaryText": { "alias": "secondaryText"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "suppressSelection": { "alias": "suppressSelection"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -575,7 +575,7 @@ export declare interface IxGroupItem extends Components.IxGroupItem {
 }
 export declare class IxHelperText {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxHelperTextElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxHelperText, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxHelperText, "ix-helper-text", never, { "helperText": { "alias": "helperText"; "required": false; }; "htmlFor": { "alias": "htmlFor"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -584,7 +584,7 @@ export declare interface IxHelperText extends Components.IxHelperText {
 }
 export declare class IxIconButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxIconButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxIconButton, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxIconButton, "ix-icon-button", never, { "a11yLabel": { "alias": "a11yLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "oval": { "alias": "oval"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -593,7 +593,7 @@ export declare interface IxIconButton extends Components.IxIconButton {
 }
 export declare class IxIconToggleButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxIconToggleButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxIconToggleButton, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxIconToggleButton, "ix-icon-toggle-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -606,7 +606,7 @@ export declare interface IxIconToggleButton extends Components.IxIconToggleButto
 }
 export declare class IxInput {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxInputElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxInput, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxInput, "ix-input", never, { "allowedCharactersPattern": { "alias": "allowedCharactersPattern"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "type": { "alias": "type"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -627,7 +627,7 @@ export declare interface IxInput extends Components.IxInput {
 }
 export declare class IxInputGroup {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxInputGroupElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxInputGroup, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxInputGroup, "ix-input-group", never, {}, {}, never, ["*"], false, never>;
@@ -636,7 +636,7 @@ export declare interface IxInputGroup extends Components.IxInputGroup {
 }
 export declare class IxKeyValue {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxKeyValueElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxKeyValue, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxKeyValue, "ix-key-value", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -645,7 +645,7 @@ export declare interface IxKeyValue extends Components.IxKeyValue {
 }
 export declare class IxKeyValueList {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxKeyValueListElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxKeyValueList, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxKeyValueList, "ix-key-value-list", never, { "striped": { "alias": "striped"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -654,7 +654,7 @@ export declare interface IxKeyValueList extends Components.IxKeyValueList {
 }
 export declare class IxKpi {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxKpiElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxKpi, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxKpi, "ix-kpi", never, { "label": { "alias": "label"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "state": { "alias": "state"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -663,7 +663,7 @@ export declare interface IxKpi extends Components.IxKpi {
 }
 export declare class IxLayoutAuto {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxLayoutAutoElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxLayoutAuto, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxLayoutAuto, "ix-layout-auto", never, { "layout": { "alias": "layout"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -672,7 +672,7 @@ export declare interface IxLayoutAuto extends Components.IxLayoutAuto {
 }
 export declare class IxLayoutGrid {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxLayoutGridElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxLayoutGrid, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxLayoutGrid, "ix-layout-grid", never, { "columns": { "alias": "columns"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "noMargin": { "alias": "noMargin"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -681,7 +681,7 @@ export declare interface IxLayoutGrid extends Components.IxLayoutGrid {
 }
 export declare class IxLinkButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxLinkButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxLinkButton, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxLinkButton, "ix-link-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "target": { "alias": "target"; "required": false; }; "url": { "alias": "url"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -690,7 +690,7 @@ export declare interface IxLinkButton extends Components.IxLinkButton {
 }
 export declare class IxMapNavigation {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMapNavigationElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMapNavigation, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMapNavigation, "ix-map-navigation", never, { "applicationName": { "alias": "applicationName"; "required": false; }; "hideContextMenu": { "alias": "hideContextMenu"; "required": false; }; "navigationTitle": { "alias": "navigationTitle"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -707,7 +707,7 @@ export declare interface IxMapNavigation extends Components.IxMapNavigation {
 }
 export declare class IxMapNavigationOverlay {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMapNavigationOverlayElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMapNavigationOverlay, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMapNavigationOverlay, "ix-map-navigation-overlay", never, { "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -720,7 +720,7 @@ export declare interface IxMapNavigationOverlay extends Components.IxMapNavigati
 }
 export declare class IxMenu {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMenuElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenu, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMenu, "ix-menu", never, { "applicationDescription": { "alias": "applicationDescription"; "required": false; }; "applicationName": { "alias": "applicationName"; "required": false; }; "enableSettings": { "alias": "enableSettings"; "required": false; }; "enableToggleTheme": { "alias": "enableToggleTheme"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "i18nCollapse": { "alias": "i18nCollapse"; "required": false; }; "i18nExpand": { "alias": "i18nExpand"; "required": false; }; "i18nExpandSidebar": { "alias": "i18nExpandSidebar"; "required": false; }; "i18nLegal": { "alias": "i18nLegal"; "required": false; }; "i18nSettings": { "alias": "i18nSettings"; "required": false; }; "i18nToggleTheme": { "alias": "i18nToggleTheme"; "required": false; }; "pinned": { "alias": "pinned"; "required": false; }; "showAbout": { "alias": "showAbout"; "required": false; }; "showSettings": { "alias": "showSettings"; "required": false; }; "startExpanded": { "alias": "startExpanded"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -749,7 +749,7 @@ export declare interface IxMenu extends Components.IxMenu {
 }
 export declare class IxMenuAbout {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMenuAboutElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuAbout, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAbout, "ix-menu-about", never, { "activeTabLabel": { "alias": "activeTabLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -766,7 +766,7 @@ export declare interface IxMenuAbout extends Components.IxMenuAbout {
 }
 export declare class IxMenuAboutItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMenuAboutItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuAboutItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAboutItem, "ix-menu-about-item", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -779,7 +779,7 @@ export declare interface IxMenuAboutItem extends Components.IxMenuAboutItem {
 }
 export declare class IxMenuAboutNews {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMenuAboutNewsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuAboutNews, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAboutNews, "ix-menu-about-news", never, { "aboutItemLabel": { "alias": "aboutItemLabel"; "required": false; }; "i18nShowMore": { "alias": "i18nShowMore"; "required": false; }; "label": { "alias": "label"; "required": false; }; "offsetBottom": { "alias": "offsetBottom"; "required": false; }; "show": { "alias": "show"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -796,7 +796,7 @@ export declare interface IxMenuAboutNews extends Components.IxMenuAboutNews {
 }
 export declare class IxMenuAvatar {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMenuAvatarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuAvatar, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAvatar, "ix-menu-avatar", never, { "bottom": { "alias": "bottom"; "required": false; }; "i18nLogout": { "alias": "i18nLogout"; "required": false; }; "image": { "alias": "image"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "showLogoutButton": { "alias": "showLogoutButton"; "required": false; }; "top": { "alias": "top"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -809,7 +809,7 @@ export declare interface IxMenuAvatar extends Components.IxMenuAvatar {
 }
 export declare class IxMenuAvatarItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMenuAvatarItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuAvatarItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuAvatarItem, "ix-menu-avatar-item", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -822,7 +822,7 @@ export declare interface IxMenuAvatarItem extends Components.IxMenuAvatarItem {
 }
 export declare class IxMenuCategory {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMenuCategoryElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuCategory, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuCategory, "ix-menu-category", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "notifications": { "alias": "notifications"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -831,7 +831,7 @@ export declare interface IxMenuCategory extends Components.IxMenuCategory {
 }
 export declare class IxMenuItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMenuItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuItem, "ix-menu-item", never, { "active": { "alias": "active"; "required": false; }; "bottom": { "alias": "bottom"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "home": { "alias": "home"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "notifications": { "alias": "notifications"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -840,7 +840,7 @@ export declare interface IxMenuItem extends Components.IxMenuItem {
 }
 export declare class IxMenuSettings {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMenuSettingsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuSettings, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuSettings, "ix-menu-settings", never, { "activeTabLabel": { "alias": "activeTabLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -857,7 +857,7 @@ export declare interface IxMenuSettings extends Components.IxMenuSettings {
 }
 export declare class IxMenuSettingsItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMenuSettingsItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMenuSettingsItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMenuSettingsItem, "ix-menu-settings-item", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -870,7 +870,7 @@ export declare interface IxMenuSettingsItem extends Components.IxMenuSettingsIte
 }
 export declare class IxMessageBar {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxMessageBarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxMessageBar, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxMessageBar, "ix-message-bar", never, { "dismissible": { "alias": "dismissible"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -887,7 +887,7 @@ export declare interface IxMessageBar extends Components.IxMessageBar {
 }
 export declare class IxModal {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxModalElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxModal, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxModal, "ix-modal", never, { "animation": { "alias": "animation"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "beforeDismiss": { "alias": "beforeDismiss"; "required": false; }; "centered": { "alias": "centered"; "required": false; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -904,7 +904,7 @@ export declare interface IxModal extends Components.IxModal {
 }
 export declare class IxModalContent {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxModalContentElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxModalContent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxModalContent, "ix-modal-content", never, {}, {}, never, ["*"], false, never>;
@@ -913,7 +913,7 @@ export declare interface IxModalContent extends Components.IxModalContent {
 }
 export declare class IxModalFooter {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxModalFooterElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxModalFooter, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxModalFooter, "ix-modal-footer", never, {}, {}, never, ["*"], false, never>;
@@ -922,7 +922,7 @@ export declare interface IxModalFooter extends Components.IxModalFooter {
 }
 export declare class IxModalHeader {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxModalHeaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxModalHeader, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxModalHeader, "ix-modal-header", never, { "hideClose": { "alias": "hideClose"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -936,7 +936,7 @@ export declare interface IxModalHeader extends Components.IxModalHeader {
 }
 export declare class IxNumberInput {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxNumberInputElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxNumberInput, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxNumberInput, "ix-number-input", never, { "allowedCharactersPattern": { "alias": "allowedCharactersPattern"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showStepperButtons": { "alias": "showStepperButtons"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -957,7 +957,7 @@ export declare interface IxNumberInput extends Components.IxNumberInput {
 }
 export declare class IxPagination {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxPaginationElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxPagination, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxPagination, "ix-pagination", never, { "advanced": { "alias": "advanced"; "required": false; }; "count": { "alias": "count"; "required": false; }; "i18nItems": { "alias": "i18nItems"; "required": false; }; "i18nOf": { "alias": "i18nOf"; "required": false; }; "i18nPage": { "alias": "i18nPage"; "required": false; }; "itemCount": { "alias": "itemCount"; "required": false; }; "selectedPage": { "alias": "selectedPage"; "required": false; }; "showItemCount": { "alias": "showItemCount"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -974,7 +974,7 @@ export declare interface IxPagination extends Components.IxPagination {
 }
 export declare class IxPane {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxPaneElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxPane, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxPane, "ix-pane", never, { "borderless": { "alias": "borderless"; "required": false; }; "composition": { "alias": "composition"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "hideOnCollapse": { "alias": "hideOnCollapse"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -995,7 +995,7 @@ export declare interface IxPane extends Components.IxPane {
 }
 export declare class IxPaneLayout {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxPaneLayoutElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxPaneLayout, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxPaneLayout, "ix-pane-layout", never, { "borderless": { "alias": "borderless"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1004,7 +1004,7 @@ export declare interface IxPaneLayout extends Components.IxPaneLayout {
 }
 export declare class IxPill {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxPillElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxPill, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxPill, "ix-pill", never, { "alignLeft": { "alias": "alignLeft"; "required": false; }; "background": { "alias": "background"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "pillColor": { "alias": "pillColor"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1013,7 +1013,7 @@ export declare interface IxPill extends Components.IxPill {
 }
 export declare class IxPushCard {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxPushCardElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxPushCard, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxPushCard, "ix-push-card", never, { "collapse": { "alias": "collapse"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "notification": { "alias": "notification"; "required": false; }; "subheading": { "alias": "subheading"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1022,7 +1022,7 @@ export declare interface IxPushCard extends Components.IxPushCard {
 }
 export declare class IxRadio {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxRadioElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxRadio, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxRadio, "ix-radio", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1039,7 +1039,7 @@ export declare interface IxRadio extends Components.IxRadio {
 }
 export declare class IxRadioGroup {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxRadioGroupElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxRadioGroup, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxRadioGroup, "ix-radio-group", never, { "direction": { "alias": "direction"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1052,7 +1052,7 @@ export declare interface IxRadioGroup extends Components.IxRadioGroup {
 }
 export declare class IxRow {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxRowElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxRow, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxRow, "ix-row", never, {}, {}, never, ["*"], false, never>;
@@ -1061,7 +1061,7 @@ export declare interface IxRow extends Components.IxRow {
 }
 export declare class IxSelect {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxSelectElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxSelect, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxSelect, "ix-select", never, { "allowClear": { "alias": "allowClear"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownMaxWidth": { "alias": "dropdownMaxWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "hideListHeader": { "alias": "hideListHeader"; "required": false; }; "i18nNoMatches": { "alias": "i18nNoMatches"; "required": false; }; "i18nPlaceholder": { "alias": "i18nPlaceholder"; "required": false; }; "i18nPlaceholderEditable": { "alias": "i18nPlaceholderEditable"; "required": false; }; "i18nSelectListHeader": { "alias": "i18nSelectListHeader"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1086,7 +1086,7 @@ export declare interface IxSelect extends Components.IxSelect {
 }
 export declare class IxSelectItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxSelectItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxSelectItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxSelectItem, "ix-select-item", never, { "label": { "alias": "label"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1099,7 +1099,7 @@ export declare interface IxSelectItem extends Components.IxSelectItem {
 }
 export declare class IxSlider {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxSliderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxSlider, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxSlider, "ix-slider", never, { "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "marker": { "alias": "marker"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "trace": { "alias": "trace"; "required": false; }; "traceReference": { "alias": "traceReference"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1109,7 +1109,7 @@ export declare interface IxSlider extends Components.IxSlider {
 }
 export declare class IxSpinner {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxSpinnerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxSpinner, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxSpinner, "ix-spinner", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1118,7 +1118,7 @@ export declare interface IxSpinner extends Components.IxSpinner {
 }
 export declare class IxSplitButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxSplitButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxSplitButton, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxSplitButton, "ix-split-button", never, { "closeBehavior": { "alias": "closeBehavior"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "splitIcon": { "alias": "splitIcon"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1131,7 +1131,7 @@ export declare interface IxSplitButton extends Components.IxSplitButton {
 }
 export declare class IxTabItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxTabItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTabItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxTabItem, "ix-tab-item", never, { "counter": { "alias": "counter"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "small": { "alias": "small"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1144,7 +1144,7 @@ export declare interface IxTabItem extends Components.IxTabItem {
 }
 export declare class IxTabs {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxTabsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTabs, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxTabs, "ix-tabs", never, { "layout": { "alias": "layout"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "small": { "alias": "small"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1157,7 +1157,7 @@ export declare interface IxTabs extends Components.IxTabs {
 }
 export declare class IxTextarea {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxTextareaElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTextarea, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxTextarea, "ix-textarea", never, { "disabled": { "alias": "disabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "resizeBehavior": { "alias": "resizeBehavior"; "required": false; }; "showTextAsTooltip": { "alias": "showTextAsTooltip"; "required": false; }; "textareaCols": { "alias": "textareaCols"; "required": false; }; "textareaHeight": { "alias": "textareaHeight"; "required": false; }; "textareaRows": { "alias": "textareaRows"; "required": false; }; "textareaWidth": { "alias": "textareaWidth"; "required": false; }; "validText": { "alias": "validText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "warningText": { "alias": "warningText"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1178,7 +1178,7 @@ export declare interface IxTextarea extends Components.IxTextarea {
 }
 export declare class IxTile {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxTileElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTile, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxTile, "ix-tile", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1187,7 +1187,7 @@ export declare interface IxTile extends Components.IxTile {
 }
 export declare class IxTimePicker {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxTimePickerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTimePicker, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxTimePicker, "ix-time-picker", never, { "corners": { "alias": "corners"; "required": false; }; "format": { "alias": "format"; "required": false; }; "showHour": { "alias": "showHour"; "required": false; }; "showMinutes": { "alias": "showMinutes"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "standaloneAppearance": { "alias": "standaloneAppearance"; "required": false; }; "textSelectTime": { "alias": "textSelectTime"; "required": false; }; "textTime": { "alias": "textTime"; "required": false; }; "time": { "alias": "time"; "required": false; }; "timeReference": { "alias": "timeReference"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1204,7 +1204,7 @@ export declare interface IxTimePicker extends Components.IxTimePicker {
 }
 export declare class IxToast {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxToastElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxToast, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxToast, "ix-toast", never, { "autoClose": { "alias": "autoClose"; "required": false; }; "autoCloseDelay": { "alias": "autoCloseDelay"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "toastTitle": { "alias": "toastTitle"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1217,7 +1217,7 @@ export declare interface IxToast extends Components.IxToast {
 }
 export declare class IxToastContainer {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxToastContainerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxToastContainer, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxToastContainer, "ix-toast-container", never, { "containerClass": { "alias": "containerClass"; "required": false; }; "containerId": { "alias": "containerId"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1226,7 +1226,7 @@ export declare interface IxToastContainer extends Components.IxToastContainer {
 }
 export declare class IxToggle {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxToggle, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxToggle, "ix-toggle", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideText": { "alias": "hideText"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "textIndeterminate": { "alias": "textIndeterminate"; "required": false; }; "textOff": { "alias": "textOff"; "required": false; }; "textOn": { "alias": "textOn"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1239,7 +1239,7 @@ export declare interface IxToggle extends Components.IxToggle {
 }
 export declare class IxToggleButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxToggleButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxToggleButton, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxToggleButton, "ix-toggle-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1252,7 +1252,7 @@ export declare interface IxToggleButton extends Components.IxToggleButton {
 }
 export declare class IxTooltip {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxTooltipElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTooltip, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxTooltip, "ix-tooltip", never, { "for": { "alias": "for"; "required": false; }; "interactive": { "alias": "interactive"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "titleContent": { "alias": "titleContent"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1261,7 +1261,7 @@ export declare interface IxTooltip extends Components.IxTooltip {
 }
 export declare class IxTreeItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxTreeItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTreeItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxTreeItem, "ix-tree-item", never, { "context": { "alias": "context"; "required": false; }; "hasChildren": { "alias": "hasChildren"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1278,7 +1278,7 @@ export declare interface IxTreeItem extends Components.IxTreeItem {
 }
 export declare class IxTypography {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxTypographyElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxTypography, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxTypography, "ix-typography", never, { "bold": { "alias": "bold"; "required": false; }; "format": { "alias": "format"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "textDecoration": { "alias": "textDecoration"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1287,7 +1287,7 @@ export declare interface IxTypography extends Components.IxTypography {
 }
 export declare class IxUpload {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxUploadElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxUpload, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxUpload, "ix-upload", never, { "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "i18nUploadDisabled": { "alias": "i18nUploadDisabled"; "required": false; }; "i18nUploadFile": { "alias": "i18nUploadFile"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "selectFileText": { "alias": "selectFileText"; "required": false; }; "state": { "alias": "state"; "required": false; }; "uploadFailedText": { "alias": "uploadFailedText"; "required": false; }; "uploadSuccessText": { "alias": "uploadSuccessText"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1300,7 +1300,7 @@ export declare interface IxUpload extends Components.IxUpload {
 }
 export declare class IxValidationTooltip {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxValidationTooltipElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxValidationTooltip, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxValidationTooltip, "ix-validation-tooltip", never, { "message": { "alias": "message"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "suppressAutomaticPlacement": { "alias": "suppressAutomaticPlacement"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1309,7 +1309,7 @@ export declare interface IxValidationTooltip extends Components.IxValidationTool
 }
 export declare class IxWorkflowStep {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxWorkflowStepElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxWorkflowStep, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxWorkflowStep, "ix-workflow-step", never, { "clickable": { "alias": "clickable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "status": { "alias": "status"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -1318,7 +1318,7 @@ export declare interface IxWorkflowStep extends Components.IxWorkflowStep {
 }
 export declare class IxWorkflowSteps {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLIxWorkflowStepsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IxWorkflowSteps, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IxWorkflowSteps, "ix-workflow-steps", never, { "clickable": { "alias": "clickable"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, ["*"], false, never>;