@baloise/ds-angular 19.10.1 → 20.0.0-next.10

package/dist/fesm2022/baloise-ds-angular.mjs

@@ -0,0 +1,3382 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, ChangeDetectorRef, ElementRef, NgZone, Output, ChangeDetectionStrategy, Component, inject, Injector, forwardRef, makeEnvironmentProviders, provideEnvironmentInitializer } from '@angular/core';
+import { initializeDesignSystem } from '@baloise/ds-core';
+import { __decorate, __metadata } from 'tslib';
+import { fromEvent } from 'rxjs';
+import { defineCustomElement as defineCustomElement$1 } from '@baloise/ds-core/components/ds-accordion.js';
+import { defineCustomElement as defineCustomElement$2 } from '@baloise/ds-core/components/ds-alert-container.js';
+import { defineCustomElement as defineCustomElement$3 } from '@baloise/ds-core/components/ds-app-footer.js';
+import { defineCustomElement as defineCustomElement$4 } from '@baloise/ds-core/components/ds-app-navbar.js';
+import { defineCustomElement as defineCustomElement$5 } from '@baloise/ds-core/components/ds-badge.js';
+import { defineCustomElement as defineCustomElement$6 } from '@baloise/ds-core/components/ds-brand-icon.js';
+import { defineCustomElement as defineCustomElement$7 } from '@baloise/ds-core/components/ds-button.js';
+import { defineCustomElement as defineCustomElement$8 } from '@baloise/ds-core/components/ds-button-group.js';
+import { defineCustomElement as defineCustomElement$9 } from '@baloise/ds-core/components/ds-card.js';
+import { defineCustomElement as defineCustomElement$a } from '@baloise/ds-core/components/ds-card-actions.js';
+import { defineCustomElement as defineCustomElement$b } from '@baloise/ds-core/components/ds-card-content.js';
+import { defineCustomElement as defineCustomElement$c } from '@baloise/ds-core/components/ds-card-header.js';
+import { defineCustomElement as defineCustomElement$d } from '@baloise/ds-core/components/ds-card-subtitle.js';
+import { defineCustomElement as defineCustomElement$e } from '@baloise/ds-core/components/ds-card-title.js';
+import { defineCustomElement as defineCustomElement$f } from '@baloise/ds-core/components/ds-carousel.js';
+import { defineCustomElement as defineCustomElement$g } from '@baloise/ds-core/components/ds-carousel-item.js';
+import { defineCustomElement as defineCustomElement$h } from '@baloise/ds-core/components/ds-checkbox.js';
+import { defineCustomElement as defineCustomElement$i } from '@baloise/ds-core/components/ds-checkbox-group.js';
+import { defineCustomElement as defineCustomElement$j } from '@baloise/ds-core/components/ds-close.js';
+import { defineCustomElement as defineCustomElement$k } from '@baloise/ds-core/components/ds-content.js';
+import { defineCustomElement as defineCustomElement$l } from '@baloise/ds-core/components/ds-counter.js';
+import { defineCustomElement as defineCustomElement$m } from '@baloise/ds-core/components/ds-data.js';
+import { defineCustomElement as defineCustomElement$n } from '@baloise/ds-core/components/ds-data-item.js';
+import { defineCustomElement as defineCustomElement$o } from '@baloise/ds-core/components/ds-data-label.js';
+import { defineCustomElement as defineCustomElement$p } from '@baloise/ds-core/components/ds-data-value.js';
+import { defineCustomElement as defineCustomElement$q } from '@baloise/ds-core/components/ds-datepicker.js';
+import { defineCustomElement as defineCustomElement$r } from '@baloise/ds-core/components/ds-divider.js';
+import { defineCustomElement as defineCustomElement$s } from '@baloise/ds-core/components/ds-drawer.js';
+import { defineCustomElement as defineCustomElement$t } from '@baloise/ds-core/components/ds-file-upload.js';
+import { defineCustomElement as defineCustomElement$u } from '@baloise/ds-core/components/ds-heading.js';
+import { defineCustomElement as defineCustomElement$v } from '@baloise/ds-core/components/ds-hint.js';
+import { defineCustomElement as defineCustomElement$w } from '@baloise/ds-core/components/ds-hint-text.js';
+import { defineCustomElement as defineCustomElement$x } from '@baloise/ds-core/components/ds-hint-title.js';
+import { defineCustomElement as defineCustomElement$y } from '@baloise/ds-core/components/ds-icon.js';
+import { defineCustomElement as defineCustomElement$z } from '@baloise/ds-core/components/ds-input.js';
+import { defineCustomElement as defineCustomElement$A } from '@baloise/ds-core/components/ds-input-phone.js';
+import { defineCustomElement as defineCustomElement$B } from '@baloise/ds-core/components/ds-item.js';
+import { defineCustomElement as defineCustomElement$C } from '@baloise/ds-core/components/ds-label.js';
+import { defineCustomElement as defineCustomElement$D } from '@baloise/ds-core/components/ds-list.js';
+import { defineCustomElement as defineCustomElement$E } from '@baloise/ds-core/components/ds-logo.js';
+import { defineCustomElement as defineCustomElement$F } from '@baloise/ds-core/components/ds-modal.js';
+import { defineCustomElement as defineCustomElement$G } from '@baloise/ds-core/components/ds-modal-body.js';
+import { defineCustomElement as defineCustomElement$H } from '@baloise/ds-core/components/ds-modal-header.js';
+import { defineCustomElement as defineCustomElement$I } from '@baloise/ds-core/components/ds-notification.js';
+import { defineCustomElement as defineCustomElement$J } from '@baloise/ds-core/components/ds-number-input.js';
+import { defineCustomElement as defineCustomElement$K } from '@baloise/ds-core/components/ds-pagination.js';
+import { defineCustomElement as defineCustomElement$L } from '@baloise/ds-core/components/ds-popup.js';
+import { defineCustomElement as defineCustomElement$M } from '@baloise/ds-core/components/ds-progress-bar.js';
+import { defineCustomElement as defineCustomElement$N } from '@baloise/ds-core/components/ds-radio.js';
+import { defineCustomElement as defineCustomElement$O } from '@baloise/ds-core/components/ds-radio-group.js';
+import { defineCustomElement as defineCustomElement$P } from '@baloise/ds-core/components/ds-root.js';
+import { defineCustomElement as defineCustomElement$Q } from '@baloise/ds-core/components/ds-segment.js';
+import { defineCustomElement as defineCustomElement$R } from '@baloise/ds-core/components/ds-segment-item.js';
+import { defineCustomElement as defineCustomElement$S } from '@baloise/ds-core/components/ds-select.js';
+import { defineCustomElement as defineCustomElement$T } from '@baloise/ds-core/components/ds-select-optgroup.js';
+import { defineCustomElement as defineCustomElement$U } from '@baloise/ds-core/components/ds-select-option.js';
+import { defineCustomElement as defineCustomElement$V } from '@baloise/ds-core/components/ds-shape.js';
+import { defineCustomElement as defineCustomElement$W } from '@baloise/ds-core/components/ds-sheet.js';
+import { defineCustomElement as defineCustomElement$X } from '@baloise/ds-core/components/ds-slider.js';
+import { defineCustomElement as defineCustomElement$Y } from '@baloise/ds-core/components/ds-snackbar.js';
+import { defineCustomElement as defineCustomElement$Z } from '@baloise/ds-core/components/ds-spinner.js';
+import { defineCustomElement as defineCustomElement$_ } from '@baloise/ds-core/components/ds-stack.js';
+import { defineCustomElement as defineCustomElement$$ } from '@baloise/ds-core/components/ds-step.js';
+import { defineCustomElement as defineCustomElement$10 } from '@baloise/ds-core/components/ds-step-panel.js';
+import { defineCustomElement as defineCustomElement$11 } from '@baloise/ds-core/components/ds-steps.js';
+import { defineCustomElement as defineCustomElement$12 } from '@baloise/ds-core/components/ds-tab.js';
+import { defineCustomElement as defineCustomElement$13 } from '@baloise/ds-core/components/ds-tab-panel.js';
+import { defineCustomElement as defineCustomElement$14 } from '@baloise/ds-core/components/ds-tabs.js';
+import { defineCustomElement as defineCustomElement$15 } from '@baloise/ds-core/components/ds-tag.js';
+import { defineCustomElement as defineCustomElement$16 } from '@baloise/ds-core/components/ds-tag-group.js';
+import { defineCustomElement as defineCustomElement$17 } from '@baloise/ds-core/components/ds-text.js';
+import { defineCustomElement as defineCustomElement$18 } from '@baloise/ds-core/components/ds-textarea.js';
+import { defineCustomElement as defineCustomElement$19 } from '@baloise/ds-core/components/ds-toast.js';
+import { defineCustomElement as defineCustomElement$1a } from '@baloise/ds-core/components/ds-toggle.js';
+import { defineCustomElement as defineCustomElement$1b } from '@baloise/ds-core/components/ds-tooltip.js';
+import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
+
+/* eslint-disable */
+/* tslint:disable */
+const proxyInputs = (Cmp, inputs) => {
+    const Prototype = Cmp.prototype;
+    inputs.forEach((item) => {
+        Object.defineProperty(Prototype, item, {
+            get() {
+                return this.el[item];
+            },
+            set(val) {
+                this.z.runOutsideAngular(() => (this.el[item] = val));
+            },
+            /**
+             * In the event that proxyInputs is called
+             * multiple times re-defining these inputs
+             * will cause an error to be thrown. As a result
+             * we set configurable: true to indicate these
+             * properties can be changed.
+             */
+            configurable: true,
+        });
+    });
+};
+const proxyMethods = (Cmp, methods) => {
+    const Prototype = Cmp.prototype;
+    methods.forEach((methodName) => {
+        Prototype[methodName] = function () {
+            const args = arguments;
+            return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
+        };
+    });
+};
+const proxyOutputs = (instance, el, events) => {
+    events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));
+};
+const defineCustomElement = (tagName, customElement) => {
+    if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
+        customElements.define(tagName, customElement);
+    }
+};
+// tslint:disable-next-line: only-arrow-functions
+function ProxyCmp(opts) {
+    const decorator = function (cls) {
+        const { defineCustomElementFn, inputs, methods } = opts;
+        if (defineCustomElementFn !== undefined) {
+            defineCustomElementFn();
+        }
+        if (inputs) {
+            proxyInputs(cls, inputs);
+        }
+        if (methods) {
+            proxyMethods(cls, methods);
+        }
+        return cls;
+    };
+    return decorator;
+}
+
+let DsAccordion = class DsAccordion {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsToggle = new EventEmitter();
+        this.dsOpened = new EventEmitter();
+        this.dsClosed = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsAccordion, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsAccordion, isStandalone: true, selector: "ds-accordion", inputs: { button: "button", buttonColor: "buttonColor", buttonIconClose: "buttonIconClose", buttonIconOpen: "buttonIconOpen", buttonLabelClose: "buttonLabelClose", buttonLabelOpen: "buttonLabelOpen", buttonSize: "buttonSize", buttonWide: "buttonWide", group: "group", marker: "marker", markerPosition: "markerPosition", open: "open", summaryLevel: "summaryLevel", summaryTitle: "summaryTitle", summaryVisualLevel: "summaryVisualLevel" }, outputs: { dsToggle: "dsToggle", dsOpened: "dsOpened", dsClosed: "dsClosed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsAccordion = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$1,
+        inputs: ['button', 'buttonColor', 'buttonIconClose', 'buttonIconOpen', 'buttonLabelClose', 'buttonLabelOpen', 'buttonSize', 'buttonWide', 'group', 'marker', 'markerPosition', 'open', 'summaryLevel', 'summaryTitle', 'summaryVisualLevel']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsAccordion);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsAccordion, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-accordion',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['button', 'buttonColor', 'buttonIconClose', 'buttonIconOpen', 'buttonLabelClose', 'buttonLabelOpen', 'buttonSize', 'buttonWide', 'group', 'marker', 'markerPosition', 'open', 'summaryLevel', 'summaryTitle', 'summaryVisualLevel'],
+                    outputs: ['dsToggle', 'dsOpened', 'dsClosed'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsToggle: [{
+                type: Output
+            }], dsOpened: [{
+                type: Output
+            }], dsClosed: [{
+                type: Output
+            }] } });
+let DsAlertContainer = class DsAlertContainer {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsAlertContainer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsAlertContainer, isStandalone: true, selector: "ds-alert-container", inputs: { animated: "animated", container: "container", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsAlertContainer = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$2,
+        inputs: ['animated', 'container', 'type'],
+        methods: ['addAlert', 'removeAlert', 'removeAll']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsAlertContainer);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsAlertContainer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-alert-container',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['animated', 'container', 'type'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsAppFooter = class DsAppFooter {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsLanguageChange = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsAppFooter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsAppFooter, isStandalone: true, selector: "ds-app-footer", inputs: { container: "container", disableDefaultLinks: "disableDefaultLinks", disableDefaultSocialLinks: "disableDefaultSocialLinks", hideLanguageSelection: "hideLanguageSelection", legalText: "legalText" }, outputs: { dsLanguageChange: "dsLanguageChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsAppFooter = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$3,
+        inputs: ['container', 'disableDefaultLinks', 'disableDefaultSocialLinks', 'hideLanguageSelection', 'legalText']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsAppFooter);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsAppFooter, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-app-footer',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['container', 'disableDefaultLinks', 'disableDefaultSocialLinks', 'hideLanguageSelection', 'legalText'],
+                    outputs: ['dsLanguageChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsLanguageChange: [{
+                type: Output
+            }] } });
+let DsAppNavbar = class DsAppNavbar {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsMenuOpenStart = new EventEmitter();
+        this.dsMenuOpenEnd = new EventEmitter();
+        this.dsMenuCloseStart = new EventEmitter();
+        this.dsMenuCloseEnd = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsAppNavbar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsAppNavbar, isStandalone: true, selector: "ds-app-navbar", inputs: { container: "container", light: "light", open: "open" }, outputs: { dsMenuOpenStart: "dsMenuOpenStart", dsMenuOpenEnd: "dsMenuOpenEnd", dsMenuCloseStart: "dsMenuCloseStart", dsMenuCloseEnd: "dsMenuCloseEnd" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsAppNavbar = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$4,
+        inputs: ['container', 'light', 'open'],
+        methods: ['toggleSidebar', 'openSidebar', 'closeSidebar']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsAppNavbar);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsAppNavbar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-app-navbar',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['container', 'light', 'open'],
+                    outputs: ['dsMenuOpenStart', 'dsMenuOpenEnd', 'dsMenuCloseStart', 'dsMenuCloseEnd'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsMenuOpenStart: [{
+                type: Output
+            }], dsMenuOpenEnd: [{
+                type: Output
+            }], dsMenuCloseStart: [{
+                type: Output
+            }], dsMenuCloseEnd: [{
+                type: Output
+            }] } });
+let DsBadge = class DsBadge {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsBadge, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsBadge, isStandalone: true, selector: "ds-badge", inputs: { color: "color", icon: "icon", position: "position", pulse: "pulse", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsBadge = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$5,
+        inputs: ['color', 'icon', 'position', 'pulse', 'size']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsBadge);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsBadge, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-badge',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['color', 'icon', 'position', 'pulse', 'size'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsBrandIcon = class DsBrandIcon {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsBrandIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsBrandIcon, isStandalone: true, selector: "ds-brand-icon", inputs: { color: "color", disabled: "disabled", invalid: "invalid", size: "size", src: "src", svg: "svg", tile: "tile" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsBrandIcon = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$6,
+        inputs: ['color', 'disabled', 'invalid', 'size', 'src', 'svg', 'tile']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsBrandIcon);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsBrandIcon, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-brand-icon',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['color', 'disabled', 'invalid', 'size', 'src', 'svg', 'tile'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsButton = class DsButton {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsClick = new EventEmitter();
+        this.dsNavigate = new EventEmitter();
+        this.dsFocus = new EventEmitter();
+        this.dsBlur = new EventEmitter();
+        this.dsDidRender = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsButton, isStandalone: true, selector: "ds-button", inputs: { a11yControls: "a11yControls", a11yHaspopup: "a11yHaspopup", a11yLabel: "a11yLabel", a11yTitle: "a11yTitle", brandIcon: "brandIcon", brandSize: "brandSize", color: "color", disabled: "disabled", download: "download", elementType: "elementType", flat: "flat", href: "href", icon: "icon", iconRight: "iconRight", iconTurn: "iconTurn", inverted: "inverted", loading: "loading", name: "name", noWrap: "noWrap", outlined: "outlined", rel: "rel", shadow: "shadow", size: "size", square: "square", target: "target", value: "value", wide: "wide" }, outputs: { dsClick: "dsClick", dsNavigate: "dsNavigate", dsFocus: "dsFocus", dsBlur: "dsBlur", dsDidRender: "dsDidRender" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsButton = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$7,
+        inputs: ['a11yControls', 'a11yHaspopup', 'a11yLabel', 'a11yTitle', 'brandIcon', 'brandSize', 'color', 'disabled', 'download', 'elementType', 'flat', 'href', 'icon', 'iconRight', 'iconTurn', 'inverted', 'loading', 'name', 'noWrap', 'outlined', 'rel', 'shadow', 'size', 'square', 'target', 'value', 'wide']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsButton);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-button',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['a11yControls', 'a11yHaspopup', 'a11yLabel', 'a11yTitle', 'brandIcon', 'brandSize', 'color', 'disabled', 'download', 'elementType', 'flat', 'href', 'icon', 'iconRight', 'iconTurn', 'inverted', 'loading', 'name', 'noWrap', 'outlined', 'rel', 'shadow', 'size', 'square', 'target', 'value', 'wide'],
+                    outputs: ['dsClick', 'dsNavigate', 'dsFocus', 'dsBlur', 'dsDidRender'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsClick: [{
+                type: Output
+            }], dsNavigate: [{
+                type: Output
+            }], dsFocus: [{
+                type: Output
+            }], dsBlur: [{
+                type: Output
+            }], dsDidRender: [{
+                type: Output
+            }] } });
+let DsButtonGroup = class DsButtonGroup {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsButtonGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsButtonGroup, isStandalone: true, selector: "ds-button-group", inputs: { align: "align", direction: "direction", reverse: "reverse", wide: "wide" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsButtonGroup = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$8,
+        inputs: ['align', 'direction', 'reverse', 'wide']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsButtonGroup);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsButtonGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-button-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['align', 'direction', 'reverse', 'wide'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsCard = class DsCard {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsCard, isStandalone: true, selector: "ds-card", inputs: { align: "align", clickable: "clickable", color: "color", dense: "dense", flat: "flat", fullheight: "fullheight", imageTeaser: "imageTeaser", inverted: "inverted", selected: "selected", space: "space", tile: "tile" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsCard = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$9,
+        inputs: ['align', 'clickable', 'color', 'dense', 'flat', 'fullheight', 'imageTeaser', 'inverted', 'selected', 'space', 'tile']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsCard);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCard, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-card',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['align', 'clickable', 'color', 'dense', 'flat', 'fullheight', 'imageTeaser', 'inverted', 'selected', 'space', 'tile'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsCardActions = class DsCardActions {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCardActions, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsCardActions, isStandalone: true, selector: "ds-card-actions", inputs: { align: "align" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsCardActions = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$a,
+        inputs: ['align']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsCardActions);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCardActions, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-card-actions',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['align'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsCardContent = class DsCardContent {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCardContent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsCardContent, isStandalone: true, selector: "ds-card-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsCardContent = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$b
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsCardContent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCardContent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-card-content',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsCardHeader = class DsCardHeader {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCardHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsCardHeader, isStandalone: true, selector: "ds-card-header", inputs: { direction: "direction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsCardHeader = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$c,
+        inputs: ['direction']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsCardHeader);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCardHeader, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-card-header',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['direction'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsCardSubtitle = class DsCardSubtitle {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCardSubtitle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsCardSubtitle, isStandalone: true, selector: "ds-card-subtitle", inputs: { bold: "bold", color: "color", inverted: "inverted" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsCardSubtitle = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$d,
+        inputs: ['bold', 'color', 'inverted']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsCardSubtitle);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCardSubtitle, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-card-subtitle',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['bold', 'color', 'inverted'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsCardTitle = class DsCardTitle {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCardTitle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsCardTitle, isStandalone: true, selector: "ds-card-title", inputs: { inverted: "inverted", level: "level", visualLevel: "visualLevel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsCardTitle = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$e,
+        inputs: ['inverted', 'level', 'visualLevel']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsCardTitle);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCardTitle, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-card-title',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['inverted', 'level', 'visualLevel'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsCarousel = class DsCarousel {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsChange = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCarousel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsCarousel, isStandalone: true, selector: "ds-carousel", inputs: { controls: "controls", itemsPerView: "itemsPerView", label: "label", steps: "steps", value: "value", variant: "variant" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsCarousel = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$f,
+        inputs: ['controls', 'itemsPerView', 'label', 'steps', 'value', 'variant']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsCarousel);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCarousel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-carousel',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['controls', 'itemsPerView', 'label', 'steps', 'value', 'variant'],
+                    outputs: ['dsChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{
+                type: Output
+            }] } });
+let DsCarouselItem = class DsCarouselItem {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsCarouselItemSelect = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCarouselItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsCarouselItem, isStandalone: true, selector: "ds-carousel-item", inputs: { color: "color", name: "name", navigation: "navigation", selected: "selected", src: "src" }, outputs: { dsCarouselItemSelect: "dsCarouselItemSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsCarouselItem = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$g,
+        inputs: ['color', 'name', 'navigation', 'selected', 'src']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsCarouselItem);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCarouselItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-carousel-item',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['color', { name: 'name', required: true }, 'navigation', 'selected', 'src'],
+                    outputs: ['dsCarouselItemSelect'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsCarouselItemSelect: [{
+                type: Output
+            }] } });
+let DsCheckbox = class DsCheckbox {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsFocus = new EventEmitter();
+        this.dsBlur = new EventEmitter();
+        this.dsChange = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsCheckbox, isStandalone: true, selector: "ds-checkbox", inputs: { autoInvalidOff: "autoInvalidOff", checked: "checked", disabled: "disabled", hideTrigger: "hideTrigger", invalid: "invalid", label: "label", labelPosition: "labelPosition", name: "name", readonly: "readonly", required: "required", tile: "tile", tileColor: "tileColor", value: "value" }, outputs: { dsFocus: "dsFocus", dsBlur: "dsBlur", dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsCheckbox = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$h,
+        inputs: ['autoInvalidOff', 'checked', 'disabled', 'hideTrigger', 'invalid', 'label', 'labelPosition', 'name', 'readonly', 'required', 'tile', 'tileColor', 'value']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsCheckbox);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCheckbox, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-checkbox',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['autoInvalidOff', 'checked', 'disabled', 'hideTrigger', 'invalid', 'label', 'labelPosition', 'name', 'readonly', 'required', 'tile', 'tileColor', 'value'],
+                    outputs: ['dsFocus', 'dsBlur', 'dsChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsFocus: [{
+                type: Output
+            }], dsBlur: [{
+                type: Output
+            }], dsChange: [{
+                type: Output
+            }] } });
+let DsCheckboxGroup$1 = class DsCheckboxGroup {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsBlur = new EventEmitter();
+        this.dsChange = new EventEmitter();
+        this.dsFocus = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCheckboxGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsCheckboxGroup, isStandalone: true, selector: "ds-checkbox-group", inputs: { autoInvalidOff: "autoInvalidOff", color: "color", cols: "cols", colsMobile: "colsMobile", colsTablet: "colsTablet", control: "control", description: "description", disabled: "disabled", hideTrigger: "hideTrigger", invalid: "invalid", invalidText: "invalidText", label: "label", labelPosition: "labelPosition", loading: "loading", name: "name", readonly: "readonly", required: "required", tile: "tile", tileColor: "tileColor", value: "value", vertical: "vertical" }, outputs: { dsBlur: "dsBlur", dsChange: "dsChange", dsFocus: "dsFocus" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsCheckboxGroup$1 = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$i,
+        inputs: ['autoInvalidOff', 'color', 'cols', 'colsMobile', 'colsTablet', 'control', 'description', 'disabled', 'hideTrigger', 'invalid', 'invalidText', 'label', 'labelPosition', 'loading', 'name', 'readonly', 'required', 'tile', 'tileColor', 'value', 'vertical']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsCheckboxGroup$1);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCheckboxGroup$1, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-checkbox-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['autoInvalidOff', 'color', 'cols', 'colsMobile', 'colsTablet', 'control', 'description', 'disabled', 'hideTrigger', 'invalid', 'invalidText', 'label', 'labelPosition', 'loading', 'name', 'readonly', 'required', 'tile', 'tileColor', 'value', 'vertical'],
+                    outputs: ['dsBlur', 'dsChange', 'dsFocus'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsBlur: [{
+                type: Output
+            }], dsChange: [{
+                type: Output
+            }], dsFocus: [{
+                type: Output
+            }] } });
+let DsClose = class DsClose {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsClose, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsClose, isStandalone: true, selector: "ds-close", inputs: { button: "button", buttonColor: "buttonColor", buttonSize: "buttonSize", disabled: "disabled", inverted: "inverted", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsClose = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$j,
+        inputs: ['button', 'buttonColor', 'buttonSize', 'disabled', 'inverted', 'size']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsClose);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsClose, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-close',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['button', 'buttonColor', 'buttonSize', 'disabled', 'inverted', 'size'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsContent = class DsContent {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsContent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsContent, isStandalone: true, selector: "ds-content", inputs: { align: "align", direction: "direction", layout: "layout", space: "space", textAlign: "textAlign" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsContent = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$k,
+        inputs: ['align', 'direction', 'layout', 'space', 'textAlign']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsContent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsContent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-content',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['align', 'direction', 'layout', 'space', 'textAlign'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsCounter$1 = class DsCounter {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsInput = new EventEmitter();
+        this.dsChange = new EventEmitter();
+        this.dsIncrease = new EventEmitter();
+        this.dsDecrease = new EventEmitter();
+        this.dsFocus = new EventEmitter();
+        this.dsBlur = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCounter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsCounter, isStandalone: true, selector: "ds-counter", inputs: { autoInvalidOff: "autoInvalidOff", color: "color", debounce: "debounce", description: "description", disabled: "disabled", invalid: "invalid", invalidText: "invalidText", label: "label", max: "max", min: "min", name: "name", readonly: "readonly", required: "required", step: "step", value: "value" }, outputs: { dsInput: "dsInput", dsChange: "dsChange", dsIncrease: "dsIncrease", dsDecrease: "dsDecrease", dsFocus: "dsFocus", dsBlur: "dsBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsCounter$1 = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$l,
+        inputs: ['autoInvalidOff', 'color', 'debounce', 'description', 'disabled', 'invalid', 'invalidText', 'label', 'max', 'min', 'name', 'readonly', 'required', 'step', 'value'],
+        methods: ['setFocus', 'getInputElement']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsCounter$1);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCounter$1, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-counter',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['autoInvalidOff', 'color', 'debounce', 'description', 'disabled', 'invalid', 'invalidText', 'label', 'max', 'min', 'name', 'readonly', 'required', 'step', 'value'],
+                    outputs: ['dsInput', 'dsChange', 'dsIncrease', 'dsDecrease', 'dsFocus', 'dsBlur'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsInput: [{
+                type: Output
+            }], dsChange: [{
+                type: Output
+            }], dsIncrease: [{
+                type: Output
+            }], dsDecrease: [{
+                type: Output
+            }], dsFocus: [{
+                type: Output
+            }], dsBlur: [{
+                type: Output
+            }] } });
+let DsData = class DsData {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsData, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsData, isStandalone: true, selector: "ds-data", inputs: { horizontal: "horizontal" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsData = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$m,
+        inputs: ['horizontal']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsData);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsData, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-data',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['horizontal'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsDataItem = class DsDataItem {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsDataItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsDataItem, isStandalone: true, selector: "ds-data-item", inputs: { disabled: "disabled", editLabel: "editLabel", editable: "editable", multiline: "multiline" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsDataItem = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$n,
+        inputs: ['disabled', 'editLabel', 'editable', 'multiline'],
+        methods: ['configChanged']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsDataItem);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsDataItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-data-item',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['disabled', 'editLabel', 'editable', 'multiline'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsDataLabel = class DsDataLabel {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsDataLabel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsDataLabel, isStandalone: true, selector: "ds-data-label", inputs: { required: "required" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsDataLabel = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$o,
+        inputs: ['required']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsDataLabel);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsDataLabel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-data-label',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['required'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsDataValue = class DsDataValue {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsDataValue, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsDataValue, isStandalone: true, selector: "ds-data-value", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsDataValue = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$p
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsDataValue);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsDataValue, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-data-value',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsDatepicker$1 = class DsDatepicker {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsBlur = new EventEmitter();
+        this.dsKeyPress = new EventEmitter();
+        this.dsFocus = new EventEmitter();
+        this.dsClick = new EventEmitter();
+        this.dsInput = new EventEmitter();
+        this.dsChange = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsDatepicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsDatepicker, isStandalone: true, selector: "ds-datepicker", inputs: { allowedDates: "allowedDates", autoInvalidOff: "autoInvalidOff", autocomplete: "autocomplete", autofocus: "autofocus", color: "color", debounce: "debounce", defaultDate: "defaultDate", description: "description", disabled: "disabled", freeSolo: "freeSolo", inline: "inline", invalid: "invalid", invalidText: "invalidText", label: "label", loading: "loading", max: "max", maxYearProp: "maxYearProp", min: "min", minYearProp: "minYearProp", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", value: "value" }, outputs: { dsBlur: "dsBlur", dsKeyPress: "dsKeyPress", dsFocus: "dsFocus", dsClick: "dsClick", dsInput: "dsInput", dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsDatepicker$1 = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$q,
+        inputs: ['allowedDates', 'autoInvalidOff', 'autocomplete', 'autofocus', 'color', 'debounce', 'defaultDate', 'description', 'disabled', 'freeSolo', 'inline', 'invalid', 'invalidText', 'label', 'loading', 'max', 'maxYearProp', 'min', 'minYearProp', 'name', 'placeholder', 'readonly', 'required', 'value'],
+        methods: ['setFocus', 'getInputElement']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsDatepicker$1);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsDatepicker$1, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-datepicker',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['allowedDates', 'autoInvalidOff', 'autocomplete', 'autofocus', 'color', 'debounce', 'defaultDate', 'description', 'disabled', 'freeSolo', 'inline', 'invalid', 'invalidText', 'label', 'loading', 'max', 'maxYearProp', 'min', 'minYearProp', 'name', 'placeholder', 'readonly', 'required', 'value'],
+                    outputs: ['dsBlur', 'dsKeyPress', 'dsFocus', 'dsClick', 'dsInput', 'dsChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsBlur: [{
+                type: Output
+            }], dsKeyPress: [{
+                type: Output
+            }], dsFocus: [{
+                type: Output
+            }], dsClick: [{
+                type: Output
+            }], dsInput: [{
+                type: Output
+            }], dsChange: [{
+                type: Output
+            }] } });
+let DsDivider = class DsDivider {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsDivider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsDivider, isStandalone: true, selector: "ds-divider", inputs: { color: "color", dashed: "dashed", layout: "layout", space: "space" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsDivider = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$r,
+        inputs: ['color', 'dashed', 'layout', 'space']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsDivider);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsDivider, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-divider',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['color', 'dashed', 'layout', 'space'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsDrawer = class DsDrawer {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsWillPresent = new EventEmitter();
+        this.dsDidPresent = new EventEmitter();
+        this.dsWillDismiss = new EventEmitter();
+        this.dsDidDismiss = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsDrawer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsDrawer, isStandalone: true, selector: "ds-drawer", inputs: { backdropDismiss: "backdropDismiss", closable: "closable", container: "container", label: "label", open: "open" }, outputs: { dsWillPresent: "dsWillPresent", dsDidPresent: "dsDidPresent", dsWillDismiss: "dsWillDismiss", dsDidDismiss: "dsDidDismiss" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsDrawer = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$s,
+        inputs: ['backdropDismiss', 'closable', 'container', 'label', 'open'],
+        methods: ['present', 'dismiss']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsDrawer);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsDrawer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-drawer',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['backdropDismiss', 'closable', 'container', 'label', 'open'],
+                    outputs: ['dsWillPresent', 'dsDidPresent', 'dsWillDismiss', 'dsDidDismiss'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsWillPresent: [{
+                type: Output
+            }], dsDidPresent: [{
+                type: Output
+            }], dsWillDismiss: [{
+                type: Output
+            }], dsDidDismiss: [{
+                type: Output
+            }] } });
+let DsFileUpload$1 = class DsFileUpload {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsChange = new EventEmitter();
+        this.dsFilesAdded = new EventEmitter();
+        this.dsFilesRemoved = new EventEmitter();
+        this.dsRejectedFile = new EventEmitter();
+        this.dsInputClick = new EventEmitter();
+        this.dsBlur = new EventEmitter();
+        this.dsFocus = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsFileUpload, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsFileUpload, isStandalone: true, selector: "ds-file-upload", inputs: { accept: "accept", autoInvalidOff: "autoInvalidOff", color: "color", description: "description", disabled: "disabled", dropZoneLabel: "dropZoneLabel", hasFileList: "hasFileList", invalid: "invalid", invalidText: "invalidText", label: "label", loading: "loading", maxBundleSize: "maxBundleSize", maxFileSize: "maxFileSize", maxFiles: "maxFiles", multiple: "multiple", name: "name", readonly: "readonly", required: "required", value: "value" }, outputs: { dsChange: "dsChange", dsFilesAdded: "dsFilesAdded", dsFilesRemoved: "dsFilesRemoved", dsRejectedFile: "dsRejectedFile", dsInputClick: "dsInputClick", dsBlur: "dsBlur", dsFocus: "dsFocus" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsFileUpload$1 = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$t,
+        inputs: ['accept', 'autoInvalidOff', 'color', 'description', 'disabled', 'dropZoneLabel', 'hasFileList', 'invalid', 'invalidText', 'label', 'loading', 'maxBundleSize', 'maxFileSize', 'maxFiles', 'multiple', 'name', 'readonly', 'required', 'value'],
+        methods: ['configChanged', 'clear', 'setFocus']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsFileUpload$1);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsFileUpload$1, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-file-upload',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['accept', 'autoInvalidOff', 'color', 'description', 'disabled', 'dropZoneLabel', 'hasFileList', 'invalid', 'invalidText', 'label', 'loading', 'maxBundleSize', 'maxFileSize', 'maxFiles', 'multiple', 'name', 'readonly', 'required', 'value'],
+                    outputs: ['dsChange', 'dsFilesAdded', 'dsFilesRemoved', 'dsRejectedFile', 'dsInputClick', 'dsBlur', 'dsFocus'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{
+                type: Output
+            }], dsFilesAdded: [{
+                type: Output
+            }], dsFilesRemoved: [{
+                type: Output
+            }], dsRejectedFile: [{
+                type: Output
+            }], dsInputClick: [{
+                type: Output
+            }], dsBlur: [{
+                type: Output
+            }], dsFocus: [{
+                type: Output
+            }] } });
+let DsHeading = class DsHeading {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsHeading, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsHeading, isStandalone: true, selector: "ds-heading", inputs: { autoLevel: "autoLevel", color: "color", inverted: "inverted", level: "level", noWrap: "noWrap", shadow: "shadow", space: "space", subtitle: "subtitle", visualLevel: "visualLevel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsHeading = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$u,
+        inputs: ['autoLevel', 'color', 'inverted', 'level', 'noWrap', 'shadow', 'space', 'subtitle', 'visualLevel']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsHeading);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsHeading, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-heading',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['autoLevel', 'color', 'inverted', 'level', 'noWrap', 'shadow', 'space', 'subtitle', 'visualLevel'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsHint = class DsHint {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsHint, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsHint, isStandalone: true, selector: "ds-hint", inputs: { closeLabel: "closeLabel", label: "label", placement: "placement", triggerLabel: "triggerLabel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsHint = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$v,
+        inputs: ['closeLabel', 'label', 'placement', 'triggerLabel'],
+        methods: ['present', 'dismiss', 'toggle']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsHint);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsHint, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-hint',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['closeLabel', 'label', 'placement', 'triggerLabel'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsHintText = class DsHintText {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsHintText, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsHintText, isStandalone: true, selector: "ds-hint-text", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsHintText = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$w
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsHintText);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsHintText, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-hint-text',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsHintTitle = class DsHintTitle {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsHintTitle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsHintTitle, isStandalone: true, selector: "ds-hint-title", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsHintTitle = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$x
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsHintTitle);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsHintTitle, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-hint-title',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsIcon = class DsIcon {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsIcon, isStandalone: true, selector: "ds-icon", inputs: { color: "color", disabled: "disabled", inline: "inline", invalid: "invalid", inverted: "inverted", name: "name", shadow: "shadow", size: "size", src: "src", svg: "svg", turn: "turn" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsIcon = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$y,
+        inputs: ['color', 'disabled', 'inline', 'invalid', 'inverted', 'name', 'shadow', 'size', 'src', 'svg', 'turn']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsIcon);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsIcon, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-icon',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['color', 'disabled', 'inline', 'invalid', 'inverted', 'name', 'shadow', 'size', 'src', 'svg', 'turn'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsInput$1 = class DsInput {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsBlur = new EventEmitter();
+        this.dsKeyPress = new EventEmitter();
+        this.dsFocus = new EventEmitter();
+        this.dsClick = new EventEmitter();
+        this.dsInput = new EventEmitter();
+        this.dsChange = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsInput, isStandalone: true, selector: "ds-input", inputs: { accept: "accept", allowedKeyPress: "allowedKeyPress", autoInvalidOff: "autoInvalidOff", autocapitalize: "autocapitalize", autocomplete: "autocomplete", autocorrect: "autocorrect", autofocus: "autofocus", color: "color", debounce: "debounce", description: "description", disabled: "disabled", inputmode: "inputmode", invalid: "invalid", invalidText: "invalidText", label: "label", loading: "loading", mask: "mask", max: "max", maxLength: "maxLength", min: "min", minLength: "minLength", multiple: "multiple", name: "name", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", spellcheck: "spellcheck", suffix: "suffix", type: "type", value: "value" }, outputs: { dsBlur: "dsBlur", dsKeyPress: "dsKeyPress", dsFocus: "dsFocus", dsClick: "dsClick", dsInput: "dsInput", dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsInput$1 = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$z,
+        inputs: ['accept', 'allowedKeyPress', 'autoInvalidOff', 'autocapitalize', 'autocomplete', 'autocorrect', 'autofocus', 'color', 'debounce', 'description', 'disabled', 'inputmode', 'invalid', 'invalidText', 'label', 'loading', 'mask', 'max', 'maxLength', 'min', 'minLength', 'multiple', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'spellcheck', 'suffix', 'type', 'value'],
+        methods: ['setFocus', 'getInputElement']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsInput$1);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsInput$1, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-input',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['accept', 'allowedKeyPress', 'autoInvalidOff', 'autocapitalize', 'autocomplete', 'autocorrect', 'autofocus', 'color', 'debounce', 'description', 'disabled', 'inputmode', 'invalid', 'invalidText', 'label', 'loading', 'mask', 'max', 'maxLength', 'min', 'minLength', 'multiple', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'spellcheck', 'suffix', 'type', 'value'],
+                    outputs: ['dsBlur', 'dsKeyPress', 'dsFocus', 'dsClick', 'dsInput', 'dsChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsBlur: [{
+                type: Output
+            }], dsKeyPress: [{
+                type: Output
+            }], dsFocus: [{
+                type: Output
+            }], dsClick: [{
+                type: Output
+            }], dsInput: [{
+                type: Output
+            }], dsChange: [{
+                type: Output
+            }] } });
+let DsInputPhone = class DsInputPhone {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsInput = new EventEmitter();
+        this.dsChange = new EventEmitter();
+        this.dsCountryChange = new EventEmitter();
+        this.dsFocus = new EventEmitter();
+        this.dsBlur = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsInputPhone, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsInputPhone, isStandalone: true, selector: "ds-input-phone", inputs: { color: "color", countries: "countries", country: "country", description: "description", disabled: "disabled", initialCountry: "initialCountry", invalid: "invalid", invalidText: "invalidText", label: "label", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", value: "value" }, outputs: { dsInput: "dsInput", dsChange: "dsChange", dsCountryChange: "dsCountryChange", dsFocus: "dsFocus", dsBlur: "dsBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsInputPhone = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$A,
+        inputs: ['color', 'countries', 'country', 'description', 'disabled', 'initialCountry', 'invalid', 'invalidText', 'label', 'name', 'placeholder', 'readonly', 'required', 'value'],
+        methods: ['setFocus', 'getInputElement']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsInputPhone);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsInputPhone, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-input-phone',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['color', 'countries', 'country', 'description', 'disabled', 'initialCountry', 'invalid', 'invalidText', 'label', 'name', 'placeholder', 'readonly', 'required', 'value'],
+                    outputs: ['dsInput', 'dsChange', 'dsCountryChange', 'dsFocus', 'dsBlur'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsInput: [{
+                type: Output
+            }], dsChange: [{
+                type: Output
+            }], dsCountryChange: [{
+                type: Output
+            }], dsFocus: [{
+                type: Output
+            }], dsBlur: [{
+                type: Output
+            }] } });
+let DsItem = class DsItem {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsClick = new EventEmitter();
+        this.dsAccordionToggle = new EventEmitter();
+        this.dsAccordionOpened = new EventEmitter();
+        this.dsAccordionClosed = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsItem, isStandalone: true, selector: "ds-item", inputs: { accordionGroup: "accordionGroup", accordionMarker: "accordionMarker", accordionMarkerPosition: "accordionMarkerPosition", accordionOpen: "accordionOpen", actionIcon: "actionIcon", description: "description", disabled: "disabled", download: "download", href: "href", inverted: "inverted", label: "label", labelLevel: "labelLevel", labelSize: "labelSize", rel: "rel", size: "size", target: "target", variant: "variant" }, outputs: { dsClick: "dsClick", dsAccordionToggle: "dsAccordionToggle", dsAccordionOpened: "dsAccordionOpened", dsAccordionClosed: "dsAccordionClosed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsItem = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$B,
+        inputs: ['accordionGroup', 'accordionMarker', 'accordionMarkerPosition', 'accordionOpen', 'actionIcon', 'description', 'disabled', 'download', 'href', 'inverted', 'label', 'labelLevel', 'labelSize', 'rel', 'size', 'target', 'variant']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsItem);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-item',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['accordionGroup', 'accordionMarker', 'accordionMarkerPosition', 'accordionOpen', 'actionIcon', 'description', 'disabled', 'download', 'href', 'inverted', 'label', 'labelLevel', 'labelSize', 'rel', 'size', 'target', 'variant'],
+                    outputs: ['dsClick', 'dsAccordionToggle', 'dsAccordionOpened', 'dsAccordionClosed'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsClick: [{
+                type: Output
+            }], dsAccordionToggle: [{
+                type: Output
+            }], dsAccordionOpened: [{
+                type: Output
+            }], dsAccordionClosed: [{
+                type: Output
+            }] } });
+let DsLabel = class DsLabel {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsLabel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsLabel, isStandalone: true, selector: "ds-label", inputs: { disabled: "disabled", htmlFor: "htmlFor", htmlId: "htmlId", invalid: "invalid", noWrap: "noWrap", required: "required", size: "size", valid: "valid" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsLabel = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$C,
+        inputs: ['disabled', 'htmlFor', 'htmlId', 'invalid', 'noWrap', 'required', 'size', 'valid']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsLabel);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsLabel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-label',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['disabled', 'htmlFor', 'htmlId', 'invalid', 'noWrap', 'required', 'size', 'valid'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsList = class DsList {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsList, isStandalone: true, selector: "ds-list", inputs: { inverted: "inverted", ordered: "ordered", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsList = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$D,
+        inputs: ['inverted', 'ordered', 'size']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsList);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsList, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-list',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['inverted', 'ordered', 'size'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsLogo = class DsLogo {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsLogo, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsLogo, isStandalone: true, selector: "ds-logo", inputs: { animated: "animated", brand: "brand", color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsLogo = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$E,
+        inputs: ['animated', 'brand', 'color', 'size']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsLogo);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsLogo, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-logo',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['animated', 'brand', 'color', 'size'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsModal = class DsModal {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsWillPresent = new EventEmitter();
+        this.dsDidPresent = new EventEmitter();
+        this.dsWillDismiss = new EventEmitter();
+        this.dsDidDismiss = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsModal, isStandalone: true, selector: "ds-modal", inputs: { closable: "closable", fullscreen: "fullscreen", modalWidth: "modalWidth", open: "open" }, outputs: { dsWillPresent: "dsWillPresent", dsDidPresent: "dsDidPresent", dsWillDismiss: "dsWillDismiss", dsDidDismiss: "dsDidDismiss" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsModal = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$F,
+        inputs: ['closable', 'fullscreen', 'modalWidth', 'open'],
+        methods: ['present', 'dismiss']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsModal);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsModal, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-modal',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['closable', 'fullscreen', 'modalWidth', 'open'],
+                    outputs: ['dsWillPresent', 'dsDidPresent', 'dsWillDismiss', 'dsDidDismiss'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsWillPresent: [{
+                type: Output
+            }], dsDidPresent: [{
+                type: Output
+            }], dsWillDismiss: [{
+                type: Output
+            }], dsDidDismiss: [{
+                type: Output
+            }] } });
+let DsModalBody = class DsModalBody {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsModalBody, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsModalBody, isStandalone: true, selector: "ds-modal-body", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsModalBody = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$G
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsModalBody);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsModalBody, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-modal-body',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsModalHeader = class DsModalHeader {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsModalHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsModalHeader, isStandalone: true, selector: "ds-modal-header", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsModalHeader = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$H
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsModalHeader);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsModalHeader, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-modal-header',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsNotification = class DsNotification {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsCloseClick = new EventEmitter();
+        this.dsDidLoad = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsNotification, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsNotification, isStandalone: true, selector: "ds-notification", inputs: { alert: "alert", closable: "closable", color: "color", heading: "heading", noIcon: "noIcon", size: "size" }, outputs: { dsCloseClick: "dsCloseClick", dsDidLoad: "dsDidLoad" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsNotification = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$I,
+        inputs: ['alert', 'closable', 'color', 'heading', 'noIcon', 'size'],
+        methods: ['close']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsNotification);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsNotification, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-notification',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['alert', 'closable', 'color', 'heading', 'noIcon', 'size'],
+                    outputs: ['dsCloseClick', 'dsDidLoad'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsCloseClick: [{
+                type: Output
+            }], dsDidLoad: [{
+                type: Output
+            }] } });
+let DsNumberInput$1 = class DsNumberInput {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsInput = new EventEmitter();
+        this.dsChange = new EventEmitter();
+        this.dsBlur = new EventEmitter();
+        this.dsFocus = new EventEmitter();
+        this.dsClick = new EventEmitter();
+        this.dsKeyPress = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsNumberInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsNumberInput, isStandalone: true, selector: "ds-number-input", inputs: { autoInvalidOff: "autoInvalidOff", color: "color", debounce: "debounce", decimal: "decimal", description: "description", disabled: "disabled", exactNumber: "exactNumber", invalid: "invalid", invalidText: "invalidText", label: "label", max: "max", min: "min", name: "name", onlyPositive: "onlyPositive", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", suffix: "suffix", value: "value" }, outputs: { dsInput: "dsInput", dsChange: "dsChange", dsBlur: "dsBlur", dsFocus: "dsFocus", dsClick: "dsClick", dsKeyPress: "dsKeyPress" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsNumberInput$1 = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$J,
+        inputs: ['autoInvalidOff', 'color', 'debounce', 'decimal', 'description', 'disabled', 'exactNumber', 'invalid', 'invalidText', 'label', 'max', 'min', 'name', 'onlyPositive', 'pattern', 'placeholder', 'readonly', 'required', 'suffix', 'value'],
+        methods: ['setFocus', 'getInputElement']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsNumberInput$1);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsNumberInput$1, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-number-input',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['autoInvalidOff', 'color', 'debounce', 'decimal', 'description', 'disabled', 'exactNumber', 'invalid', 'invalidText', 'label', 'max', 'min', 'name', 'onlyPositive', 'pattern', 'placeholder', 'readonly', 'required', 'suffix', 'value'],
+                    outputs: ['dsInput', 'dsChange', 'dsBlur', 'dsFocus', 'dsClick', 'dsKeyPress'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsInput: [{
+                type: Output
+            }], dsChange: [{
+                type: Output
+            }], dsBlur: [{
+                type: Output
+            }], dsFocus: [{
+                type: Output
+            }], dsClick: [{
+                type: Output
+            }], dsKeyPress: [{
+                type: Output
+            }] } });
+let DsPagination = class DsPagination {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsChange = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsPagination, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsPagination, isStandalone: true, selector: "ds-pagination", inputs: { align: "align", disabled: "disabled", label: "label", pageRange: "pageRange", size: "size", sticky: "sticky", textNext: "textNext", textPrevious: "textPrevious", top: "top", totalPages: "totalPages", value: "value", variant: "variant" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsPagination = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$K,
+        inputs: ['align', 'disabled', 'label', 'pageRange', 'size', 'sticky', 'textNext', 'textPrevious', 'top', 'totalPages', 'value', 'variant'],
+        methods: ['next', 'previous']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsPagination);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsPagination, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-pagination',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['align', 'disabled', 'label', 'pageRange', 'size', 'sticky', 'textNext', 'textPrevious', 'top', 'totalPages', 'value', 'variant'],
+                    outputs: ['dsChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{
+                type: Output
+            }] } });
+let DsPopup = class DsPopup {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsWillPresent = new EventEmitter();
+        this.dsDidPresent = new EventEmitter();
+        this.dsWillDismiss = new EventEmitter();
+        this.dsDidDismiss = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsPopup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsPopup, isStandalone: true, selector: "ds-popup", inputs: { arrow: "arrow", backdrop: "backdrop", backdropDismiss: "backdropDismiss", closable: "closable", group: "group", label: "label", offset: "offset", open: "open", placement: "placement", role: "role", trapFocus: "trapFocus", trigger: "trigger" }, outputs: { dsWillPresent: "dsWillPresent", dsDidPresent: "dsDidPresent", dsWillDismiss: "dsWillDismiss", dsDidDismiss: "dsDidDismiss" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsPopup = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$L,
+        inputs: ['arrow', 'backdrop', 'backdropDismiss', 'closable', 'group', 'label', 'offset', 'open', 'placement', 'role', 'trapFocus', 'trigger'],
+        methods: ['present', 'dismiss', 'toggle']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsPopup);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsPopup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-popup',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['arrow', 'backdrop', 'backdropDismiss', 'closable', 'group', 'label', 'offset', 'open', 'placement', 'role', 'trapFocus', 'trigger'],
+                    outputs: ['dsWillPresent', 'dsDidPresent', 'dsWillDismiss', 'dsDidDismiss'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsWillPresent: [{
+                type: Output
+            }], dsDidPresent: [{
+                type: Output
+            }], dsWillDismiss: [{
+                type: Output
+            }], dsDidDismiss: [{
+                type: Output
+            }] } });
+let DsProgressBar = class DsProgressBar {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsProgressBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsProgressBar, isStandalone: true, selector: "ds-progress-bar", inputs: { background: "background", color: "color", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsProgressBar = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$M,
+        inputs: ['background', 'color', 'value']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsProgressBar);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsProgressBar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-progress-bar',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['background', 'color', 'value'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsRadio = class DsRadio {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsBlur = new EventEmitter();
+        this.dsChange = new EventEmitter();
+        this.dsFocus = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsRadio, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsRadio, isStandalone: true, selector: "ds-radio", inputs: { autoInvalidOff: "autoInvalidOff", checked: "checked", disabled: "disabled", hideTrigger: "hideTrigger", invalid: "invalid", label: "label", labelPosition: "labelPosition", name: "name", readonly: "readonly", required: "required", tile: "tile", tileColor: "tileColor", value: "value" }, outputs: { dsBlur: "dsBlur", dsChange: "dsChange", dsFocus: "dsFocus" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsRadio = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$N,
+        inputs: ['autoInvalidOff', 'checked', 'disabled', 'hideTrigger', 'invalid', 'label', 'labelPosition', 'name', 'readonly', 'required', 'tile', 'tileColor', 'value'],
+        methods: ['setFocus']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsRadio);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsRadio, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-radio',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['autoInvalidOff', 'checked', 'disabled', 'hideTrigger', 'invalid', 'label', 'labelPosition', 'name', 'readonly', 'required', 'tile', 'tileColor', 'value'],
+                    outputs: ['dsBlur', 'dsChange', 'dsFocus'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsBlur: [{
+                type: Output
+            }], dsChange: [{
+                type: Output
+            }], dsFocus: [{
+                type: Output
+            }] } });
+let DsRadioGroup$1 = class DsRadioGroup {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsBlur = new EventEmitter();
+        this.dsChange = new EventEmitter();
+        this.dsFocus = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsRadioGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsRadioGroup, isStandalone: true, selector: "ds-radio-group", inputs: { allowEmptySelection: "allowEmptySelection", autoInvalidOff: "autoInvalidOff", color: "color", cols: "cols", colsMobile: "colsMobile", colsTablet: "colsTablet", description: "description", disabled: "disabled", hideTrigger: "hideTrigger", invalid: "invalid", invalidText: "invalidText", label: "label", labelPosition: "labelPosition", loading: "loading", name: "name", readonly: "readonly", required: "required", tile: "tile", tileColor: "tileColor", value: "value", vertical: "vertical" }, outputs: { dsBlur: "dsBlur", dsChange: "dsChange", dsFocus: "dsFocus" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsRadioGroup$1 = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$O,
+        inputs: ['allowEmptySelection', 'autoInvalidOff', 'color', 'cols', 'colsMobile', 'colsTablet', 'description', 'disabled', 'hideTrigger', 'invalid', 'invalidText', 'label', 'labelPosition', 'loading', 'name', 'readonly', 'required', 'tile', 'tileColor', 'value', 'vertical']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsRadioGroup$1);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsRadioGroup$1, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-radio-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['allowEmptySelection', 'autoInvalidOff', 'color', 'cols', 'colsMobile', 'colsTablet', 'description', 'disabled', 'hideTrigger', 'invalid', 'invalidText', 'label', 'labelPosition', 'loading', 'name', 'readonly', 'required', 'tile', 'tileColor', 'value', 'vertical'],
+                    outputs: ['dsBlur', 'dsChange', 'dsFocus'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsBlur: [{
+                type: Output
+            }], dsChange: [{
+                type: Output
+            }], dsFocus: [{
+                type: Output
+            }] } });
+let DsRoot = class DsRoot {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsAppReady = new EventEmitter();
+        this.dsAnimatedChange = new EventEmitter();
+        this.dsBrandChange = new EventEmitter();
+        this.dsRegionChange = new EventEmitter();
+        this.dsLanguageChange = new EventEmitter();
+        this.dsAllowedLanguagesChange = new EventEmitter();
+        this.dsFallbackLanguageChange = new EventEmitter();
+        this.dsIconsChange = new EventEmitter();
+        this.dsLegalLinksChange = new EventEmitter();
+        this.dsLegalTextChange = new EventEmitter();
+        this.dsSocialLinksChange = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsRoot, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsRoot, isStandalone: true, selector: "ds-root", inputs: { allowedLanguages: "allowedLanguages", animated: "animated", brand: "brand", fallbackLanguage: "fallbackLanguage", icons: "icons", language: "language", legalLinks: "legalLinks", legalText: "legalText", region: "region", socialLinks: "socialLinks" }, outputs: { dsAppReady: "dsAppReady", dsAnimatedChange: "dsAnimatedChange", dsBrandChange: "dsBrandChange", dsRegionChange: "dsRegionChange", dsLanguageChange: "dsLanguageChange", dsAllowedLanguagesChange: "dsAllowedLanguagesChange", dsFallbackLanguageChange: "dsFallbackLanguageChange", dsIconsChange: "dsIconsChange", dsLegalLinksChange: "dsLegalLinksChange", dsLegalTextChange: "dsLegalTextChange", dsSocialLinksChange: "dsSocialLinksChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsRoot = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$P,
+        inputs: ['allowedLanguages', 'animated', 'brand', 'fallbackLanguage', 'icons', 'language', 'legalLinks', 'legalText', 'region', 'socialLinks'],
+        methods: ['setFocus']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsRoot);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsRoot, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-root',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['allowedLanguages', 'animated', 'brand', 'fallbackLanguage', 'icons', 'language', 'legalLinks', 'legalText', 'region', 'socialLinks'],
+                    outputs: ['dsAppReady', 'dsAnimatedChange', 'dsBrandChange', 'dsRegionChange', 'dsLanguageChange', 'dsAllowedLanguagesChange', 'dsFallbackLanguageChange', 'dsIconsChange', 'dsLegalLinksChange', 'dsLegalTextChange', 'dsSocialLinksChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsAppReady: [{
+                type: Output
+            }], dsAnimatedChange: [{
+                type: Output
+            }], dsBrandChange: [{
+                type: Output
+            }], dsRegionChange: [{
+                type: Output
+            }], dsLanguageChange: [{
+                type: Output
+            }], dsAllowedLanguagesChange: [{
+                type: Output
+            }], dsFallbackLanguageChange: [{
+                type: Output
+            }], dsIconsChange: [{
+                type: Output
+            }], dsLegalLinksChange: [{
+                type: Output
+            }], dsLegalTextChange: [{
+                type: Output
+            }], dsSocialLinksChange: [{
+                type: Output
+            }] } });
+let DsSegment$1 = class DsSegment {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsBlur = new EventEmitter();
+        this.dsChange = new EventEmitter();
+        this.dsFocus = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSegment, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsSegment, isStandalone: true, selector: "ds-segment", inputs: { allowEmptySelection: "allowEmptySelection", autoInvalidOff: "autoInvalidOff", description: "description", disabled: "disabled", iconOnly: "iconOnly", invalid: "invalid", invalidText: "invalidText", label: "label", loading: "loading", name: "name", readonly: "readonly", required: "required", value: "value", vertical: "vertical", verticalOnMobile: "verticalOnMobile", wide: "wide" }, outputs: { dsBlur: "dsBlur", dsChange: "dsChange", dsFocus: "dsFocus" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsSegment$1 = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$Q,
+        inputs: ['allowEmptySelection', 'autoInvalidOff', 'description', 'disabled', 'iconOnly', 'invalid', 'invalidText', 'label', 'loading', 'name', 'readonly', 'required', 'value', 'vertical', 'verticalOnMobile', 'wide']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsSegment$1);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSegment$1, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-segment',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['allowEmptySelection', 'autoInvalidOff', 'description', 'disabled', 'iconOnly', 'invalid', 'invalidText', 'label', 'loading', 'name', 'readonly', 'required', 'value', 'vertical', 'verticalOnMobile', 'wide'],
+                    outputs: ['dsBlur', 'dsChange', 'dsFocus'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsBlur: [{
+                type: Output
+            }], dsChange: [{
+                type: Output
+            }], dsFocus: [{
+                type: Output
+            }] } });
+let DsSegmentItem = class DsSegmentItem {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsWillUpdate = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSegmentItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsSegmentItem, isStandalone: true, selector: "ds-segment-item", inputs: { description: "description", icon: "icon", label: "label", svg: "svg", value: "value" }, outputs: { dsWillUpdate: "dsWillUpdate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsSegmentItem = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$R,
+        inputs: ['description', 'icon', 'label', 'svg', 'value']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsSegmentItem);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSegmentItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-segment-item',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['description', 'icon', 'label', 'svg', 'value'],
+                    outputs: ['dsWillUpdate'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsWillUpdate: [{
+                type: Output
+            }] } });
+let DsSelect$1 = class DsSelect {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsChange = new EventEmitter();
+        this.dsFocus = new EventEmitter();
+        this.dsBlur = new EventEmitter();
+        this.dsClick = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsSelect, isStandalone: true, selector: "ds-select", inputs: { autoInvalidOff: "autoInvalidOff", clearable: "clearable", color: "color", description: "description", disabled: "disabled", invalid: "invalid", invalidText: "invalidText", label: "label", multiple: "multiple", name: "name", optionGroups: "optionGroups", options: "options", placeholder: "placeholder", readonly: "readonly", required: "required", searchable: "searchable", value: "value" }, outputs: { dsChange: "dsChange", dsFocus: "dsFocus", dsBlur: "dsBlur", dsClick: "dsClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsSelect$1 = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$S,
+        inputs: ['autoInvalidOff', 'clearable', 'color', 'description', 'disabled', 'invalid', 'invalidText', 'label', 'multiple', 'name', 'optionGroups', 'options', 'placeholder', 'readonly', 'required', 'searchable', 'value'],
+        methods: ['open', 'close', 'setFocus', 'setBlur']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsSelect$1);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSelect$1, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-select',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['autoInvalidOff', 'clearable', 'color', 'description', 'disabled', 'invalid', 'invalidText', 'label', 'multiple', 'name', 'optionGroups', 'options', 'placeholder', 'readonly', 'required', 'searchable', 'value'],
+                    outputs: ['dsChange', 'dsFocus', 'dsBlur', 'dsClick'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{
+                type: Output
+            }], dsFocus: [{
+                type: Output
+            }], dsBlur: [{
+                type: Output
+            }], dsClick: [{
+                type: Output
+            }] } });
+let DsSelectOptgroup = class DsSelectOptgroup {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSelectOptgroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsSelectOptgroup, isStandalone: true, selector: "ds-select-optgroup", inputs: { label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsSelectOptgroup = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$T,
+        inputs: ['label']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsSelectOptgroup);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSelectOptgroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-select-optgroup',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['label'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsSelectOption = class DsSelectOption {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSelectOption, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsSelectOption, isStandalone: true, selector: "ds-select-option", inputs: { disabled: "disabled", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsSelectOption = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$U,
+        inputs: ['disabled', 'value']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsSelectOption);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSelectOption, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-select-option',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['disabled', 'value'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsShape = class DsShape {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsShape, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsShape, isStandalone: true, selector: "ds-shape", inputs: { color: "color", rotation: "rotation", variation: "variation" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsShape = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$V,
+        inputs: ['color', 'rotation', 'variation']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsShape);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsShape, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-shape',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['color', 'rotation', 'variation'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsSheet = class DsSheet {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSheet, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsSheet, isStandalone: true, selector: "ds-sheet", inputs: { containerSize: "containerSize" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsSheet = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$W,
+        inputs: ['containerSize']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsSheet);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSheet, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-sheet',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['containerSize'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsSlider$1 = class DsSlider {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsInput = new EventEmitter();
+        this.dsFocus = new EventEmitter();
+        this.dsBlur = new EventEmitter();
+        this.dsClick = new EventEmitter();
+        this.dsChange = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSlider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsSlider, isStandalone: true, selector: "ds-slider", inputs: { autoInvalidOff: "autoInvalidOff", brandColor: "brandColor", color: "color", debounce: "debounce", description: "description", disabled: "disabled", invalid: "invalid", invalidText: "invalidText", label: "label", max: "max", min: "min", name: "name", readonly: "readonly", required: "required", step: "step", value: "value" }, outputs: { dsInput: "dsInput", dsFocus: "dsFocus", dsBlur: "dsBlur", dsClick: "dsClick", dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsSlider$1 = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$X,
+        inputs: ['autoInvalidOff', 'brandColor', 'color', 'debounce', 'description', 'disabled', 'invalid', 'invalidText', 'label', 'max', 'min', 'name', 'readonly', 'required', 'step', 'value'],
+        methods: ['setFocus', 'getInputElement']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsSlider$1);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSlider$1, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-slider',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['autoInvalidOff', 'brandColor', 'color', 'debounce', 'description', 'disabled', 'invalid', 'invalidText', 'label', 'max', 'min', 'name', 'readonly', 'required', 'step', 'value'],
+                    outputs: ['dsInput', 'dsFocus', 'dsBlur', 'dsClick', 'dsChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsInput: [{
+                type: Output
+            }], dsFocus: [{
+                type: Output
+            }], dsBlur: [{
+                type: Output
+            }], dsClick: [{
+                type: Output
+            }], dsChange: [{
+                type: Output
+            }] } });
+let DsSnackbar = class DsSnackbar {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsCloseClick = new EventEmitter();
+        this.dsActionClick = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSnackbar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsSnackbar, isStandalone: true, selector: "ds-snackbar", inputs: { action: "action", actionHref: "actionHref", actionIcon: "actionIcon", actionTarget: "actionTarget", closable: "closable", color: "color", heading: "heading", icon: "icon", message: "message", svg: "svg" }, outputs: { dsCloseClick: "dsCloseClick", dsActionClick: "dsActionClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsSnackbar = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$Y,
+        inputs: ['action', 'actionHref', 'actionIcon', 'actionTarget', 'closable', 'color', 'heading', 'icon', 'message', 'svg'],
+        methods: ['close']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsSnackbar);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSnackbar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-snackbar',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['action', 'actionHref', 'actionIcon', 'actionTarget', 'closable', 'color', 'heading', 'icon', 'message', 'svg'],
+                    outputs: ['dsCloseClick', 'dsActionClick'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsCloseClick: [{
+                type: Output
+            }], dsActionClick: [{
+                type: Output
+            }] } });
+let DsSpinner = class DsSpinner {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSpinner, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsSpinner, isStandalone: true, selector: "ds-spinner", inputs: { deactivated: "deactivated", inverted: "inverted", label: "label", labelPosition: "labelPosition", size: "size", variation: "variation" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsSpinner = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$Z,
+        inputs: ['deactivated', 'inverted', 'label', 'labelPosition', 'size', 'variation']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsSpinner);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSpinner, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-spinner',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['deactivated', 'inverted', 'label', 'labelPosition', 'size', 'variation'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsStack = class DsStack {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsStack, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsStack, isStandalone: true, selector: "ds-stack", inputs: { align: "align", direction: "direction", fitContent: "fitContent", p: "p", px: "px", py: "py", space: "space", spaceColumn: "spaceColumn", spaceRow: "spaceRow", useWrap: "useWrap" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsStack = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$_,
+        inputs: ['align', 'direction', 'fitContent', 'p', 'px', 'py', 'space', 'spaceColumn', 'spaceRow', 'useWrap']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsStack);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsStack, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-stack',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['align', 'direction', 'fitContent', 'p', 'px', 'py', 'space', 'spaceColumn', 'spaceRow', 'useWrap'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsStep = class DsStep {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsStepSelect = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsStep, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsStep, isStandalone: true, selector: "ds-step", inputs: { disabled: "disabled", done: "done", hidden: "hidden", invalid: "invalid", label: "label", name: "name" }, outputs: { dsStepSelect: "dsStepSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsStep = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$$,
+        inputs: ['disabled', 'done', 'hidden', 'invalid', 'label', 'name']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsStep);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsStep, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-step',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['disabled', 'done', 'hidden', 'invalid', 'label', { name: 'name', required: true }],
+                    outputs: ['dsStepSelect'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsStepSelect: [{
+                type: Output
+            }] } });
+let DsStepPanel = class DsStepPanel {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsStepPanel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsStepPanel, isStandalone: true, selector: "ds-step-panel", inputs: { for: "for", selected: "selected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsStepPanel = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$10,
+        inputs: ['for', 'selected']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsStepPanel);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsStepPanel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-step-panel',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [{ name: 'for', required: true }, 'selected'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsSteps = class DsSteps {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsChange = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSteps, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsSteps, isStandalone: true, selector: "ds-steps", inputs: { color: "color", label: "label", value: "value", vertical: "vertical" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsSteps = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$11,
+        inputs: ['color', 'label', 'value', 'vertical']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsSteps);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSteps, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-steps',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['color', 'label', 'value', 'vertical'],
+                    outputs: ['dsChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{
+                type: Output
+            }] } });
+let DsTab = class DsTab {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsTabSelect = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsTab, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsTab, isStandalone: true, selector: "ds-tab", inputs: { name: "name", selected: "selected" }, outputs: { dsTabSelect: "dsTabSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsTab = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$12,
+        inputs: ['name', 'selected']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsTab);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsTab, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-tab',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [{ name: 'name', required: true }, 'selected'],
+                    outputs: ['dsTabSelect'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsTabSelect: [{
+                type: Output
+            }] } });
+let DsTabPanel = class DsTabPanel {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsTabPanel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsTabPanel, isStandalone: true, selector: "ds-tab-panel", inputs: { for: "for", selected: "selected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsTabPanel = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$13,
+        inputs: ['for', 'selected']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsTabPanel);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsTabPanel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-tab-panel',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [{ name: 'for', required: true }, 'selected'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsTabs = class DsTabs {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsChange = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsTabs, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsTabs, isStandalone: true, selector: "ds-tabs", inputs: { color: "color", fullwidth: "fullwidth", inverted: "inverted", label: "label", value: "value", vertical: "vertical", verticalColSize: "verticalColSize" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsTabs = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$14,
+        inputs: ['color', 'fullwidth', 'inverted', 'label', 'value', 'vertical', 'verticalColSize']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsTabs);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsTabs, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-tabs',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['color', 'fullwidth', 'inverted', 'label', 'value', 'vertical', 'verticalColSize'],
+                    outputs: ['dsChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{
+                type: Output
+            }] } });
+let DsTag = class DsTag {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsCloseClick = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsTag, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsTag, isStandalone: true, selector: "ds-tag", inputs: { closable: "closable", color: "color", disabled: "disabled", invalid: "invalid", position: "position", size: "size" }, outputs: { dsCloseClick: "dsCloseClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsTag = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$15,
+        inputs: ['closable', 'color', 'disabled', 'invalid', 'position', 'size']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsTag);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsTag, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-tag',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['closable', 'color', 'disabled', 'invalid', 'position', 'size'],
+                    outputs: ['dsCloseClick'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsCloseClick: [{
+                type: Output
+            }] } });
+let DsTagGroup = class DsTagGroup {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsTagGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsTagGroup, isStandalone: true, selector: "ds-tag-group", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsTagGroup = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$16
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsTagGroup);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsTagGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-tag-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsText = class DsText {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsText, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsText, isStandalone: true, selector: "ds-text", inputs: { align: "align", bold: "bold", color: "color", disabled: "disabled", heading: "heading", inline: "inline", invalid: "invalid", inverted: "inverted", noWrap: "noWrap", shadow: "shadow", size: "size", space: "space", subtitle: "subtitle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsText = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$17,
+        inputs: ['align', 'bold', 'color', 'disabled', 'heading', 'inline', 'invalid', 'inverted', 'noWrap', 'shadow', 'size', 'space', 'subtitle']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsText);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsText, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-text',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['align', 'bold', 'color', 'disabled', 'heading', 'inline', 'invalid', 'inverted', 'noWrap', 'shadow', 'size', 'space', 'subtitle'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let DsTextarea$1 = class DsTextarea {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsBlur = new EventEmitter();
+        this.dsChange = new EventEmitter();
+        this.dsClick = new EventEmitter();
+        this.dsFocus = new EventEmitter();
+        this.dsInput = new EventEmitter();
+        this.dsKeyPress = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsTextarea, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsTextarea, isStandalone: true, selector: "ds-textarea", inputs: { autoInvalidOff: "autoInvalidOff", autocapitalize: "autocapitalize", autocomplete: "autocomplete", autofocus: "autofocus", color: "color", cols: "cols", debounce: "debounce", description: "description", disabled: "disabled", inputmode: "inputmode", invalid: "invalid", invalidText: "invalidText", label: "label", maxLength: "maxLength", minLength: "minLength", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", rows: "rows", value: "value", wrap: "wrap" }, outputs: { dsBlur: "dsBlur", dsChange: "dsChange", dsClick: "dsClick", dsFocus: "dsFocus", dsInput: "dsInput", dsKeyPress: "dsKeyPress" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsTextarea$1 = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$18,
+        inputs: ['autoInvalidOff', 'autocapitalize', 'autocomplete', 'autofocus', 'color', 'cols', 'debounce', 'description', 'disabled', 'inputmode', 'invalid', 'invalidText', 'label', 'maxLength', 'minLength', 'name', 'placeholder', 'readonly', 'required', 'rows', 'value', 'wrap'],
+        methods: ['setFocus', 'getInputElement']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsTextarea$1);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsTextarea$1, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-textarea',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['autoInvalidOff', 'autocapitalize', 'autocomplete', 'autofocus', 'color', 'cols', 'debounce', 'description', 'disabled', 'inputmode', 'invalid', 'invalidText', 'label', 'maxLength', 'minLength', 'name', 'placeholder', 'readonly', 'required', 'rows', 'value', 'wrap'],
+                    outputs: ['dsBlur', 'dsChange', 'dsClick', 'dsFocus', 'dsInput', 'dsKeyPress'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsBlur: [{
+                type: Output
+            }], dsChange: [{
+                type: Output
+            }], dsClick: [{
+                type: Output
+            }], dsFocus: [{
+                type: Output
+            }], dsInput: [{
+                type: Output
+            }], dsKeyPress: [{
+                type: Output
+            }] } });
+let DsToast = class DsToast {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsCloseClick = new EventEmitter();
+        this.dsActionClick = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsToast, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsToast, isStandalone: true, selector: "ds-toast", inputs: { action: "action", actionHref: "actionHref", actionIcon: "actionIcon", actionTarget: "actionTarget", closable: "closable", color: "color", heading: "heading", icon: "icon", message: "message", svg: "svg" }, outputs: { dsCloseClick: "dsCloseClick", dsActionClick: "dsActionClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsToast = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$19,
+        inputs: ['action', 'actionHref', 'actionIcon', 'actionTarget', 'closable', 'color', 'heading', 'icon', 'message', 'svg'],
+        methods: ['close']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsToast);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsToast, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-toast',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['action', 'actionHref', 'actionIcon', 'actionTarget', 'closable', 'color', { name: 'heading', required: true }, 'icon', { name: 'message', required: true }, 'svg'],
+                    outputs: ['dsCloseClick', 'dsActionClick'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsCloseClick: [{
+                type: Output
+            }], dsActionClick: [{
+                type: Output
+            }] } });
+let DsToggle = class DsToggle {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsBlur = new EventEmitter();
+        this.dsChange = new EventEmitter();
+        this.dsFocus = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsToggle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsToggle, isStandalone: true, selector: "ds-toggle", inputs: { autoInvalidOff: "autoInvalidOff", checked: "checked", dense: "dense", disabled: "disabled", invalid: "invalid", label: "label", labelPosition: "labelPosition", name: "name", readonly: "readonly", required: "required", value: "value" }, outputs: { dsBlur: "dsBlur", dsChange: "dsChange", dsFocus: "dsFocus" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsToggle = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$1a,
+        inputs: ['autoInvalidOff', 'checked', 'dense', 'disabled', 'invalid', 'label', 'labelPosition', 'name', 'readonly', 'required', 'value']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsToggle);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsToggle, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-toggle',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['autoInvalidOff', 'checked', 'dense', 'disabled', 'invalid', 'label', 'labelPosition', 'name', 'readonly', 'required', 'value'],
+                    outputs: ['dsBlur', 'dsChange', 'dsFocus'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsBlur: [{
+                type: Output
+            }], dsChange: [{
+                type: Output
+            }], dsFocus: [{
+                type: Output
+            }] } });
+let DsTooltip = class DsTooltip {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsWillAnimate = new EventEmitter();
+        this.dsDidAnimate = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsTooltip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsTooltip, isStandalone: true, selector: "ds-tooltip", inputs: { contentWidth: "contentWidth", offset: "offset", open: "open", placement: "placement", reference: "reference" }, outputs: { dsWillAnimate: "dsWillAnimate", dsDidAnimate: "dsDidAnimate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsTooltip = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$1b,
+        inputs: ['contentWidth', 'offset', 'open', 'placement', 'reference'],
+        methods: ['present', 'dismiss', 'update']
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], DsTooltip);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsTooltip, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-tooltip',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['contentWidth', 'offset', 'open', 'placement', 'reference'],
+                    outputs: ['dsWillAnimate', 'dsDidAnimate'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsWillAnimate: [{
+                type: Output
+            }], dsDidAnimate: [{
+                type: Output
+            }] } });
+
+/**
+ * `ControlValueAccessor` logic shared by the design-system's form-component wrappers, used via composition
+ * rather than inheritance: the concrete wrapper (e.g. `DsInput`) already extends the generated proxy class
+ * for its inputs/outputs, and Angular doesn't allow a `@Directive()` to extend a `@Component()` (`NG0903`) —
+ * so this can't be a base class the wrapper also `extends`. Instead the wrapper constructs one as a field
+ * (`new DsValueAccessor(inject(ElementRef).nativeElement, inject(Injector), config)`) and delegates its four
+ * `ControlValueAccessor` methods plus `init`/`destroy` (from the wrapper's own `ngOnInit`/`ngOnDestroy`) to
+ * it. Deliberately a plain, undecorated class implementing no Angular-recognized lifecycle interface (no
+ * `@Injectable()`, no `OnInit`/`OnDestroy`) — it's always constructed and driven manually, never resolved or
+ * hooked into by Angular's own DI/lifecycle machinery, so `element`/`injector` are passed in explicitly by
+ * the wrapper's own `inject()` calls rather than this class calling `inject()` itself.
+ *
+ * Subclasses configure which DOM event carries value changes (`changeEvent`), which DOM event marks the
+ * control touched (`blurEvent`), and which property holds the value (`valueProp`); this handles
+ * writeValue/registerOnChange/registerOnTouched/setDisabledState, plus deriving `invalid`/`invalidText`
+ * from `NgControl` once the control is touched.
+ *
+ * `Element` is the concrete native element interface (e.g. `HTMLDsInputElement`) and `K` the key of its
+ * value property (e.g. `'value'`, or `'checked'` for a future `ds-checkbox`) — tying `valueProp` to an
+ * actual key of `Element` means a typo or a mismatched property doesn't silently compile. Constrained to
+ * `EventTarget` (not `HTMLElement`): the generated `HTMLDs*Element` interfaces don't structurally satisfy
+ * `HTMLElement` (e.g. their spec-accurate `autocorrect: InputAutocorrect` collides with lib.dom's own,
+ * differently-typed `autocorrect`), and this class only ever needs `addEventListener`/`removeEventListener`
+ * plus the `DsFormElement` properties, both of which `EventTarget & DsFormElement` already covers.
+ */
+class DsValueAccessor {
+    constructor(element, injector, config) {
+        this.element = element;
+        this.injector = injector;
+        this.config = config;
+        this.ngControl = null;
+        this.cdr = null;
+        // The `AbstractControl` instance currently backing `statusSubscription`, so `subscribeToControl()` can
+        // tell a rebind (e.g. a consumer replacing the whole `FormGroup`) apart from a no-op re-check.
+        this.subscribedControl = null;
+        this.destroyed = false;
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        this.handleChange = (event) => {
+            this.onChange(event.detail);
+            // `changeEvent`/`blurEvent` are plain DOM events dispatched by the custom element and picked up via a
+            // raw `addEventListener` (see `init()`) rather than an Angular-generated template listener — so in a
+            // zoneless app (no `zone.js`, e.g. `provideZonelessChangeDetection()` or simply no `zone.js` polyfill)
+            // nothing tells Angular's scheduler that anything changed: `onChange()` above does update the bound
+            // `FormControl`'s value synchronously, but without this, that update is only rendered whenever some
+            // *other*, Angular-tracked event happens to trigger a check later. `markForCheck()` marks this view and
+            // its ancestors dirty and schedules a check with the zoneless scheduler, so the new value actually
+            // reaches the DOM right away instead of appearing "stuck" until an unrelated interaction.
+            this.cdr?.markForCheck();
+        };
+        this.handleBlur = () => {
+            // Just notify the control; don't also derive invalid state from here. `onTouched()` (wired up by
+            // e.g. `FormControlName`) marks the control touched, which — like the value change `onChange()`
+            // triggers on the change event — is itself observed via the `control.events` subscription below,
+            // so invalid state always reacts to the control's own authoritative state rather than assuming
+            // `blurEvent` and the change event fire in any particular order relative to each other.
+            this.onTouched();
+            // See `handleChange()` above for why this is needed: `onTouched()` can flip `touched`/`invalid` on the
+            // control, and that too originates from a raw DOM listener the zoneless scheduler doesn't know about.
+            this.cdr?.markForCheck();
+        };
+    }
+    init() {
+        this.destroyed = false;
+        // Resolved lazily (not from the constructor) to avoid a circular dependency: NgControl depends on the
+        // NG_VALUE_ACCESSOR the wrapper component provides.
+        this.ngControl = this.injector.get(NgControl, null);
+        this.cdr = this.injector.get(ChangeDetectorRef);
+        this.element.addEventListener(this.config.changeEvent, this.handleChange);
+        this.element.addEventListener(this.config.blurEvent, this.handleBlur);
+        // `NgControl.control` (e.g. `FormControlName.control`) is assigned by that directive's own
+        // `ngOnChanges`, which may not have run yet at this point — sibling directives on the same
+        // element don't have a guaranteed relative hook order. Deferring to a microtask lets the
+        // current synchronous change-detection pass (which includes that `ngOnChanges`) finish first.
+        queueMicrotask(() => {
+            // `init()`/`destroy()` can both run within the same synchronous tick (e.g. a fast `*ngIf`
+            // toggle) — bail out rather than subscribing after the fact and leaking.
+            if (this.destroyed) {
+                return;
+            }
+            // Also re-derives invalid state as a side effect (see `subscribeToControl()`).
+            this.subscribeToControl();
+        });
+    }
+    /**
+     * Re-checks `NgControl.control` against the instance `statusSubscription` is currently attached to, and
+     * re-subscribes if it changed. `NgControl.control` is a plain property, not observable: a consumer
+     * replacing the whole bound form (e.g. `this.form = new FormGroup({...})` rather than `patchValue`/
+     * `reset`) makes the directive (e.g. `FormControlName`) repoint `control` at a new `AbstractControl`
+     * with no event marking the swap, so without this check `statusSubscription` would keep listening to
+     * the old, discarded control and `invalid`/`invalidText` would freeze at their pre-swap values. Called
+     * from `writeValue()` (see there) rather than a lifecycle hook: Angular's forms machinery always calls
+     * `writeValue()` as part of `setUpControl()` when a directive like `FormControlName` re-points `control`
+     * at a new instance — synchronously, as part of checking the *host* view, so this fires reliably even
+     * when the wrapper component itself is `OnPush` and not otherwise marked dirty.
+     */
+    subscribeToControl() {
+        const control = this.ngControl?.control ?? null;
+        if (control === this.subscribedControl) {
+            return;
+        }
+        this.statusSubscription?.unsubscribe();
+        this.subscribedControl = control;
+        // `events` (not `statusChanges`) so a bare `markAsTouched()`/`markAllAsTouched()` — e.g. a
+        // submit-button pattern with no value or status change — still re-derives invalid state.
+        this.statusSubscription = control?.events?.subscribe(() => this.updateInvalidState());
+        // Re-derive immediately too: the new control's `touched`/`invalid` state may already differ from
+        // the old one (e.g. the new control is already touched-and-invalid), and nothing else guarantees a
+        // fresh `events` emission right after the swap.
+        this.updateInvalidState();
+    }
+    destroy() {
+        this.destroyed = true;
+        this.element.removeEventListener(this.config.changeEvent, this.handleChange);
+        this.element.removeEventListener(this.config.blurEvent, this.handleBlur);
+        this.statusSubscription?.unsubscribe();
+        this.subscribedControl = null;
+    }
+    writeValue(value) {
+        // Also re-checks the subscribed control (see `subscribeToControl()`): Angular calls `writeValue()`
+        // synchronously whenever `setUpControl()` (re-)runs, which includes a consumer swapping the whole
+        // bound `AbstractControl`, so this is the reliable point to notice that rather than a lifecycle hook.
+        this.subscribeToControl();
+        this.element[this.config.valueProp] = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.element.disabled = isDisabled;
+    }
+    updateInvalidState() {
+        const element = this.element;
+        if (element.autoInvalidOff) {
+            return;
+        }
+        // No bound `NgControl` (e.g. `<ds-input>` used outside reactive forms/`ngModel`) — there's nothing to
+        // derive `invalid`/`invalidText` from, so leave whatever the consumer has set on the element alone
+        // rather than overwriting it with a false negative.
+        const control = this.ngControl?.control;
+        if (!control) {
+            return;
+        }
+        const isInvalid = !!control.touched && !!control.invalid;
+        element.invalid = isInvalid;
+        element.invalidText = isInvalid ? this.firstErrorMessage(control.errors) : '';
+    }
+    firstErrorMessage(errors) {
+        const [key, value] = Object.entries(errors ?? {})[0] ?? [];
+        if (key === undefined) {
+            return '';
+        }
+        return typeof value === 'string' ? value : key;
+    }
+}
+/**
+ * Class mixin (the standard pattern for adding behavior to a class whose base is dynamic — used the same
+ * way by e.g. Angular Material's `mixinDisabled`/`mixinColor`) that adds full `ControlValueAccessor` support
+ * to `Base`, wired up to a `DsValueAccessor` constructed from `config`. This is what lets every form
+ * component's wrapper (`DsInput`, and future ones under `src/forms/`) skip re-declaring the same
+ * `NG_VALUE_ACCESSOR` delegation by hand: `class DsInput extends withValueAccessor<HTMLDsInputElement,
+ * 'value'>(config)(DsInputElement) {}`.
+ *
+ * A mixin — a function returning `class extends Base { ... }` — rather than a second, separately `extends`-ed
+ * base class: JS/TS only allow a class to `extends` one thing, and the wrapper already needs to extend the
+ * generated proxy class (`DsInputElement`) for its `@Input`/`@Output` bindings, so the CVA behavior has to be
+ * layered onto that same chain rather than living in a class of its own.
+ */
+function withValueAccessor(config) {
+    return function (Base) {
+        return class extends Base {
+            constructor() {
+                super(...arguments);
+                // Public rather than private: a mixin's anonymous class type is part of this function's public return
+                // type, and TS can't emit a `.d.ts` declaration for an exported type that has a private/protected member.
+                this.controlValueAccessor = new DsValueAccessor(inject(ElementRef).nativeElement, inject(Injector), config);
+            }
+            ngOnInit() {
+                this.controlValueAccessor.init();
+            }
+            ngOnDestroy() {
+                this.controlValueAccessor.destroy();
+            }
+            writeValue(value) {
+                this.controlValueAccessor.writeValue(value);
+            }
+            registerOnChange(fn) {
+                this.controlValueAccessor.registerOnChange(fn);
+            }
+            registerOnTouched(fn) {
+                this.controlValueAccessor.registerOnTouched(fn);
+            }
+            setDisabledState(isDisabled) {
+                this.controlValueAccessor.setDisabledState(isDisabled);
+            }
+        };
+    };
+}
+
+// This file is auto-generated by generate-angular-meta.mjs from proxies.ts - do not edit manually
+const DsAccordionInputs = ['button', 'buttonColor', 'buttonIconClose', 'buttonIconOpen', 'buttonLabelClose', 'buttonLabelOpen', 'buttonSize', 'buttonWide', 'group', 'marker', 'markerPosition', 'open', 'summaryLevel', 'summaryTitle', 'summaryVisualLevel'];
+const DsAccordionOutputs = ['dsToggle', 'dsOpened', 'dsClosed'];
+const DsAlertContainerInputs = ['animated', 'container', 'type'];
+const DsAlertContainerOutputs = [];
+const DsAppFooterInputs = ['container', 'disableDefaultLinks', 'disableDefaultSocialLinks', 'hideLanguageSelection', 'legalText'];
+const DsAppFooterOutputs = ['dsLanguageChange'];
+const DsAppNavbarInputs = ['container', 'light', 'open'];
+const DsAppNavbarOutputs = ['dsMenuOpenStart', 'dsMenuOpenEnd', 'dsMenuCloseStart', 'dsMenuCloseEnd'];
+const DsBadgeInputs = ['color', 'icon', 'position', 'pulse', 'size'];
+const DsBadgeOutputs = [];
+const DsBrandIconInputs = ['color', 'disabled', 'invalid', 'size', 'src', 'svg', 'tile'];
+const DsBrandIconOutputs = [];
+const DsButtonInputs = ['a11yControls', 'a11yHaspopup', 'a11yLabel', 'a11yTitle', 'brandIcon', 'brandSize', 'color', 'disabled', 'download', 'elementType', 'flat', 'href', 'icon', 'iconRight', 'iconTurn', 'inverted', 'loading', 'name', 'noWrap', 'outlined', 'rel', 'shadow', 'size', 'square', 'target', 'value', 'wide'];
+const DsButtonOutputs = ['dsClick', 'dsNavigate', 'dsFocus', 'dsBlur', 'dsDidRender'];
+const DsButtonGroupInputs = ['align', 'direction', 'reverse', 'wide'];
+const DsButtonGroupOutputs = [];
+const DsCardInputs = ['align', 'clickable', 'color', 'dense', 'flat', 'fullheight', 'imageTeaser', 'inverted', 'selected', 'space', 'tile'];
+const DsCardOutputs = [];
+const DsCardActionsInputs = ['align'];
+const DsCardActionsOutputs = [];
+const DsCardContentInputs = [];
+const DsCardContentOutputs = [];
+const DsCardHeaderInputs = ['direction'];
+const DsCardHeaderOutputs = [];
+const DsCardSubtitleInputs = ['bold', 'color', 'inverted'];
+const DsCardSubtitleOutputs = [];
+const DsCardTitleInputs = ['inverted', 'level', 'visualLevel'];
+const DsCardTitleOutputs = [];
+const DsCarouselInputs = ['controls', 'itemsPerView', 'label', 'steps', 'value', 'variant'];
+const DsCarouselOutputs = ['dsChange'];
+const DsCarouselItemInputs = ['color', 'name', 'navigation', 'selected', 'src'];
+const DsCarouselItemOutputs = ['dsCarouselItemSelect'];
+const DsCheckboxInputs = ['autoInvalidOff', 'checked', 'disabled', 'hideTrigger', 'invalid', 'label', 'labelPosition', 'name', 'readonly', 'required', 'tile', 'tileColor', 'value'];
+const DsCheckboxOutputs = ['dsFocus', 'dsBlur', 'dsChange'];
+const DsCheckboxGroupInputs = ['autoInvalidOff', 'color', 'cols', 'colsMobile', 'colsTablet', 'control', 'description', 'disabled', 'hideTrigger', 'invalid', 'invalidText', 'label', 'labelPosition', 'loading', 'name', 'readonly', 'required', 'tile', 'tileColor', 'value', 'vertical'];
+const DsCheckboxGroupOutputs = ['dsBlur', 'dsChange', 'dsFocus'];
+const DsCloseInputs = ['button', 'buttonColor', 'buttonSize', 'disabled', 'inverted', 'size'];
+const DsCloseOutputs = [];
+const DsContentInputs = ['align', 'direction', 'layout', 'space', 'textAlign'];
+const DsContentOutputs = [];
+const DsCounterInputs = ['autoInvalidOff', 'color', 'debounce', 'description', 'disabled', 'invalid', 'invalidText', 'label', 'max', 'min', 'name', 'readonly', 'required', 'step', 'value'];
+const DsCounterOutputs = ['dsInput', 'dsChange', 'dsIncrease', 'dsDecrease', 'dsFocus', 'dsBlur'];
+const DsDataInputs = ['horizontal'];
+const DsDataOutputs = [];
+const DsDataItemInputs = ['disabled', 'editLabel', 'editable', 'multiline'];
+const DsDataItemOutputs = [];
+const DsDataLabelInputs = ['required'];
+const DsDataLabelOutputs = [];
+const DsDataValueInputs = [];
+const DsDataValueOutputs = [];
+const DsDatepickerInputs = ['allowedDates', 'autoInvalidOff', 'autocomplete', 'autofocus', 'color', 'debounce', 'defaultDate', 'description', 'disabled', 'freeSolo', 'inline', 'invalid', 'invalidText', 'label', 'loading', 'max', 'maxYearProp', 'min', 'minYearProp', 'name', 'placeholder', 'readonly', 'required', 'value'];
+const DsDatepickerOutputs = ['dsBlur', 'dsKeyPress', 'dsFocus', 'dsClick', 'dsInput', 'dsChange'];
+const DsDividerInputs = ['color', 'dashed', 'layout', 'space'];
+const DsDividerOutputs = [];
+const DsDrawerInputs = ['backdropDismiss', 'closable', 'container', 'label', 'open'];
+const DsDrawerOutputs = ['dsWillPresent', 'dsDidPresent', 'dsWillDismiss', 'dsDidDismiss'];
+const DsFileUploadInputs = ['accept', 'autoInvalidOff', 'color', 'description', 'disabled', 'dropZoneLabel', 'hasFileList', 'invalid', 'invalidText', 'label', 'loading', 'maxBundleSize', 'maxFileSize', 'maxFiles', 'multiple', 'name', 'readonly', 'required', 'value'];
+const DsFileUploadOutputs = ['dsChange', 'dsFilesAdded', 'dsFilesRemoved', 'dsRejectedFile', 'dsInputClick', 'dsBlur', 'dsFocus'];
+const DsHeadingInputs = ['autoLevel', 'color', 'inverted', 'level', 'noWrap', 'shadow', 'space', 'subtitle', 'visualLevel'];
+const DsHeadingOutputs = [];
+const DsHintInputs = ['closeLabel', 'label', 'placement', 'triggerLabel'];
+const DsHintOutputs = [];
+const DsHintTextInputs = [];
+const DsHintTextOutputs = [];
+const DsHintTitleInputs = [];
+const DsHintTitleOutputs = [];
+const DsIconInputs = ['color', 'disabled', 'inline', 'invalid', 'inverted', 'name', 'shadow', 'size', 'src', 'svg', 'turn'];
+const DsIconOutputs = [];
+const DsInputInputs = ['accept', 'allowedKeyPress', 'autoInvalidOff', 'autocapitalize', 'autocomplete', 'autocorrect', 'autofocus', 'color', 'debounce', 'description', 'disabled', 'inputmode', 'invalid', 'invalidText', 'label', 'loading', 'mask', 'max', 'maxLength', 'min', 'minLength', 'multiple', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'spellcheck', 'suffix', 'type', 'value'];
+const DsInputOutputs = ['dsBlur', 'dsKeyPress', 'dsFocus', 'dsClick', 'dsInput', 'dsChange'];
+const DsInputPhoneInputs = ['color', 'countries', 'country', 'description', 'disabled', 'initialCountry', 'invalid', 'invalidText', 'label', 'name', 'placeholder', 'readonly', 'required', 'value'];
+const DsInputPhoneOutputs = ['dsInput', 'dsChange', 'dsCountryChange', 'dsFocus', 'dsBlur'];
+const DsItemInputs = ['accordionGroup', 'accordionMarker', 'accordionMarkerPosition', 'accordionOpen', 'actionIcon', 'description', 'disabled', 'download', 'href', 'inverted', 'label', 'labelLevel', 'labelSize', 'rel', 'size', 'target', 'variant'];
+const DsItemOutputs = ['dsClick', 'dsAccordionToggle', 'dsAccordionOpened', 'dsAccordionClosed'];
+const DsLabelInputs = ['disabled', 'htmlFor', 'htmlId', 'invalid', 'noWrap', 'required', 'size', 'valid'];
+const DsLabelOutputs = [];
+const DsListInputs = ['inverted', 'ordered', 'size'];
+const DsListOutputs = [];
+const DsLogoInputs = ['animated', 'brand', 'color', 'size'];
+const DsLogoOutputs = [];
+const DsModalInputs = ['closable', 'fullscreen', 'modalWidth', 'open'];
+const DsModalOutputs = ['dsWillPresent', 'dsDidPresent', 'dsWillDismiss', 'dsDidDismiss'];
+const DsModalBodyInputs = [];
+const DsModalBodyOutputs = [];
+const DsModalHeaderInputs = [];
+const DsModalHeaderOutputs = [];
+const DsNotificationInputs = ['alert', 'closable', 'color', 'heading', 'noIcon', 'size'];
+const DsNotificationOutputs = ['dsCloseClick', 'dsDidLoad'];
+const DsNumberInputInputs = ['autoInvalidOff', 'color', 'debounce', 'decimal', 'description', 'disabled', 'exactNumber', 'invalid', 'invalidText', 'label', 'max', 'min', 'name', 'onlyPositive', 'pattern', 'placeholder', 'readonly', 'required', 'suffix', 'value'];
+const DsNumberInputOutputs = ['dsInput', 'dsChange', 'dsBlur', 'dsFocus', 'dsClick', 'dsKeyPress'];
+const DsPaginationInputs = ['align', 'disabled', 'label', 'pageRange', 'size', 'sticky', 'textNext', 'textPrevious', 'top', 'totalPages', 'value', 'variant'];
+const DsPaginationOutputs = ['dsChange'];
+const DsPopupInputs = ['arrow', 'backdrop', 'backdropDismiss', 'closable', 'group', 'label', 'offset', 'open', 'placement', 'role', 'trapFocus', 'trigger'];
+const DsPopupOutputs = ['dsWillPresent', 'dsDidPresent', 'dsWillDismiss', 'dsDidDismiss'];
+const DsProgressBarInputs = ['background', 'color', 'value'];
+const DsProgressBarOutputs = [];
+const DsRadioInputs = ['autoInvalidOff', 'checked', 'disabled', 'hideTrigger', 'invalid', 'label', 'labelPosition', 'name', 'readonly', 'required', 'tile', 'tileColor', 'value'];
+const DsRadioOutputs = ['dsBlur', 'dsChange', 'dsFocus'];
+const DsRadioGroupInputs = ['allowEmptySelection', 'autoInvalidOff', 'color', 'cols', 'colsMobile', 'colsTablet', 'description', 'disabled', 'hideTrigger', 'invalid', 'invalidText', 'label', 'labelPosition', 'loading', 'name', 'readonly', 'required', 'tile', 'tileColor', 'value', 'vertical'];
+const DsRadioGroupOutputs = ['dsBlur', 'dsChange', 'dsFocus'];
+const DsRootInputs = ['allowedLanguages', 'animated', 'brand', 'fallbackLanguage', 'icons', 'language', 'legalLinks', 'legalText', 'region', 'socialLinks'];
+const DsRootOutputs = ['dsAppReady', 'dsAnimatedChange', 'dsBrandChange', 'dsRegionChange', 'dsLanguageChange', 'dsAllowedLanguagesChange', 'dsFallbackLanguageChange', 'dsIconsChange', 'dsLegalLinksChange', 'dsLegalTextChange', 'dsSocialLinksChange'];
+const DsSegmentInputs = ['allowEmptySelection', 'autoInvalidOff', 'description', 'disabled', 'iconOnly', 'invalid', 'invalidText', 'label', 'loading', 'name', 'readonly', 'required', 'value', 'vertical', 'verticalOnMobile', 'wide'];
+const DsSegmentOutputs = ['dsBlur', 'dsChange', 'dsFocus'];
+const DsSegmentItemInputs = ['description', 'icon', 'label', 'svg', 'value'];
+const DsSegmentItemOutputs = ['dsWillUpdate'];
+const DsSelectInputs = ['autoInvalidOff', 'clearable', 'color', 'description', 'disabled', 'invalid', 'invalidText', 'label', 'multiple', 'name', 'optionGroups', 'options', 'placeholder', 'readonly', 'required', 'searchable', 'value'];
+const DsSelectOutputs = ['dsChange', 'dsFocus', 'dsBlur', 'dsClick'];
+const DsSelectOptgroupInputs = ['label'];
+const DsSelectOptgroupOutputs = [];
+const DsSelectOptionInputs = ['disabled', 'value'];
+const DsSelectOptionOutputs = [];
+const DsShapeInputs = ['color', 'rotation', 'variation'];
+const DsShapeOutputs = [];
+const DsSheetInputs = ['containerSize'];
+const DsSheetOutputs = [];
+const DsSliderInputs = ['autoInvalidOff', 'brandColor', 'color', 'debounce', 'description', 'disabled', 'invalid', 'invalidText', 'label', 'max', 'min', 'name', 'readonly', 'required', 'step', 'value'];
+const DsSliderOutputs = ['dsInput', 'dsFocus', 'dsBlur', 'dsClick', 'dsChange'];
+const DsSnackbarInputs = ['action', 'actionHref', 'actionIcon', 'actionTarget', 'closable', 'color', 'heading', 'icon', 'message', 'svg'];
+const DsSnackbarOutputs = ['dsCloseClick', 'dsActionClick'];
+const DsSpinnerInputs = ['deactivated', 'inverted', 'label', 'labelPosition', 'size', 'variation'];
+const DsSpinnerOutputs = [];
+const DsStackInputs = ['align', 'direction', 'fitContent', 'p', 'px', 'py', 'space', 'spaceColumn', 'spaceRow', 'useWrap'];
+const DsStackOutputs = [];
+const DsStepInputs = ['disabled', 'done', 'hidden', 'invalid', 'label', 'name'];
+const DsStepOutputs = ['dsStepSelect'];
+const DsStepPanelInputs = ['for', 'selected'];
+const DsStepPanelOutputs = [];
+const DsStepsInputs = ['color', 'label', 'value', 'vertical'];
+const DsStepsOutputs = ['dsChange'];
+const DsTabInputs = ['name', 'selected'];
+const DsTabOutputs = ['dsTabSelect'];
+const DsTabPanelInputs = ['for', 'selected'];
+const DsTabPanelOutputs = [];
+const DsTabsInputs = ['color', 'fullwidth', 'inverted', 'label', 'value', 'vertical', 'verticalColSize'];
+const DsTabsOutputs = ['dsChange'];
+const DsTagInputs = ['closable', 'color', 'disabled', 'invalid', 'position', 'size'];
+const DsTagOutputs = ['dsCloseClick'];
+const DsTagGroupInputs = [];
+const DsTagGroupOutputs = [];
+const DsTextInputs = ['align', 'bold', 'color', 'disabled', 'heading', 'inline', 'invalid', 'inverted', 'noWrap', 'shadow', 'size', 'space', 'subtitle'];
+const DsTextOutputs = [];
+const DsTextareaInputs = ['autoInvalidOff', 'autocapitalize', 'autocomplete', 'autofocus', 'color', 'cols', 'debounce', 'description', 'disabled', 'inputmode', 'invalid', 'invalidText', 'label', 'maxLength', 'minLength', 'name', 'placeholder', 'readonly', 'required', 'rows', 'value', 'wrap'];
+const DsTextareaOutputs = ['dsBlur', 'dsChange', 'dsClick', 'dsFocus', 'dsInput', 'dsKeyPress'];
+const DsToastInputs = ['action', 'actionHref', 'actionIcon', 'actionTarget', 'closable', 'color', 'heading', 'icon', 'message', 'svg'];
+const DsToastOutputs = ['dsCloseClick', 'dsActionClick'];
+const DsToggleInputs = ['autoInvalidOff', 'checked', 'dense', 'disabled', 'invalid', 'label', 'labelPosition', 'name', 'readonly', 'required', 'value'];
+const DsToggleOutputs = ['dsBlur', 'dsChange', 'dsFocus'];
+const DsTooltipInputs = ['contentWidth', 'offset', 'open', 'placement', 'reference'];
+const DsTooltipOutputs = ['dsWillAnimate', 'dsDidAnimate'];
+
+/**
+ * Wraps the generated `ds-input` proxy with `ControlValueAccessor` support (value: `string | null`, change
+ * event: `dsChange`) via the `withValueAccessor` mixin — see `value-accessor.ts` for what that wires up.
+ * Consumers only ever import `DsInput` to use `<ds-input>` at all, so registering `NG_VALUE_ACCESSOR` here —
+ * rather than on a separate directive — means `formControlName`/`ngModel` work without any extra opt-in step.
+ *
+ * `inputs`/`outputs` are re-declared rather than inherited: Angular's compiler resolves a component's inputs
+ * and outputs statically from its own `@Component` decorator at build time. `DsInputInputs`/`DsInputOutputs`
+ * are generated from `../generated/proxies.ts` (see `packages/core/config/generate-angular-meta.mjs`), so
+ * this stays in sync automatically whenever `ds-input`'s props/events change — no manual list to maintain.
+ */
+class DsInput extends withValueAccessor({
+    changeEvent: 'dsChange',
+    blurEvent: 'dsBlur',
+    valueProp: 'value',
+})(DsInput$1) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsInput, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsInput, isStandalone: true, selector: "ds-input", inputs: { accept: "accept", allowedKeyPress: "allowedKeyPress", autoInvalidOff: "autoInvalidOff", autocapitalize: "autocapitalize", autocomplete: "autocomplete", autocorrect: "autocorrect", autofocus: "autofocus", color: "color", debounce: "debounce", description: "description", disabled: "disabled", inputmode: "inputmode", invalid: "invalid", invalidText: "invalidText", label: "label", loading: "loading", mask: "mask", max: "max", maxLength: "maxLength", min: "min", minLength: "minLength", multiple: "multiple", name: "name", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", spellcheck: "spellcheck", suffix: "suffix", type: "type", value: "value" }, outputs: { dsBlur: "dsBlur", dsKeyPress: "dsKeyPress", dsFocus: "dsFocus", dsClick: "dsClick", dsInput: "dsInput", dsChange: "dsChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => DsInput),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsInput, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-input',
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    inputs: DsInputInputs,
+                    outputs: DsInputOutputs,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DsInput),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+
+class DsTextarea extends withValueAccessor({
+    changeEvent: 'dsChange',
+    blurEvent: 'dsBlur',
+    valueProp: 'value',
+})(DsTextarea$1) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsTextarea, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsTextarea, isStandalone: true, selector: "ds-textarea", inputs: { autoInvalidOff: "autoInvalidOff", autocapitalize: "autocapitalize", autocomplete: "autocomplete", autofocus: "autofocus", color: "color", cols: "cols", debounce: "debounce", description: "description", disabled: "disabled", inputmode: "inputmode", invalid: "invalid", invalidText: "invalidText", label: "label", maxLength: "maxLength", minLength: "minLength", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", rows: "rows", value: "value", wrap: "wrap" }, outputs: { dsBlur: "dsBlur", dsChange: "dsChange", dsClick: "dsClick", dsFocus: "dsFocus", dsInput: "dsInput", dsKeyPress: "dsKeyPress" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => DsTextarea),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsTextarea, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-textarea',
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    inputs: DsTextareaInputs,
+                    outputs: DsTextareaOutputs,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DsTextarea),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+
+/**
+ * Wraps the generated `ds-number-input` proxy with `ControlValueAccessor` support (value: `number | null`,
+ * change event: `dsChange`) via the `withValueAccessor` mixin — see `value-accessor.ts` for what that wires
+ * up. Consumers only ever import `DsNumberInput` to use `<ds-number-input>` at all, so registering
+ * `NG_VALUE_ACCESSOR` here — rather than on a separate directive — means `formControlName`/`ngModel` work
+ * without any extra opt-in step.
+ *
+ * `inputs`/`outputs` are re-declared rather than inherited: Angular's compiler resolves a component's inputs
+ * and outputs statically from its own `@Component` decorator at build time. `DsNumberInputInputs`/
+ * `DsNumberInputOutputs` are generated from `../generated/proxies.ts` (see
+ * `packages/core/config/generate-angular-meta.mjs`), so this stays in sync automatically whenever
+ * `ds-number-input`'s props/events change — no manual list to maintain.
+ */
+class DsNumberInput extends withValueAccessor({
+    changeEvent: 'dsChange',
+    blurEvent: 'dsBlur',
+    valueProp: 'value',
+})(DsNumberInput$1) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsNumberInput, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsNumberInput, isStandalone: true, selector: "ds-number-input", inputs: { autoInvalidOff: "autoInvalidOff", color: "color", debounce: "debounce", decimal: "decimal", description: "description", disabled: "disabled", exactNumber: "exactNumber", invalid: "invalid", invalidText: "invalidText", label: "label", max: "max", min: "min", name: "name", onlyPositive: "onlyPositive", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", suffix: "suffix", value: "value" }, outputs: { dsInput: "dsInput", dsChange: "dsChange", dsBlur: "dsBlur", dsFocus: "dsFocus", dsClick: "dsClick", dsKeyPress: "dsKeyPress" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => DsNumberInput),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsNumberInput, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-number-input',
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    inputs: DsNumberInputInputs,
+                    outputs: DsNumberInputOutputs,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DsNumberInput),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+
+/**
+ * Wraps the generated `ds-slider` proxy with `ControlValueAccessor` support (value: `number`, change
+ * event: `dsChange`) via the `withValueAccessor` mixin — see `value-accessor.ts` for what that wires up.
+ * Consumers only ever import `DsSlider` to use `<ds-slider>` at all, so registering
+ * `NG_VALUE_ACCESSOR` here — rather than on a separate directive — means `formControlName`/`ngModel` work
+ * without any extra opt-in step.
+ *
+ * `null`/`undefined` (Angular calls `writeValue()` with either for a `FormControl` reset to no value) are
+ * assigned straight through, like `DsInput`/`DsNumberInput` do for their own nullable value props:
+ * `ds-slider`'s own `@Watch('value')` resolves any empty value (`null`/`undefined`/`NaN`) onto its
+ * current `min` — see `slider.tsx`'s `value` prop doc — so this wrapper doesn't need to normalize
+ * anything itself.
+ *
+ * `inputs`/`outputs` are re-declared rather than inherited: Angular's compiler resolves a component's inputs
+ * and outputs statically from its own `@Component` decorator at build time. `DsSliderInputs`/
+ * `DsSliderOutputs` are generated from `../generated/proxies.ts` (see
+ * `packages/core/config/generate-angular-meta.mjs`), so this stays in sync automatically whenever
+ * `ds-slider`'s props/events change — no manual list to maintain.
+ */
+class DsSlider extends withValueAccessor({
+    changeEvent: 'dsChange',
+    blurEvent: 'dsBlur',
+    valueProp: 'value',
+})(DsSlider$1) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSlider, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsSlider, isStandalone: true, selector: "ds-slider", inputs: { autoInvalidOff: "autoInvalidOff", brandColor: "brandColor", color: "color", debounce: "debounce", description: "description", disabled: "disabled", invalid: "invalid", invalidText: "invalidText", label: "label", max: "max", min: "min", name: "name", readonly: "readonly", required: "required", step: "step", value: "value" }, outputs: { dsInput: "dsInput", dsFocus: "dsFocus", dsBlur: "dsBlur", dsClick: "dsClick", dsChange: "dsChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => DsSlider),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSlider, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-slider',
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    inputs: DsSliderInputs,
+                    outputs: DsSliderOutputs,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DsSlider),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+
+/**
+ * Wraps the generated `ds-counter` proxy with `ControlValueAccessor` support (value: `number`, change
+ * event: `dsChange`) via the `withValueAccessor` mixin — see `value-accessor.ts` for what that wires up.
+ * Consumers only ever import `DsCounter` to use `<ds-counter>` at all, so registering
+ * `NG_VALUE_ACCESSOR` here — rather than on a separate directive — means `formControlName`/`ngModel` work
+ * without any extra opt-in step.
+ *
+ * `null`/`undefined` (Angular calls `writeValue()` with either for a `FormControl` reset to no value) are
+ * assigned straight through, like `DsSlider` does for its own non-nullable value prop:
+ * `ds-counter`'s own `@Watch('value')` resolves any empty value (`null`/`undefined`/`NaN`) onto its
+ * current `min` and clamps an out-of-range one into `[min, max]` — see `counter.tsx`'s `value` prop
+ * doc — so this wrapper doesn't need to normalize anything itself.
+ *
+ * `inputs`/`outputs` are re-declared rather than inherited: Angular's compiler resolves a component's inputs
+ * and outputs statically from its own `@Component` decorator at build time. `DsCounterInputs`/
+ * `DsCounterOutputs` are generated from `../generated/proxies.ts` (see
+ * `packages/core/config/generate-angular-meta.mjs`), so this stays in sync automatically whenever
+ * `ds-counter`'s props/events change — no manual list to maintain.
+ */
+class DsCounter extends withValueAccessor({
+    changeEvent: 'dsChange',
+    blurEvent: 'dsBlur',
+    valueProp: 'value',
+})(DsCounter$1) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCounter, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsCounter, isStandalone: true, selector: "ds-counter", inputs: { autoInvalidOff: "autoInvalidOff", color: "color", debounce: "debounce", description: "description", disabled: "disabled", invalid: "invalid", invalidText: "invalidText", label: "label", max: "max", min: "min", name: "name", readonly: "readonly", required: "required", step: "step", value: "value" }, outputs: { dsInput: "dsInput", dsChange: "dsChange", dsIncrease: "dsIncrease", dsDecrease: "dsDecrease", dsFocus: "dsFocus", dsBlur: "dsBlur" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => DsCounter),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCounter, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-counter',
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    inputs: DsCounterInputs,
+                    outputs: DsCounterOutputs,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DsCounter),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+
+/**
+ * Wraps the generated `ds-segment` proxy with `ControlValueAccessor` support (value: `any | null`, change
+ * event: `dsChange`) via the `withValueAccessor` mixin — see `value-accessor.ts` for what that wires up.
+ * Consumers only ever import `DsSegment` to use `<ds-segment>` at all, so registering `NG_VALUE_ACCESSOR` here —
+ * rather than on a separate directive — means `formControlName`/`ngModel` work without any extra opt-in step.
+ *
+ * `inputs`/`outputs` are re-declared rather than inherited: Angular's compiler resolves a component's inputs
+ * and outputs statically from its own `@Component` decorator at build time. `DsSegmentInputs`/
+ * `DsSegmentOutputs` are generated from `../generated/proxies.ts` (see
+ * `packages/core/config/generate-angular-meta.mjs`), so this stays in sync automatically whenever
+ * `ds-segment`'s props/events change — no manual list to maintain.
+ */
+class DsSegment extends withValueAccessor({
+    changeEvent: 'dsChange',
+    blurEvent: 'dsBlur',
+    valueProp: 'value',
+})(DsSegment$1) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSegment, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsSegment, isStandalone: true, selector: "ds-segment", inputs: { allowEmptySelection: "allowEmptySelection", autoInvalidOff: "autoInvalidOff", description: "description", disabled: "disabled", iconOnly: "iconOnly", invalid: "invalid", invalidText: "invalidText", label: "label", loading: "loading", name: "name", readonly: "readonly", required: "required", value: "value", vertical: "vertical", verticalOnMobile: "verticalOnMobile", wide: "wide" }, outputs: { dsBlur: "dsBlur", dsChange: "dsChange", dsFocus: "dsFocus" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => DsSegment),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSegment, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-segment',
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    inputs: DsSegmentInputs,
+                    outputs: DsSegmentOutputs,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DsSegment),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+
+/**
+ * Wraps the generated `ds-datepicker` proxy with `ControlValueAccessor` support (value: `string | null` ISO date,
+ * change event: `dsChange`) via the `withValueAccessor` mixin — see `value-accessor.ts` for what that wires
+ * up. Same config as `DsInput` (`ds-datepicker`'s value is a plain ISO string driven by `dsChange`, just like
+ * `ds-input`'s), so this is a direct copy of that wrapper's shape rather than a new one.
+ *
+ * `inputs`/`outputs` are re-declared rather than inherited — see `DsInput` for why.
+ */
+class DsDatepicker extends withValueAccessor({
+    changeEvent: 'dsChange',
+    blurEvent: 'dsBlur',
+    valueProp: 'value',
+})(DsDatepicker$1) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsDatepicker, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsDatepicker, isStandalone: true, selector: "ds-datepicker", inputs: { allowedDates: "allowedDates", autoInvalidOff: "autoInvalidOff", autocomplete: "autocomplete", autofocus: "autofocus", color: "color", debounce: "debounce", defaultDate: "defaultDate", description: "description", disabled: "disabled", freeSolo: "freeSolo", inline: "inline", invalid: "invalid", invalidText: "invalidText", label: "label", loading: "loading", max: "max", maxYearProp: "maxYearProp", min: "min", minYearProp: "minYearProp", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", value: "value" }, outputs: { dsBlur: "dsBlur", dsKeyPress: "dsKeyPress", dsFocus: "dsFocus", dsClick: "dsClick", dsInput: "dsInput", dsChange: "dsChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => DsDatepicker),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsDatepicker, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-datepicker',
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    inputs: DsDatepickerInputs,
+                    outputs: DsDatepickerOutputs,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DsDatepicker),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+
+/**
+ * Wraps the generated `ds-checkbox-group` proxy with `ControlValueAccessor` support (value: `any[]`, change event:
+ * `dsChange`) via the `withValueAccessor` mixin — see `value-accessor.ts` for what that wires up. Consumers only
+ * ever import `DsCheckboxGroup` to use `<ds-checkbox-group>` at all, so registering `NG_VALUE_ACCESSOR` here —
+ * rather than on a separate directive — means `formControlName`/`ngModel` work without any extra opt-in step.
+ *
+ * `ds-checkbox-group`'s `value` is `any[]` rather than a plain scalar, but that needs no accessor-level
+ * conversion: `DsValueAccessor<Element, K>`'s `Element[K]` generic just resolves to `HTMLDsCheckboxGroupElement`'s
+ * own `value: any[]` type, so `writeValue`/`handleChange` already pass the array straight through unmodified —
+ * the same `config` shape (`changeEvent`/`blurEvent`/`valueProp`) as `ds-input` carries over unchanged.
+ *
+ * `inputs`/`outputs` are re-declared rather than inherited: Angular's compiler resolves a component's inputs
+ * and outputs statically from its own `@Component` decorator at build time. `DsCheckboxGroupInputs`/
+ * `DsCheckboxGroupOutputs` are generated from `../generated/proxies.ts` (see
+ * `packages/core/config/generate-angular-meta.mjs`), so this stays in sync automatically whenever
+ * `ds-checkbox-group`'s props/events change — no manual list to maintain.
+ */
+class DsCheckboxGroup extends withValueAccessor({
+    changeEvent: 'dsChange',
+    blurEvent: 'dsBlur',
+    valueProp: 'value',
+})(DsCheckboxGroup$1) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCheckboxGroup, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsCheckboxGroup, isStandalone: true, selector: "ds-checkbox-group", inputs: { autoInvalidOff: "autoInvalidOff", color: "color", cols: "cols", colsMobile: "colsMobile", colsTablet: "colsTablet", control: "control", description: "description", disabled: "disabled", hideTrigger: "hideTrigger", invalid: "invalid", invalidText: "invalidText", label: "label", labelPosition: "labelPosition", loading: "loading", name: "name", readonly: "readonly", required: "required", tile: "tile", tileColor: "tileColor", value: "value", vertical: "vertical" }, outputs: { dsBlur: "dsBlur", dsChange: "dsChange", dsFocus: "dsFocus" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => DsCheckboxGroup),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsCheckboxGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-checkbox-group',
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    inputs: DsCheckboxGroupInputs,
+                    outputs: DsCheckboxGroupOutputs,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DsCheckboxGroup),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+
+/**
+ * Wraps the generated `ds-radio-group` proxy with `ControlValueAccessor` support (value: `any | null`, change
+ * event: `dsChange`) via the `withValueAccessor` mixin — see `value-accessor.ts` for what that wires up.
+ * Consumers only ever import `DsRadioGroup` to use `<ds-radio-group>` at all, so registering
+ * `NG_VALUE_ACCESSOR` here — rather than on a separate directive — means `formControlName`/`ngModel` work
+ * without any extra opt-in step.
+ *
+ * `inputs`/`outputs` are re-declared rather than inherited: Angular's compiler resolves a component's inputs
+ * and outputs statically from its own `@Component` decorator at build time. `DsRadioGroupInputs`/
+ * `DsRadioGroupOutputs` are generated from `../generated/proxies.ts` (see
+ * `packages/core/config/generate-angular-meta.mjs`), so this stays in sync automatically whenever
+ * `ds-radio-group`'s props/events change — no manual list to maintain.
+ */
+class DsRadioGroup extends withValueAccessor({
+    changeEvent: 'dsChange',
+    blurEvent: 'dsBlur',
+    valueProp: 'value',
+})(DsRadioGroup$1) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsRadioGroup, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsRadioGroup, isStandalone: true, selector: "ds-radio-group", inputs: { allowEmptySelection: "allowEmptySelection", autoInvalidOff: "autoInvalidOff", color: "color", cols: "cols", colsMobile: "colsMobile", colsTablet: "colsTablet", description: "description", disabled: "disabled", hideTrigger: "hideTrigger", invalid: "invalid", invalidText: "invalidText", label: "label", labelPosition: "labelPosition", loading: "loading", name: "name", readonly: "readonly", required: "required", tile: "tile", tileColor: "tileColor", value: "value", vertical: "vertical" }, outputs: { dsBlur: "dsBlur", dsChange: "dsChange", dsFocus: "dsFocus" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => DsRadioGroup),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsRadioGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-radio-group',
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    inputs: DsRadioGroupInputs,
+                    outputs: DsRadioGroupOutputs,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DsRadioGroup),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+
+/**
+ * Wraps the generated `ds-file-upload` proxy with `ControlValueAccessor` support (value: `File[]`, change
+ * event: `dsChange`) via the `withValueAccessor` mixin — see `value-accessor.ts` for what that wires up.
+ * `ds-file-upload` emits its full `File[]` directly as `dsChange`'s `event.detail` and accepts the same
+ * shape back on its `value` prop, so — like `ds-datepicker`'s ISO string or `ds-slider`'s number — no
+ * accessor-level conversion is needed: this is a direct copy of `DsInput`'s config shape, just with a
+ * `File[]` value type instead of `string`.
+ *
+ * `inputs`/`outputs` are re-declared rather than inherited — see `DsInput` for why.
+ */
+class DsFileUpload extends withValueAccessor({
+    changeEvent: 'dsChange',
+    blurEvent: 'dsBlur',
+    valueProp: 'value',
+})(DsFileUpload$1) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsFileUpload, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsFileUpload, isStandalone: true, selector: "ds-file-upload", inputs: { accept: "accept", autoInvalidOff: "autoInvalidOff", color: "color", description: "description", disabled: "disabled", dropZoneLabel: "dropZoneLabel", hasFileList: "hasFileList", invalid: "invalid", invalidText: "invalidText", label: "label", loading: "loading", maxBundleSize: "maxBundleSize", maxFileSize: "maxFileSize", maxFiles: "maxFiles", multiple: "multiple", name: "name", readonly: "readonly", required: "required", value: "value" }, outputs: { dsChange: "dsChange", dsFilesAdded: "dsFilesAdded", dsFilesRemoved: "dsFilesRemoved", dsRejectedFile: "dsRejectedFile", dsInputClick: "dsInputClick", dsBlur: "dsBlur", dsFocus: "dsFocus" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => DsFileUpload),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsFileUpload, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-file-upload',
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    inputs: DsFileUploadInputs,
+                    outputs: DsFileUploadOutputs,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DsFileUpload),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+
+/**
+ * Wraps the generated `ds-select` proxy with `ControlValueAccessor` support (value: `string | string[] | null`,
+ * change event: `dsChange`) via the `withValueAccessor` mixin — see `value-accessor.ts` for what that wires up.
+ * `Element[K]` already resolves to `HTMLDsSelectElement['value']`, i.e. `string | string[] | null`, so — same as
+ * `ds-checkbox-group`'s array value and `ds-radio-group`'s `any` value — no accessor-level override is needed to
+ * pass single- vs. multiple-mode values through unmodified; `writeValue`/`registerOnChange` already assign/read
+ * `element.value` verbatim, whatever shape it currently holds.
+ *
+ * Consumers only ever import `DsSelect` to use `<ds-select>` at all, so registering `NG_VALUE_ACCESSOR` here —
+ * rather than on a separate directive — means `formControlName`/`ngModel` work without any extra opt-in step.
+ *
+ * `inputs`/`outputs` are re-declared rather than inherited: Angular's compiler resolves a component's inputs
+ * and outputs statically from its own `@Component` decorator at build time. `DsSelectInputs`/`DsSelectOutputs`
+ * are generated from `../generated/proxies.ts` (see `packages/core/config/generate-angular-meta.mjs`), so this
+ * stays in sync automatically whenever `ds-select`'s props/events change — no manual list to maintain.
+ */
+class DsSelect extends withValueAccessor({
+    changeEvent: 'dsChange',
+    blurEvent: 'dsBlur',
+    valueProp: 'value',
+})(DsSelect$1) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSelect, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DsSelect, isStandalone: true, selector: "ds-select", inputs: { autoInvalidOff: "autoInvalidOff", clearable: "clearable", color: "color", description: "description", disabled: "disabled", invalid: "invalid", invalidText: "invalidText", label: "label", multiple: "multiple", name: "name", optionGroups: "optionGroups", options: "options", placeholder: "placeholder", readonly: "readonly", required: "required", searchable: "searchable", value: "value" }, outputs: { dsChange: "dsChange", dsFocus: "dsFocus", dsBlur: "dsBlur", dsClick: "dsClick" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => DsSelect),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DsSelect, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-select',
+                    template: '<ng-content></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    inputs: DsSelectInputs,
+                    outputs: DsSelectOutputs,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DsSelect),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+
+function provideDesignSystem(config = {}) {
+    return makeEnvironmentProviders([
+        provideEnvironmentInitializer(() => {
+            initializeDesignSystem({
+                ...config.defaults,
+            });
+        }),
+    ]);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DsAccordion, DsAlertContainer, DsAppFooter, DsAppNavbar, DsBadge, DsBrandIcon, DsButton, DsButtonGroup, DsCard, DsCardActions, DsCardContent, DsCardHeader, DsCardSubtitle, DsCardTitle, DsCarousel, DsCarouselItem, DsCheckbox, DsCheckboxGroup, DsClose, DsContent, DsCounter, DsData, DsDataItem, DsDataLabel, DsDataValue, DsDatepicker, DsDivider, DsDrawer, DsFileUpload, DsHeading, DsHint, DsHintText, DsHintTitle, DsIcon, DsInput, DsInputPhone, DsItem, DsLabel, DsList, DsLogo, DsModal, DsModalBody, DsModalHeader, DsNotification, DsNumberInput, DsPagination, DsPopup, DsProgressBar, DsRadio, DsRadioGroup, DsRoot, DsSegment, DsSegmentItem, DsSelect, DsSelectOptgroup, DsSelectOption, DsShape, DsSheet, DsSlider, DsSnackbar, DsSpinner, DsStack, DsStep, DsStepPanel, DsSteps, DsTab, DsTabPanel, DsTabs, DsTag, DsTagGroup, DsText, DsTextarea, DsToast, DsToggle, DsTooltip, DsValueAccessor, provideDesignSystem, withValueAccessor };
+//# sourceMappingURL=baloise-ds-angular.mjs.map