@scania/tegel-angular-17 1.21.0 → 1.21.1

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

@@ -1,2059 +0,0 @@
-/* tslint:disable */
-/* auto-generated angular directive proxies */
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, NgZone } from '@angular/core';
-
-import { ProxyCmp, proxyOutputs } from './angular-component-lib/utils';
-
-import { Components } from '@scania/tegel';
-
-
-@ProxyCmp({
-  inputs: ['hideLastBorder', 'modeVariant']
-})
-@Component({
-  selector: 'tds-accordion',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['hideLastBorder', 'modeVariant'],
-})
-export class TdsAccordion {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsAccordion extends Components.TdsAccordion {}
-
-
-@ProxyCmp({
-  inputs: ['disabled', 'expandIconPosition', 'expanded', 'header', 'paddingReset'],
-  methods: ['toggleAccordionItem']
-})
-@Component({
-  selector: 'tds-accordion-item',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['disabled', 'expandIconPosition', 'expanded', 'header', 'paddingReset'],
-})
-export class TdsAccordionItem {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsToggle']);
-  }
-}
-
-
-export declare interface TdsAccordionItem extends Components.TdsAccordionItem {
-  /**
-   * Fires when the Accordion Item is clicked, but before it is closed or opened.
-   */
-  tdsToggle: EventEmitter<CustomEvent<{ expanded: boolean; }>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['hidden', 'size', 'value']
-})
-@Component({
-  selector: 'tds-badge',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['hidden', 'size', 'value'],
-})
-export class TdsBadge {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsBadge extends Components.TdsBadge {}
-
-
-@ProxyCmp({
-  inputs: ['bannerId', 'header', 'hidden', 'icon', 'subheader', 'variant'],
-  methods: ['hideBanner', 'showBanner']
-})
-@Component({
-  selector: 'tds-banner',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['bannerId', 'header', 'hidden', 'icon', 'subheader', 'variant'],
-})
-export class TdsBanner {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsClose']);
-  }
-}
-
-
-export declare interface TdsBanner extends Components.TdsBanner {
-  /**
-   * Sends a unique Banner identifier when the close button is pressed.
-   */
-  tdsClose: EventEmitter<CustomEvent<{ bannerId: string; }>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['modeVariant']
-})
-@Component({
-  selector: 'tds-block',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['modeVariant'],
-})
-export class TdsBlock {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsBlock extends Components.TdsBlock {}
-
-
-@ProxyCmp({
-  inputs: ['cellKey', 'cellValue', 'disablePadding', 'textAlign']
-})
-@Component({
-  selector: 'tds-body-cell',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['cellKey', 'cellValue', 'disablePadding', 'textAlign'],
-})
-export class TdsBodyCell {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsBodyCell extends Components.TdsBodyCell {}
-
-
-@ProxyCmp({
-  inputs: ['current']
-})
-@Component({
-  selector: 'tds-breadcrumb',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['current'],
-})
-export class TdsBreadcrumb {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsBreadcrumb extends Components.TdsBreadcrumb {}
-
-
-@ProxyCmp({
-})
-@Component({
-  selector: 'tds-breadcrumbs',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: [],
-})
-export class TdsBreadcrumbs {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsBreadcrumbs extends Components.TdsBreadcrumbs {}
-
-
-@ProxyCmp({
-  inputs: ['disabled', 'fullbleed', 'modeVariant', 'size', 'text', 'type', 'variant']
-})
-@Component({
-  selector: 'tds-button',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['disabled', 'fullbleed', 'modeVariant', 'size', 'text', 'type', 'variant'],
-})
-export class TdsButton {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsButton extends Components.TdsButton {}
-
-
-@ProxyCmp({
-  inputs: ['bodyDivider', 'bodyImg', 'bodyImgAlt', 'cardId', 'clickable', 'header', 'imagePlacement', 'modeVariant', 'stretch', 'subheader']
-})
-@Component({
-  selector: 'tds-card',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['bodyDivider', 'bodyImg', 'bodyImgAlt', 'cardId', 'clickable', 'header', 'imagePlacement', 'modeVariant', 'stretch', 'subheader'],
-})
-export class TdsCard {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsClick']);
-  }
-}
-
-
-export declare interface TdsCard extends Components.TdsCard {
-  /**
-   * Sends unique Card identifier when the Card is clicked, if clickable=true
-   */
-  tdsClick: EventEmitter<CustomEvent<{ cardId: string; }>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['checkboxId', 'checked', 'disabled', 'indeterminate', 'name', 'required', 'value'],
-  methods: ['toggleCheckbox']
-})
-@Component({
-  selector: 'tds-checkbox',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['checkboxId', 'checked', 'disabled', 'indeterminate', 'name', 'required', 'value'],
-})
-export class TdsCheckbox {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsChange', 'tdsFocus', 'tdsBlur']);
-  }
-}
-
-
-export declare interface TdsCheckbox extends Components.TdsCheckbox {
-  /**
-   * Sends unique Checkbox identifier and checked status when it is checked/unchecked.
-   */
-  tdsChange: EventEmitter<CustomEvent<{ checkboxId: string; checked: boolean; indeterminate: boolean; value?: string; }>>;
-  /**
-   * Focus event for the Checkbox
-   */
-  tdsFocus: EventEmitter<CustomEvent<FocusEvent>>;
-  /**
-   * Blur event for the Checkbox
-   */
-  tdsBlur: EventEmitter<CustomEvent<FocusEvent>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['checked', 'chipId', 'disabled', 'name', 'size', 'type', 'value']
-})
-@Component({
-  selector: 'tds-chip',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['checked', 'chipId', 'disabled', 'name', 'size', 'type', 'value'],
-})
-export class TdsChip {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsChange', 'tdsClick']);
-  }
-}
-
-
-export declare interface TdsChip extends Components.TdsChip {
-  /**
-   * Sends unique Chip identifier and value when it is changed (checked/unchecked).
-Valid only for type checkbox and radio.
-If no ID is specified, a random one will be generated.
-To use this listener, don't use the randomized ID, use a specific one of your choosing.
-   */
-  tdsChange: EventEmitter<CustomEvent<{ chipId: string; value: string; checked?: boolean; }>>;
-  /**
-   * Sends unique Chip identifier when Chip is clicked.
-Valid only for type button.
-If no ID is specified, a random one will be generated.
-To use this listener, don't use the randomized ID, use a specific one of your choosing.
-   */
-  tdsClick: EventEmitter<CustomEvent<{ chipId: string; }>>;
-}
-
-
-@ProxyCmp({
-})
-@Component({
-  selector: 'tds-core-header-item',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: [],
-})
-export class TdsCoreHeaderItem {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsCoreHeaderItem extends Components.TdsCoreHeaderItem {}
-
-
-@ProxyCmp({
-  inputs: ['autofocus', 'defaultValue', 'disabled', 'helper', 'label', 'max', 'min', 'modeVariant', 'name', 'noMinWidth', 'size', 'state', 'type', 'value'],
-  methods: ['reset', 'setValue']
-})
-@Component({
-  selector: 'tds-datetime',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['autofocus', 'defaultValue', 'disabled', 'helper', 'label', 'max', 'min', 'modeVariant', 'name', 'noMinWidth', 'size', 'state', 'type', 'value'],
-})
-export class TdsDatetime {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsChange', 'tdsBlur', 'tdsFocus', 'tdsInput']);
-  }
-}
-
-
-export declare interface TdsDatetime extends Components.TdsDatetime {
-  /**
-   * Change event for the Datetime
-   */
-  tdsChange: EventEmitter<CustomEvent<any>>;
-  /**
-   * Blur event for the Datetime
-   */
-  tdsBlur: EventEmitter<CustomEvent<FocusEvent>>;
-  /**
-   * Focus event for the Datetime
-   */
-  tdsFocus: EventEmitter<CustomEvent<FocusEvent>>;
-  /**
-   * Input event for the Datetime
-   */
-  tdsInput: EventEmitter<CustomEvent<InputEvent>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['orientation']
-})
-@Component({
-  selector: 'tds-divider',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['orientation'],
-})
-export class TdsDivider {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsDivider extends Components.TdsDivider {}
-
-
-@ProxyCmp({
-  inputs: ['defaultValue', 'disabled', 'error', 'filter', 'helper', 'label', 'labelPosition', 'modeVariant', 'multiselect', 'name', 'noResultText', 'normalizeText', 'openDirection', 'placeholder', 'size'],
-  methods: ['reset', 'focusElement', 'setValue', 'removeValue', 'close']
-})
-@Component({
-  selector: 'tds-dropdown',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['defaultValue', 'disabled', 'error', 'filter', 'helper', 'label', 'labelPosition', 'modeVariant', 'multiselect', 'name', 'noResultText', 'normalizeText', 'openDirection', 'placeholder', 'size'],
-})
-export class TdsDropdown {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsChange', 'tdsFocus', 'tdsBlur', 'tdsInput']);
-  }
-}
-
-
-export declare interface TdsDropdown extends Components.TdsDropdown {
-  /**
-   * Change event for the Dropdown.
-   */
-  tdsChange: EventEmitter<CustomEvent<{ name: string; value: string; }>>;
-  /**
-   * Focus event for the Dropdown.
-   */
-  tdsFocus: EventEmitter<CustomEvent<FocusEvent>>;
-  /**
-   * Blur event for the Dropdown.
-   */
-  tdsBlur: EventEmitter<CustomEvent<FocusEvent>>;
-  /**
-   * Input event for the Dropdown.
-   */
-  tdsInput: EventEmitter<CustomEvent<InputEvent>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['disabled', 'value'],
-  methods: ['setSelected']
-})
-@Component({
-  selector: 'tds-dropdown-option',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['disabled', 'value'],
-})
-export class TdsDropdownOption {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsSelect', 'tdsFocus', 'tdsBlur']);
-  }
-}
-
-
-export declare interface TdsDropdownOption extends Components.TdsDropdownOption {
-  /**
-   * Click event for the Dropdown option.
-   */
-  tdsSelect: EventEmitter<CustomEvent<{ selected: boolean; value: string; }>>;
-  /**
-   * Focus event for the Dropdown option.
-   */
-  tdsFocus: EventEmitter<CustomEvent<FocusEvent>>;
-  /**
-   * Blur event for the Dropdown option.
-   */
-  tdsBlur: EventEmitter<CustomEvent<FocusEvent>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['disabled']
-})
-@Component({
-  selector: 'tds-folder-tab',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['disabled'],
-})
-export class TdsFolderTab {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsFolderTab extends Components.TdsFolderTab {}
-
-
-@ProxyCmp({
-  inputs: ['defaultSelectedIndex', 'modeVariant', 'selectedIndex'],
-  methods: ['selectTab', 'reinitialize']
-})
-@Component({
-  selector: 'tds-folder-tabs',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['defaultSelectedIndex', 'modeVariant', 'selectedIndex'],
-})
-export class TdsFolderTabs {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsChange']);
-  }
-}
-
-
-export declare interface TdsFolderTabs extends Components.TdsFolderTabs {
-  /**
-   * Event emitted when the selected Tab is changed.
-   */
-  tdsChange: EventEmitter<CustomEvent<{ selectedTabIndex: number; }>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['modeVariant']
-})
-@Component({
-  selector: 'tds-footer',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['modeVariant'],
-})
-export class TdsFooter {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsFooter extends Components.TdsFooter {}
-
-
-@ProxyCmp({
-  inputs: ['titleText']
-})
-@Component({
-  selector: 'tds-footer-group',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['titleText'],
-})
-export class TdsFooterGroup {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsFooterGroup extends Components.TdsFooterGroup {}
-
-
-@ProxyCmp({
-})
-@Component({
-  selector: 'tds-footer-item',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: [],
-})
-export class TdsFooterItem {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsFooterItem extends Components.TdsFooterItem {}
-
-
-@ProxyCmp({
-})
-@Component({
-  selector: 'tds-header',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: [],
-})
-export class TdsHeader {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsHeader extends Components.TdsHeader {}
-
-
-@ProxyCmp({
-})
-@Component({
-  selector: 'tds-header-brand-symbol',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: [],
-})
-export class TdsHeaderBrandSymbol {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsHeaderBrandSymbol extends Components.TdsHeaderBrandSymbol {}
-
-
-@ProxyCmp({
-  inputs: ['cellKey', 'cellValue', 'customWidth', 'disablePadding', 'sortable', 'textAlign']
-})
-@Component({
-  selector: 'tds-header-cell',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['cellKey', 'cellValue', 'customWidth', 'disablePadding', 'sortable', 'textAlign'],
-})
-export class TdsHeaderCell {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsSort']);
-  }
-}
-
-
-export declare interface TdsHeaderCell extends Components.TdsHeaderCell {
-  /**
-   * Sends unique Table identifier, column key and sorting direction to the tds-table-body component,
-can also be listened to implement custom-sorting logic.
-   */
-  tdsSort: EventEmitter<CustomEvent<{ tableId: string; columnKey: string; sortingDirection: 'asc' | 'desc'; }>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['label', 'noDropdownIcon', 'selected']
-})
-@Component({
-  selector: 'tds-header-dropdown',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['label', 'noDropdownIcon', 'selected'],
-})
-export class TdsHeaderDropdown {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsHeaderDropdown extends Components.TdsHeaderDropdown {}
-
-
-@ProxyCmp({
-  inputs: ['size']
-})
-@Component({
-  selector: 'tds-header-dropdown-list',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['size'],
-})
-export class TdsHeaderDropdownList {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsHeaderDropdownList extends Components.TdsHeaderDropdownList {}
-
-
-@ProxyCmp({
-  inputs: ['selected', 'size']
-})
-@Component({
-  selector: 'tds-header-dropdown-list-item',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['selected', 'size'],
-})
-export class TdsHeaderDropdownListItem {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsHeaderDropdownListItem extends Components.TdsHeaderDropdownListItem {}
-
-
-@ProxyCmp({
-  inputs: ['header', 'imgAlt', 'imgUrl', 'subheader']
-})
-@Component({
-  selector: 'tds-header-dropdown-list-user',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['header', 'imgAlt', 'imgUrl', 'subheader'],
-})
-export class TdsHeaderDropdownListUser {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsHeaderDropdownListUser extends Components.TdsHeaderDropdownListUser {}
-
-
-@ProxyCmp({
-})
-@Component({
-  selector: 'tds-header-hamburger',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: [],
-})
-export class TdsHeaderHamburger {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsHeaderHamburger extends Components.TdsHeaderHamburger {}
-
-
-@ProxyCmp({
-  inputs: ['active', 'selected']
-})
-@Component({
-  selector: 'tds-header-item',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['active', 'selected'],
-})
-export class TdsHeaderItem {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsHeaderItem extends Components.TdsHeaderItem {}
-
-
-@ProxyCmp({
-})
-@Component({
-  selector: 'tds-header-launcher',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: [],
-})
-export class TdsHeaderLauncher {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsHeaderLauncher extends Components.TdsHeaderLauncher {}
-
-
-@ProxyCmp({
-  inputs: ['active']
-})
-@Component({
-  selector: 'tds-header-launcher-button',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['active'],
-})
-export class TdsHeaderLauncherButton {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsHeaderLauncherButton extends Components.TdsHeaderLauncherButton {}
-
-
-@ProxyCmp({
-})
-@Component({
-  selector: 'tds-header-launcher-grid',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: [],
-})
-export class TdsHeaderLauncherGrid {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsHeaderLauncherGrid extends Components.TdsHeaderLauncherGrid {}
-
-
-@ProxyCmp({
-})
-@Component({
-  selector: 'tds-header-launcher-grid-item',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: [],
-})
-export class TdsHeaderLauncherGridItem {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsHeaderLauncherGridItem extends Components.TdsHeaderLauncherGridItem {}
-
-
-@ProxyCmp({
-})
-@Component({
-  selector: 'tds-header-launcher-grid-title',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: [],
-})
-export class TdsHeaderLauncherGridTitle {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsHeaderLauncherGridTitle extends Components.TdsHeaderLauncherGridTitle {}
-
-
-@ProxyCmp({
-})
-@Component({
-  selector: 'tds-header-launcher-list',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: [],
-})
-export class TdsHeaderLauncherList {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsHeaderLauncherList extends Components.TdsHeaderLauncherList {}
-
-
-@ProxyCmp({
-})
-@Component({
-  selector: 'tds-header-launcher-list-item',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: [],
-})
-export class TdsHeaderLauncherListItem {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsHeaderLauncherListItem extends Components.TdsHeaderLauncherListItem {}
-
-
-@ProxyCmp({
-})
-@Component({
-  selector: 'tds-header-launcher-list-title',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: [],
-})
-export class TdsHeaderLauncherListTitle {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsHeaderLauncherListTitle extends Components.TdsHeaderLauncherListTitle {}
-
-
-@ProxyCmp({
-})
-@Component({
-  selector: 'tds-header-title',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: [],
-})
-export class TdsHeaderTitle {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsHeaderTitle extends Components.TdsHeaderTitle {}
-
-
-@ProxyCmp({
-  inputs: ['name', 'size', 'svgDescription', 'svgTitle']
-})
-@Component({
-  selector: 'tds-icon',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['name', 'size', 'svgDescription', 'svgTitle'],
-})
-export class TdsIcon {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsIcon extends Components.TdsIcon {}
-
-
-@ProxyCmp({
-  inputs: ['disabled']
-})
-@Component({
-  selector: 'tds-inline-tab',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['disabled'],
-})
-export class TdsInlineTab {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsInlineTab extends Components.TdsInlineTab {}
-
-
-@ProxyCmp({
-  inputs: ['defaultSelectedIndex', 'leftPadding', 'modeVariant', 'selectedIndex'],
-  methods: ['selectTab', 'reinitialize']
-})
-@Component({
-  selector: 'tds-inline-tabs',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['defaultSelectedIndex', 'leftPadding', 'modeVariant', 'selectedIndex'],
-})
-export class TdsInlineTabs {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsChange']);
-  }
-}
-
-
-export declare interface TdsInlineTabs extends Components.TdsInlineTabs {
-  /**
-   * Event emitted when the selected Tab is changed.
-   */
-  tdsChange: EventEmitter<CustomEvent<{ selectedTabIndex: number; }>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['disabled', 'underline']
-})
-@Component({
-  selector: 'tds-link',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['disabled', 'underline'],
-})
-export class TdsLink {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsLink extends Components.TdsLink {}
-
-
-@ProxyCmp({
-  inputs: ['header', 'minimal', 'modeVariant', 'noIcon', 'variant']
-})
-@Component({
-  selector: 'tds-message',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['header', 'minimal', 'modeVariant', 'noIcon', 'variant'],
-})
-export class TdsMessage {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsMessage extends Components.TdsMessage {}
-
-
-@ProxyCmp({
-  inputs: ['actionsPosition', 'closable', 'header', 'prevent', 'referenceEl', 'selector', 'show', 'size'],
-  methods: ['showModal', 'closeModal', 'initializeModal', 'cleanupModal']
-})
-@Component({
-  selector: 'tds-modal',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['actionsPosition', 'closable', 'header', 'prevent', 'referenceEl', 'selector', 'show', 'size'],
-})
-export class TdsModal {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsClose']);
-  }
-}
-
-
-export declare interface TdsModal extends Components.TdsModal {
-  /**
-   * Emits when the Modal is closed.
-   */
-  tdsClose: EventEmitter<CustomEvent<any>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['disabled']
-})
-@Component({
-  selector: 'tds-navigation-tab',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['disabled'],
-})
-export class TdsNavigationTab {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsNavigationTab extends Components.TdsNavigationTab {}
-
-
-@ProxyCmp({
-  inputs: ['defaultSelectedIndex', 'leftPadding', 'modeVariant', 'selectedIndex'],
-  methods: ['selectTab', 'reinitialize']
-})
-@Component({
-  selector: 'tds-navigation-tabs',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['defaultSelectedIndex', 'leftPadding', 'modeVariant', 'selectedIndex'],
-})
-export class TdsNavigationTabs {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsChange']);
-  }
-}
-
-
-export declare interface TdsNavigationTabs extends Components.TdsNavigationTabs {
-  /**
-   * Event emitted when the selected Tab is changed.
-   */
-  tdsChange: EventEmitter<CustomEvent<{ selectedTabIndex: number; }>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['defaultShow', 'modifiers', 'offsetDistance', 'offsetSkidding', 'placement', 'referenceEl', 'selector', 'show'],
-  methods: ['close']
-})
-@Component({
-  selector: 'tds-popover-canvas',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['defaultShow', 'modifiers', 'offsetDistance', 'offsetSkidding', 'placement', 'referenceEl', 'selector', 'show'],
-})
-export class TdsPopoverCanvas {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsPopoverCanvas extends Components.TdsPopoverCanvas {}
-
-
-@ProxyCmp({
-  inputs: ['autoHide', 'defaultShow', 'modifiers', 'offsetDistance', 'offsetSkidding', 'placement', 'referenceEl', 'selector', 'show', 'trigger'],
-  methods: ['close']
-})
-@Component({
-  selector: 'tds-popover-core',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['autoHide', 'defaultShow', 'modifiers', 'offsetDistance', 'offsetSkidding', 'placement', 'referenceEl', 'selector', 'show', 'trigger'],
-})
-export class TdsPopoverCore {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsPopoverCore extends Components.TdsPopoverCore {}
-
-
-@ProxyCmp({
-  inputs: ['defaultShow', 'fluidWidth', 'offsetDistance', 'offsetSkidding', 'placement', 'referenceEl', 'selector', 'show'],
-  methods: ['close']
-})
-@Component({
-  selector: 'tds-popover-menu',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['defaultShow', 'fluidWidth', 'offsetDistance', 'offsetSkidding', 'placement', 'referenceEl', 'selector', 'show'],
-})
-export class TdsPopoverMenu {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsPopoverMenu extends Components.TdsPopoverMenu {}
-
-
-@ProxyCmp({
-  inputs: ['disabled']
-})
-@Component({
-  selector: 'tds-popover-menu-item',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['disabled'],
-})
-export class TdsPopoverMenuItem {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsPopoverMenuItem extends Components.TdsPopoverMenuItem {}
-
-
-@ProxyCmp({
-  inputs: ['checked', 'disabled', 'name', 'radioId', 'required', 'value']
-})
-@Component({
-  selector: 'tds-radio-button',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['checked', 'disabled', 'name', 'radioId', 'required', 'value'],
-})
-export class TdsRadioButton {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsChange']);
-  }
-}
-
-
-export declare interface TdsRadioButton extends Components.TdsRadioButton {
-  /**
-   * Sends unique Radio Button identifier and status when it is checked.
-If no ID is specified, a random one will be generated.
-To use this listener, don't use the randomized ID, use a specific one of your choosing.
-   */
-  tdsChange: EventEmitter<CustomEvent<{ radioId: string; value: string; }>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['collapsed', 'open', 'persistent']
-})
-@Component({
-  selector: 'tds-side-menu',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['collapsed', 'open', 'persistent'],
-})
-export class TdsSideMenu {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsCollapse']);
-  }
-}
-
-
-import type { CollapseEvent as ITdsSideMenuCollapseEvent } from '@scania/tegel';
-
-export declare interface TdsSideMenu extends Components.TdsSideMenu {
-  /**
-   * Event that is emitted when the Side Menu is collapsed.
-   */
-  tdsCollapse: EventEmitter<CustomEvent<ITdsSideMenuCollapseEvent>>;
-}
-
-
-@ProxyCmp({
-})
-@Component({
-  selector: 'tds-side-menu-close-button',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: [],
-})
-export class TdsSideMenuCloseButton {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsSideMenuCloseButton extends Components.TdsSideMenuCloseButton {}
-
-
-@ProxyCmp({
-})
-@Component({
-  selector: 'tds-side-menu-collapse-button',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: [],
-})
-export class TdsSideMenuCollapseButton {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsCollapse']);
-  }
-}
-
-
-import type { CollapseEvent as ITdsSideMenuCollapseButtonCollapseEvent } from '@scania/tegel';
-
-export declare interface TdsSideMenuCollapseButton extends Components.TdsSideMenuCollapseButton {
-  /**
-   * Event that is broadcast when the collapse button is clicked.
-Prevent it from disabling automatic collapsing, and set the collapsed prop on the Side Menu yourself.
-   */
-  tdsCollapse: EventEmitter<CustomEvent<ITdsSideMenuCollapseButtonCollapseEvent>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['buttonLabel', 'defaultOpen', 'open', 'selected']
-})
-@Component({
-  selector: 'tds-side-menu-dropdown',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['buttonLabel', 'defaultOpen', 'open', 'selected'],
-})
-export class TdsSideMenuDropdown {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsSideMenuDropdown extends Components.TdsSideMenuDropdown {}
-
-
-@ProxyCmp({
-})
-@Component({
-  selector: 'tds-side-menu-dropdown-list',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: [],
-})
-export class TdsSideMenuDropdownList {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsSideMenuDropdownList extends Components.TdsSideMenuDropdownList {}
-
-
-@ProxyCmp({
-  inputs: ['selected']
-})
-@Component({
-  selector: 'tds-side-menu-dropdown-list-item',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['selected'],
-})
-export class TdsSideMenuDropdownListItem {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsSideMenuDropdownListItem extends Components.TdsSideMenuDropdownListItem {}
-
-
-@ProxyCmp({
-  inputs: ['active', 'selected']
-})
-@Component({
-  selector: 'tds-side-menu-item',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['active', 'selected'],
-})
-export class TdsSideMenuItem {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsSideMenuItem extends Components.TdsSideMenuItem {}
-
-
-@ProxyCmp({
-})
-@Component({
-  selector: 'tds-side-menu-overlay',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: [],
-})
-export class TdsSideMenuOverlay {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsSideMenuOverlay extends Components.TdsSideMenuOverlay {}
-
-
-@ProxyCmp({
-  inputs: ['heading', 'imgAlt', 'imgSrc', 'subheading']
-})
-@Component({
-  selector: 'tds-side-menu-user',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['heading', 'imgAlt', 'imgSrc', 'subheading'],
-})
-export class TdsSideMenuUser {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsSideMenuUser extends Components.TdsSideMenuUser {}
-
-
-@ProxyCmp({
-  inputs: ['alt', 'src']
-})
-@Component({
-  selector: 'tds-side-menu-user-image',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['alt', 'src'],
-})
-export class TdsSideMenuUserImage {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsSideMenuUserImage extends Components.TdsSideMenuUserImage {}
-
-
-@ProxyCmp({
-  inputs: ['heading', 'subheading']
-})
-@Component({
-  selector: 'tds-side-menu-user-label',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['heading', 'subheading'],
-})
-export class TdsSideMenuUserLabel {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsSideMenuUserLabel extends Components.TdsSideMenuUserLabel {}
-
-
-@ProxyCmp({
-  inputs: ['controls', 'disabled', 'input', 'label', 'max', 'min', 'name', 'readOnly', 'showTickNumbers', 'sliderId', 'snap', 'step', 'thumbSize', 'ticks', 'tooltip', 'value'],
-  methods: ['reset']
-})
-@Component({
-  selector: 'tds-slider',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['controls', 'disabled', 'input', 'label', 'max', 'min', 'name', 'readOnly', 'showTickNumbers', 'sliderId', 'snap', 'step', 'thumbSize', 'ticks', 'tooltip', 'value'],
-})
-export class TdsSlider {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsChange', 'tdsInput']);
-  }
-}
-
-
-export declare interface TdsSlider extends Components.TdsSlider {
-  /**
-   * Sends the value of the slider when changed. Fires after mouse up and touch end events.
-   */
-  tdsChange: EventEmitter<CustomEvent<{ value: string; }>>;
-  /**
-   * Sends the value of the slider while moving the thumb. Fires on mouse move and touch move events.
-   */
-  tdsInput: EventEmitter<CustomEvent<{ value: string; }>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['size', 'variant']
-})
-@Component({
-  selector: 'tds-spinner',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['size', 'variant'],
-})
-export class TdsSpinner {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsSpinner extends Components.TdsSpinner {}
-
-
-@ProxyCmp({
-  inputs: ['index', 'state']
-})
-@Component({
-  selector: 'tds-step',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['index', 'state'],
-})
-export class TdsStep {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsStep extends Components.TdsStep {}
-
-
-@ProxyCmp({
-  inputs: ['hideLabels', 'labelPosition', 'orientation', 'size', 'stepperId']
-})
-@Component({
-  selector: 'tds-stepper',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['hideLabels', 'labelPosition', 'orientation', 'size', 'stepperId'],
-})
-export class TdsStepper {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsStepper extends Components.TdsStepper {}
-
-
-@ProxyCmp({
-  inputs: ['compactDesign', 'expandableRows', 'horizontalScrollWidth', 'modeVariant', 'multiselect', 'noMinWidth', 'responsive', 'tableId', 'verticalDividers', 'zebraMode'],
-  methods: ['getSelectedRows']
-})
-@Component({
-  selector: 'tds-table',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['compactDesign', 'expandableRows', 'horizontalScrollWidth', 'modeVariant', 'multiselect', 'noMinWidth', 'responsive', 'tableId', 'verticalDividers', 'zebraMode'],
-})
-export class TdsTable {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsTable extends Components.TdsTable {}
-
-
-@ProxyCmp({
-})
-@Component({
-  selector: 'tds-table-body',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: [],
-})
-export class TdsTableBody {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsTableBody extends Components.TdsTableBody {}
-
-
-@ProxyCmp({
-  inputs: ['showIcon']
-})
-@Component({
-  selector: 'tds-table-body-input-wrapper',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['showIcon'],
-})
-export class TdsTableBodyInputWrapper {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsTableBodyInputWrapper extends Components.TdsTableBodyInputWrapper {}
-
-
-@ProxyCmp({
-  inputs: ['clickable', 'disabled', 'selected']
-})
-@Component({
-  selector: 'tds-table-body-row',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['clickable', 'disabled', 'selected'],
-})
-export class TdsTableBodyRow {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsSelect', 'tdsClick']);
-  }
-}
-
-
-export declare interface TdsTableBodyRow extends Components.TdsTableBodyRow {
-  /**
-   * Event emitted when a row is selected/deselected.
-   */
-  tdsSelect: EventEmitter<CustomEvent<{ tableId: string; checked: boolean; selectedRows: any[]; }>>;
-  /**
-   * Event emitted when a row is clicked.
-   */
-  tdsClick: EventEmitter<CustomEvent<{ event: MouseEvent; tableId: string; rowIndex: number; }>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['autoCollapse', 'colSpan', 'expanded', 'overflow', 'rowId'],
-  methods: ['expand', 'collapse']
-})
-@Component({
-  selector: 'tds-table-body-row-expandable',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['autoCollapse', 'colSpan', 'expanded', 'overflow', 'rowId'],
-})
-export class TdsTableBodyRowExpandable {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsChange']);
-  }
-}
-
-
-export declare interface TdsTableBodyRowExpandable extends Components.TdsTableBodyRowExpandable {
-  /**
-   * Sends unique table row identifier and isExpanded status when it is expanded/collapsed.
-   */
-  tdsChange: EventEmitter<CustomEvent<{ rowId: string; isExpanded: boolean; tableId: string; }>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['cols', 'pages', 'pagination', 'paginationValue', 'rowsPerPageValues', 'rowsperpage']
-})
-@Component({
-  selector: 'tds-table-footer',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['cols', 'pages', 'pagination', 'paginationValue', 'rowsPerPageValues', 'rowsperpage'],
-})
-export class TdsTableFooter {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsPagination']);
-  }
-}
-
-
-export declare interface TdsTableFooter extends Components.TdsTableFooter {
-  /**
-   * Event to send current page value to tds-table-body component, can also be listened to in order to implement custom pagination logic.
-   */
-  tdsPagination: EventEmitter<CustomEvent<{ tableId: string; paginationValue: number; rowsPerPage?: number; }>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['allSelected', 'disabled', 'indeterminate', 'selected']
-})
-@Component({
-  selector: 'tds-table-header',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['allSelected', 'disabled', 'indeterminate', 'selected'],
-})
-export class TdsTableHeader {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsSelectAll']);
-  }
-}
-
-
-export declare interface TdsTableHeader extends Components.TdsTableHeader {
-  /**
-   * Event emitted when the status of the select all checkbox changes.
-   */
-  tdsSelectAll: EventEmitter<CustomEvent<{ tableId: string; checked: boolean; selectedRows: any[]; }>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['compactDesign', 'showIcon']
-})
-@Component({
-  selector: 'tds-table-header-input-wrapper',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['compactDesign', 'showIcon'],
-})
-export class TdsTableHeaderInputWrapper {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsTableHeaderInputWrapper extends Components.TdsTableHeaderInputWrapper {}
-
-
-@ProxyCmp({
-  inputs: ['filter', 'tableTitle']
-})
-@Component({
-  selector: 'tds-table-toolbar',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['filter', 'tableTitle'],
-})
-export class TdsTableToolbar {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsFilter']);
-  }
-}
-
-
-export declare interface TdsTableToolbar extends Components.TdsTableToolbar {
-  /**
-   * Used for sending users' input to the main parent tds-table the component,
-can also be listened to in order to implement custom sorting logic.
-   */
-  tdsFilter: EventEmitter<CustomEvent<{ tableId: string; query: string; }>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['autofocus', 'disabled', 'helper', 'label', 'labelPosition', 'max', 'maxLength', 'min', 'modeVariant', 'name', 'noMinWidth', 'placeholder', 'readOnly', 'size', 'state', 'type', 'value']
-})
-@Component({
-  selector: 'tds-text-field',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['autofocus', 'disabled', 'helper', 'label', 'labelPosition', 'max', 'maxLength', 'min', 'modeVariant', 'name', 'noMinWidth', 'placeholder', 'readOnly', 'size', 'state', 'type', 'value'],
-})
-export class TdsTextField {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsChange', 'tdsInput', 'tdsFocus', 'tdsBlur']);
-  }
-}
-
-
-export declare interface TdsTextField extends Components.TdsTextField {
-  /**
-   * Change event for the Text Field
-   */
-  tdsChange: EventEmitter<CustomEvent<any>>;
-  /**
-   * Input event for the Text Field
-   */
-  tdsInput: EventEmitter<CustomEvent<InputEvent>>;
-  /**
-   * Focus event for the Text Field
-   */
-  tdsFocus: EventEmitter<CustomEvent<FocusEvent>>;
-  /**
-   * Blur event for the Text Field
-   */
-  tdsBlur: EventEmitter<CustomEvent<FocusEvent>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['autofocus', 'cols', 'disabled', 'helper', 'label', 'labelPosition', 'maxLength', 'modeVariant', 'name', 'noMinWidth', 'placeholder', 'readOnly', 'rows', 'state', 'value']
-})
-@Component({
-  selector: 'tds-textarea',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['autofocus', 'cols', 'disabled', 'helper', 'label', 'labelPosition', 'maxLength', 'modeVariant', 'name', 'noMinWidth', 'placeholder', 'readOnly', 'rows', 'state', 'value'],
-})
-export class TdsTextarea {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsChange', 'tdsBlur', 'tdsInput', 'tdsFocus']);
-  }
-}
-
-
-export declare interface TdsTextarea extends Components.TdsTextarea {
-  /**
-   * Change event for the Textarea
-   */
-  tdsChange: EventEmitter<CustomEvent<any>>;
-  /**
-   * Blur event for the Textarea
-   */
-  tdsBlur: EventEmitter<CustomEvent<FocusEvent>>;
-  /**
-   * Input event for the Textarea
-   */
-  tdsInput: EventEmitter<CustomEvent<InputEvent>>;
-  /**
-   * Focus event for the Textarea
-   */
-  tdsFocus: EventEmitter<CustomEvent<FocusEvent>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['closable', 'header', 'hidden', 'subheader', 'toastId', 'toastRole', 'variant'],
-  methods: ['hideToast', 'showToast']
-})
-@Component({
-  selector: 'tds-toast',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['closable', 'header', 'hidden', 'subheader', 'toastId', 'toastRole', 'variant'],
-})
-export class TdsToast {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsClose']);
-  }
-}
-
-
-export declare interface TdsToast extends Components.TdsToast {
-  /**
-   * Sends unique Toast identifier when component is closed.
-   */
-  tdsClose: EventEmitter<CustomEvent<{ toastId: string; }>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['checked', 'disabled', 'headline', 'name', 'required', 'size', 'toggleId'],
-  methods: ['toggle']
-})
-@Component({
-  selector: 'tds-toggle',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['checked', 'disabled', 'headline', 'name', 'required', 'size', 'toggleId'],
-})
-export class TdsToggle {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['tdsToggle']);
-  }
-}
-
-
-export declare interface TdsToggle extends Components.TdsToggle {
-  /**
-   * Sends unique Toggle identifier and status when it is toggled.
-   */
-  tdsToggle: EventEmitter<CustomEvent<{ toggleId: string; checked: boolean; }>>;
-}
-
-
-@ProxyCmp({
-  inputs: ['defaultShow', 'mouseOverTooltip', 'offsetDistance', 'offsetSkidding', 'placement', 'referenceEl', 'selector', 'show', 'text', 'trigger']
-})
-@Component({
-  selector: 'tds-tooltip',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content></ng-content>',
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['defaultShow', 'mouseOverTooltip', 'offsetDistance', 'offsetSkidding', 'placement', 'referenceEl', 'selector', 'show', 'text', 'trigger'],
-})
-export class TdsTooltip {
-  protected el: HTMLElement;
-  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
-    c.detach();
-    this.el = r.nativeElement;
-  }
-}
-
-
-export declare interface TdsTooltip extends Components.TdsTooltip {}
-
-