@ds-mo/ui 15.2.0 → 15.4.0

package/dist/angular/ds-card-setting.d.ts

@@ -9,7 +9,7 @@ export declare class DsCardSetting {
     dsAction: EventEmitter<DsCardSettingCustomEvent<IDsCardSettingCardSettingActionDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsCardSetting, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsCardSetting, "ds-card-setting", never, { "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "cardWidth": { "alias": "cardWidth"; "required": false; }; "editLabel": { "alias": "editLabel"; "required": false; }; "editing": { "alias": "editing"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; "saveLabel": { "alias": "saveLabel"; "required": false; }; }, { "dsAction": "dsAction"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsCardSetting, "ds-card-setting", never, { "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "cardWidth": { "alias": "cardWidth"; "required": false; }; "editLabel": { "alias": "editLabel"; "required": false; }; "editing": { "alias": "editing"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; "saveLabel": { "alias": "saveLabel"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "dsAction": "dsAction"; }, never, ["*"], true, never>;
 }
 export declare interface DsCardSetting extends Components.DsCardSetting {
     /**

package/dist/angular/ds-card-setting.js

@@ -18,12 +18,12 @@ let DsCardSetting = class DsCardSetting {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsCardSetting, 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.0", type: DsCardSetting, isStandalone: true, selector: "ds-card-setting", inputs: { cancelLabel: "cancelLabel", cardWidth: "cardWidth", editLabel: "editLabel", editing: "editing", heading: "heading", saveLabel: "saveLabel" }, outputs: { dsAction: "dsAction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsCardSetting, isStandalone: true, selector: "ds-card-setting", inputs: { cancelLabel: "cancelLabel", cardWidth: "cardWidth", editLabel: "editLabel", editing: "editing", heading: "heading", saveLabel: "saveLabel", variant: "variant" }, outputs: { dsAction: "dsAction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsCardSetting = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsCardSetting,
-        inputs: ['cancelLabel', 'cardWidth', 'editLabel', 'editing', 'heading', 'saveLabel']
+        inputs: ['cancelLabel', 'cardWidth', 'editLabel', 'editing', 'heading', 'saveLabel', 'variant']
     })
 ], DsCardSetting);
 export { DsCardSetting };
@@ -34,7 +34,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['cancelLabel', 'cardWidth', 'editLabel', 'editing', { name: 'heading', required: true }, 'saveLabel'],
+                    inputs: ['cancelLabel', 'cardWidth', 'editLabel', 'editing', { name: 'heading', required: true }, 'saveLabel', 'variant'],
                     outputs: ['dsAction'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsAction: [{

package/dist/angular/ds-checkbox-group.d.ts

@@ -0,0 +1,12 @@
+import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsCheckboxGroup {
+    protected z: NgZone;
+    protected el: HTMLDsCheckboxGroupElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsCheckboxGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsCheckboxGroup, "ds-checkbox-group", never, { "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare interface DsCheckboxGroup extends Components.DsCheckboxGroup {
+}

package/dist/angular/ds-checkbox-group.js

@@ -0,0 +1,38 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* tslint:disable */
+/* auto-generated angular directive proxies */
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ProxyCmp } from './angular-component-lib/utils.js';
+import { defineCustomElement as defineDsCheckboxGroup } from '@ds-mo/ui/components/ds-checkbox-group.js';
+import * as i0 from "@angular/core";
+let DsCheckboxGroup = class DsCheckboxGroup {
+    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.0", 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.0", type: DsCheckboxGroup, isStandalone: true, selector: "ds-checkbox-group", inputs: { ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", label: "label", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsCheckboxGroup = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsCheckboxGroup,
+        inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'label', 'size']
+    })
+], DsCheckboxGroup);
+export { DsCheckboxGroup };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsCheckboxGroup, 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: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'label', 'size'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });

package/dist/angular/ds-checkbox.d.ts

@@ -8,7 +8,7 @@ export declare class DsCheckbox {
     dsChange: EventEmitter<DsCheckboxCustomEvent<boolean>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsCheckbox, "ds-checkbox", never, { "checked": { "alias": "checked"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "label": { "alias": "label"; "required": true; }; "name": { "alias": "name"; "required": false; }; "presentation": { "alias": "presentation"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsCheckbox, "ds-checkbox", never, { "checked": { "alias": "checked"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hasInteractionFill": { "alias": "hasInteractionFill"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "label": { "alias": "label"; "required": true; }; "name": { "alias": "name"; "required": false; }; "presentation": { "alias": "presentation"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
 }
 export declare interface DsCheckbox extends Components.DsCheckbox {
     /**

package/dist/angular/ds-checkbox.js

@@ -18,12 +18,12 @@ let DsCheckbox = class DsCheckbox {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", 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.0", type: DsCheckbox, isStandalone: true, selector: "ds-checkbox", inputs: { checked: "checked", description: "description", disabled: "disabled", indeterminate: "indeterminate", isInactive: "isInactive", label: "label", name: "name", presentation: "presentation", required: "required", requiredMessage: "requiredMessage", size: "size", value: "value" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsCheckbox, isStandalone: true, selector: "ds-checkbox", inputs: { checked: "checked", description: "description", disabled: "disabled", hasInteractionFill: "hasInteractionFill", indeterminate: "indeterminate", isInactive: "isInactive", label: "label", name: "name", presentation: "presentation", required: "required", requiredMessage: "requiredMessage", size: "size", value: "value" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsCheckbox = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsCheckbox,
-        inputs: ['checked', 'description', 'disabled', 'indeterminate', 'isInactive', 'label', 'name', 'presentation', 'required', 'requiredMessage', 'size', 'value']
+        inputs: ['checked', 'description', 'disabled', 'hasInteractionFill', 'indeterminate', 'isInactive', 'label', 'name', 'presentation', 'required', 'requiredMessage', 'size', 'value']
     })
 ], DsCheckbox);
 export { DsCheckbox };
@@ -34,7 +34,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['checked', 'description', 'disabled', 'indeterminate', 'isInactive', { name: 'label', required: true }, 'name', 'presentation', 'required', 'requiredMessage', 'size', 'value'],
+                    inputs: ['checked', 'description', 'disabled', 'hasInteractionFill', 'indeterminate', 'isInactive', { name: 'label', required: true }, 'name', 'presentation', 'required', 'requiredMessage', 'size', 'value'],
                     outputs: ['dsChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{

package/dist/angular/ds-inline-banner-settings.d.ts

@@ -0,0 +1,12 @@
+import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsInlineBannerSettings {
+    protected z: NgZone;
+    protected el: HTMLDsInlineBannerSettingsElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsInlineBannerSettings, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsInlineBannerSettings, "ds-inline-banner-settings", never, { "description": { "alias": "description"; "required": true; }; }, {}, never, ["*"], true, never>;
+}
+export declare interface DsInlineBannerSettings extends Components.DsInlineBannerSettings {
+}

package/dist/angular/ds-inline-banner-settings.js

@@ -0,0 +1,38 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* tslint:disable */
+/* auto-generated angular directive proxies */
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ProxyCmp } from './angular-component-lib/utils.js';
+import { defineCustomElement as defineDsInlineBannerSettings } from '@ds-mo/ui/components/ds-inline-banner-settings.js';
+import * as i0 from "@angular/core";
+let DsInlineBannerSettings = class DsInlineBannerSettings {
+    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.0", ngImport: i0, type: DsInlineBannerSettings, 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.0", type: DsInlineBannerSettings, isStandalone: true, selector: "ds-inline-banner-settings", inputs: { description: "description" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsInlineBannerSettings = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsInlineBannerSettings,
+        inputs: ['description']
+    })
+], DsInlineBannerSettings);
+export { DsInlineBannerSettings };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsInlineBannerSettings, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-inline-banner-settings',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [{ name: 'description', required: true }],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });

package/dist/angular/ds-input-time.d.ts

@@ -8,7 +8,7 @@ export declare class DsInputTime {
     dsChange: EventEmitter<DsInputTimeCustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsInputTime, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsInputTime, "ds-input-time", never, { "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "hasInteractionFill": { "alias": "hasInteractionFill"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; }; "size": { "alias": "size"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsInputTime, "ds-input-time", never, { "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "hasInteractionFill": { "alias": "hasInteractionFill"; "required": false; }; "hourFormat": { "alias": "hourFormat"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; }; "size": { "alias": "size"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
 }
 export declare interface DsInputTime extends Components.DsInputTime {
     dsChange: EventEmitter<DsInputTimeCustomEvent<string>>;

package/dist/angular/ds-input-time.js

@@ -18,12 +18,12 @@ let DsInputTime = class DsInputTime {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsInputTime, 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.0", type: DsInputTime, isStandalone: true, selector: "ds-input-time", inputs: { ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", autoFocus: "autoFocus", disabled: "disabled", error: "error", errorMessage: "errorMessage", form: "form", hasBorder: "hasBorder", hasInteractionFill: "hasInteractionFill", inputId: "inputId", isInactive: "isInactive", max: "max", min: "min", name: "name", readOnly: "readOnly", required: "required", requiredMessage: "requiredMessage", size: "size", step: "step", value: "value", width: "width" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsInputTime, isStandalone: true, selector: "ds-input-time", inputs: { ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", autoFocus: "autoFocus", disabled: "disabled", error: "error", errorMessage: "errorMessage", form: "form", hasBorder: "hasBorder", hasInteractionFill: "hasInteractionFill", hourFormat: "hourFormat", inputId: "inputId", isInactive: "isInactive", max: "max", min: "min", name: "name", readOnly: "readOnly", required: "required", requiredMessage: "requiredMessage", size: "size", step: "step", value: "value", width: "width" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsInputTime = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsInputTime,
-        inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoFocus', 'disabled', 'error', 'errorMessage', 'form', 'hasBorder', 'hasInteractionFill', 'inputId', 'isInactive', 'max', 'min', 'name', 'readOnly', 'required', 'requiredMessage', 'size', 'step', 'value', 'width'],
+        inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoFocus', 'disabled', 'error', 'errorMessage', 'form', 'hasBorder', 'hasInteractionFill', 'hourFormat', 'inputId', 'isInactive', 'max', 'min', 'name', 'readOnly', 'required', 'requiredMessage', 'size', 'step', 'value', 'width'],
         methods: ['setFocus']
     })
 ], DsInputTime);
@@ -35,7 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoFocus', 'disabled', 'error', 'errorMessage', 'form', 'hasBorder', 'hasInteractionFill', 'inputId', 'isInactive', 'max', 'min', 'name', 'readOnly', 'required', 'requiredMessage', 'size', 'step', 'value', 'width'],
+                    inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoFocus', 'disabled', 'error', 'errorMessage', 'form', 'hasBorder', 'hasInteractionFill', 'hourFormat', 'inputId', 'isInactive', 'max', 'min', 'name', 'readOnly', 'required', 'requiredMessage', 'size', 'step', 'value', 'width'],
                     outputs: ['dsChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{

package/dist/angular/ds-input.d.ts

@@ -6,12 +6,16 @@ export declare class DsInput {
     protected z: NgZone;
     protected el: HTMLDsInputElement;
     dsChange: EventEmitter<DsInputCustomEvent<string>>;
+    dsTokensChange: EventEmitter<DsInputCustomEvent<string[]>>;
+    dsSuggestionSelect: EventEmitter<DsInputCustomEvent<string>>;
     dsClear: EventEmitter<DsInputCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsInput, "ds-input", never, { "ariaActiveDescendant": { "alias": "ariaActiveDescendant"; "required": false; }; "ariaControls": { "alias": "ariaControls"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterKeyHint": { "alias": "enterKeyHint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "hasInteractionFill": { "alias": "hasInteractionFill"; "required": false; }; "hidePasswordLabel": { "alias": "hidePasswordLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; }; "showPasswordLabel": { "alias": "showPasswordLabel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "step": { "alias": "step"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsInput, "ds-input", never, { "ariaActiveDescendant": { "alias": "ariaActiveDescendant"; "required": false; }; "ariaControls": { "alias": "ariaControls"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "decrementLabel": { "alias": "decrementLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterKeyHint": { "alias": "enterKeyHint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "hasInteractionFill": { "alias": "hasInteractionFill"; "required": false; }; "hidePasswordLabel": { "alias": "hidePasswordLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "incrementLabel": { "alias": "incrementLabel"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "lengthBehavior": { "alias": "lengthBehavior"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "patternMessage": { "alias": "patternMessage"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "removeTokenLabel": { "alias": "removeTokenLabel"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; }; "showCharacterCount": { "alias": "showCharacterCount"; "required": false; }; "showPasswordLabel": { "alias": "showPasswordLabel"; "required": false; }; "showStepper": { "alias": "showStepper"; "required": false; }; "size": { "alias": "size"; "required": false; }; "step": { "alias": "step"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; "tokenized": { "alias": "tokenized"; "required": false; }; "tokens": { "alias": "tokens"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; "dsTokensChange": "dsTokensChange"; "dsSuggestionSelect": "dsSuggestionSelect"; "dsClear": "dsClear"; }, never, ["*"], true, never>;
 }
 export declare interface DsInput extends Components.DsInput {
     dsChange: EventEmitter<DsInputCustomEvent<string>>;
+    dsTokensChange: EventEmitter<DsInputCustomEvent<string[]>>;
+    dsSuggestionSelect: EventEmitter<DsInputCustomEvent<string>>;
     dsClear: EventEmitter<DsInputCustomEvent<void>>;
 }

package/dist/angular/ds-input.js

@@ -14,17 +14,19 @@ let DsInput = class DsInput {
     constructor(c, r, z) {
         this.z = z;
         this.dsChange = new EventEmitter();
+        this.dsTokensChange = new EventEmitter();
+        this.dsSuggestionSelect = new EventEmitter();
         this.dsClear = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", 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.0", type: DsInput, isStandalone: true, selector: "ds-input", inputs: { ariaActiveDescendant: "ariaActiveDescendant", ariaControls: "ariaControls", ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", autoComplete: "autoComplete", autoFocus: "autoFocus", clearLabel: "clearLabel", disabled: "disabled", enterKeyHint: "enterKeyHint", error: "error", errorMessage: "errorMessage", form: "form", hasBorder: "hasBorder", hasInteractionFill: "hasInteractionFill", hidePasswordLabel: "hidePasswordLabel", icon: "icon", inputId: "inputId", inputMode: "inputMode", isInactive: "isInactive", max: "max", min: "min", name: "name", placeholder: "placeholder", readOnly: "readOnly", required: "required", requiredMessage: "requiredMessage", showPasswordLabel: "showPasswordLabel", size: "size", step: "step", textAlign: "textAlign", type: "type", value: "value", width: "width" }, outputs: { dsChange: "dsChange", dsClear: "dsClear" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsInput, isStandalone: true, selector: "ds-input", inputs: { ariaActiveDescendant: "ariaActiveDescendant", ariaControls: "ariaControls", ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", autoComplete: "autoComplete", autoFocus: "autoFocus", clearLabel: "clearLabel", decrementLabel: "decrementLabel", disabled: "disabled", enterKeyHint: "enterKeyHint", error: "error", errorMessage: "errorMessage", form: "form", hasBorder: "hasBorder", hasInteractionFill: "hasInteractionFill", hidePasswordLabel: "hidePasswordLabel", icon: "icon", incrementLabel: "incrementLabel", inputId: "inputId", inputMode: "inputMode", isInactive: "isInactive", lengthBehavior: "lengthBehavior", max: "max", maxLength: "maxLength", min: "min", minLength: "minLength", name: "name", pattern: "pattern", patternMessage: "patternMessage", placeholder: "placeholder", readOnly: "readOnly", removeTokenLabel: "removeTokenLabel", required: "required", requiredMessage: "requiredMessage", showCharacterCount: "showCharacterCount", showPasswordLabel: "showPasswordLabel", showStepper: "showStepper", size: "size", step: "step", suggestions: "suggestions", textAlign: "textAlign", tokenized: "tokenized", tokens: "tokens", type: "type", value: "value", width: "width" }, outputs: { dsChange: "dsChange", dsTokensChange: "dsTokensChange", dsSuggestionSelect: "dsSuggestionSelect", dsClear: "dsClear" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsInput = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsInput,
-        inputs: ['ariaActiveDescendant', 'ariaControls', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoComplete', 'autoFocus', 'clearLabel', 'disabled', 'enterKeyHint', 'error', 'errorMessage', 'form', 'hasBorder', 'hasInteractionFill', 'hidePasswordLabel', 'icon', 'inputId', 'inputMode', 'isInactive', 'max', 'min', 'name', 'placeholder', 'readOnly', 'required', 'requiredMessage', 'showPasswordLabel', 'size', 'step', 'textAlign', 'type', 'value', 'width'],
+        inputs: ['ariaActiveDescendant', 'ariaControls', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoComplete', 'autoFocus', 'clearLabel', 'decrementLabel', 'disabled', 'enterKeyHint', 'error', 'errorMessage', 'form', 'hasBorder', 'hasInteractionFill', 'hidePasswordLabel', 'icon', 'incrementLabel', 'inputId', 'inputMode', 'isInactive', 'lengthBehavior', 'max', 'maxLength', 'min', 'minLength', 'name', 'pattern', 'patternMessage', 'placeholder', 'readOnly', 'removeTokenLabel', 'required', 'requiredMessage', 'showCharacterCount', 'showPasswordLabel', 'showStepper', 'size', 'step', 'suggestions', 'textAlign', 'tokenized', 'tokens', 'type', 'value', 'width'],
         methods: ['setFocus']
     })
 ], DsInput);
@@ -36,11 +38,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['ariaActiveDescendant', 'ariaControls', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoComplete', 'autoFocus', 'clearLabel', 'disabled', 'enterKeyHint', 'error', 'errorMessage', 'form', 'hasBorder', 'hasInteractionFill', 'hidePasswordLabel', 'icon', 'inputId', 'inputMode', 'isInactive', 'max', 'min', 'name', 'placeholder', 'readOnly', 'required', 'requiredMessage', 'showPasswordLabel', 'size', 'step', 'textAlign', 'type', 'value', 'width'],
-                    outputs: ['dsChange', 'dsClear'],
+                    inputs: ['ariaActiveDescendant', 'ariaControls', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoComplete', 'autoFocus', 'clearLabel', 'decrementLabel', 'disabled', 'enterKeyHint', 'error', 'errorMessage', 'form', 'hasBorder', 'hasInteractionFill', 'hidePasswordLabel', 'icon', 'incrementLabel', 'inputId', 'inputMode', 'isInactive', 'lengthBehavior', 'max', 'maxLength', 'min', 'minLength', 'name', 'pattern', 'patternMessage', 'placeholder', 'readOnly', 'removeTokenLabel', 'required', 'requiredMessage', 'showCharacterCount', 'showPasswordLabel', 'showStepper', 'size', 'step', 'suggestions', 'textAlign', 'tokenized', 'tokens', 'type', 'value', 'width'],
+                    outputs: ['dsChange', 'dsTokensChange', 'dsSuggestionSelect', 'dsClear'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{
                 type: Output
+            }], dsTokensChange: [{
+                type: Output
+            }], dsSuggestionSelect: [{
+                type: Output
             }], dsClear: [{
                 type: Output
             }] } });

package/dist/angular/ds-map-entity-marker.d.ts

@@ -8,7 +8,7 @@ export declare class DsMapEntityMarker {
     dsClick: EventEmitter<DsMapEntityMarkerCustomEvent<MouseEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsMapEntityMarker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsMapEntityMarker, "ds-map-entity-marker", never, { "caption": { "alias": "caption"; "required": false; }; "dimmed": { "alias": "dimmed"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": true; }; "stale": { "alias": "stale"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "dsClick": "dsClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsMapEntityMarker, "ds-map-entity-marker", never, { "bearing": { "alias": "bearing"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "dashed": { "alias": "dashed"; "required": false; }; "dimmed": { "alias": "dimmed"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": true; }; "state": { "alias": "state"; "required": false; }; }, { "dsClick": "dsClick"; }, never, ["*"], true, never>;
 }
 export declare interface DsMapEntityMarker extends Components.DsMapEntityMarker {
     /**

package/dist/angular/ds-map-entity-marker.js

@@ -18,12 +18,12 @@ let DsMapEntityMarker = class DsMapEntityMarker {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsMapEntityMarker, 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.0", type: DsMapEntityMarker, isStandalone: true, selector: "ds-map-entity-marker", inputs: { caption: "caption", dimmed: "dimmed", heading: "heading", icon: "icon", label: "label", stale: "stale", state: "state" }, outputs: { dsClick: "dsClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsMapEntityMarker, isStandalone: true, selector: "ds-map-entity-marker", inputs: { bearing: "bearing", caption: "caption", dashed: "dashed", dimmed: "dimmed", icon: "icon", label: "label", state: "state" }, outputs: { dsClick: "dsClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsMapEntityMarker = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsMapEntityMarker,
-        inputs: ['caption', 'dimmed', 'heading', 'icon', 'label', 'stale', 'state'],
+        inputs: ['bearing', 'caption', 'dashed', 'dimmed', 'icon', 'label', 'state'],
         methods: ['setFocus']
     })
 ], DsMapEntityMarker);
@@ -35,7 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['caption', 'dimmed', 'heading', 'icon', { name: 'label', required: true }, 'stale', 'state'],
+                    inputs: ['bearing', 'caption', 'dashed', 'dimmed', 'icon', { name: 'label', required: true }, 'state'],
                     outputs: ['dsClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsClick: [{

package/dist/angular/ds-radio-tile.d.ts

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsRadioTileCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsRadioTile {
+    protected z: NgZone;
+    protected el: HTMLDsRadioTileElement;
+    dsChange: EventEmitter<DsRadioTileCustomEvent<string>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsRadioTile, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsRadioTile, "ds-radio-tile", never, { "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "form": { "alias": "form"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "name": { "alias": "name"; "required": false; }; "options": { "alias": "options"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
+}
+export declare interface DsRadioTile extends Components.DsRadioTile {
+    dsChange: EventEmitter<DsRadioTileCustomEvent<string>>;
+}

package/dist/angular/ds-radio-tile.js

@@ -0,0 +1,43 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* tslint:disable */
+/* auto-generated angular directive proxies */
+import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
+import { ProxyCmp } from './angular-component-lib/utils.js';
+import { defineCustomElement as defineDsRadioTile } from '@ds-mo/ui/components/ds-radio-tile.js';
+import * as i0 from "@angular/core";
+let DsRadioTile = class DsRadioTile {
+    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.0", ngImport: i0, type: DsRadioTile, 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.0", type: DsRadioTile, isStandalone: true, selector: "ds-radio-tile", inputs: { ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", direction: "direction", disabled: "disabled", error: "error", form: "form", inputId: "inputId", isInactive: "isInactive", name: "name", options: "options", required: "required", requiredMessage: "requiredMessage", value: "value" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsRadioTile = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsRadioTile,
+        inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'direction', 'disabled', 'error', 'form', 'inputId', 'isInactive', 'name', 'options', 'required', 'requiredMessage', 'value'],
+        methods: ['setFocus']
+    })
+], DsRadioTile);
+export { DsRadioTile };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsRadioTile, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-radio-tile',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'direction', 'disabled', 'error', 'form', 'inputId', 'isInactive', 'name', 'options', 'required', 'requiredMessage', 'value'],
+                    outputs: ['dsChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{
+                type: Output
+            }] } });

package/dist/angular/ds-radio.d.ts

@@ -8,7 +8,7 @@ export declare class DsRadio {
     dsChange: EventEmitter<DsRadioCustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsRadio, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsRadio, "ds-radio", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "name": { "alias": "name"; "required": false; }; "options": { "alias": "options"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsRadio, "ds-radio", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "groupLabel": { "alias": "groupLabel"; "required": false; }; "hasInteractionFill": { "alias": "hasInteractionFill"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "name": { "alias": "name"; "required": false; }; "options": { "alias": "options"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
 }
 export declare interface DsRadio extends Components.DsRadio {
     /**

package/dist/angular/ds-radio.js

@@ -18,12 +18,12 @@ let DsRadio = class DsRadio {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", 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.0", type: DsRadio, isStandalone: true, selector: "ds-radio", inputs: { ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", direction: "direction", disabled: "disabled", form: "form", isInactive: "isInactive", name: "name", options: "options", required: "required", requiredMessage: "requiredMessage", size: "size", value: "value" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsRadio, isStandalone: true, selector: "ds-radio", inputs: { ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", direction: "direction", disabled: "disabled", form: "form", groupLabel: "groupLabel", hasInteractionFill: "hasInteractionFill", isInactive: "isInactive", name: "name", options: "options", required: "required", requiredMessage: "requiredMessage", size: "size", value: "value" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsRadio = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsRadio,
-        inputs: ['ariaLabel', 'ariaLabelledby', 'direction', 'disabled', 'form', 'isInactive', 'name', 'options', 'required', 'requiredMessage', 'size', 'value'],
+        inputs: ['ariaLabel', 'ariaLabelledby', 'direction', 'disabled', 'form', 'groupLabel', 'hasInteractionFill', 'isInactive', 'name', 'options', 'required', 'requiredMessage', 'size', 'value'],
         methods: ['setFocus']
     })
 ], DsRadio);
@@ -35,7 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['ariaLabel', 'ariaLabelledby', 'direction', 'disabled', 'form', 'isInactive', 'name', 'options', 'required', 'requiredMessage', 'size', 'value'],
+                    inputs: ['ariaLabel', 'ariaLabelledby', 'direction', 'disabled', 'form', 'groupLabel', 'hasInteractionFill', 'isInactive', 'name', 'options', 'required', 'requiredMessage', 'size', 'value'],
                     outputs: ['dsChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{

package/dist/angular/ds-setting-row-checkbox.d.ts

@@ -0,0 +1,12 @@
+import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsSettingRowCheckbox {
+    protected z: NgZone;
+    protected el: HTMLDsSettingRowCheckboxElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsSettingRowCheckbox, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsSettingRowCheckbox, "ds-setting-row-checkbox", never, { "description": { "alias": "description"; "required": false; }; "label": { "alias": "label"; "required": false; }; "presentation": { "alias": "presentation"; "required": false; }; "valueLabel": { "alias": "valueLabel"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare interface DsSettingRowCheckbox extends Components.DsSettingRowCheckbox {
+}

package/dist/angular/ds-setting-row-checkbox.js

@@ -0,0 +1,38 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* tslint:disable */
+/* auto-generated angular directive proxies */
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ProxyCmp } from './angular-component-lib/utils.js';
+import { defineCustomElement as defineDsSettingRowCheckbox } from '@ds-mo/ui/components/ds-setting-row-checkbox.js';
+import * as i0 from "@angular/core";
+let DsSettingRowCheckbox = class DsSettingRowCheckbox {
+    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.0", ngImport: i0, type: DsSettingRowCheckbox, 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.0", type: DsSettingRowCheckbox, isStandalone: true, selector: "ds-setting-row-checkbox", inputs: { description: "description", label: "label", presentation: "presentation", valueLabel: "valueLabel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsSettingRowCheckbox = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsSettingRowCheckbox,
+        inputs: ['description', 'label', 'presentation', 'valueLabel']
+    })
+], DsSettingRowCheckbox);
+export { DsSettingRowCheckbox };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsSettingRowCheckbox, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-setting-row-checkbox',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['description', 'label', 'presentation', 'valueLabel'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });

package/dist/angular/ds-setting-row-radio.d.ts

@@ -0,0 +1,12 @@
+import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsSettingRowRadio {
+    protected z: NgZone;
+    protected el: HTMLDsSettingRowRadioElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsSettingRowRadio, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsSettingRowRadio, "ds-setting-row-radio", never, { "description": { "alias": "description"; "required": false; }; "label": { "alias": "label"; "required": false; }; "presentation": { "alias": "presentation"; "required": false; }; "valueLabel": { "alias": "valueLabel"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare interface DsSettingRowRadio extends Components.DsSettingRowRadio {
+}

package/dist/angular/ds-setting-row-radio.js

@@ -0,0 +1,38 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* tslint:disable */
+/* auto-generated angular directive proxies */
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ProxyCmp } from './angular-component-lib/utils.js';
+import { defineCustomElement as defineDsSettingRowRadio } from '@ds-mo/ui/components/ds-setting-row-radio.js';
+import * as i0 from "@angular/core";
+let DsSettingRowRadio = class DsSettingRowRadio {
+    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.0", ngImport: i0, type: DsSettingRowRadio, 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.0", type: DsSettingRowRadio, isStandalone: true, selector: "ds-setting-row-radio", inputs: { description: "description", label: "label", presentation: "presentation", valueLabel: "valueLabel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsSettingRowRadio = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsSettingRowRadio,
+        inputs: ['description', 'label', 'presentation', 'valueLabel']
+    })
+], DsSettingRowRadio);
+export { DsSettingRowRadio };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsSettingRowRadio, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-setting-row-radio',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['description', 'label', 'presentation', 'valueLabel'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });