@scania/tegel-angular-17 1.28.0 → 1.28.1

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

@@ -0,0 +1,2063 @@
+/* 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: ['ariaLevelValue', '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: ['ariaLevelValue', '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', 'tdsAriaLive', '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', 'tdsAriaLive', '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', 'roleType', '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', 'roleType', '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: ['componentTag', 'modeVariant']
+})
+@Component({
+  selector: 'tds-block',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['componentTag', '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({
+  inputs: ['tdsAriaLabel']
+})
+@Component({
+  selector: 'tds-breadcrumbs',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['tdsAriaLabel'],
+})
+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: ['animation', 'disabled', 'fullbleed', 'modeVariant', 'size', 'tdsAriaLabel', '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: ['animation', 'disabled', 'fullbleed', 'modeVariant', 'size', 'tdsAriaLabel', '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', 'tdsAriaDescribedby', 'tdsAriaLabel', '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', 'tdsAriaDescribedby', 'tdsAriaLabel', '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', 'tdsAriaLabel', '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', 'tdsAriaLabel', '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: ['animation', 'defaultValue', 'disabled', 'error', 'filter', 'helper', 'label', 'labelPosition', 'modeVariant', 'multiselect', 'name', 'noResultText', 'normalizeText', 'openDirection', 'placeholder', 'size', 'tdsAriaLabel', 'value'],
+  methods: ['setValue', 'reset', 'removeValue', 'focusElement', 'close']
+})
+@Component({
+  selector: 'tds-dropdown',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['animation', 'defaultValue', 'disabled', 'error', 'filter', 'helper', 'label', 'labelPosition', 'modeVariant', 'multiselect', 'name', 'noResultText', 'normalizeText', 'openDirection', 'placeholder', 'size', 'tdsAriaLabel', 'value'],
+})
+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', 'tdsScrollLeftAriaLabel', 'tdsScrollRightAriaLabel'],
+  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', 'tdsScrollLeftAriaLabel', 'tdsScrollRightAriaLabel'],
+})
+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: ['tdsListAriaLabel', '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: ['tdsListAriaLabel', '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', 'tdsAriaLabel']
+})
+@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', 'tdsAriaLabel'],
+})
+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({
+  inputs: ['tdsAriaLabel']
+})
+@Component({
+  selector: 'tds-header-hamburger',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['tdsAriaLabel'],
+})
+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({
+  inputs: ['tdsAriaLabel']
+})
+@Component({
+  selector: 'tds-header-launcher',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['tdsAriaLabel'],
+})
+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', 'tdsAriaLabel']
+})
+@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', 'tdsAriaLabel'],
+})
+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', 'tdsAriaHidden']
+})
+@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', 'tdsAriaHidden'],
+})
+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', 'tdsScrollLeftAriaLabel', 'tdsScrollRightAriaLabel'],
+  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', 'tdsScrollLeftAriaLabel', 'tdsScrollRightAriaLabel'],
+})
+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', 'standalone', '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', 'standalone', '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', 'tdsAlertDialog', 'tdsAriaLabel', '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', 'tdsAlertDialog', 'tdsAriaLabel', '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', 'tdsAlertDialog'],
+  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', 'tdsAlertDialog'],
+})
+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', 'tdsScrollLeftAriaLabel', 'tdsScrollRightAriaLabel'],
+  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', 'tdsScrollLeftAriaLabel', 'tdsScrollRightAriaLabel'],
+})
+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: ['animation', 'defaultShow', 'modifiers', 'offsetDistance', 'offsetSkidding', 'placement', 'referenceEl', 'selector', 'show', 'tdsAlertDialog'],
+  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: ['animation', 'defaultShow', 'modifiers', 'offsetDistance', 'offsetSkidding', 'placement', 'referenceEl', 'selector', 'show', 'tdsAlertDialog'],
+})
+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: ['animation', '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: ['animation', '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: ['animation', '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: ['animation', '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', 'tdsAriaLabel', 'tdsTabIndex', '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', 'tdsAriaLabel', 'tdsTabIndex', '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', 'tdsAriaCurrent']
+})
+@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', 'tdsAriaCurrent'],
+})
+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', 'tdsAriaLabel']
+})
+@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', 'tdsAriaLabel'],
+})
+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', 'hideReadOnlyIcon', 'label', 'labelPosition', 'max', 'maxLength', 'min', 'modeVariant', 'name', 'noMinWidth', 'placeholder', 'readOnly', 'size', 'state', 'tdsAriaLabel', 'type', 'value'],
+  methods: ['focusElement']
+})
+@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', 'hideReadOnlyIcon', 'label', 'labelPosition', 'max', 'maxLength', 'min', 'modeVariant', 'name', 'noMinWidth', 'placeholder', 'readOnly', 'size', 'state', 'tdsAriaLabel', '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', 'hideReadOnlyIcon', 'label', 'labelPosition', 'maxLength', 'modeVariant', 'name', 'noMinWidth', 'placeholder', 'readOnly', 'rows', 'state', 'tdsAriaLabel', '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', 'hideReadOnlyIcon', 'label', 'labelPosition', 'maxLength', 'modeVariant', 'name', 'noMinWidth', 'placeholder', 'readOnly', 'rows', 'state', 'tdsAriaLabel', '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', 'tdsAriaLive', 'tdsCloseAriaLabel', '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', 'tdsAriaLive', 'tdsCloseAriaLabel', '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', 'tdsAriaLabel', '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', 'tdsAriaLabel', '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', 'tdsAriaDescribedby', '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', 'tdsAriaDescribedby', '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 {}
+
+