@six-group/ui-library-angular 4.3.2 → 5.0.0-rc.1

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

@@ -7,7 +7,9 @@ import type { SixDatepickerSelectPayload as ISixDatepickerSixDatepickerSelectPay
 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';
@@ -16,10 +18,6 @@ import type { SixFileListDownloadPayload as ISixFileListItemSixFileListDownloadP
 import type { SixFileListRemovePayload as ISixFileListItemSixFileListRemovePayload } from '@six-group/ui-library';
 import type { SixFileUploadSuccessPayload as ISixFileUploadSixFileUploadSuccessPayload } from '@six-group/ui-library';
 import type { SixFileUploadFailurePayload as ISixFileUploadSixFileUploadFailurePayload } from '@six-group/ui-library';
-import type { EmptyPayload as ISixHeaderEmptyPayload } from '@six-group/ui-library';
-import type { SixHeaderAppSwitcherSelectPayload as ISixHeaderSixHeaderAppSwitcherSelectPayload } from '@six-group/ui-library';
-import type { SixHeaderProfileSelectPayload as ISixHeaderSixHeaderProfileSelectPayload } from '@six-group/ui-library';
-import type { SixHeaderSearchFieldToggle as ISixHeaderSixHeaderSearchFieldToggle } from '@six-group/ui-library';
 import type { EmptyPayload as ISixInputEmptyPayload } from '@six-group/ui-library';
 import type { SixItemPickerChangePayload as ISixItemPickerSixItemPickerChangePayload } from '@six-group/ui-library';
 import type { SixLanguageSwitcherChangePayload as ISixLanguageSwitcherSixLanguageSwitcherChangePayload } from '@six-group/ui-library';
@@ -43,7 +41,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>;
@@ -68,7 +66,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>;
@@ -77,7 +75,7 @@ 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>;
@@ -86,7 +84,7 @@ export declare interface SixBadge extends Components.SixBadge {
 }
 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>;
@@ -103,7 +101,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>;
@@ -112,7 +110,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>;
@@ -131,9 +129,28 @@ export declare interface SixCheckbox extends Components.SixCheckbox {
      */
     'six-checkbox-focus': EventEmitter<CustomEvent<ISixCheckboxEmptyPayload>>;
 }
+export declare class SixDate {
+    protected z: NgZone;
+    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; }; "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.
+     */
+    'six-change': EventEmitter<CustomEvent<string | ''>>;
+    /**
+     * Emitted when the control loses focus or the date picker popup is closed.
+  Does not contain event details.
+     */
+    '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>;
@@ -154,7 +171,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>;
@@ -179,7 +196,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>;
@@ -207,13 +224,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>;
@@ -241,13 +260,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>;
@@ -284,7 +305,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>;
@@ -293,7 +314,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>;
@@ -302,7 +323,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>;
@@ -311,7 +332,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>;
@@ -328,7 +349,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>;
@@ -345,7 +366,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>;
@@ -354,7 +375,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>;
@@ -363,49 +384,25 @@ 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, { "clickableLogo": { "alias": "clickableLogo"; "required": false; }; "custom": { "alias": "custom"; "required": false; }; "hideHamburgerMenu": { "alias": "hideHamburgerMenu"; "required": false; }; "logo": { "alias": "logo"; "required": false; }; "openHamburgerMenu": { "alias": "openHamburgerMenu"; "required": false; }; "openSearch": { "alias": "openSearch"; "required": false; }; "shiftContent": { "alias": "shiftContent"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixHeader, "six-header", never, { "openSearch": { "alias": "openSearch"; "required": false; }; "shiftContent": { "alias": "shiftContent"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixHeader extends Components.SixHeader {
-    /**
-     * Emitted when the name of the selected app is clicked. @deprecated Use six-header `custom` property with `six-header-dropdown-item` and `six-header-menu-button` instead
-     */
-    'six-header-app-name-clicked': EventEmitter<CustomEvent<ISixHeaderEmptyPayload>>;
-    /**
-     * Emitted when a menu item is in the app switcher menu is selected. @deprecated Use six-header `custom` property with `six-header-dropdown-item` and `six-header-menu-button` instead
-     */
-    'six-header-app-switcher-select': EventEmitter<CustomEvent<ISixHeaderSixHeaderAppSwitcherSelectPayload>>;
-    /**
-     * Emitted when a menu item is in the profile menu is selected. @deprecated Use six-header `custom` property with `six-header-dropdown-item` and `six-avatar` instead
-     */
-    'six-header-profile-select': EventEmitter<CustomEvent<ISixHeaderSixHeaderProfileSelectPayload>>;
-    /**
-     * Emitted when the hamburger menu is clicked. @deprecated Use six-header `custom` property instead
-     */
-    'six-header-hamburger-menu-clicked': EventEmitter<CustomEvent<ISixHeaderEmptyPayload>>;
-    /**
-     * Emitted when the header logo is clicked. @deprecated Use six-header `custom` property instead
-     */
-    'six-header-logo-clicked': EventEmitter<CustomEvent<ISixHeaderEmptyPayload>>;
-    /**
-     * Emitted when search field is toggled. @deprecated Use six-header `custom` property instead
-     */
-    'six-header-search-field-toggle': EventEmitter<CustomEvent<ISixHeaderSixHeaderSearchFieldToggle>>;
 }
 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, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixHeaderDropdownItem, "six-header-dropdown-item", never, { "filter": { "alias": "filter"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixHeaderDropdownItem extends Components.SixHeaderDropdownItem {
 }
 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>;
@@ -414,16 +411,16 @@ 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, { "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], false, 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>;
 }
 export declare interface SixHeaderMenuButton extends Components.SixHeaderMenuButton {
 }
 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>;
@@ -432,7 +429,7 @@ 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>;
@@ -441,7 +438,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>;
@@ -470,7 +467,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>;
@@ -487,7 +484,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>;
@@ -500,7 +497,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>;
@@ -509,7 +506,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>;
@@ -518,7 +515,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>;
@@ -527,7 +524,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>;
@@ -540,7 +537,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>;
@@ -549,7 +546,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>;
@@ -558,7 +555,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>;
@@ -567,7 +564,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>;
@@ -576,7 +573,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>;
@@ -585,7 +582,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>;
@@ -594,7 +591,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>;
@@ -615,7 +612,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>;
@@ -636,7 +633,7 @@ export declare interface SixRange extends Components.SixRange {
 }
 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>;
@@ -645,7 +642,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>;
@@ -658,10 +655,10 @@ 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; }; "maxTagsVisible": { "alias": "maxTagsVisible"; "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>;
+    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>;
 }
 export declare interface SixSelect extends Components.SixSelect {
     /**
@@ -679,7 +676,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>;
@@ -709,16 +706,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>;
@@ -727,7 +724,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>;
@@ -736,7 +733,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>;
@@ -745,7 +742,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>;
@@ -766,7 +763,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>;
@@ -779,7 +776,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>;
@@ -796,7 +793,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>;
@@ -805,7 +802,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>;
@@ -818,7 +815,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>;
@@ -843,7 +840,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>;
@@ -860,7 +857,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>;
@@ -881,7 +878,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>;