@ds-mo/ui 15.1.1 → 15.3.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-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-cluster-marker.d.ts

@@ -0,0 +1,18 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsMapClusterMarkerCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsMapClusterMarker {
+    protected z: NgZone;
+    protected el: HTMLDsMapClusterMarkerElement;
+    dsClick: EventEmitter<DsMapClusterMarkerCustomEvent<MouseEvent>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsMapClusterMarker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsMapClusterMarker, "ds-map-cluster-marker", never, { "caption": { "alias": "caption"; "required": false; }; "count": { "alias": "count"; "required": false; }; "dimmed": { "alias": "dimmed"; "required": false; }; "label": { "alias": "label"; "required": true; }; }, { "dsClick": "dsClick"; }, never, ["*"], true, never>;
+}
+export declare interface DsMapClusterMarker extends Components.DsMapClusterMarker {
+    /**
+     * Fired when the cluster's native button is activated.
+     */
+    dsClick: EventEmitter<DsMapClusterMarkerCustomEvent<MouseEvent>>;
+}

package/dist/angular/ds-map-cluster-marker.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 defineDsMapClusterMarker } from '@ds-mo/ui/components/ds-map-cluster-marker.js';
+import * as i0 from "@angular/core";
+let DsMapClusterMarker = class DsMapClusterMarker {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsClick = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsMapClusterMarker, 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: DsMapClusterMarker, isStandalone: true, selector: "ds-map-cluster-marker", inputs: { caption: "caption", count: "count", dimmed: "dimmed", label: "label" }, outputs: { dsClick: "dsClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsMapClusterMarker = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsMapClusterMarker,
+        inputs: ['caption', 'count', 'dimmed', 'label'],
+        methods: ['setFocus']
+    })
+], DsMapClusterMarker);
+export { DsMapClusterMarker };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsMapClusterMarker, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-map-cluster-marker',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['caption', 'count', 'dimmed', { name: 'label', required: true }],
+                    outputs: ['dsClick'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsClick: [{
+                type: Output
+            }] } });

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

@@ -0,0 +1,18 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsMapEntityMarkerCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsMapEntityMarker {
+    protected z: NgZone;
+    protected el: HTMLDsMapEntityMarkerElement;
+    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, { "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 {
+    /**
+     * Fired when the marker's native button is activated.
+     */
+    dsClick: EventEmitter<DsMapEntityMarkerCustomEvent<MouseEvent>>;
+}

package/dist/angular/ds-map-entity-marker.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 defineDsMapEntityMarker } from '@ds-mo/ui/components/ds-map-entity-marker.js';
+import * as i0 from "@angular/core";
+let DsMapEntityMarker = class DsMapEntityMarker {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsClick = new EventEmitter();
+        c.detach();
+        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: { 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: ['bearing', 'caption', 'dashed', 'dimmed', 'icon', 'label', 'state'],
+        methods: ['setFocus']
+    })
+], DsMapEntityMarker);
+export { DsMapEntityMarker };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsMapEntityMarker, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-map-entity-marker',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    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: [{
+                type: Output
+            }] } });

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-setting-row.d.ts

@@ -0,0 +1,18 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsSettingRowCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsSettingRow {
+    protected z: NgZone;
+    protected el: HTMLDsSettingRowElement;
+    dsChange: EventEmitter<DsSettingRowCustomEvent<boolean>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsSettingRow, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsSettingRow, "ds-setting-row", never, { "checked": { "alias": "checked"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": true; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
+}
+export declare interface DsSettingRow extends Components.DsSettingRow {
+    /**
+     * Requests the next value; the application owns acceptance and persistence.
+     */
+    dsChange: EventEmitter<DsSettingRowCustomEvent<boolean>>;
+}

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

@@ -0,0 +1,42 @@
+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 defineDsSettingRow } from '@ds-mo/ui/components/ds-setting-row.js';
+import * as i0 from "@angular/core";
+let DsSettingRow = class DsSettingRow {
+    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: DsSettingRow, 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: DsSettingRow, isStandalone: true, selector: "ds-setting-row", inputs: { checked: "checked", description: "description", disabled: "disabled", label: "label" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsSettingRow = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsSettingRow,
+        inputs: ['checked', 'description', 'disabled', 'label']
+    })
+], DsSettingRow);
+export { DsSettingRow };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsSettingRow, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-setting-row',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['checked', 'description', 'disabled', { name: 'label', required: true }],
+                    outputs: ['dsChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{
+                type: Output
+            }] } });

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

@@ -10,7 +10,7 @@ export declare class DsSlider {
     dsCommit: EventEmitter<DsSliderCustomEvent<IDsSliderSliderValue>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsSlider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsSlider, "ds-slider", never, { "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "endLabel": { "alias": "endLabel"; "required": false; }; "form": { "alias": "form"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "label": { "alias": "label"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minStepsBetweenValues": { "alias": "minStepsBetweenValues"; "required": false; }; "name": { "alias": "name"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "rangeSeparator": { "alias": "rangeSeparator"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "size": { "alias": "size"; "required": false; }; "startLabel": { "alias": "startLabel"; "required": false; }; "step": { "alias": "step"; "required": false; }; "thumbAlignment": { "alias": "thumbAlignment"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valuePrefix": { "alias": "valuePrefix"; "required": false; }; "valueSuffix": { "alias": "valueSuffix"; "required": false; }; "valueText": { "alias": "valueText"; "required": false; }; "valueTexts": { "alias": "valueTexts"; "required": false; }; }, { "dsChange": "dsChange"; "dsCommit": "dsCommit"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsSlider, "ds-slider", never, { "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "endLabel": { "alias": "endLabel"; "required": false; }; "form": { "alias": "form"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "label": { "alias": "label"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minStepsBetweenValues": { "alias": "minStepsBetweenValues"; "required": false; }; "name": { "alias": "name"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "rangeSeparator": { "alias": "rangeSeparator"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "size": { "alias": "size"; "required": false; }; "startLabel": { "alias": "startLabel"; "required": false; }; "step": { "alias": "step"; "required": false; }; "thumbAlignment": { "alias": "thumbAlignment"; "required": false; }; "ticks": { "alias": "ticks"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valuePrefix": { "alias": "valuePrefix"; "required": false; }; "valueSuffix": { "alias": "valueSuffix"; "required": false; }; "valueText": { "alias": "valueText"; "required": false; }; "valueTexts": { "alias": "valueTexts"; "required": false; }; }, { "dsChange": "dsChange"; "dsCommit": "dsCommit"; }, never, ["*"], true, never>;
 }
 export declare interface DsSlider extends Components.DsSlider {
     /**

package/dist/angular/ds-slider.js

@@ -19,12 +19,12 @@ let DsSlider = class DsSlider {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", 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.0", type: DsSlider, isStandalone: true, selector: "ds-slider", inputs: { ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", disabled: "disabled", endLabel: "endLabel", form: "form", formatOptions: "formatOptions", inputId: "inputId", isInactive: "isInactive", label: "label", locale: "locale", max: "max", min: "min", minStepsBetweenValues: "minStepsBetweenValues", name: "name", orientation: "orientation", rangeSeparator: "rangeSeparator", readOnly: "readOnly", showValue: "showValue", size: "size", startLabel: "startLabel", step: "step", thumbAlignment: "thumbAlignment", value: "value", valuePrefix: "valuePrefix", valueSuffix: "valueSuffix", valueText: "valueText", valueTexts: "valueTexts" }, outputs: { dsChange: "dsChange", dsCommit: "dsCommit" }, 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: DsSlider, isStandalone: true, selector: "ds-slider", inputs: { ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", disabled: "disabled", endLabel: "endLabel", form: "form", formatOptions: "formatOptions", inputId: "inputId", isInactive: "isInactive", label: "label", locale: "locale", max: "max", min: "min", minStepsBetweenValues: "minStepsBetweenValues", name: "name", orientation: "orientation", rangeSeparator: "rangeSeparator", readOnly: "readOnly", showValue: "showValue", size: "size", startLabel: "startLabel", step: "step", thumbAlignment: "thumbAlignment", ticks: "ticks", value: "value", valuePrefix: "valuePrefix", valueSuffix: "valueSuffix", valueText: "valueText", valueTexts: "valueTexts" }, outputs: { dsChange: "dsChange", dsCommit: "dsCommit" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsSlider = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsSlider,
-        inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'disabled', 'endLabel', 'form', 'formatOptions', 'inputId', 'isInactive', 'label', 'locale', 'max', 'min', 'minStepsBetweenValues', 'name', 'orientation', 'rangeSeparator', 'readOnly', 'showValue', 'size', 'startLabel', 'step', 'thumbAlignment', 'value', 'valuePrefix', 'valueSuffix', 'valueText', 'valueTexts'],
+        inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'disabled', 'endLabel', 'form', 'formatOptions', 'inputId', 'isInactive', 'label', 'locale', 'max', 'min', 'minStepsBetweenValues', 'name', 'orientation', 'rangeSeparator', 'readOnly', 'showValue', 'size', 'startLabel', 'step', 'thumbAlignment', 'ticks', 'value', 'valuePrefix', 'valueSuffix', 'valueText', 'valueTexts'],
         methods: ['setFocus']
     })
 ], DsSlider);
@@ -36,7 +36,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', 'disabled', 'endLabel', 'form', 'formatOptions', 'inputId', 'isInactive', 'label', 'locale', 'max', 'min', 'minStepsBetweenValues', 'name', 'orientation', 'rangeSeparator', 'readOnly', 'showValue', 'size', 'startLabel', 'step', 'thumbAlignment', 'value', 'valuePrefix', 'valueSuffix', 'valueText', 'valueTexts'],
+                    inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'disabled', 'endLabel', 'form', 'formatOptions', 'inputId', 'isInactive', 'label', 'locale', 'max', 'min', 'minStepsBetweenValues', 'name', 'orientation', 'rangeSeparator', 'readOnly', 'showValue', 'size', 'startLabel', 'step', 'thumbAlignment', 'ticks', 'value', 'valuePrefix', 'valueSuffix', 'valueText', 'valueTexts'],
                     outputs: ['dsChange', 'dsCommit'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{

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

@@ -8,7 +8,7 @@ export declare class DsTextarea {
     dsChange: EventEmitter<DsTextareaCustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsTextarea, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsTextarea, "ds-textarea", never, { "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; }; "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; }; "inputId": { "alias": "inputId"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "isInactive": { "alias": "isInactive"; "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; }; "resize": { "alias": "resize"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "size": { "alias": "size"; "required": false; }; "spellCheck": { "alias": "spellCheck"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsTextarea, "ds-textarea", never, { "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; }; "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; }; "inputId": { "alias": "inputId"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "lengthBehavior": { "alias": "lengthBehavior"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "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; }; "resize": { "alias": "resize"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "showCharacterCount": { "alias": "showCharacterCount"; "required": false; }; "size": { "alias": "size"; "required": false; }; "spellCheck": { "alias": "spellCheck"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
 }
 export declare interface DsTextarea extends Components.DsTextarea {
     dsChange: EventEmitter<DsTextareaCustomEvent<string>>;

package/dist/angular/ds-textarea.js

@@ -18,12 +18,12 @@ let DsTextarea = class DsTextarea {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", 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.0", type: DsTextarea, isStandalone: true, selector: "ds-textarea", inputs: { ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", autoComplete: "autoComplete", autoFocus: "autoFocus", disabled: "disabled", enterKeyHint: "enterKeyHint", error: "error", errorMessage: "errorMessage", form: "form", hasBorder: "hasBorder", hasInteractionFill: "hasInteractionFill", inputId: "inputId", inputMode: "inputMode", isInactive: "isInactive", name: "name", placeholder: "placeholder", readOnly: "readOnly", required: "required", requiredMessage: "requiredMessage", resize: "resize", rows: "rows", size: "size", spellCheck: "spellCheck", 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: DsTextarea, isStandalone: true, selector: "ds-textarea", inputs: { ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", autoComplete: "autoComplete", autoFocus: "autoFocus", disabled: "disabled", enterKeyHint: "enterKeyHint", error: "error", errorMessage: "errorMessage", form: "form", hasBorder: "hasBorder", hasInteractionFill: "hasInteractionFill", inputId: "inputId", inputMode: "inputMode", isInactive: "isInactive", lengthBehavior: "lengthBehavior", maxLength: "maxLength", minLength: "minLength", name: "name", placeholder: "placeholder", readOnly: "readOnly", required: "required", requiredMessage: "requiredMessage", resize: "resize", rows: "rows", showCharacterCount: "showCharacterCount", size: "size", spellCheck: "spellCheck", value: "value", width: "width" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsTextarea = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsTextarea,
-        inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoComplete', 'autoFocus', 'disabled', 'enterKeyHint', 'error', 'errorMessage', 'form', 'hasBorder', 'hasInteractionFill', 'inputId', 'inputMode', 'isInactive', 'name', 'placeholder', 'readOnly', 'required', 'requiredMessage', 'resize', 'rows', 'size', 'spellCheck', 'value', 'width'],
+        inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoComplete', 'autoFocus', 'disabled', 'enterKeyHint', 'error', 'errorMessage', 'form', 'hasBorder', 'hasInteractionFill', 'inputId', 'inputMode', 'isInactive', 'lengthBehavior', 'maxLength', 'minLength', 'name', 'placeholder', 'readOnly', 'required', 'requiredMessage', 'resize', 'rows', 'showCharacterCount', 'size', 'spellCheck', 'value', 'width'],
         methods: ['setFocus']
     })
 ], DsTextarea);
@@ -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', 'autoComplete', 'autoFocus', 'disabled', 'enterKeyHint', 'error', 'errorMessage', 'form', 'hasBorder', 'hasInteractionFill', 'inputId', 'inputMode', 'isInactive', 'name', 'placeholder', 'readOnly', 'required', 'requiredMessage', 'resize', 'rows', 'size', 'spellCheck', 'value', 'width'],
+                    inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoComplete', 'autoFocus', 'disabled', 'enterKeyHint', 'error', 'errorMessage', 'form', 'hasBorder', 'hasInteractionFill', 'inputId', 'inputMode', 'isInactive', 'lengthBehavior', 'maxLength', 'minLength', 'name', 'placeholder', 'readOnly', 'required', 'requiredMessage', 'resize', 'rows', 'showCharacterCount', 'size', 'spellCheck', 'value', 'width'],
                     outputs: ['dsChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{

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

@@ -8,7 +8,7 @@ export declare class DsTimePicker {
     dsChange: EventEmitter<DsTimePickerCustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsTimePicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsTimePicker, "ds-time-picker", never, { "autoFocus": { "alias": "autoFocus"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsTimePicker, "ds-time-picker", never, { "autoFocus": { "alias": "autoFocus"; "required": false; }; "hourFormat": { "alias": "hourFormat"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
 }
 export declare interface DsTimePicker extends Components.DsTimePicker {
     dsChange: EventEmitter<DsTimePickerCustomEvent<string>>;

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

@@ -18,12 +18,12 @@ let DsTimePicker = class DsTimePicker {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsTimePicker, 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: DsTimePicker, isStandalone: true, selector: "ds-time-picker", inputs: { autoFocus: "autoFocus", isInactive: "isInactive", max: "max", min: "min", step: "step", 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: DsTimePicker, isStandalone: true, selector: "ds-time-picker", inputs: { autoFocus: "autoFocus", hourFormat: "hourFormat", isInactive: "isInactive", max: "max", min: "min", step: "step", value: "value" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsTimePicker = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsTimePicker,
-        inputs: ['autoFocus', 'isInactive', 'max', 'min', 'step', 'value'],
+        inputs: ['autoFocus', 'hourFormat', 'isInactive', 'max', 'min', 'step', 'value'],
         methods: ['setFocus']
     })
 ], DsTimePicker);
@@ -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: ['autoFocus', 'isInactive', 'max', 'min', 'step', 'value'],
+                    inputs: ['autoFocus', 'hourFormat', 'isInactive', 'max', 'min', 'step', 'value'],
                     outputs: ['dsChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{