@ds-mo/ui 14.35.0 → 14.36.0

package/dist/angular/ds-button-inverted.d.ts

@@ -0,0 +1,17 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsButtonInvertedCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsButtonInverted {
+    protected z: NgZone;
+    protected el: HTMLDsButtonInvertedElement;
+    dsClick: EventEmitter<DsButtonInvertedCustomEvent<MouseEvent>>;
+    dsMenuClick: EventEmitter<DsButtonInvertedCustomEvent<MouseEvent>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsButtonInverted, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsButtonInverted, "ds-button-inverted", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "hasMenu": { "alias": "hasMenu"; "required": false; }; "haspopup": { "alias": "haspopup"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "insetDepth": { "alias": "insetDepth"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isInset": { "alias": "isInset"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelEmphasis": { "alias": "labelEmphasis"; "required": false; }; "menuAriaLabel": { "alias": "menuAriaLabel"; "required": false; }; "pressScale": { "alias": "pressScale"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; "split": { "alias": "split"; "required": false; }; "surfaceOpen": { "alias": "surfaceOpen"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsClick": "dsClick"; "dsMenuClick": "dsMenuClick"; }, never, ["*"], true, never>;
+}
+export declare interface DsButtonInverted extends Components.DsButtonInverted {
+    dsClick: EventEmitter<DsButtonInvertedCustomEvent<MouseEvent>>;
+    dsMenuClick: EventEmitter<DsButtonInvertedCustomEvent<MouseEvent>>;
+}

package/dist/angular/ds-button-inverted.js

@@ -0,0 +1,46 @@
+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 defineDsButtonInverted } from '@ds-mo/ui/components/ds-button-inverted.js';
+import * as i0 from "@angular/core";
+let DsButtonInverted = class DsButtonInverted {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsClick = new EventEmitter();
+        this.dsMenuClick = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsButtonInverted, 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: DsButtonInverted, isStandalone: true, selector: "ds-button-inverted", inputs: { ariaLabel: "ariaLabel", controls: "controls", expanded: "expanded", hasMenu: "hasMenu", haspopup: "haspopup", icon: "icon", insetDepth: "insetDepth", isInactive: "isInactive", isInset: "isInset", isLoading: "isLoading", label: "label", labelEmphasis: "labelEmphasis", menuAriaLabel: "menuAriaLabel", pressScale: "pressScale", rounded: "rounded", size: "size", split: "split", surfaceOpen: "surfaceOpen", type: "type", variant: "variant", width: "width" }, outputs: { dsClick: "dsClick", dsMenuClick: "dsMenuClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsButtonInverted = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsButtonInverted,
+        inputs: ['ariaLabel', 'controls', 'expanded', 'hasMenu', 'haspopup', 'icon', 'insetDepth', 'isInactive', 'isInset', 'isLoading', 'label', 'labelEmphasis', 'menuAriaLabel', 'pressScale', 'rounded', 'size', 'split', 'surfaceOpen', 'type', 'variant', 'width'],
+        methods: ['setFocus']
+    })
+], DsButtonInverted);
+export { DsButtonInverted };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsButtonInverted, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-button-inverted',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['ariaLabel', 'controls', 'expanded', 'hasMenu', 'haspopup', 'icon', 'insetDepth', 'isInactive', 'isInset', 'isLoading', 'label', 'labelEmphasis', 'menuAriaLabel', 'pressScale', 'rounded', 'size', 'split', 'surfaceOpen', 'type', 'variant', 'width'],
+                    outputs: ['dsClick', 'dsMenuClick'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsClick: [{
+                type: Output
+            }], dsMenuClick: [{
+                type: Output
+            }] } });

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

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsCalendarCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsCalendar {
+    protected z: NgZone;
+    protected el: HTMLDsCalendarElement;
+    dsChange: EventEmitter<DsCalendarCustomEvent<string>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsCalendar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsCalendar, "ds-calendar", never, { "autoFocus": { "alias": "autoFocus"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
+}
+export declare interface DsCalendar extends Components.DsCalendar {
+    dsChange: EventEmitter<DsCalendarCustomEvent<string>>;
+}

package/dist/angular/ds-calendar.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 defineDsCalendar } from '@ds-mo/ui/components/ds-calendar.js';
+import * as i0 from "@angular/core";
+let DsCalendar = class DsCalendar {
+    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: DsCalendar, 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: DsCalendar, isStandalone: true, selector: "ds-calendar", inputs: { autoFocus: "autoFocus", isInactive: "isInactive", max: "max", min: "min", selectionMode: "selectionMode", value: "value" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsCalendar = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsCalendar,
+        inputs: ['autoFocus', 'isInactive', 'max', 'min', 'selectionMode', 'value'],
+        methods: ['setFocus']
+    })
+], DsCalendar);
+export { DsCalendar };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsCalendar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-calendar',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['autoFocus', 'isInactive', 'max', 'min', 'selectionMode', 'value'],
+                    outputs: ['dsChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{
+                type: Output
+            }] } });

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

@@ -6,7 +6,7 @@ export declare class DsField {
     protected el: HTMLDsFieldElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsField, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsField, "ds-field", never, { "description": { "alias": "description"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "fieldId": { "alias": "fieldId"; "required": false; }; "label": { "alias": "label"; "required": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsField, "ds-field", never, { "description": { "alias": "description"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "fieldId": { "alias": "fieldId"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare interface DsField extends Components.DsField {
 }

package/dist/angular/ds-field.js

@@ -33,6 +33,6 @@ 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: ['description', 'error', 'errorMessage', 'fieldId', { name: 'label', required: true }],
+                    inputs: ['description', 'error', 'errorMessage', 'fieldId', 'label'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });

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

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsInputDateCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsInputDate {
+    protected z: NgZone;
+    protected el: HTMLDsInputDateElement;
+    dsChange: EventEmitter<DsInputDateCustomEvent<string>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsInputDate, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsInputDate, "ds-input-date", 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; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
+}
+export declare interface DsInputDate extends Components.DsInputDate {
+    dsChange: EventEmitter<DsInputDateCustomEvent<string>>;
+}

package/dist/angular/ds-input-date.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 defineDsInputDate } from '@ds-mo/ui/components/ds-input-date.js';
+import * as i0 from "@angular/core";
+let DsInputDate = class DsInputDate {
+    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: DsInputDate, 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: DsInputDate, isStandalone: true, selector: "ds-input-date", 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", value: "value", width: "width" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsInputDate = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsInputDate,
+        inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoFocus', 'disabled', 'error', 'errorMessage', 'form', 'hasBorder', 'hasInteractionFill', 'inputId', 'isInactive', 'max', 'min', 'name', 'readOnly', 'required', 'requiredMessage', 'size', 'value', 'width'],
+        methods: ['setFocus']
+    })
+], DsInputDate);
+export { DsInputDate };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsInputDate, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-input-date',
+                    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', 'value', 'width'],
+                    outputs: ['dsChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{
+                type: Output
+            }] } });

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

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsInputTimeCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsInputTime {
+    protected z: NgZone;
+    protected el: HTMLDsInputTimeElement;
+    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>;
+}
+export declare interface DsInputTime extends Components.DsInputTime {
+    dsChange: EventEmitter<DsInputTimeCustomEvent<string>>;
+}

package/dist/angular/ds-input-time.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 defineDsInputTime } from '@ds-mo/ui/components/ds-input-time.js';
+import * as i0 from "@angular/core";
+let DsInputTime = class DsInputTime {
+    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: 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 }); }
+};
+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'],
+        methods: ['setFocus']
+    })
+], DsInputTime);
+export { DsInputTime };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsInputTime, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-input-time',
+                    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'],
+                    outputs: ['dsChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{
+                type: Output
+            }] } });

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

@@ -9,7 +9,7 @@ export declare class DsInput {
     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; }; "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; }; "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; }; "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>;
 }
 export declare interface DsInput extends Components.DsInput {
     dsChange: EventEmitter<DsInputCustomEvent<string>>;

package/dist/angular/ds-input.js

@@ -19,12 +19,12 @@ let DsInput = class DsInput {
         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", icon: "icon", inputId: "inputId", inputMode: "inputMode", isInactive: "isInactive", max: "max", min: "min", name: "name", placeholder: "placeholder", readOnly: "readOnly", required: "required", requiredMessage: "requiredMessage", 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", 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 }); }
 };
 DsInput = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsInput,
-        inputs: ['ariaActiveDescendant', 'ariaControls', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoComplete', 'autoFocus', 'clearLabel', 'disabled', 'enterKeyHint', 'error', 'errorMessage', 'form', 'hasBorder', 'hasInteractionFill', 'icon', 'inputId', 'inputMode', 'isInactive', 'max', 'min', 'name', 'placeholder', 'readOnly', 'required', 'requiredMessage', 'size', 'step', 'textAlign', 'type', 'value', 'width'],
+        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'],
         methods: ['setFocus']
     })
 ], DsInput);
@@ -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: ['ariaActiveDescendant', 'ariaControls', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoComplete', 'autoFocus', 'clearLabel', 'disabled', 'enterKeyHint', 'error', 'errorMessage', 'form', 'hasBorder', 'hasInteractionFill', 'icon', 'inputId', 'inputMode', 'isInactive', 'max', 'min', 'name', 'placeholder', 'readOnly', 'required', 'requiredMessage', 'size', 'step', 'textAlign', 'type', 'value', 'width'],
+                    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'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{

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

@@ -16,7 +16,7 @@ export declare class DsSelect {
     dsOptionSubtextAction: EventEmitter<DsSelectCustomEvent<IDsSelectSelectOptionSubtextActionDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsSelect, "ds-select", never, { "activeFill": { "alias": "activeFill"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "background": { "alias": "background"; "required": false; }; "boundary": { "alias": "boundary"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "footerActionLabel": { "alias": "footerActionLabel"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "neutralTrigger": { "alias": "neutralTrigger"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "popupAlign": { "alias": "popupAlign"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; }; "triggerLabelPlaceholder": { "alias": "triggerLabelPlaceholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; "dsOpenChange": "dsOpenChange"; "dsFooterAction": "dsFooterAction"; "dsOptionAction": "dsOptionAction"; "dsOptionSubtextAction": "dsOptionSubtextAction"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsSelect, "ds-select", never, { "activeFill": { "alias": "activeFill"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "background": { "alias": "background"; "required": false; }; "boundary": { "alias": "boundary"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "footerActionLabel": { "alias": "footerActionLabel"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "insetDepth": { "alias": "insetDepth"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isInset": { "alias": "isInset"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "neutralTrigger": { "alias": "neutralTrigger"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "popupAlign": { "alias": "popupAlign"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; }; "triggerLabelPlaceholder": { "alias": "triggerLabelPlaceholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; "dsOpenChange": "dsOpenChange"; "dsFooterAction": "dsFooterAction"; "dsOptionAction": "dsOptionAction"; "dsOptionSubtextAction": "dsOptionSubtextAction"; }, never, ["*"], true, never>;
 }
 export declare interface DsSelect extends Components.DsSelect {
     /**

package/dist/angular/ds-select.js

@@ -23,12 +23,12 @@ let DsSelect = class DsSelect {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsSelect, isStandalone: true, selector: "ds-select", inputs: { activeFill: "activeFill", allowClear: "allowClear", ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", background: "background", boundary: "boundary", clearLabel: "clearLabel", collapseLabel: "collapseLabel", disabled: "disabled", dot: "dot", error: "error", errorMessage: "errorMessage", footerActionLabel: "footerActionLabel", hasBorder: "hasBorder", icon: "icon", iconOnly: "iconOnly", indicator: "indicator", inputId: "inputId", isInactive: "isInactive", isLoading: "isLoading", loadingLabel: "loadingLabel", multiple: "multiple", name: "name", neutralTrigger: "neutralTrigger", noResultsText: "noResultsText", open: "open", options: "options", placeholder: "placeholder", popupAlign: "popupAlign", required: "required", requiredMessage: "requiredMessage", searchPlaceholder: "searchPlaceholder", searchable: "searchable", sections: "sections", selectedLabel: "selectedLabel", size: "size", triggerLabel: "triggerLabel", triggerLabelPlaceholder: "triggerLabelPlaceholder", value: "value", width: "width" }, outputs: { dsChange: "dsChange", dsClear: "dsClear", dsOpenChange: "dsOpenChange", dsFooterAction: "dsFooterAction", dsOptionAction: "dsOptionAction", dsOptionSubtextAction: "dsOptionSubtextAction" }, 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: DsSelect, isStandalone: true, selector: "ds-select", inputs: { activeFill: "activeFill", allowClear: "allowClear", ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", background: "background", boundary: "boundary", clearLabel: "clearLabel", collapseLabel: "collapseLabel", disabled: "disabled", dot: "dot", error: "error", errorMessage: "errorMessage", footerActionLabel: "footerActionLabel", hasBorder: "hasBorder", icon: "icon", iconOnly: "iconOnly", indicator: "indicator", inputId: "inputId", insetDepth: "insetDepth", isInactive: "isInactive", isInset: "isInset", isLoading: "isLoading", loadingLabel: "loadingLabel", multiple: "multiple", name: "name", neutralTrigger: "neutralTrigger", noResultsText: "noResultsText", open: "open", options: "options", placeholder: "placeholder", popupAlign: "popupAlign", required: "required", requiredMessage: "requiredMessage", rounded: "rounded", searchPlaceholder: "searchPlaceholder", searchable: "searchable", sections: "sections", selectedLabel: "selectedLabel", size: "size", triggerLabel: "triggerLabel", triggerLabelPlaceholder: "triggerLabelPlaceholder", value: "value", width: "width" }, outputs: { dsChange: "dsChange", dsClear: "dsClear", dsOpenChange: "dsOpenChange", dsFooterAction: "dsFooterAction", dsOptionAction: "dsOptionAction", dsOptionSubtextAction: "dsOptionSubtextAction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsSelect = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsSelect,
-        inputs: ['activeFill', 'allowClear', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'background', 'boundary', 'clearLabel', 'collapseLabel', 'disabled', 'dot', 'error', 'errorMessage', 'footerActionLabel', 'hasBorder', 'icon', 'iconOnly', 'indicator', 'inputId', 'isInactive', 'isLoading', 'loadingLabel', 'multiple', 'name', 'neutralTrigger', 'noResultsText', 'open', 'options', 'placeholder', 'popupAlign', 'required', 'requiredMessage', 'searchPlaceholder', 'searchable', 'sections', 'selectedLabel', 'size', 'triggerLabel', 'triggerLabelPlaceholder', 'value', 'width'],
+        inputs: ['activeFill', 'allowClear', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'background', 'boundary', 'clearLabel', 'collapseLabel', 'disabled', 'dot', 'error', 'errorMessage', 'footerActionLabel', 'hasBorder', 'icon', 'iconOnly', 'indicator', 'inputId', 'insetDepth', 'isInactive', 'isInset', 'isLoading', 'loadingLabel', 'multiple', 'name', 'neutralTrigger', 'noResultsText', 'open', 'options', 'placeholder', 'popupAlign', 'required', 'requiredMessage', 'rounded', 'searchPlaceholder', 'searchable', 'sections', 'selectedLabel', 'size', 'triggerLabel', 'triggerLabelPlaceholder', 'value', 'width'],
         methods: ['setFocus']
     })
 ], DsSelect);
@@ -40,7 +40,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: ['activeFill', 'allowClear', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'background', 'boundary', 'clearLabel', 'collapseLabel', 'disabled', 'dot', 'error', 'errorMessage', 'footerActionLabel', 'hasBorder', 'icon', 'iconOnly', 'indicator', 'inputId', 'isInactive', 'isLoading', 'loadingLabel', 'multiple', 'name', 'neutralTrigger', 'noResultsText', 'open', 'options', 'placeholder', 'popupAlign', 'required', 'requiredMessage', 'searchPlaceholder', 'searchable', 'sections', 'selectedLabel', 'size', 'triggerLabel', 'triggerLabelPlaceholder', 'value', 'width'],
+                    inputs: ['activeFill', 'allowClear', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'background', 'boundary', 'clearLabel', 'collapseLabel', 'disabled', 'dot', 'error', 'errorMessage', 'footerActionLabel', 'hasBorder', 'icon', 'iconOnly', 'indicator', 'inputId', 'insetDepth', 'isInactive', 'isInset', 'isLoading', 'loadingLabel', 'multiple', 'name', 'neutralTrigger', 'noResultsText', 'open', 'options', 'placeholder', 'popupAlign', 'required', 'requiredMessage', 'rounded', 'searchPlaceholder', 'searchable', 'sections', 'selectedLabel', 'size', 'triggerLabel', 'triggerLabelPlaceholder', 'value', 'width'],
                     outputs: ['dsChange', 'dsClear', 'dsOpenChange', 'dsFooterAction', 'dsOptionAction', 'dsOptionSubtextAction'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{

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

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsTimePickerCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsTimePicker {
+    protected z: NgZone;
+    protected el: HTMLDsTimePickerElement;
+    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>;
+}
+export declare interface DsTimePicker extends Components.DsTimePicker {
+    dsChange: EventEmitter<DsTimePickerCustomEvent<string>>;
+}

package/dist/angular/ds-time-picker.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 defineDsTimePicker } from '@ds-mo/ui/components/ds-time-picker.js';
+import * as i0 from "@angular/core";
+let DsTimePicker = class DsTimePicker {
+    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: 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 }); }
+};
+DsTimePicker = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsTimePicker,
+        inputs: ['autoFocus', 'isInactive', 'max', 'min', 'step', 'value'],
+        methods: ['setFocus']
+    })
+], DsTimePicker);
+export { DsTimePicker };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsTimePicker, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-time-picker',
+                    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'],
+                    outputs: ['dsChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{
+                type: Output
+            }] } });

package/dist/angular/index.d.ts

@@ -1,2 +1,2 @@
 import * as d from './proxies';
-export declare const DIRECTIVES: (typeof d.DsAgentActivity | typeof d.DsAgentQuestionnaire | typeof d.DsAgentResponse | typeof d.DsAgentSourceList | typeof d.DsAgentToolCall | typeof d.DsAttachmentList | typeof d.DsAvatar | typeof d.DsBadge | typeof d.DsBanner | typeof d.DsBarAction | typeof d.DsBarNav | typeof d.DsBarPageTitle | typeof d.DsBarTitle | typeof d.DsBarWorkflow | typeof d.DsBreadcrumb | typeof d.DsButtonFilled | typeof d.DsButtonUnfilled | typeof d.DsCardActionCenter | typeof d.DsCardChart | typeof d.DsCardNavigation | typeof d.DsCardOverview | typeof d.DsCardSetting | typeof d.DsCardSettingsScope | typeof d.DsChartLegend | typeof d.DsChart | typeof d.DsCheckbox | typeof d.DsChip | typeof d.DsCodeBlock | typeof d.DsConversationListItem | typeof d.DsConversationListSection | typeof d.DsConversationList | typeof d.DsDivider | typeof d.DsEmptyState | typeof d.DsField | typeof d.DsFilterMenu | typeof d.DsIcon | typeof d.DsInput | typeof d.DsLoader | typeof d.DsMarkdown | typeof d.DsMenu | typeof d.DsMessageActions | typeof d.DsMessageBubble | typeof d.DsMessageComposer | typeof d.DsMessageScroller | typeof d.DsMessage | typeof d.DsMobileBarNav | typeof d.DsMobileHeader | typeof d.DsMobileSectionSwitcher | typeof d.DsMobileSheetNav | typeof d.DsModal | typeof d.DsPagination | typeof d.DsPanelNav | typeof d.DsPanelSubNav | typeof d.DsPanelToolHeader | typeof d.DsPanelToolSearch | typeof d.DsPanelTools | typeof d.DsPaperTexture | typeof d.DsRadio | typeof d.DsScore | typeof d.DsScrollOverlay | typeof d.DsSelect | typeof d.DsShellApp | typeof d.DsShellPage | typeof d.DsShellTools | typeof d.DsSkeleton | typeof d.DsSlider | typeof d.DsSwatchPicker | typeof d.DsSwitch | typeof d.DsTabGroup | typeof d.DsTableFilter | typeof d.DsTableGroup | typeof d.DsTablePreferences | typeof d.DsTableSavedViews | typeof d.DsTableSearch | typeof d.DsTableSort | typeof d.DsTableToolbar | typeof d.DsTable | typeof d.DsTag | typeof d.DsText | typeof d.DsTextarea | typeof d.DsToast | typeof d.DsTooltipChart | typeof d.DsTooltip | typeof d.DsTypingIndicator)[];
+export declare const DIRECTIVES: (typeof d.DsAgentActivity | typeof d.DsAgentQuestionnaire | typeof d.DsAgentResponse | typeof d.DsAgentSourceList | typeof d.DsAgentToolCall | typeof d.DsAttachmentList | typeof d.DsAvatar | typeof d.DsBadge | typeof d.DsBanner | typeof d.DsBarAction | typeof d.DsBarNav | typeof d.DsBarPageTitle | typeof d.DsBarTitle | typeof d.DsBarWorkflow | typeof d.DsBreadcrumb | typeof d.DsButtonFilled | typeof d.DsButtonInverted | typeof d.DsButtonUnfilled | typeof d.DsCalendar | typeof d.DsCardActionCenter | typeof d.DsCardChart | typeof d.DsCardNavigation | typeof d.DsCardOverview | typeof d.DsCardSetting | typeof d.DsCardSettingsScope | typeof d.DsChartLegend | typeof d.DsChart | typeof d.DsCheckbox | typeof d.DsChip | typeof d.DsCodeBlock | typeof d.DsConversationListItem | typeof d.DsConversationListSection | typeof d.DsConversationList | typeof d.DsDivider | typeof d.DsEmptyState | typeof d.DsField | typeof d.DsFilterMenu | typeof d.DsIcon | typeof d.DsInputDate | typeof d.DsInputTime | typeof d.DsInput | typeof d.DsLoader | typeof d.DsMarkdown | typeof d.DsMenu | typeof d.DsMessageActions | typeof d.DsMessageBubble | typeof d.DsMessageComposer | typeof d.DsMessageScroller | typeof d.DsMessage | typeof d.DsMobileBarNav | typeof d.DsMobileHeader | typeof d.DsMobileSectionSwitcher | typeof d.DsMobileSheetNav | typeof d.DsModal | typeof d.DsPagination | typeof d.DsPanelNav | typeof d.DsPanelSubNav | typeof d.DsPanelToolHeader | typeof d.DsPanelToolSearch | typeof d.DsPanelTools | typeof d.DsPaperTexture | typeof d.DsRadio | typeof d.DsScore | typeof d.DsScrollOverlay | typeof d.DsSelect | typeof d.DsShellApp | typeof d.DsShellPage | typeof d.DsShellTools | typeof d.DsSkeleton | typeof d.DsSlider | typeof d.DsSwatchPicker | typeof d.DsSwitch | typeof d.DsTabGroup | typeof d.DsTableFilter | typeof d.DsTableGroup | typeof d.DsTablePreferences | typeof d.DsTableSavedViews | typeof d.DsTableSearch | typeof d.DsTableSort | typeof d.DsTableToolbar | typeof d.DsTable | typeof d.DsTag | typeof d.DsText | typeof d.DsTextarea | typeof d.DsTimePicker | typeof d.DsToast | typeof d.DsTooltipChart | typeof d.DsTooltip | typeof d.DsTypingIndicator)[];

package/dist/angular/index.js

@@ -16,7 +16,9 @@ export const DIRECTIVES = [
     d.DsBarWorkflow,
     d.DsBreadcrumb,
     d.DsButtonFilled,
+    d.DsButtonInverted,
     d.DsButtonUnfilled,
+    d.DsCalendar,
     d.DsCardActionCenter,
     d.DsCardChart,
     d.DsCardNavigation,
@@ -37,6 +39,8 @@ export const DIRECTIVES = [
     d.DsFilterMenu,
     d.DsIcon,
     d.DsInput,
+    d.DsInputDate,
+    d.DsInputTime,
     d.DsLoader,
     d.DsMarkdown,
     d.DsMenu,
@@ -80,6 +84,7 @@ export const DIRECTIVES = [
     d.DsTag,
     d.DsText,
     d.DsTextarea,
+    d.DsTimePicker,
     d.DsToast,
     d.DsTooltip,
     d.DsTooltipChart,

package/dist/angular/proxies.d.ts

@@ -18,7 +18,9 @@ export { DsBarTitle } from './ds-bar-title';
 export { DsBarWorkflow } from './ds-bar-workflow';
 export { DsBreadcrumb } from './ds-breadcrumb';
 export { DsButtonFilled } from './ds-button-filled';
+export { DsButtonInverted } from './ds-button-inverted';
 export { DsButtonUnfilled } from './ds-button-unfilled';
+export { DsCalendar } from './ds-calendar';
 export { DsCardActionCenter } from './ds-card-action-center';
 export { DsCardChart } from './ds-card-chart';
 export { DsCardNavigation } from './ds-card-navigation';
@@ -39,6 +41,8 @@ export { DsField } from './ds-field';
 export { DsFilterMenu } from './ds-filter-menu';
 export { DsIcon } from './ds-icon';
 export { DsInput } from './ds-input';
+export { DsInputDate } from './ds-input-date';
+export { DsInputTime } from './ds-input-time';
 export { DsLoader } from './ds-loader';
 export { DsMarkdown } from './ds-markdown';
 export { DsMenu } from './ds-menu';
@@ -82,6 +86,7 @@ export { DsTableToolbar } from './ds-table-toolbar';
 export { DsTag } from './ds-tag';
 export { DsText } from './ds-text';
 export { DsTextarea } from './ds-textarea';
+export { DsTimePicker } from './ds-time-picker';
 export { DsToast } from './ds-toast';
 export { DsTooltip } from './ds-tooltip';
 export { DsTooltipChart } from './ds-tooltip-chart';

package/dist/angular/proxies.js

@@ -19,7 +19,9 @@ export { DsBarTitle } from './ds-bar-title.js';
 export { DsBarWorkflow } from './ds-bar-workflow.js';
 export { DsBreadcrumb } from './ds-breadcrumb.js';
 export { DsButtonFilled } from './ds-button-filled.js';
+export { DsButtonInverted } from './ds-button-inverted.js';
 export { DsButtonUnfilled } from './ds-button-unfilled.js';
+export { DsCalendar } from './ds-calendar.js';
 export { DsCardActionCenter } from './ds-card-action-center.js';
 export { DsCardChart } from './ds-card-chart.js';
 export { DsCardNavigation } from './ds-card-navigation.js';
@@ -40,6 +42,8 @@ export { DsField } from './ds-field.js';
 export { DsFilterMenu } from './ds-filter-menu.js';
 export { DsIcon } from './ds-icon.js';
 export { DsInput } from './ds-input.js';
+export { DsInputDate } from './ds-input-date.js';
+export { DsInputTime } from './ds-input-time.js';
 export { DsLoader } from './ds-loader.js';
 export { DsMarkdown } from './ds-markdown.js';
 export { DsMenu } from './ds-menu.js';
@@ -83,6 +87,7 @@ export { DsTableToolbar } from './ds-table-toolbar.js';
 export { DsTag } from './ds-tag.js';
 export { DsText } from './ds-text.js';
 export { DsTextarea } from './ds-textarea.js';
+export { DsTimePicker } from './ds-time-picker.js';
 export { DsToast } from './ds-toast.js';
 export { DsTooltip } from './ds-tooltip.js';
 export { DsTooltipChart } from './ds-tooltip-chart.js';

package/dist/angular/text-value-accessor.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
 export declare class TextValueAccessor extends ValueAccessor {
     constructor(el: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<TextValueAccessor, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextValueAccessor, "ds-input, ds-textarea", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextValueAccessor, "ds-input, ds-input-date, ds-input-time, ds-textarea", never, {}, {}, never, never, true, never>;
 }

package/dist/angular/text-value-accessor.js

@@ -7,7 +7,7 @@ export class TextValueAccessor extends ValueAccessor {
         super(el);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: TextValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.0", type: TextValueAccessor, isStandalone: true, selector: "ds-input, ds-textarea", host: { listeners: { "dsChange": "handleChangeEvent($event.target?.[\"value\"])" } }, providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.0", type: TextValueAccessor, isStandalone: true, selector: "ds-input, ds-input-date, ds-input-time, ds-textarea", host: { listeners: { "dsChange": "handleChangeEvent($event.target?.[\"value\"])" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => TextValueAccessor),
@@ -19,7 +19,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
             type: Directive,
             args: [{
                     /* tslint:disable-next-line:directive-selector */
-                    selector: 'ds-input, ds-textarea',
+                    selector: 'ds-input, ds-input-date, ds-input-time, ds-textarea',
                     host: {
                         '(dsChange)': 'handleChangeEvent($event.target?.["value"])'
                     },