@six-group/ui-library-angular 0.0.0-insider.77a508a → 0.0.0-insider.79a0d1c

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

@@ -3,12 +3,13 @@ import { Components } from '@six-group/ui-library';
 import type { EmptyPayload as ISixAlertEmptyPayload } from '@six-group/ui-library';
 import type { EmptyPayload as ISixButtonEmptyPayload } from '@six-group/ui-library';
 import type { EmptyPayload as ISixCheckboxEmptyPayload } from '@six-group/ui-library';
-import type { IsoDate as ISixDateIsoDate } from '@six-group/ui-library';
 import type { SixDatepickerSelectPayload as ISixDatepickerSixDatepickerSelectPayload } from '@six-group/ui-library';
 import type { EmptyPayload as ISixDatepickerEmptyPayload } from '@six-group/ui-library';
 import type { EmptyPayload as ISixDetailsEmptyPayload } from '@six-group/ui-library';
 import type { EmptyPayload as ISixDialogEmptyPayload } from '@six-group/ui-library';
+import type { SixDialogRequestClose as ISixDialogSixDialogRequestClose } from '@six-group/ui-library';
 import type { EmptyPayload as ISixDrawerEmptyPayload } from '@six-group/ui-library';
+import type { SixDrawerRequestClose as ISixDrawerSixDrawerRequestClose } from '@six-group/ui-library';
 import type { EmptyPayload as ISixDropdownEmptyPayload } from '@six-group/ui-library';
 import type { SixDropdownAutoFilterPayload as ISixDropdownSixDropdownAutoFilterPayload } from '@six-group/ui-library';
 import type { SixDropdownAsyncFilterPayload as ISixDropdownSixDropdownAsyncFilterPayload } from '@six-group/ui-library';
@@ -23,6 +24,7 @@ import type { SixLanguageSwitcherChangePayload as ISixLanguageSwitcherSixLanguag
 import type { SixMenuItemSelectedPayload as ISixMenuSixMenuItemSelectedPayload } from '@six-group/ui-library';
 import type { EmptyPayload as ISixRadioEmptyPayload } from '@six-group/ui-library';
 import type { EmptyPayload as ISixRangeEmptyPayload } from '@six-group/ui-library';
+import type { EmptyPayload as ISixRatingEmptyPayload } from '@six-group/ui-library';
 import type { SixSearchFieldChangePayload as ISixSearchFieldSixSearchFieldChangePayload } from '@six-group/ui-library';
 import type { SixSelectChangePayload as ISixSelectSixSelectChangePayload } from '@six-group/ui-library';
 import type { EmptyPayload as ISixSelectEmptyPayload } from '@six-group/ui-library';
@@ -40,7 +42,7 @@ import type { EmptyPayload as ISixTooltipEmptyPayload } from '@six-group/ui-libr
 import * as i0 from "@angular/core";
 export declare class SixAlert {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixAlertElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixAlert, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixAlert, "six-alert", never, { "closable": { "alias": "closable"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "open": { "alias": "open"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -65,7 +67,7 @@ export declare interface SixAlert extends Components.SixAlert {
 }
 export declare class SixAvatar {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixAvatarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixAvatar, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixAvatar, "six-avatar", never, { "alt": { "alias": "alt"; "required": false; }; "image": { "alias": "image"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -74,16 +76,34 @@ export declare interface SixAvatar extends Components.SixAvatar {
 }
 export declare class SixBadge {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixBadgeElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixBadge, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixBadge, "six-badge", never, { "pill": { "alias": "pill"; "required": false; }; "pulse": { "alias": "pulse"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixBadge extends Components.SixBadge {
 }
+export declare class SixBreadcrumbs {
+    protected z: NgZone;
+    protected el: HTMLSixBreadcrumbsElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SixBreadcrumbs, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixBreadcrumbs, "six-breadcrumbs", never, { "separatorIcon": { "alias": "separatorIcon"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export declare interface SixBreadcrumbs extends Components.SixBreadcrumbs {
+}
+export declare class SixBreadcrumbsItem {
+    protected z: NgZone;
+    protected el: HTMLSixBreadcrumbsItemElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SixBreadcrumbsItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixBreadcrumbsItem, "six-breadcrumbs-item", never, { "href": { "alias": "href"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "size": { "alias": "size"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export declare interface SixBreadcrumbsItem extends Components.SixBreadcrumbsItem {
+}
 export declare class SixButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixButton, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixButton, "six-button", never, { "caret": { "alias": "caret"; "required": false; }; "circle": { "alias": "circle"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pill": { "alias": "pill"; "required": false; }; "reset": { "alias": "reset"; "required": false; }; "size": { "alias": "size"; "required": false; }; "submit": { "alias": "submit"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -100,7 +120,7 @@ export declare interface SixButton extends Components.SixButton {
 }
 export declare class SixCard {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixCardElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixCard, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixCard, "six-card", never, {}, {}, never, ["*"], false, never>;
@@ -109,7 +129,7 @@ export declare interface SixCard extends Components.SixCard {
 }
 export declare class SixCheckbox {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixCheckboxElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixCheckbox, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixCheckbox, "six-checkbox", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "invalid": { "alias": "invalid"; "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>;
@@ -130,24 +150,26 @@ export declare interface SixCheckbox extends Components.SixCheckbox {
 }
 export declare class SixDate {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixDateElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixDate, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixDate, "six-date", never, { "allowedDates": { "alias": "allowedDates"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "language": { "alias": "language"; "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; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixDate, "six-date", never, { "allowedDates": { "alias": "allowedDates"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "language": { "alias": "language"; "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; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixDate extends Components.SixDate {
     /**
      * Emitted when the control's value changes.
+  Event detail contains the new date value in ISO format (yyyy-MM-dd) or an empty string if cleared.
      */
-    sixChange: EventEmitter<CustomEvent<ISixDateIsoDate | ''>>;
+    'six-change': EventEmitter<CustomEvent<string | ''>>;
     /**
-     * Emitted when the control loses focus.
+     * Emitted when the control loses focus or the date picker popup is closed.
+  Does not contain event details.
      */
-    sixBlur: EventEmitter<CustomEvent<any>>;
+    'six-blur': EventEmitter<CustomEvent<any>>;
 }
 export declare class SixDatepicker {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixDatepickerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixDatepicker, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixDatepicker, "six-datepicker", never, { "allowedDates": { "alias": "allowedDates"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "containingElement": { "alias": "containingElement"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "defaultDate": { "alias": "defaultDate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "hoist": { "alias": "hoist"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "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>;
@@ -168,7 +190,7 @@ export declare interface SixDatepicker extends Components.SixDatepicker {
 }
 export declare class SixDetails {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixDetailsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixDetails, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixDetails, "six-details", never, { "disabled": { "alias": "disabled"; "required": false; }; "hasContent": { "alias": "hasContent"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "open": { "alias": "open"; "required": false; }; "selectableEmpty": { "alias": "selectableEmpty"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; "summaryIcon": { "alias": "summaryIcon"; "required": false; }; "summaryIconSize": { "alias": "summaryIconSize"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -193,7 +215,7 @@ export declare interface SixDetails extends Components.SixDetails {
 }
 export declare class SixDialog {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixDialogElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixDialog, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixDialog, "six-dialog", never, { "label": { "alias": "label"; "required": false; }; "noHeader": { "alias": "noHeader"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -221,13 +243,15 @@ export declare interface SixDialog extends Components.SixDialog {
      */
     'six-dialog-initial-focus': EventEmitter<CustomEvent<ISixDialogEmptyPayload>>;
     /**
-     * Emitted when the overlay is clicked. Calling `event.preventDefault()` will prevent the dialog from closing.
+     * Emitted when the user attempts to close the drawer by clicking the close button, clicking the overlay, or
+  pressing escape. Calling `event.preventDefault()` will keep the drawer open. Avoid using this unless closing
+  the drawer will result in destructive behavior such as data loss.
      */
-    'six-dialog-overlay-dismiss': EventEmitter<CustomEvent<ISixDialogEmptyPayload>>;
+    'six-dialog-request-close': EventEmitter<CustomEvent<ISixDialogSixDialogRequestClose>>;
 }
 export declare class SixDrawer {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixDrawerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixDrawer, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixDrawer, "six-drawer", never, { "contained": { "alias": "contained"; "required": false; }; "label": { "alias": "label"; "required": false; }; "noHeader": { "alias": "noHeader"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -255,13 +279,15 @@ export declare interface SixDrawer extends Components.SixDrawer {
      */
     'six-drawer-initial-focus': EventEmitter<CustomEvent<ISixDrawerEmptyPayload>>;
     /**
-     * Emitted when the overlay is clicked. Calling `event.preventDefault()` will prevent the drawer from closing.
+     * Emitted when the user attempts to close the drawer by clicking the close button, clicking the overlay, or
+  pressing escape. Calling `event.preventDefault()` will keep the drawer open. Avoid using this unless closing
+  the drawer will result in destructive behavior such as data loss.
      */
-    'six-drawer-overlay-dismiss': EventEmitter<CustomEvent<ISixDrawerEmptyPayload>>;
+    'six-drawer-request-close': EventEmitter<CustomEvent<ISixDrawerSixDrawerRequestClose>>;
 }
 export declare class SixDropdown {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixDropdownElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixDropdown, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixDropdown, "six-dropdown", never, { "asyncFilter": { "alias": "asyncFilter"; "required": false; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "containingElement": { "alias": "containingElement"; "required": false; }; "disableHideOnEnterAndSpace": { "alias": "disableHideOnEnterAndSpace"; "required": false; }; "distance": { "alias": "distance"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterDebounce": { "alias": "filterDebounce"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; "hoist": { "alias": "hoist"; "required": false; }; "matchTriggerWidth": { "alias": "matchTriggerWidth"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "skidding": { "alias": "skidding"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -298,7 +324,7 @@ export declare interface SixDropdown extends Components.SixDropdown {
 }
 export declare class SixError {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixErrorElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixError, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixError, "six-error", never, {}, {}, never, ["*"], false, never>;
@@ -307,7 +333,7 @@ export declare interface SixError extends Components.SixError {
 }
 export declare class SixErrorPage {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixErrorPageElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixErrorPage, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixErrorPage, "six-error-page", never, { "customDescription": { "alias": "customDescription"; "required": false; }; "customIcon": { "alias": "customIcon"; "required": false; }; "customTitle": { "alias": "customTitle"; "required": false; }; "errorCode": { "alias": "errorCode"; "required": false; }; "language": { "alias": "language"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -316,7 +342,7 @@ export declare interface SixErrorPage extends Components.SixErrorPage {
 }
 export declare class SixFileList {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixFileListElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixFileList, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixFileList, "six-file-list", never, {}, {}, never, ["*"], false, never>;
@@ -325,7 +351,7 @@ export declare interface SixFileList extends Components.SixFileList {
 }
 export declare class SixFileListItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixFileListItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixFileListItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixFileListItem, "six-file-list-item", never, { "date": { "alias": "date"; "required": false; }; "identifier": { "alias": "identifier"; "required": false; }; "name": { "alias": "name"; "required": false; }; "nodelete": { "alias": "nodelete"; "required": false; }; "nodownload": { "alias": "nodownload"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -342,7 +368,7 @@ export declare interface SixFileListItem extends Components.SixFileListItem {
 }
 export declare class SixFileUpload {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixFileUploadElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixFileUpload, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixFileUpload, "six-file-upload", never, { "accept": { "alias": "accept"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "uploading": { "alias": "uploading"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -359,7 +385,7 @@ export declare interface SixFileUpload extends Components.SixFileUpload {
 }
 export declare class SixFooter {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixFooterElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixFooter, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixFooter, "six-footer", never, {}, {}, never, ["*"], false, never>;
@@ -368,7 +394,7 @@ export declare interface SixFooter extends Components.SixFooter {
 }
 export declare class SixGroupLabel {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixGroupLabelElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixGroupLabel, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixGroupLabel, "six-group-label", never, { "disabled": { "alias": "disabled"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -377,7 +403,7 @@ export declare interface SixGroupLabel extends Components.SixGroupLabel {
 }
 export declare class SixHeader {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixHeaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixHeader, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixHeader, "six-header", never, { "openSearch": { "alias": "openSearch"; "required": false; }; "shiftContent": { "alias": "shiftContent"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -386,7 +412,7 @@ export declare interface SixHeader extends Components.SixHeader {
 }
 export declare class SixHeaderDropdownItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixHeaderDropdownItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixHeaderDropdownItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixHeaderDropdownItem, "six-header-dropdown-item", never, { "filter": { "alias": "filter"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -395,7 +421,7 @@ export declare interface SixHeaderDropdownItem extends Components.SixHeaderDropd
 }
 export declare class SixHeaderItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixHeaderItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixHeaderItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixHeaderItem, "six-header-item", never, { "active": { "alias": "active"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -404,7 +430,7 @@ export declare interface SixHeaderItem extends Components.SixHeaderItem {
 }
 export declare class SixHeaderMenuButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixHeaderMenuButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixHeaderMenuButton, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixHeaderMenuButton, "six-header-menu-button", never, { "caret": { "alias": "caret"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "reset": { "alias": "reset"; "required": false; }; "submit": { "alias": "submit"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -413,16 +439,16 @@ export declare interface SixHeaderMenuButton extends Components.SixHeaderMenuBut
 }
 export declare class SixIcon {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixIconElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixIcon, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixIcon, "six-icon", never, { "filled": { "alias": "filled"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixIcon, "six-icon", never, { "filled": { "alias": "filled"; "required": false; }; "library": { "alias": "library"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixIcon extends Components.SixIcon {
 }
 export declare class SixIconButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixIconButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixIconButton, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixIconButton, "six-icon-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "html": { "alias": "html"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -431,7 +457,7 @@ export declare interface SixIconButton extends Components.SixIconButton {
 }
 export declare class SixInput {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixInputElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixInput, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixInput, "six-input", never, { "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownSearch": { "alias": "dropdownSearch"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "line": { "alias": "line"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "pill": { "alias": "pill"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "step": { "alias": "step"; "required": false; }; "togglePassword": { "alias": "togglePassword"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -460,7 +486,7 @@ export declare interface SixInput extends Components.SixInput {
 }
 export declare class SixItemPicker {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixItemPickerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixItemPicker, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixItemPicker, "six-item-picker", never, { "debounce": { "alias": "debounce"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "items": { "alias": "items"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "padded": { "alias": "padded"; "required": false; }; "paddingChar": { "alias": "paddingChar"; "required": false; }; "paddingDirection": { "alias": "paddingDirection"; "required": false; }; "paddingLength": { "alias": "paddingLength"; "required": false; }; "roundtrip": { "alias": "roundtrip"; "required": false; }; "step": { "alias": "step"; "required": false; }; "timeout": { "alias": "timeout"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -477,7 +503,7 @@ export declare interface SixItemPicker extends Components.SixItemPicker {
 }
 export declare class SixLanguageSwitcher {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixLanguageSwitcherElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixLanguageSwitcher, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixLanguageSwitcher, "six-language-switcher", never, { "languages": { "alias": "languages"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -490,7 +516,7 @@ export declare interface SixLanguageSwitcher extends Components.SixLanguageSwitc
 }
 export declare class SixLayoutGrid {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixLayoutGridElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixLayoutGrid, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixLayoutGrid, "six-layout-grid", never, { "columns": { "alias": "columns"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -499,7 +525,7 @@ export declare interface SixLayoutGrid extends Components.SixLayoutGrid {
 }
 export declare class SixLogo {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixLogoElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixLogo, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixLogo, "six-logo", never, { "brand": { "alias": "brand"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -508,7 +534,7 @@ export declare interface SixLogo extends Components.SixLogo {
 }
 export declare class SixMainContainer {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixMainContainerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixMainContainer, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixMainContainer, "six-main-container", never, { "padded": { "alias": "padded"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -517,7 +543,7 @@ export declare interface SixMainContainer extends Components.SixMainContainer {
 }
 export declare class SixMenu {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixMenuElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixMenu, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixMenu, "six-menu", never, { "disableKeyboardHandling": { "alias": "disableKeyboardHandling"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemsShown": { "alias": "itemsShown"; "required": false; }; "removeBoxShadow": { "alias": "removeBoxShadow"; "required": false; }; "scrollingDebounce": { "alias": "scrollingDebounce"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -530,7 +556,7 @@ export declare interface SixMenu extends Components.SixMenu {
 }
 export declare class SixMenuDivider {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixMenuDividerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixMenuDivider, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixMenuDivider, "six-menu-divider", never, {}, {}, never, ["*"], false, never>;
@@ -539,7 +565,7 @@ export declare interface SixMenuDivider extends Components.SixMenuDivider {
 }
 export declare class SixMenuItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixMenuItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixMenuItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixMenuItem, "six-menu-item", never, { "checkType": { "alias": "checkType"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -548,7 +574,7 @@ export declare interface SixMenuItem extends Components.SixMenuItem {
 }
 export declare class SixMenuLabel {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixMenuLabelElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixMenuLabel, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixMenuLabel, "six-menu-label", never, {}, {}, never, ["*"], false, never>;
@@ -557,7 +583,7 @@ export declare interface SixMenuLabel extends Components.SixMenuLabel {
 }
 export declare class SixPicto {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixPictoElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixPicto, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixPicto, "six-picto", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -566,7 +592,7 @@ export declare interface SixPicto extends Components.SixPicto {
 }
 export declare class SixProgressBar {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixProgressBarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixProgressBar, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixProgressBar, "six-progress-bar", never, { "indeterminate": { "alias": "indeterminate"; "required": false; }; "percentage": { "alias": "percentage"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -575,7 +601,7 @@ export declare interface SixProgressBar extends Components.SixProgressBar {
 }
 export declare class SixProgressRing {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixProgressRingElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixProgressRing, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixProgressRing, "six-progress-ring", never, { "percentage": { "alias": "percentage"; "required": false; }; "size": { "alias": "size"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -584,7 +610,7 @@ export declare interface SixProgressRing extends Components.SixProgressRing {
 }
 export declare class SixRadio {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixRadioElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixRadio, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixRadio, "six-radio", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -605,7 +631,7 @@ export declare interface SixRadio extends Components.SixRadio {
 }
 export declare class SixRange {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixRangeElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixRange, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixRange, "six-range", never, { "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "invalid": { "alias": "invalid"; "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; }; "step": { "alias": "step"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipFormatter": { "alias": "tooltipFormatter"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -624,9 +650,30 @@ export declare interface SixRange extends Components.SixRange {
      */
     'six-range-focus': EventEmitter<CustomEvent<ISixRangeEmptyPayload>>;
 }
+export declare class SixRating {
+    protected z: NgZone;
+    protected el: HTMLSixRatingElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SixRating, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixRating, "six-rating", never, { "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "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 SixRating extends Components.SixRating {
+    /**
+     * Emitted when the control loses focus.
+     */
+    'six-rating-blur': EventEmitter<CustomEvent<number>>;
+    /**
+     * Emitted when the control's checked state changes.
+     */
+    'six-rating-change': EventEmitter<CustomEvent<number>>;
+    /**
+     * Emitted when the control gains focus.
+     */
+    'six-rating-focus': EventEmitter<CustomEvent<ISixRatingEmptyPayload>>;
+}
 export declare class SixRoot {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixRootElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixRoot, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixRoot, "six-root", never, { "padded": { "alias": "padded"; "required": false; }; "stage": { "alias": "stage"; "required": false; }; "version": { "alias": "version"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -635,7 +682,7 @@ export declare interface SixRoot extends Components.SixRoot {
 }
 export declare class SixSearchField {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixSearchFieldElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixSearchField, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixSearchField, "six-search-field", never, { "clearable": { "alias": "clearable"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -648,7 +695,7 @@ export declare interface SixSearchField extends Components.SixSearchField {
 }
 export declare class SixSelect {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixSelectElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixSelect, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixSelect, "six-select", never, { "asyncFilter": { "alias": "asyncFilter"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterDebounce": { "alias": "filterDebounce"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "hoist": { "alias": "hoist"; "required": false; }; "inputDebounce": { "alias": "inputDebounce"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "line": { "alias": "line"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "options": { "alias": "options"; "required": false; }; "pill": { "alias": "pill"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "selectAllButton": { "alias": "selectAllButton"; "required": false; }; "selectAllText": { "alias": "selectAllText"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -669,7 +716,7 @@ export declare interface SixSelect extends Components.SixSelect {
 }
 export declare class SixSidebar {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixSidebarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixSidebar, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixSidebar, "six-sidebar", never, { "open": { "alias": "open"; "required": false; }; "position": { "alias": "position"; "required": false; }; "toggled": { "alias": "toggled"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -699,16 +746,16 @@ export declare interface SixSidebar extends Components.SixSidebar {
 }
 export declare class SixSidebarItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixSidebarItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixSidebarItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixSidebarItem, "six-sidebar-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "href": { "alias": "href"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixSidebarItem, "six-sidebar-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixSidebarItem extends Components.SixSidebarItem {
 }
 export declare class SixSidebarItemGroup {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixSidebarItemGroupElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixSidebarItemGroup, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixSidebarItemGroup, "six-sidebar-item-group", never, { "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "name": { "alias": "name"; "required": false; }; "open": { "alias": "open"; "required": false; }; "summaryIcon": { "alias": "summaryIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -717,7 +764,7 @@ export declare interface SixSidebarItemGroup extends Components.SixSidebarItemGr
 }
 export declare class SixSpinner {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixSpinnerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixSpinner, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixSpinner, "six-spinner", never, { "logo": { "alias": "logo"; "required": false; }; "six": { "alias": "six"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -726,7 +773,7 @@ export declare interface SixSpinner extends Components.SixSpinner {
 }
 export declare class SixStageIndicator {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixStageIndicatorElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixStageIndicator, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixStageIndicator, "six-stage-indicator", never, { "stage": { "alias": "stage"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -735,7 +782,7 @@ export declare interface SixStageIndicator extends Components.SixStageIndicator
 }
 export declare class SixSwitch {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixSwitchElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixSwitch, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixSwitch, "six-switch", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "invalid": { "alias": "invalid"; "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>;
@@ -756,7 +803,7 @@ export declare interface SixSwitch extends Components.SixSwitch {
 }
 export declare class SixTab {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixTabElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixTab, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixTab, "six-tab", never, { "active": { "alias": "active"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "panel": { "alias": "panel"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -769,7 +816,7 @@ export declare interface SixTab extends Components.SixTab {
 }
 export declare class SixTabGroup {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixTabGroupElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixTabGroup, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixTabGroup, "six-tab-group", never, { "noScrollControls": { "alias": "noScrollControls"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -786,7 +833,7 @@ export declare interface SixTabGroup extends Components.SixTabGroup {
 }
 export declare class SixTabPanel {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixTabPanelElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixTabPanel, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixTabPanel, "six-tab-panel", never, { "active": { "alias": "active"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -795,7 +842,7 @@ export declare interface SixTabPanel extends Components.SixTabPanel {
 }
 export declare class SixTag {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixTagElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixTag, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixTag, "six-tag", never, { "clearable": { "alias": "clearable"; "required": false; }; "pill": { "alias": "pill"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -808,7 +855,7 @@ export declare interface SixTag extends Components.SixTag {
 }
 export declare class SixTextarea {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixTextareaElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixTextarea, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixTextarea, "six-textarea", never, { "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "invalid": { "alias": "invalid"; "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; }; "resize": { "alias": "resize"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "size": { "alias": "size"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -833,7 +880,7 @@ export declare interface SixTextarea extends Components.SixTextarea {
 }
 export declare class SixTile {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixTileElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixTile, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixTile, "six-tile", never, { "closeable": { "alias": "closeable"; "required": false; }; "disableTooltip": { "alias": "disableTooltip"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "elevated": { "alias": "elevated"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -850,7 +897,7 @@ export declare interface SixTile extends Components.SixTile {
 }
 export declare class SixTimepicker {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixTimepickerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixTimepicker, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixTimepicker, "six-timepicker", never, { "clearable": { "alias": "clearable"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "defaultTime": { "alias": "defaultTime"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "format": { "alias": "format"; "required": false; }; "hoist": { "alias": "hoist"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "size": { "alias": "size"; "required": false; }; "timeout": { "alias": "timeout"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
@@ -871,7 +918,7 @@ export declare interface SixTimepicker extends Components.SixTimepicker {
 }
 export declare class SixTooltip {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixTooltipElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixTooltip, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixTooltip, "six-tooltip", never, { "content": { "alias": "content"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "distance": { "alias": "distance"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "skidding": { "alias": "skidding"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, never, ["*"], false, never>;