@trimble-oss/moduswebcomponents-angular 0.0.0-alpha.23-ng19 → 0.0.0-alpha.24-ng17

package/lib/stencil-generated/components.d.ts

@@ -8,10 +8,10 @@ import type { IThemeConfig as IModusWcThemeSwitcherIThemeConfig } from '@trimble
 import * as i0 from "@angular/core";
 export declare class ModusWcAccordion {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcAccordionElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcAccordion, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcAccordion, "modus-wc-accordion", never, { "customClass": { "alias": "customClass"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcAccordion, "modus-wc-accordion", never, { "customClass": { "alias": "customClass"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcAccordion extends Components.ModusWcAccordion {
     /**
@@ -24,10 +24,10 @@ export declare interface ModusWcAccordion extends Components.ModusWcAccordion {
 }
 export declare class ModusWcAlert {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcAlertElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcAlert, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcAlert, "modus-wc-alert", never, { "alertDescription": { "alias": "alertDescription"; "required": false; }; "alertTitle": { "alias": "alertTitle"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "role": { "alias": "role"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcAlert, "modus-wc-alert", never, { "alertDescription": { "alias": "alertDescription"; "required": false; }; "alertTitle": { "alias": "alertTitle"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "role": { "alias": "role"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcAlert extends Components.ModusWcAlert {
     /**
@@ -37,10 +37,10 @@ export declare interface ModusWcAlert extends Components.ModusWcAlert {
 }
 export declare class ModusWcAutocomplete {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcAutocompleteElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcAutocomplete, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcAutocomplete, "modus-wc-autocomplete", never, { "bordered": { "alias": "bordered"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "debounceMs": { "alias": "debounceMs"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "required": false; }; "items": { "alias": "items"; "required": false; }; "label": { "alias": "label"; "required": false; }; "leaveMenuOpen": { "alias": "leaveMenuOpen"; "required": false; }; "minChars": { "alias": "minChars"; "required": false; }; "multiSelect": { "alias": "multiSelect"; "required": false; }; "name": { "alias": "name"; "required": false; }; "noResults": { "alias": "noResults"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showSpinner": { "alias": "showSpinner"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcAutocomplete, "modus-wc-autocomplete", never, { "bordered": { "alias": "bordered"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "debounceMs": { "alias": "debounceMs"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "required": false; }; "items": { "alias": "items"; "required": false; }; "label": { "alias": "label"; "required": false; }; "leaveMenuOpen": { "alias": "leaveMenuOpen"; "required": false; }; "minChars": { "alias": "minChars"; "required": false; }; "multiSelect": { "alias": "multiSelect"; "required": false; }; "name": { "alias": "name"; "required": false; }; "noResults": { "alias": "noResults"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showSpinner": { "alias": "showSpinner"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcAutocomplete extends Components.ModusWcAutocomplete {
     /**
@@ -67,28 +67,28 @@ export declare interface ModusWcAutocomplete extends Components.ModusWcAutocompl
 }
 export declare class ModusWcAvatar {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcAvatarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcAvatar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcAvatar, "modus-wc-avatar", never, { "alt": { "alias": "alt"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "imgSrc": { "alias": "imgSrc"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcAvatar, "modus-wc-avatar", never, { "alt": { "alias": "alt"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "imgSrc": { "alias": "imgSrc"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcAvatar extends Components.ModusWcAvatar {
 }
 export declare class ModusWcBadge {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcBadgeElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcBadge, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcBadge, "modus-wc-badge", never, { "color": { "alias": "color"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcBadge, "modus-wc-badge", never, { "color": { "alias": "color"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcBadge extends Components.ModusWcBadge {
 }
 export declare class ModusWcBreadcrumbs {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcBreadcrumbsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcBreadcrumbs, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcBreadcrumbs, "modus-wc-breadcrumbs", never, { "customClass": { "alias": "customClass"; "required": false; }; "items": { "alias": "items"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcBreadcrumbs, "modus-wc-breadcrumbs", never, { "customClass": { "alias": "customClass"; "required": false; }; "items": { "alias": "items"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcBreadcrumbs extends Components.ModusWcBreadcrumbs {
     /**
@@ -98,10 +98,10 @@ export declare interface ModusWcBreadcrumbs extends Components.ModusWcBreadcrumb
 }
 export declare class ModusWcButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcButton, "modus-wc-button", never, { "color": { "alias": "color"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcButton, "modus-wc-button", never, { "color": { "alias": "color"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcButton extends Components.ModusWcButton {
     /**
@@ -111,19 +111,19 @@ export declare interface ModusWcButton extends Components.ModusWcButton {
 }
 export declare class ModusWcCard {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcCardElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcCard, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcCard, "modus-wc-card", never, { "backgroundFigure": { "alias": "backgroundFigure"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcCard, "modus-wc-card", never, { "backgroundFigure": { "alias": "backgroundFigure"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcCard extends Components.ModusWcCard {
 }
 export declare class ModusWcCheckbox {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcCheckboxElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcCheckbox, "modus-wc-checkbox", never, { "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcCheckbox, "modus-wc-checkbox", never, { "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcCheckbox extends Components.ModusWcCheckbox {
     /**
@@ -141,10 +141,10 @@ export declare interface ModusWcCheckbox extends Components.ModusWcCheckbox {
 }
 export declare class ModusWcChip {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcChipElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcChip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcChip, "modus-wc-chip", never, { "active": { "alias": "active"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showRemove": { "alias": "showRemove"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcChip, "modus-wc-chip", never, { "active": { "alias": "active"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showRemove": { "alias": "showRemove"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcChip extends Components.ModusWcChip {
     /**
@@ -158,10 +158,10 @@ export declare interface ModusWcChip extends Components.ModusWcChip {
 }
 export declare class ModusWcCollapse {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcCollapseElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcCollapse, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcCollapse, "modus-wc-collapse", never, { "bordered": { "alias": "bordered"; "required": false; }; "collapseId": { "alias": "collapseId"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcCollapse, "modus-wc-collapse", never, { "bordered": { "alias": "bordered"; "required": false; }; "collapseId": { "alias": "collapseId"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcCollapse extends Components.ModusWcCollapse {
     /**
@@ -173,10 +173,10 @@ export declare interface ModusWcCollapse extends Components.ModusWcCollapse {
 }
 export declare class ModusWcDate {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcDateElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcDate, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcDate, "modus-wc-date", never, { "bordered": { "alias": "bordered"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcDate, "modus-wc-date", never, { "bordered": { "alias": "bordered"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcDate extends Components.ModusWcDate {
     /**
@@ -194,64 +194,64 @@ export declare interface ModusWcDate extends Components.ModusWcDate {
 }
 export declare class ModusWcDivider {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcDividerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcDivider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcDivider, "modus-wc-divider", never, { "color": { "alias": "color"; "required": false; }; "content": { "alias": "content"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "position": { "alias": "position"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcDivider, "modus-wc-divider", never, { "color": { "alias": "color"; "required": false; }; "content": { "alias": "content"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "position": { "alias": "position"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcDivider extends Components.ModusWcDivider {
 }
 export declare class ModusWcIcon {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcIconElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcIcon, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcIcon, "modus-wc-icon", never, { "customClass": { "alias": "customClass"; "required": false; }; "decorative": { "alias": "decorative"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcIcon, "modus-wc-icon", never, { "customClass": { "alias": "customClass"; "required": false; }; "decorative": { "alias": "decorative"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcIcon extends Components.ModusWcIcon {
 }
 export declare class ModusWcInputFeedback {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcInputFeedbackElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcInputFeedback, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcInputFeedback, "modus-wc-input-feedback", never, { "customClass": { "alias": "customClass"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "level": { "alias": "level"; "required": false; }; "message": { "alias": "message"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcInputFeedback, "modus-wc-input-feedback", never, { "customClass": { "alias": "customClass"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "level": { "alias": "level"; "required": false; }; "message": { "alias": "message"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcInputFeedback extends Components.ModusWcInputFeedback {
 }
 export declare class ModusWcInputLabel {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcInputLabelElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcInputLabel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcInputLabel, "modus-wc-input-label", never, { "customClass": { "alias": "customClass"; "required": false; }; "forId": { "alias": "forId"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "subLabelText": { "alias": "subLabelText"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcInputLabel, "modus-wc-input-label", never, { "customClass": { "alias": "customClass"; "required": false; }; "forId": { "alias": "forId"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "subLabelText": { "alias": "subLabelText"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcInputLabel extends Components.ModusWcInputLabel {
 }
 export declare class ModusWcLoader {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcLoaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcLoader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcLoader, "modus-wc-loader", never, { "color": { "alias": "color"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcLoader, "modus-wc-loader", never, { "color": { "alias": "color"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcLoader extends Components.ModusWcLoader {
 }
 export declare class ModusWcMenu {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcMenuElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcMenu, "modus-wc-menu", never, { "bordered": { "alias": "bordered"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcMenu, "modus-wc-menu", never, { "bordered": { "alias": "bordered"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcMenu extends Components.ModusWcMenu {
 }
 export declare class ModusWcMenuItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcMenuItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcMenuItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcMenuItem, "modus-wc-menu-item", never, { "bordered": { "alias": "bordered"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "label": { "alias": "label"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "size": { "alias": "size"; "required": false; }; "startIcon": { "alias": "startIcon"; "required": false; }; "subLabel": { "alias": "subLabel"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcMenuItem, "modus-wc-menu-item", never, { "bordered": { "alias": "bordered"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "label": { "alias": "label"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "size": { "alias": "size"; "required": false; }; "startIcon": { "alias": "startIcon"; "required": false; }; "subLabel": { "alias": "subLabel"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcMenuItem extends Components.ModusWcMenuItem {
     /**
@@ -263,19 +263,19 @@ export declare interface ModusWcMenuItem extends Components.ModusWcMenuItem {
 }
 export declare class ModusWcModal {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcModalElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcModal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcModal, "modus-wc-modal", never, { "backdrop": { "alias": "backdrop"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; "modalId": { "alias": "modalId"; "required": false; }; "position": { "alias": "position"; "required": false; }; "showClose": { "alias": "showClose"; "required": false; }; "showFullscreenToggle": { "alias": "showFullscreenToggle"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcModal, "modus-wc-modal", never, { "backdrop": { "alias": "backdrop"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; "modalId": { "alias": "modalId"; "required": false; }; "position": { "alias": "position"; "required": false; }; "showClose": { "alias": "showClose"; "required": false; }; "showFullscreenToggle": { "alias": "showFullscreenToggle"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcModal extends Components.ModusWcModal {
 }
 export declare class ModusWcNavbar {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcNavbarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcNavbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcNavbar, "modus-wc-navbar", never, { "appsMenuOpen": { "alias": "appsMenuOpen"; "required": false; }; "condensed": { "alias": "condensed"; "required": false; }; "condensedMenuOpen": { "alias": "condensedMenuOpen"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "mainMenuOpen": { "alias": "mainMenuOpen"; "required": false; }; "notificationsMenuOpen": { "alias": "notificationsMenuOpen"; "required": false; }; "searchDebounceMs": { "alias": "searchDebounceMs"; "required": false; }; "searchInputOpen": { "alias": "searchInputOpen"; "required": false; }; "textOverrides": { "alias": "textOverrides"; "required": false; }; "userCard": { "alias": "userCard"; "required": false; }; "userMenuOpen": { "alias": "userMenuOpen"; "required": false; }; "visibility": { "alias": "visibility"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcNavbar, "modus-wc-navbar", never, { "appsMenuOpen": { "alias": "appsMenuOpen"; "required": false; }; "condensed": { "alias": "condensed"; "required": false; }; "condensedMenuOpen": { "alias": "condensedMenuOpen"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "mainMenuOpen": { "alias": "mainMenuOpen"; "required": false; }; "notificationsMenuOpen": { "alias": "notificationsMenuOpen"; "required": false; }; "searchDebounceMs": { "alias": "searchDebounceMs"; "required": false; }; "searchInputOpen": { "alias": "searchInputOpen"; "required": false; }; "textOverrides": { "alias": "textOverrides"; "required": false; }; "userCard": { "alias": "userCard"; "required": false; }; "userMenuOpen": { "alias": "userMenuOpen"; "required": false; }; "visibility": { "alias": "visibility"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcNavbar extends Components.ModusWcNavbar {
     /**
@@ -343,10 +343,10 @@ export declare interface ModusWcNavbar extends Components.ModusWcNavbar {
 }
 export declare class ModusWcNumberInput {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcNumberInputElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcNumberInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcNumberInput, "modus-wc-number-input", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "step": { "alias": "step"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcNumberInput, "modus-wc-number-input", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "step": { "alias": "step"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcNumberInput extends Components.ModusWcNumberInput {
     /**
@@ -364,10 +364,10 @@ export declare interface ModusWcNumberInput extends Components.ModusWcNumberInpu
 }
 export declare class ModusWcPagination {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcPaginationElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcPagination, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcPagination, "modus-wc-pagination", never, { "ariaLabelValues": { "alias": "ariaLabelValues"; "required": false; }; "count": { "alias": "count"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextButtonText": { "alias": "nextButtonText"; "required": false; }; "page": { "alias": "page"; "required": false; }; "prevButtonText": { "alias": "prevButtonText"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcPagination, "modus-wc-pagination", never, { "ariaLabelValues": { "alias": "ariaLabelValues"; "required": false; }; "count": { "alias": "count"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextButtonText": { "alias": "nextButtonText"; "required": false; }; "page": { "alias": "page"; "required": false; }; "prevButtonText": { "alias": "prevButtonText"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcPagination extends Components.ModusWcPagination {
     /**
@@ -377,19 +377,19 @@ export declare interface ModusWcPagination extends Components.ModusWcPagination
 }
 export declare class ModusWcProgress {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcProgressElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcProgress, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcProgress, "modus-wc-progress", never, { "customClass": { "alias": "customClass"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcProgress, "modus-wc-progress", never, { "customClass": { "alias": "customClass"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcProgress extends Components.ModusWcProgress {
 }
 export declare class ModusWcRadio {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcRadioElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcRadio, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcRadio, "modus-wc-radio", never, { "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcRadio, "modus-wc-radio", never, { "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcRadio extends Components.ModusWcRadio {
     /**
@@ -407,10 +407,10 @@ export declare interface ModusWcRadio extends Components.ModusWcRadio {
 }
 export declare class ModusWcRating {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcRatingElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcRating, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcRating, "modus-wc-rating", never, { "allowHalf": { "alias": "allowHalf"; "required": false; }; "count": { "alias": "count"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "getAriaLabelText": { "alias": "getAriaLabelText"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcRating, "modus-wc-rating", never, { "allowHalf": { "alias": "allowHalf"; "required": false; }; "count": { "alias": "count"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "getAriaLabelText": { "alias": "getAriaLabelText"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcRating extends Components.ModusWcRating {
     /**
@@ -420,10 +420,10 @@ export declare interface ModusWcRating extends Components.ModusWcRating {
 }
 export declare class ModusWcSelect {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcSelectElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcSelect, "modus-wc-select", never, { "bordered": { "alias": "bordered"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "options": { "alias": "options"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcSelect, "modus-wc-select", never, { "bordered": { "alias": "bordered"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "options": { "alias": "options"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcSelect extends Components.ModusWcSelect {
     /**
@@ -441,19 +441,19 @@ export declare interface ModusWcSelect extends Components.ModusWcSelect {
 }
 export declare class ModusWcSkeleton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcSkeletonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcSkeleton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcSkeleton, "modus-wc-skeleton", never, { "customClass": { "alias": "customClass"; "required": false; }; "height": { "alias": "height"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcSkeleton, "modus-wc-skeleton", never, { "customClass": { "alias": "customClass"; "required": false; }; "height": { "alias": "height"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcSkeleton extends Components.ModusWcSkeleton {
 }
 export declare class ModusWcSlider {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcSliderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcSlider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcSlider, "modus-wc-slider", never, { "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcSlider, "modus-wc-slider", never, { "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcSlider extends Components.ModusWcSlider {
     /**
@@ -471,19 +471,19 @@ export declare interface ModusWcSlider extends Components.ModusWcSlider {
 }
 export declare class ModusWcStepper {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcStepperElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcStepper, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcStepper, "modus-wc-stepper", never, { "customClass": { "alias": "customClass"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcStepper, "modus-wc-stepper", never, { "customClass": { "alias": "customClass"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcStepper extends Components.ModusWcStepper {
 }
 export declare class ModusWcSwitch {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcSwitchElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcSwitch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcSwitch, "modus-wc-switch", never, { "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcSwitch, "modus-wc-switch", never, { "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcSwitch extends Components.ModusWcSwitch {
     /**
@@ -501,10 +501,10 @@ export declare interface ModusWcSwitch extends Components.ModusWcSwitch {
 }
 export declare class ModusWcTable {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcTableElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcTable, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcTable, "modus-wc-table", never, { "columns": { "alias": "columns"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "data": { "alias": "data"; "required": false; }; "density": { "alias": "density"; "required": false; }; "zebra": { "alias": "zebra"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcTable, "modus-wc-table", never, { "columns": { "alias": "columns"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "data": { "alias": "data"; "required": false; }; "density": { "alias": "density"; "required": false; }; "zebra": { "alias": "zebra"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcTable extends Components.ModusWcTable {
     /**
@@ -517,10 +517,10 @@ export declare interface ModusWcTable extends Components.ModusWcTable {
 }
 export declare class ModusWcTabs {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcTabsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcTabs, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcTabs, "modus-wc-tabs", never, { "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabStyle": { "alias": "tabStyle"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcTabs, "modus-wc-tabs", never, { "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabStyle": { "alias": "tabStyle"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcTabs extends Components.ModusWcTabs {
     /**
@@ -533,10 +533,10 @@ export declare interface ModusWcTabs extends Components.ModusWcTabs {
 }
 export declare class ModusWcTextInput {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcTextInputElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcTextInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcTextInput, "modus-wc-text-input", never, { "autoCapitalize": { "alias": "autoCapitalize"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "autoCorrect": { "alias": "autoCorrect"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "includeClear": { "alias": "includeClear"; "required": false; }; "includeSearch": { "alias": "includeSearch"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "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; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcTextInput, "modus-wc-text-input", never, { "autoCapitalize": { "alias": "autoCapitalize"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "autoCorrect": { "alias": "autoCorrect"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "includeClear": { "alias": "includeClear"; "required": false; }; "includeSearch": { "alias": "includeSearch"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "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; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcTextInput extends Components.ModusWcTextInput {
     /**
@@ -554,10 +554,10 @@ export declare interface ModusWcTextInput extends Components.ModusWcTextInput {
 }
 export declare class ModusWcTextarea {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcTextareaElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcTextarea, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcTextarea, "modus-wc-textarea", never, { "autoCorrect": { "alias": "autoCorrect"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcTextarea, "modus-wc-textarea", never, { "autoCorrect": { "alias": "autoCorrect"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcTextarea extends Components.ModusWcTextarea {
     /**
@@ -575,19 +575,19 @@ export declare interface ModusWcTextarea extends Components.ModusWcTextarea {
 }
 export declare class ModusWcThemeProvider {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcThemeProviderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcThemeProvider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcThemeProvider, "modus-wc-theme-provider", never, { "initialTheme": { "alias": "initialTheme"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcThemeProvider, "modus-wc-theme-provider", never, { "initialTheme": { "alias": "initialTheme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcThemeProvider extends Components.ModusWcThemeProvider {
 }
 export declare class ModusWcThemeSwitcher {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcThemeSwitcherElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcThemeSwitcher, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcThemeSwitcher, "modus-wc-theme-switcher", never, { "customClass": { "alias": "customClass"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcThemeSwitcher, "modus-wc-theme-switcher", never, { "customClass": { "alias": "customClass"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcThemeSwitcher extends Components.ModusWcThemeSwitcher {
     /**
@@ -597,10 +597,10 @@ export declare interface ModusWcThemeSwitcher extends Components.ModusWcThemeSwi
 }
 export declare class ModusWcTimeInput {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcTimeInputElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcTimeInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcTimeInput, "modus-wc-time-input", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "datalistId": { "alias": "datalistId"; "required": false; }; "datalistOptions": { "alias": "datalistOptions"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "size": { "alias": "size"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcTimeInput, "modus-wc-time-input", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "datalistId": { "alias": "datalistId"; "required": false; }; "datalistOptions": { "alias": "datalistOptions"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputTabIndex": { "alias": "inputTabIndex"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "size": { "alias": "size"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcTimeInput extends Components.ModusWcTimeInput {
     /**
@@ -618,37 +618,37 @@ export declare interface ModusWcTimeInput extends Components.ModusWcTimeInput {
 }
 export declare class ModusWcToast {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcToastElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcToast, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcToast, "modus-wc-toast", never, { "customClass": { "alias": "customClass"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcToast, "modus-wc-toast", never, { "customClass": { "alias": "customClass"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcToast extends Components.ModusWcToast {
 }
 export declare class ModusWcToolbar {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcToolbarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcToolbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcToolbar, "modus-wc-toolbar", never, { "customClass": { "alias": "customClass"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcToolbar, "modus-wc-toolbar", never, { "customClass": { "alias": "customClass"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcToolbar extends Components.ModusWcToolbar {
 }
 export declare class ModusWcTooltip {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcTooltipElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcTooltip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcTooltip, "modus-wc-tooltip", never, { "content": { "alias": "content"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "forceOpen": { "alias": "forceOpen"; "required": false; }; "position": { "alias": "position"; "required": false; }; "tooltipId": { "alias": "tooltipId"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcTooltip, "modus-wc-tooltip", never, { "content": { "alias": "content"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "forceOpen": { "alias": "forceOpen"; "required": false; }; "position": { "alias": "position"; "required": false; }; "tooltipId": { "alias": "tooltipId"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcTooltip extends Components.ModusWcTooltip {
 }
 export declare class ModusWcTypography {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLModusWcTypographyElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModusWcTypography, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcTypography, "modus-wc-typography", never, { "customClass": { "alias": "customClass"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModusWcTypography, "modus-wc-typography", never, { "customClass": { "alias": "customClass"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface ModusWcTypography extends Components.ModusWcTypography {
 }