@scania/tegel-angular-17 1.47.2 → 1.48.0

package/fesm2022/scania-tegel-angular-17.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component, HostListener, Directive, APP_INITIALIZER, NgModule } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Output, HostListener, Directive, forwardRef, APP_INITIALIZER, NgModule } from '@angular/core';
 import { defineCustomElements } from '@scania/tegel/loader';
 import { __decorate } from 'tslib';
 import { fromEvent } from 'rxjs';
@@ -85,17 +85,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['hideLastBorder', 'modeVariant'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsAccordionItem = class TdsAccordionItem {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsToggle = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsToggle']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsAccordionItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsAccordionItem, selector: "tds-accordion-item", inputs: { ariaLevelValue: "ariaLevelValue", disabled: "disabled", expandIconPosition: "expandIconPosition", expanded: "expanded", header: "header", paddingReset: "paddingReset" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsAccordionItem, selector: "tds-accordion-item", inputs: { ariaLevelValue: "ariaLevelValue", disabled: "disabled", expandIconPosition: "expandIconPosition", expanded: "expanded", header: "header", paddingReset: "paddingReset" }, outputs: { tdsToggle: "tdsToggle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsAccordionItem = __decorate([
     ProxyCmp({
@@ -111,8 +112,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['ariaLevelValue', 'disabled', 'expandIconPosition', 'expanded', 'header', 'paddingReset'],
+                    outputs: ['tdsToggle'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsToggle: [{
+                type: Output
+            }] } });
 let TdsBadge = class TdsBadge {
     constructor(c, r, z) {
         this.z = z;
@@ -135,17 +140,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['hidden', 'size', 'tdsAriaLive', 'value'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsBanner = class TdsBanner {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsClose = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsClose']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsBanner, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsBanner, selector: "tds-banner", inputs: { bannerId: "bannerId", header: "header", hidden: "hidden", icon: "icon", roleType: "roleType", subheader: "subheader", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsBanner, selector: "tds-banner", inputs: { bannerId: "bannerId", header: "header", hidden: "hidden", icon: "icon", roleType: "roleType", subheader: "subheader", variant: "variant" }, outputs: { tdsClose: "tdsClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsBanner = __decorate([
     ProxyCmp({
@@ -161,8 +167,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['bannerId', 'header', 'hidden', 'icon', 'roleType', 'subheader', 'variant'],
+                    outputs: ['tdsClose'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsClose: [{
+                type: Output
+            }] } });
 let TdsBlock = class TdsBlock {
     constructor(c, r, z) {
         this.z = z;
@@ -185,6 +195,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['componentTag', 'modeVariant'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsBodyCell = class TdsBodyCell {
@@ -209,6 +220,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['cellKey', 'cellValue', 'disablePadding', 'textAlign'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsBreadcrumb = class TdsBreadcrumb {
@@ -233,6 +245,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['current'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsBreadcrumbs = class TdsBreadcrumbs {
@@ -257,6 +270,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['tdsAriaLabel'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsButton = class TdsButton {
@@ -281,17 +295,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['animation', 'disabled', 'fullbleed', 'modeVariant', 'name', 'size', 'tdsAriaLabel', 'text', 'type', 'value', 'variant'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsCard = class TdsCard {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsClick = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsClick']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsCard, selector: "tds-card", inputs: { bodyDivider: "bodyDivider", bodyImg: "bodyImg", bodyImgAlt: "bodyImgAlt", cardId: "cardId", clickable: "clickable", expandable: "expandable", expanded: "expanded", header: "header", imagePlacement: "imagePlacement", modeVariant: "modeVariant", stretch: "stretch", subheader: "subheader" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsCard, selector: "tds-card", inputs: { bodyDivider: "bodyDivider", bodyImg: "bodyImg", bodyImgAlt: "bodyImgAlt", cardId: "cardId", clickable: "clickable", expandable: "expandable", expanded: "expanded", header: "header", imagePlacement: "imagePlacement", modeVariant: "modeVariant", stretch: "stretch", subheader: "subheader" }, outputs: { tdsClick: "tdsClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsCard = __decorate([
     ProxyCmp({
@@ -306,17 +321,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['bodyDivider', 'bodyImg', 'bodyImgAlt', 'cardId', 'clickable', 'expandable', 'expanded', 'header', 'imagePlacement', 'modeVariant', 'stretch', 'subheader'],
+                    outputs: ['tdsClick'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsClick: [{
+                type: Output
+            }] } });
 let TdsCheckbox = class TdsCheckbox {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsChange = new EventEmitter();
+        this.tdsFocus = new EventEmitter();
+        this.tdsBlur = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsChange', 'tdsFocus', 'tdsBlur']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsCheckbox, selector: "tds-checkbox", inputs: { checkboxId: "checkboxId", checked: "checked", disabled: "disabled", indeterminate: "indeterminate", name: "name", required: "required", tdsAriaDescribedby: "tdsAriaDescribedby", tdsAriaLabel: "tdsAriaLabel", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsCheckbox, selector: "tds-checkbox", inputs: { checkboxId: "checkboxId", checked: "checked", disabled: "disabled", indeterminate: "indeterminate", name: "name", required: "required", tdsAriaDescribedby: "tdsAriaDescribedby", tdsAriaLabel: "tdsAriaLabel", value: "value" }, outputs: { tdsChange: "tdsChange", tdsFocus: "tdsFocus", tdsBlur: "tdsBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsCheckbox = __decorate([
     ProxyCmp({
@@ -332,17 +353,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     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'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['tdsChange', 'tdsFocus', 'tdsBlur'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsChange: [{
+                type: Output
+            }], tdsFocus: [{
+                type: Output
+            }], tdsBlur: [{
+                type: Output
+            }] } });
 let TdsChip = class TdsChip {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsChange = new EventEmitter();
+        this.tdsClick = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsChange', 'tdsClick']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsChip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsChip, selector: "tds-chip", inputs: { checked: "checked", chipId: "chipId", disabled: "disabled", name: "name", size: "size", tdsAriaLabel: "tdsAriaLabel", type: "type", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsChip, selector: "tds-chip", inputs: { checked: "checked", chipId: "chipId", disabled: "disabled", name: "name", size: "size", tdsAriaLabel: "tdsAriaLabel", type: "type", value: "value" }, outputs: { tdsChange: "tdsChange", tdsClick: "tdsClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsChip = __decorate([
     ProxyCmp({
@@ -357,8 +387,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['checked', 'chipId', 'disabled', 'name', 'size', 'tdsAriaLabel', 'type', 'value'],
+                    outputs: ['tdsChange', 'tdsClick'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsChange: [{
+                type: Output
+            }], tdsClick: [{
+                type: Output
+            }] } });
 let TdsCoreHeaderItem = class TdsCoreHeaderItem {
     constructor(c, r, z) {
         this.z = z;
@@ -379,17 +415,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsDatetime = class TdsDatetime {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsChange = new EventEmitter();
+        this.tdsBlur = new EventEmitter();
+        this.tdsFocus = new EventEmitter();
+        this.tdsInput = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsChange', 'tdsBlur', 'tdsFocus', 'tdsInput']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsDatetime, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsDatetime, selector: "tds-datetime", inputs: { autofocus: "autofocus", defaultValue: "defaultValue", disabled: "disabled", helper: "helper", label: "label", labelPosition: "labelPosition", max: "max", min: "min", modeVariant: "modeVariant", name: "name", noMinWidth: "noMinWidth", size: "size", state: "state", tdsAriaLabel: "tdsAriaLabel", type: "type", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsDatetime, selector: "tds-datetime", inputs: { autofocus: "autofocus", defaultValue: "defaultValue", disabled: "disabled", helper: "helper", label: "label", labelPosition: "labelPosition", max: "max", min: "min", modeVariant: "modeVariant", name: "name", noMinWidth: "noMinWidth", size: "size", state: "state", tdsAriaLabel: "tdsAriaLabel", type: "type", value: "value" }, outputs: { tdsChange: "tdsChange", tdsBlur: "tdsBlur", tdsFocus: "tdsFocus", tdsInput: "tdsInput" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsDatetime = __decorate([
     ProxyCmp({
@@ -405,8 +445,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['autofocus', 'defaultValue', 'disabled', 'helper', 'label', 'labelPosition', 'max', 'min', 'modeVariant', 'name', 'noMinWidth', 'size', 'state', 'tdsAriaLabel', 'type', 'value'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['tdsChange', 'tdsBlur', 'tdsFocus', 'tdsInput'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsChange: [{
+                type: Output
+            }], tdsBlur: [{
+                type: Output
+            }], tdsFocus: [{
+                type: Output
+            }], tdsInput: [{
+                type: Output
+            }] } });
 let TdsDivider = class TdsDivider {
     constructor(c, r, z) {
         this.z = z;
@@ -429,17 +479,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['orientation', 'variant'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsDropdown = class TdsDropdown {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsChange = new EventEmitter();
+        this.tdsFocus = new EventEmitter();
+        this.tdsBlur = new EventEmitter();
+        this.tdsInput = new EventEmitter();
+        this.tdsClear = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsChange', 'tdsFocus', 'tdsBlur', 'tdsInput', 'tdsClear']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsDropdown, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsDropdown, selector: "tds-dropdown", inputs: { animation: "animation", defaultValue: "defaultValue", disabled: "disabled", error: "error", filter: "filter", helper: "helper", label: "label", labelPosition: "labelPosition", modeVariant: "modeVariant", multiselect: "multiselect", name: "name", noResultText: "noResultText", normalizeText: "normalizeText", openDirection: "openDirection", placeholder: "placeholder", size: "size", tdsAriaLabel: "tdsAriaLabel", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsDropdown, selector: "tds-dropdown", inputs: { animation: "animation", defaultValue: "defaultValue", disabled: "disabled", error: "error", filter: "filter", helper: "helper", label: "label", labelPosition: "labelPosition", modeVariant: "modeVariant", multiselect: "multiselect", name: "name", noResultText: "noResultText", normalizeText: "normalizeText", openDirection: "openDirection", placeholder: "placeholder", size: "size", tdsAriaLabel: "tdsAriaLabel", value: "value" }, outputs: { tdsChange: "tdsChange", tdsFocus: "tdsFocus", tdsBlur: "tdsBlur", tdsInput: "tdsInput", tdsClear: "tdsClear" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsDropdown = __decorate([
     ProxyCmp({
@@ -455,17 +510,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     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'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['tdsChange', 'tdsFocus', 'tdsBlur', 'tdsInput', 'tdsClear'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsChange: [{
+                type: Output
+            }], tdsFocus: [{
+                type: Output
+            }], tdsBlur: [{
+                type: Output
+            }], tdsInput: [{
+                type: Output
+            }], tdsClear: [{
+                type: Output
+            }] } });
 let TdsDropdownOption = class TdsDropdownOption {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsSelect = new EventEmitter();
+        this.tdsFocus = new EventEmitter();
+        this.tdsBlur = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsSelect', 'tdsFocus', 'tdsBlur']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsDropdownOption, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsDropdownOption, selector: "tds-dropdown-option", inputs: { disabled: "disabled", tdsAriaLabel: "tdsAriaLabel", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsDropdownOption, selector: "tds-dropdown-option", inputs: { disabled: "disabled", tdsAriaLabel: "tdsAriaLabel", value: "value" }, outputs: { tdsSelect: "tdsSelect", tdsFocus: "tdsFocus", tdsBlur: "tdsBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsDropdownOption = __decorate([
     ProxyCmp({
@@ -481,8 +550,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['disabled', 'tdsAriaLabel', 'value'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['tdsSelect', 'tdsFocus', 'tdsBlur'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsSelect: [{
+                type: Output
+            }], tdsFocus: [{
+                type: Output
+            }], tdsBlur: [{
+                type: Output
+            }] } });
 let TdsFolderTab = class TdsFolderTab {
     constructor(c, r, z) {
         this.z = z;
@@ -505,17 +582,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['disabled'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsFolderTabs = class TdsFolderTabs {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsChange = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsChange']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsFolderTabs, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsFolderTabs, selector: "tds-folder-tabs", inputs: { defaultSelectedIndex: "defaultSelectedIndex", modeVariant: "modeVariant", selectedIndex: "selectedIndex", tdsScrollLeftAriaLabel: "tdsScrollLeftAriaLabel", tdsScrollRightAriaLabel: "tdsScrollRightAriaLabel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsFolderTabs, selector: "tds-folder-tabs", inputs: { defaultSelectedIndex: "defaultSelectedIndex", modeVariant: "modeVariant", selectedIndex: "selectedIndex", tdsScrollLeftAriaLabel: "tdsScrollLeftAriaLabel", tdsScrollRightAriaLabel: "tdsScrollRightAriaLabel" }, outputs: { tdsChange: "tdsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsFolderTabs = __decorate([
     ProxyCmp({
@@ -531,8 +609,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['defaultSelectedIndex', 'modeVariant', 'selectedIndex', 'tdsScrollLeftAriaLabel', 'tdsScrollRightAriaLabel'],
+                    outputs: ['tdsChange'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsChange: [{
+                type: Output
+            }] } });
 let TdsFooter = class TdsFooter {
     constructor(c, r, z) {
         this.z = z;
@@ -555,6 +637,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['modeVariant'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsFooterGroup = class TdsFooterGroup {
@@ -579,6 +662,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['tdsListAriaLabel', 'titleText'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsFooterItem = class TdsFooterItem {
@@ -601,6 +685,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsHeader = class TdsHeader {
@@ -623,6 +708,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsHeaderBrandSymbol = class TdsHeaderBrandSymbol {
@@ -645,17 +731,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsHeaderCell = class TdsHeaderCell {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsSort = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsSort']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsHeaderCell, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsHeaderCell, selector: "tds-header-cell", inputs: { cellKey: "cellKey", cellValue: "cellValue", customWidth: "customWidth", disablePadding: "disablePadding", sortable: "sortable", tdsAriaLabelSortButton: "tdsAriaLabelSortButton", textAlign: "textAlign" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsHeaderCell, selector: "tds-header-cell", inputs: { cellKey: "cellKey", cellValue: "cellValue", customWidth: "customWidth", disablePadding: "disablePadding", sortable: "sortable", tdsAriaLabelSortButton: "tdsAriaLabelSortButton", textAlign: "textAlign" }, outputs: { tdsSort: "tdsSort" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsHeaderCell = __decorate([
     ProxyCmp({
@@ -670,8 +757,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['cellKey', 'cellValue', 'customWidth', 'disablePadding', 'sortable', 'tdsAriaLabelSortButton', 'textAlign'],
+                    outputs: ['tdsSort'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsSort: [{
+                type: Output
+            }] } });
 let TdsHeaderDropdown = class TdsHeaderDropdown {
     constructor(c, r, z) {
         this.z = z;
@@ -694,6 +785,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['label', 'noDropdownIcon', 'selected', 'tdsAriaLabel'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsHeaderDropdownList = class TdsHeaderDropdownList {
@@ -718,6 +810,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['size'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsHeaderDropdownListItem = class TdsHeaderDropdownListItem {
@@ -742,6 +835,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['selected', 'size'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsHeaderDropdownListUser = class TdsHeaderDropdownListUser {
@@ -766,6 +860,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['header', 'imgAlt', 'imgUrl', 'subheader'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsHeaderHamburger = class TdsHeaderHamburger {
@@ -790,6 +885,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['tdsAriaLabel'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsHeaderItem = class TdsHeaderItem {
@@ -814,6 +910,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['active', 'selected'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsHeaderLauncher = class TdsHeaderLauncher {
@@ -838,6 +935,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['tdsAriaLabel'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsHeaderLauncherButton = class TdsHeaderLauncherButton {
@@ -862,6 +960,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['active', 'tdsAriaLabel'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsHeaderLauncherGrid = class TdsHeaderLauncherGrid {
@@ -884,6 +983,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsHeaderLauncherGridItem = class TdsHeaderLauncherGridItem {
@@ -906,6 +1006,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsHeaderLauncherGridTitle = class TdsHeaderLauncherGridTitle {
@@ -928,6 +1029,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsHeaderLauncherList = class TdsHeaderLauncherList {
@@ -950,6 +1052,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsHeaderLauncherListItem = class TdsHeaderLauncherListItem {
@@ -972,6 +1075,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsHeaderLauncherListTitle = class TdsHeaderLauncherListTitle {
@@ -994,6 +1098,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsHeaderTitle = class TdsHeaderTitle {
@@ -1016,6 +1121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsIcon = class TdsIcon {
@@ -1040,6 +1146,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['name', 'size', 'svgDescription', 'svgTitle', 'tdsAriaHidden'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsInlineTab = class TdsInlineTab {
@@ -1064,17 +1171,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['disabled'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsInlineTabs = class TdsInlineTabs {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsChange = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsChange']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsInlineTabs, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsInlineTabs, selector: "tds-inline-tabs", inputs: { defaultSelectedIndex: "defaultSelectedIndex", leftPadding: "leftPadding", modeVariant: "modeVariant", selectedIndex: "selectedIndex", tdsScrollLeftAriaLabel: "tdsScrollLeftAriaLabel", tdsScrollRightAriaLabel: "tdsScrollRightAriaLabel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsInlineTabs, selector: "tds-inline-tabs", inputs: { defaultSelectedIndex: "defaultSelectedIndex", leftPadding: "leftPadding", modeVariant: "modeVariant", selectedIndex: "selectedIndex", tdsScrollLeftAriaLabel: "tdsScrollLeftAriaLabel", tdsScrollRightAriaLabel: "tdsScrollRightAriaLabel" }, outputs: { tdsChange: "tdsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsInlineTabs = __decorate([
     ProxyCmp({
@@ -1090,8 +1198,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['defaultSelectedIndex', 'leftPadding', 'modeVariant', 'selectedIndex', 'tdsScrollLeftAriaLabel', 'tdsScrollRightAriaLabel'],
+                    outputs: ['tdsChange'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsChange: [{
+                type: Output
+            }] } });
 let TdsLink = class TdsLink {
     constructor(c, r, z) {
         this.z = z;
@@ -1114,6 +1226,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['disabled', 'standalone', 'underline'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsMessage = class TdsMessage {
@@ -1138,17 +1251,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['header', 'minimal', 'modeVariant', 'noIcon', 'tdsAlertDialog', 'tdsAriaLabel', 'variant'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsModal = class TdsModal {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsClose = new EventEmitter();
+        this.tdsOpen = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsClose', 'tdsOpen']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsModal, selector: "tds-modal", inputs: { actionsPosition: "actionsPosition", closable: "closable", header: "header", prevent: "prevent", referenceEl: "referenceEl", selector: "selector", show: "show", size: "size", tdsAlertDialog: "tdsAlertDialog" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsModal, selector: "tds-modal", inputs: { actionsPosition: "actionsPosition", closable: "closable", header: "header", prevent: "prevent", referenceEl: "referenceEl", selector: "selector", show: "show", size: "size", tdsAlertDialog: "tdsAlertDialog" }, outputs: { tdsClose: "tdsClose", tdsOpen: "tdsOpen" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsModal = __decorate([
     ProxyCmp({
@@ -1164,8 +1279,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     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'],
+                    outputs: ['tdsClose', 'tdsOpen'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsClose: [{
+                type: Output
+            }], tdsOpen: [{
+                type: Output
+            }] } });
 let TdsNavigationTab = class TdsNavigationTab {
     constructor(c, r, z) {
         this.z = z;
@@ -1188,17 +1309,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['disabled'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsNavigationTabs = class TdsNavigationTabs {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsChange = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsChange']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsNavigationTabs, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsNavigationTabs, selector: "tds-navigation-tabs", inputs: { defaultSelectedIndex: "defaultSelectedIndex", leftPadding: "leftPadding", modeVariant: "modeVariant", selectedIndex: "selectedIndex", tdsScrollLeftAriaLabel: "tdsScrollLeftAriaLabel", tdsScrollRightAriaLabel: "tdsScrollRightAriaLabel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsNavigationTabs, selector: "tds-navigation-tabs", inputs: { defaultSelectedIndex: "defaultSelectedIndex", leftPadding: "leftPadding", modeVariant: "modeVariant", selectedIndex: "selectedIndex", tdsScrollLeftAriaLabel: "tdsScrollLeftAriaLabel", tdsScrollRightAriaLabel: "tdsScrollRightAriaLabel" }, outputs: { tdsChange: "tdsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsNavigationTabs = __decorate([
     ProxyCmp({
@@ -1214,8 +1336,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['defaultSelectedIndex', 'leftPadding', 'modeVariant', 'selectedIndex', 'tdsScrollLeftAriaLabel', 'tdsScrollRightAriaLabel'],
+                    outputs: ['tdsChange'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsChange: [{
+                type: Output
+            }] } });
 let TdsPopoverCanvas = class TdsPopoverCanvas {
     constructor(c, r, z) {
         this.z = z;
@@ -1239,6 +1365,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['animation', 'defaultShow', 'modeVariant', 'modifiers', 'offsetDistance', 'offsetSkidding', 'placement', 'referenceEl', 'selector', 'show', 'tdsAlertDialog'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsPopoverCore = class TdsPopoverCore {
@@ -1264,6 +1391,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     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'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsPopoverMenu = class TdsPopoverMenu {
@@ -1289,6 +1417,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['animation', 'defaultShow', 'fluidWidth', 'modeVariant', 'offsetDistance', 'offsetSkidding', 'placement', 'referenceEl', 'selector', 'show'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsPopoverMenuItem = class TdsPopoverMenuItem {
@@ -1313,17 +1442,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['disabled'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsRadioButton = class TdsRadioButton {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsChange = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsChange']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsRadioButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsRadioButton, selector: "tds-radio-button", inputs: { checked: "checked", disabled: "disabled", name: "name", radioId: "radioId", required: "required", tdsAriaLabel: "tdsAriaLabel", tdsTabIndex: "tdsTabIndex", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsRadioButton, selector: "tds-radio-button", inputs: { checked: "checked", disabled: "disabled", name: "name", radioId: "radioId", required: "required", tdsAriaLabel: "tdsAriaLabel", tdsTabIndex: "tdsTabIndex", value: "value" }, outputs: { tdsChange: "tdsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsRadioButton = __decorate([
     ProxyCmp({
@@ -1339,17 +1469,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['checked', 'disabled', 'name', 'radioId', 'required', 'tdsAriaLabel', 'tdsTabIndex', 'value'],
+                    outputs: ['tdsChange'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsChange: [{
+                type: Output
+            }] } });
 let TdsSideMenu = class TdsSideMenu {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsCollapse = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsCollapse']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsSideMenu, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsSideMenu, selector: "tds-side-menu", inputs: { collapsed: "collapsed", open: "open", persistent: "persistent" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsSideMenu, selector: "tds-side-menu", inputs: { collapsed: "collapsed", open: "open", persistent: "persistent" }, outputs: { tdsCollapse: "tdsCollapse" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsSideMenu = __decorate([
     ProxyCmp({
@@ -1364,8 +1498,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['collapsed', 'open', 'persistent'],
+                    outputs: ['tdsCollapse'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsCollapse: [{
+                type: Output
+            }] } });
 let TdsSideMenuCloseButton = class TdsSideMenuCloseButton {
     constructor(c, r, z) {
         this.z = z;
@@ -1386,17 +1524,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsSideMenuCollapseButton = class TdsSideMenuCollapseButton {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsCollapse = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsCollapse']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsSideMenuCollapseButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsSideMenuCollapseButton, selector: "tds-side-menu-collapse-button", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsSideMenuCollapseButton, selector: "tds-side-menu-collapse-button", outputs: { tdsCollapse: "tdsCollapse" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsSideMenuCollapseButton = __decorate([
     ProxyCmp({})
@@ -1409,8 +1548,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    outputs: ['tdsCollapse'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsCollapse: [{
+                type: Output
+            }] } });
 let TdsSideMenuDropdown = class TdsSideMenuDropdown {
     constructor(c, r, z) {
         this.z = z;
@@ -1433,6 +1576,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['buttonLabel', 'defaultOpen', 'open', 'selected'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsSideMenuDropdownList = class TdsSideMenuDropdownList {
@@ -1455,6 +1599,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsSideMenuDropdownListItem = class TdsSideMenuDropdownListItem {
@@ -1479,6 +1624,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['selected'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsSideMenuItem = class TdsSideMenuItem {
@@ -1503,6 +1649,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['active', 'selected'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsSideMenuOverlay = class TdsSideMenuOverlay {
@@ -1525,6 +1672,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsSideMenuUser = class TdsSideMenuUser {
@@ -1548,7 +1696,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['heading', 'imgAlt', 'imgSrc', 'subheading'],
+                    inputs: [{ name: 'heading', required: true }, 'imgAlt', 'imgSrc', 'subheading'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsSideMenuUserImage = class TdsSideMenuUserImage {
@@ -1573,6 +1722,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['alt', 'src'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsSideMenuUserLabel = class TdsSideMenuUserLabel {
@@ -1596,18 +1746,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['heading', 'subheading'],
+                    inputs: [{ name: 'heading', required: true }, 'subheading'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsSlider = class TdsSlider {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsChange = new EventEmitter();
+        this.tdsInput = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsChange', 'tdsInput']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsSlider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsSlider, selector: "tds-slider", inputs: { controls: "controls", disabled: "disabled", input: "input", label: "label", max: "max", min: "min", name: "name", readOnly: "readOnly", showTickNumbers: "showTickNumbers", sliderId: "sliderId", snap: "snap", step: "step", tdsAriaLabel: "tdsAriaLabel", tdsReadOnlyAriaLabel: "tdsReadOnlyAriaLabel", thumbSize: "thumbSize", ticks: "ticks", tooltip: "tooltip", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsSlider, selector: "tds-slider", inputs: { controls: "controls", disabled: "disabled", input: "input", label: "label", max: "max", min: "min", name: "name", readOnly: "readOnly", showTickNumbers: "showTickNumbers", sliderId: "sliderId", snap: "snap", step: "step", tdsAriaLabel: "tdsAriaLabel", tdsReadOnlyAriaLabel: "tdsReadOnlyAriaLabel", thumbSize: "thumbSize", ticks: "ticks", tooltip: "tooltip", value: "value" }, outputs: { tdsChange: "tdsChange", tdsInput: "tdsInput" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsSlider = __decorate([
     ProxyCmp({
@@ -1623,8 +1775,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     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', 'tdsAriaLabel', 'tdsReadOnlyAriaLabel', 'thumbSize', 'ticks', 'tooltip', 'value'],
+                    outputs: ['tdsChange', 'tdsInput'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsChange: [{
+                type: Output
+            }], tdsInput: [{
+                type: Output
+            }] } });
 let TdsSpinner = class TdsSpinner {
     constructor(c, r, z) {
         this.z = z;
@@ -1647,6 +1805,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['size', 'variant'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsStep = class TdsStep {
@@ -1671,6 +1830,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['index', 'state', 'tdsAriaCurrent'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsStepper = class TdsStepper {
@@ -1695,6 +1855,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['hideLabels', 'labelPosition', 'orientation', 'size', 'stepperId', 'tdsAriaLabel'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsTable = class TdsTable {
@@ -1720,6 +1881,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     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'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsTableBody = class TdsTableBody {
@@ -1742,6 +1904,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsTableBodyInputWrapper = class TdsTableBodyInputWrapper {
@@ -1766,17 +1929,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['showIcon'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsTableBodyRow = class TdsTableBodyRow {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsSelect = new EventEmitter();
+        this.tdsClick = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsSelect', 'tdsClick']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsTableBodyRow, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsTableBodyRow, selector: "tds-table-body-row", inputs: { clickable: "clickable", disabled: "disabled", selected: "selected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsTableBodyRow, selector: "tds-table-body-row", inputs: { clickable: "clickable", disabled: "disabled", selected: "selected" }, outputs: { tdsSelect: "tdsSelect", tdsClick: "tdsClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsTableBodyRow = __decorate([
     ProxyCmp({
@@ -1791,17 +1956,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['clickable', 'disabled', 'selected'],
+                    outputs: ['tdsSelect', 'tdsClick'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsSelect: [{
+                type: Output
+            }], tdsClick: [{
+                type: Output
+            }] } });
 let TdsTableBodyRowExpandable = class TdsTableBodyRowExpandable {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsChange = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsChange']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsTableBodyRowExpandable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsTableBodyRowExpandable, selector: "tds-table-body-row-expandable", inputs: { autoCollapse: "autoCollapse", colSpan: "colSpan", expanded: "expanded", overflow: "overflow", rowId: "rowId", tdsAriaLabelExpandButton: "tdsAriaLabelExpandButton" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsTableBodyRowExpandable, selector: "tds-table-body-row-expandable", inputs: { autoCollapse: "autoCollapse", colSpan: "colSpan", expanded: "expanded", overflow: "overflow", rowId: "rowId", tdsAriaLabelExpandButton: "tdsAriaLabelExpandButton" }, outputs: { tdsChange: "tdsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsTableBodyRowExpandable = __decorate([
     ProxyCmp({
@@ -1817,17 +1988,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['autoCollapse', 'colSpan', 'expanded', 'overflow', 'rowId', 'tdsAriaLabelExpandButton'],
+                    outputs: ['tdsChange'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsChange: [{
+                type: Output
+            }] } });
 let TdsTableFooter = class TdsTableFooter {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsPagination = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsPagination']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsTableFooter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsTableFooter, selector: "tds-table-footer", inputs: { cols: "cols", pages: "pages", pagination: "pagination", paginationValue: "paginationValue", rowsPerPageValues: "rowsPerPageValues", rowsperpage: "rowsperpage" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsTableFooter, selector: "tds-table-footer", inputs: { cols: "cols", pages: "pages", pagination: "pagination", paginationValue: "paginationValue", rowsPerPageValues: "rowsPerPageValues", rowsperpage: "rowsperpage" }, outputs: { tdsPagination: "tdsPagination" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsTableFooter = __decorate([
     ProxyCmp({
@@ -1842,17 +2017,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['cols', 'pages', 'pagination', 'paginationValue', 'rowsPerPageValues', 'rowsperpage'],
+                    outputs: ['tdsPagination'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsPagination: [{
+                type: Output
+            }] } });
 let TdsTableHeader = class TdsTableHeader {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsSelectAll = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsSelectAll']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsTableHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsTableHeader, selector: "tds-table-header", inputs: { allSelected: "allSelected", disabled: "disabled", indeterminate: "indeterminate", selected: "selected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsTableHeader, selector: "tds-table-header", inputs: { allSelected: "allSelected", disabled: "disabled", indeterminate: "indeterminate", selected: "selected" }, outputs: { tdsSelectAll: "tdsSelectAll" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsTableHeader = __decorate([
     ProxyCmp({
@@ -1867,8 +2046,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['allSelected', 'disabled', 'indeterminate', 'selected'],
+                    outputs: ['tdsSelectAll'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsSelectAll: [{
+                type: Output
+            }] } });
 let TdsTableHeaderInputWrapper = class TdsTableHeaderInputWrapper {
     constructor(c, r, z) {
         this.z = z;
@@ -1891,17 +2074,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['compactDesign', 'showIcon'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsTableToolbar = class TdsTableToolbar {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsFilter = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsFilter']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsTableToolbar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsTableToolbar, selector: "tds-table-toolbar", inputs: { filter: "filter", tableTitle: "tableTitle", tdsSearchAriaLabel: "tdsSearchAriaLabel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsTableToolbar, selector: "tds-table-toolbar", inputs: { filter: "filter", tableTitle: "tableTitle", tdsSearchAriaLabel: "tdsSearchAriaLabel" }, outputs: { tdsFilter: "tdsFilter" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsTableToolbar = __decorate([
     ProxyCmp({
@@ -1916,8 +2100,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['filter', 'tableTitle', 'tdsSearchAriaLabel'],
+                    outputs: ['tdsFilter'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsFilter: [{
+                type: Output
+            }] } });
 let TdsTag = class TdsTag {
     constructor(c, r, z) {
         this.z = z;
@@ -1939,18 +2127,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['size', 'text', 'variant'],
+                    inputs: ['size', { name: 'text', required: true }, 'variant'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let TdsTextField = class TdsTextField {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsChange = new EventEmitter();
+        this.tdsInput = new EventEmitter();
+        this.tdsFocus = new EventEmitter();
+        this.tdsBlur = new EventEmitter();
+        this.tdsError = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsChange', 'tdsInput', 'tdsFocus', 'tdsBlur', 'tdsError']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsTextField, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsTextField, selector: "tds-text-field", inputs: { autocomplete: "autocomplete", autofocus: "autofocus", disabled: "disabled", helper: "helper", hideNumberArrows: "hideNumberArrows", hideReadOnlyIcon: "hideReadOnlyIcon", label: "label", labelPosition: "labelPosition", max: "max", maxLength: "maxLength", min: "min", modeVariant: "modeVariant", name: "name", noMinWidth: "noMinWidth", placeholder: "placeholder", readOnly: "readOnly", required: "required", size: "size", state: "state", step: "step", tdsAriaLabel: "tdsAriaLabel", type: "type", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsTextField, selector: "tds-text-field", inputs: { autocomplete: "autocomplete", autofocus: "autofocus", disabled: "disabled", helper: "helper", hideNumberArrows: "hideNumberArrows", hideReadOnlyIcon: "hideReadOnlyIcon", label: "label", labelPosition: "labelPosition", max: "max", maxLength: "maxLength", min: "min", modeVariant: "modeVariant", name: "name", noMinWidth: "noMinWidth", placeholder: "placeholder", readOnly: "readOnly", required: "required", size: "size", state: "state", step: "step", tdsAriaLabel: "tdsAriaLabel", type: "type", value: "value" }, outputs: { tdsChange: "tdsChange", tdsInput: "tdsInput", tdsFocus: "tdsFocus", tdsBlur: "tdsBlur", tdsError: "tdsError" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsTextField = __decorate([
     ProxyCmp({
@@ -1966,17 +2159,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['autocomplete', 'autofocus', 'disabled', 'helper', 'hideNumberArrows', 'hideReadOnlyIcon', 'label', 'labelPosition', 'max', 'maxLength', 'min', 'modeVariant', 'name', 'noMinWidth', 'placeholder', 'readOnly', 'required', 'size', 'state', 'step', 'tdsAriaLabel', 'type', 'value'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['tdsChange', 'tdsInput', 'tdsFocus', 'tdsBlur', 'tdsError'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsChange: [{
+                type: Output
+            }], tdsInput: [{
+                type: Output
+            }], tdsFocus: [{
+                type: Output
+            }], tdsBlur: [{
+                type: Output
+            }], tdsError: [{
+                type: Output
+            }] } });
 let TdsTextarea = class TdsTextarea {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsChange = new EventEmitter();
+        this.tdsBlur = new EventEmitter();
+        this.tdsInput = new EventEmitter();
+        this.tdsFocus = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsChange', 'tdsBlur', 'tdsInput', 'tdsFocus']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsTextarea, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsTextarea, selector: "tds-textarea", inputs: { autofocus: "autofocus", cols: "cols", disabled: "disabled", helper: "helper", hideReadOnlyIcon: "hideReadOnlyIcon", label: "label", labelPosition: "labelPosition", maxLength: "maxLength", modeVariant: "modeVariant", name: "name", noMinWidth: "noMinWidth", placeholder: "placeholder", readOnly: "readOnly", rows: "rows", state: "state", tdsAriaLabel: "tdsAriaLabel", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsTextarea, selector: "tds-textarea", inputs: { autofocus: "autofocus", cols: "cols", disabled: "disabled", helper: "helper", hideReadOnlyIcon: "hideReadOnlyIcon", label: "label", labelPosition: "labelPosition", maxLength: "maxLength", modeVariant: "modeVariant", name: "name", noMinWidth: "noMinWidth", placeholder: "placeholder", readOnly: "readOnly", rows: "rows", state: "state", tdsAriaLabel: "tdsAriaLabel", value: "value" }, outputs: { tdsChange: "tdsChange", tdsBlur: "tdsBlur", tdsInput: "tdsInput", tdsFocus: "tdsFocus" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsTextarea = __decorate([
     ProxyCmp({
@@ -1992,17 +2200,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     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'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['tdsChange', 'tdsBlur', 'tdsInput', 'tdsFocus'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsChange: [{
+                type: Output
+            }], tdsBlur: [{
+                type: Output
+            }], tdsInput: [{
+                type: Output
+            }], tdsFocus: [{
+                type: Output
+            }] } });
 let TdsToast = class TdsToast {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsClose = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsClose']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsToast, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsToast, selector: "tds-toast", inputs: { closable: "closable", header: "header", hidden: "hidden", subheader: "subheader", tdsAriaLive: "tdsAriaLive", tdsCloseAriaLabel: "tdsCloseAriaLabel", toastId: "toastId", toastRole: "toastRole", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsToast, selector: "tds-toast", inputs: { closable: "closable", header: "header", hidden: "hidden", subheader: "subheader", tdsAriaLive: "tdsAriaLive", tdsCloseAriaLabel: "tdsCloseAriaLabel", toastId: "toastId", toastRole: "toastRole", variant: "variant" }, outputs: { tdsClose: "tdsClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsToast = __decorate([
     ProxyCmp({
@@ -2018,17 +2236,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     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'],
+                    outputs: ['tdsClose'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsClose: [{
+                type: Output
+            }] } });
 let TdsToggle = class TdsToggle {
     constructor(c, r, z) {
         this.z = z;
+        this.tdsToggle = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tdsToggle']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TdsToggle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsToggle, selector: "tds-toggle", inputs: { checked: "checked", disabled: "disabled", headline: "headline", name: "name", required: "required", size: "size", tdsAriaLabel: "tdsAriaLabel", toggleId: "toggleId" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TdsToggle, selector: "tds-toggle", inputs: { checked: "checked", disabled: "disabled", headline: "headline", name: "name", required: "required", size: "size", tdsAriaLabel: "tdsAriaLabel", toggleId: "toggleId" }, outputs: { tdsToggle: "tdsToggle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 TdsToggle = __decorate([
     ProxyCmp({
@@ -2044,8 +2266,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['checked', 'disabled', 'headline', 'name', 'required', 'size', 'tdsAriaLabel', 'toggleId'],
+                    outputs: ['tdsToggle'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tdsToggle: [{
+                type: Output
+            }] } });
 let TdsTooltip = class TdsTooltip {
     constructor(c, r, z) {
         this.z = z;
@@ -2068,6 +2294,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     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'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 
@@ -2200,10 +2427,10 @@ class TextValueAccessor extends ValueAccessor {
         super(el);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: TextValueAccessor, selector: "tds-text-field, tds-textarea, tds-datetime", host: { listeners: { "tdsInput": "handleChangeEvent($event.target.value)" } }, providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: TextValueAccessor, selector: "tds-text-field, tds-textarea, tds-datetime", host: { listeners: { "tdsInput": "handleChangeEvent($event.target?.[\"value\"])" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: TextValueAccessor,
+                useExisting: forwardRef(() => TextValueAccessor),
                 multi: true
             }
         ], usesInheritance: true, ngImport: i0 }); }
@@ -2214,15 +2441,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     /* tslint:disable-next-line:directive-selector */
                     selector: 'tds-text-field, tds-textarea, tds-datetime',
                     host: {
-                        '(tdsInput)': 'handleChangeEvent($event.target.value)'
+                        '(tdsInput)': 'handleChangeEvent($event.target?.["value"])'
                     },
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: TextValueAccessor,
+                            useExisting: forwardRef(() => TextValueAccessor),
                             multi: true
                         }
-                    ]
+                    ],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
@@ -2234,10 +2462,10 @@ class BooleanValueAccessor extends ValueAccessor {
         this.el.nativeElement.checked = this.lastValue = value == null ? false : value;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BooleanValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: BooleanValueAccessor, selector: "tds-checkbox, tds-chip[type=\"checkbox\"], tds-toggle", host: { listeners: { "tdsChange": "handleChangeEvent($event.target.checked)", "tdsToggle": "handleChangeEvent($event.target.checked)" } }, providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: BooleanValueAccessor, selector: "tds-checkbox, tds-chip[type=\"checkbox\"], tds-toggle", host: { listeners: { "tdsChange": "handleChangeEvent($event.target?.[\"checked\"])", "tdsToggle": "handleChangeEvent($event.target?.[\"checked\"])" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: BooleanValueAccessor,
+                useExisting: forwardRef(() => BooleanValueAccessor),
                 multi: true
             }
         ], usesInheritance: true, ngImport: i0 }); }
@@ -2248,16 +2476,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     /* tslint:disable-next-line:directive-selector */
                     selector: 'tds-checkbox, tds-chip[type="checkbox"], tds-toggle',
                     host: {
-                        '(tdsChange)': 'handleChangeEvent($event.target.checked)',
-                        '(tdsToggle)': 'handleChangeEvent($event.target.checked)'
+                        '(tdsChange)': 'handleChangeEvent($event.target?.["checked"])',
+                        '(tdsToggle)': 'handleChangeEvent($event.target?.["checked"])'
                     },
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: BooleanValueAccessor,
+                            useExisting: forwardRef(() => BooleanValueAccessor),
                             multi: true
                         }
-                    ]
+                    ],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
@@ -2271,10 +2500,10 @@ class NumericValueAccessor extends ValueAccessor {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NumericValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: NumericValueAccessor, selector: "tds-slider", host: { listeners: { "tdsChange": "handleChangeEvent($event.target.value)" } }, providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: NumericValueAccessor, selector: "tds-slider", host: { listeners: { "tdsChange": "handleChangeEvent($event.target?.[\"value\"])" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: NumericValueAccessor,
+                useExisting: forwardRef(() => NumericValueAccessor),
                 multi: true
             }
         ], usesInheritance: true, ngImport: i0 }); }
@@ -2285,15 +2514,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     /* tslint:disable-next-line:directive-selector */
                     selector: 'tds-slider',
                     host: {
-                        '(tdsChange)': 'handleChangeEvent($event.target.value)'
+                        '(tdsChange)': 'handleChangeEvent($event.target?.["value"])'
                     },
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: NumericValueAccessor,
+                            useExisting: forwardRef(() => NumericValueAccessor),
                             multi: true
                         }
-                    ]
+                    ],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });