@ds-mo/ui 14.35.0 → 14.36.0

package/dist/types/components/Calendar/calendar-grid.d.ts

@@ -0,0 +1,19 @@
+export interface CalendarDateRange {
+    start: string;
+    end: string;
+}
+export interface CalendarDay {
+    value: string;
+    day: number;
+    inMonth: boolean;
+    label: string;
+}
+export declare const CALENDAR_WEEKDAYS: string[];
+export declare function calendarToday(): string;
+export declare function calendarMonth(value: string): string;
+export declare function shiftCalendarMonth(value: string, offset: number): string;
+export declare function calendarMonthLabel(value: string): string;
+export declare function calendarDays(value: string): CalendarDay[];
+/** Keep the previous committed range visible while a replacement range is being chosen. */
+export declare function calendarPaintedRange(pendingStart: string, heldRange: CalendarDateRange | null, valueRange: CalendarDateRange | null): CalendarDateRange | null;
+//# sourceMappingURL=calendar-grid.d.ts.map

package/dist/types/components/Field/Field.d.ts

@@ -1,7 +1,7 @@
 export declare class Field {
     el: HTMLElement;
-    /** Persistent visible label for the single slotted control. */
-    label: string;
+    /** Visible label for the slotted control. Omit when a nearby heading already names the field. */
+    label?: string;
     /** Explicit ID for the slotted control; generated when omitted. */
     fieldId: string | undefined;
     /** Optional guidance associated with the slotted control while no visible error is shown. */
@@ -16,6 +16,8 @@ export declare class Field {
     private touched;
     private controlDisabled;
     private controlRequired;
+    private controlBorderless;
+    private controlSize;
     /** Bumped to let Stencil relocate a control added after the initial render. */
     private slotRevision;
     private readonly generatedId;
@@ -24,12 +26,14 @@ export declare class Field {
     private initialValue;
     private authoredAria;
     private childObserver?;
+    private controlAttrObserver?;
     private didLoad;
     connectedCallback(): void;
     disconnectedCallback(): void;
     componentDidLoad(): void;
     componentDidRender(): void;
     onFieldContractChange(): void;
+    private get hasLabel();
     private get controlId();
     private get labelId();
     private get descriptionId();
@@ -41,6 +45,7 @@ export declare class Field {
     private findControl;
     private observeLateControls;
     private syncControl;
+    private observeControlAttributes;
     private handleLabelClick;
     private handleFocusIn;
     private handleFocusOut;

package/dist/types/components/FilterMenu/FilterMenu.d.ts

@@ -122,9 +122,6 @@ export declare class FilterMenu {
     private activeOptionIndex;
     private captionCompact;
     private dateModeByFilter;
-    private calendarMonthByFilter;
-    private pendingRangeStartByFilter;
-    private previewRangeEndByFilter;
     private optionQueryByFilter;
     /** Requests a controlled value replacement without closing the popup. */
     dsChange: EventEmitter<FilterMenuChangeDetail>;
@@ -187,13 +184,6 @@ export declare class FilterMenu {
     private selectOption;
     private dateMode;
     private setDateMode;
-    private calendarMonth;
-    private moveCalendarMonth;
-    private selectCalendarDate;
-    private previewCalendarRange;
-    private clearCalendarRangePreview;
-    private focusCalendarDate;
-    private handleCalendarDayKeyDown;
     private renderRelativeDateOptions;
     private renderDateCalendar;
     private renderDateFilter;

package/dist/types/components/Input/Input.d.ts

@@ -18,6 +18,8 @@ export declare class Input {
     required: boolean;
     requiredMessage: string;
     clearLabel: string;
+    showPasswordLabel: string;
+    hidePasswordLabel: string;
     placeholder: string | undefined;
     type: InputType;
     /** Minimum accepted value when type is number. */
@@ -62,11 +64,18 @@ export declare class Input {
     private initialValue;
     private inputEl?;
     private formDisabled;
+    private hasPrefix;
+    private hasPrefixControl;
     private hasSuffix;
+    private hasSuffixControl;
     private focused;
     private touched;
+    private passwordRevealed;
+    private restorePasswordFocus;
     componentWillLoad(): void;
     componentDidRender(): void;
+    onTypeChange(): void;
+    private syncAdornmentSlots;
     syncFormValue(): void;
     formDisabledCallback(disabled: boolean): void;
     formResetCallback(): void;
@@ -76,6 +85,7 @@ export declare class Input {
     private handleFocus;
     private handleBlur;
     private handleClear;
+    private handleTogglePassword;
     private numericStepDisabled;
     private handleNumericStep;
     private renderNumericStepper;

package/dist/types/components/InputDate/InputDate.d.ts

@@ -0,0 +1,78 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { type ControlSize, type ControlWidth } from '../../utils';
+export type InputDateSize = ControlSize;
+export type InputDateWidth = ControlWidth;
+export declare class InputDate {
+    el: HTMLElement;
+    internals: ElementInternals;
+    private generatedId;
+    private errorId;
+    private popupId;
+    value: string;
+    name: string | undefined;
+    form: string | undefined;
+    disabled: boolean;
+    readOnly: boolean;
+    required: boolean;
+    requiredMessage: string;
+    min: string | undefined;
+    max: string | undefined;
+    size: InputDateSize;
+    width: InputDateWidth;
+    hasBorder: boolean;
+    hasInteractionFill: boolean;
+    isInactive: boolean;
+    autoFocus: boolean;
+    error: boolean;
+    errorMessage: string | undefined;
+    inputId: string | undefined;
+    ariaLabel: string | null;
+    ariaLabelledby: string | undefined;
+    ariaDescribedby: string | undefined;
+    dsChange: EventEmitter<string>;
+    private initialValue;
+    private inputEl?;
+    private controlEl?;
+    private calendarButton?;
+    private closeTimer;
+    private formDisabled;
+    private focused;
+    private touched;
+    private draftText;
+    private open;
+    private shouldRender;
+    private closing;
+    private positionReady;
+    private pos;
+    private readonly position;
+    private readonly interaction;
+    private get popupFallbackWidth();
+    private get popupFallbackHeight();
+    private get formInactive();
+    private get pickerInactive();
+    private get hasConstraintError();
+    private get isInvalid();
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    syncFormValue(): void;
+    onInteractionStateChange(): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData | null): void;
+    setFocus(): Promise<void>;
+    handleHostKeyDown(event: KeyboardEvent): void;
+    private get displayValue();
+    private parseDraft;
+    private commitIso;
+    private teardownListeners;
+    private openPicker;
+    private closePicker;
+    private finishClose;
+    private togglePicker;
+    private handleInput;
+    private handleFocus;
+    private handleBlur;
+    private handleCalendarChange;
+    render(): any;
+}
+//# sourceMappingURL=InputDate.d.ts.map

package/dist/types/components/InputTime/InputTime.d.ts

@@ -0,0 +1,80 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { type ControlSize, type ControlWidth } from '../../utils';
+export type InputTimeSize = ControlSize;
+export type InputTimeWidth = ControlWidth;
+export declare class InputTime {
+    el: HTMLElement;
+    internals: ElementInternals;
+    private generatedId;
+    private errorId;
+    private popupId;
+    value: string;
+    name: string | undefined;
+    form: string | undefined;
+    disabled: boolean;
+    readOnly: boolean;
+    required: boolean;
+    requiredMessage: string;
+    /** Native time step in seconds. Defaults to minutes (`60`). */
+    step: string | number;
+    min: string | undefined;
+    max: string | undefined;
+    size: InputTimeSize;
+    width: InputTimeWidth;
+    hasBorder: boolean;
+    hasInteractionFill: boolean;
+    isInactive: boolean;
+    autoFocus: boolean;
+    error: boolean;
+    errorMessage: string | undefined;
+    inputId: string | undefined;
+    ariaLabel: string | null;
+    ariaLabelledby: string | undefined;
+    ariaDescribedby: string | undefined;
+    dsChange: EventEmitter<string>;
+    private initialValue;
+    private inputEl?;
+    private controlEl?;
+    private clockButton?;
+    private closeTimer;
+    private formDisabled;
+    private focused;
+    private touched;
+    private draftText;
+    private open;
+    private shouldRender;
+    private closing;
+    private positionReady;
+    private pos;
+    private readonly position;
+    private readonly interaction;
+    private get popupFallbackWidth();
+    private get popupFallbackHeight();
+    private get formInactive();
+    private get pickerInactive();
+    private get hasConstraintError();
+    private get isInvalid();
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    syncFormValue(): void;
+    onInteractionStateChange(): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData | null): void;
+    setFocus(): Promise<void>;
+    handleHostKeyDown(event: KeyboardEvent): void;
+    private get displayValue();
+    private parseDraft;
+    private commitIso;
+    private teardownListeners;
+    private openPicker;
+    private closePicker;
+    private finishClose;
+    private togglePicker;
+    private handleInput;
+    private handleFocus;
+    private handleBlur;
+    private handleTimeChange;
+    render(): any;
+}
+//# sourceMappingURL=InputTime.d.ts.map

package/dist/types/components/Select/Select.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { type ControlWidth } from '../../utils';
+import { type ControlInsetDepth, type ControlWidth } from '../../utils';
 import { type ChoiceBackground, type ChoiceOption, type ChoiceSection } from '../../utils/choice-list';
 export type SelectOption = ChoiceOption;
 export type SelectSection = ChoiceSection;
@@ -50,6 +50,10 @@ export declare class Select {
     dot: boolean;
     /** Control density. */
     size: SelectSize;
+    /** Use reduced outer geometry when nested inside a control of the same size. */
+    isInset: boolean;
+    /** Single removes 4px overall; double removes 8px overall (xs stays single). */
+    insetDepth: ControlInsetDepth;
     /** Width fit — hug content (default) or fill the parent. */
     width: SelectWidth;
     /** Align the popup's choice edge to the trigger start or end edge. */
@@ -73,6 +77,8 @@ export declare class Select {
     iconOnly: boolean;
     /** Show the surface-aware inset border, including focused and invalid strokes. */
     hasBorder: boolean;
+    /** Use a pill radius on the trigger. Popup chrome stays on the menu radius. */
+    rounded: boolean;
     /** Optional trigger prefix icon name. */
     icon: string | undefined;
     /** Trailing choice indicator. Use up-down for compact value steppers such as page size. */
@@ -181,6 +187,7 @@ export declare class Select {
     private readonly handleTriggerKeyDown;
     private renderOption;
     private get captionIconOnly();
+    private get doubleInset();
     private syncCaptionCompactObserver;
     private disconnectCaptionCompactObserver;
     private renderCaptionTooltip;

package/dist/types/components/TimePicker/TimePicker.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class TimePicker {
+    el: HTMLElement;
+    /** Clock value as `HH:MM`. */
+    value: string;
+    min: string | undefined;
+    max: string | undefined;
+    /** Native time step in seconds. Defaults to minutes (`60`). */
+    step: string | number;
+    isInactive: boolean;
+    /** Move keyboard focus into the hour list after the picker is rendered. */
+    autoFocus: boolean;
+    dsChange: EventEmitter<string>;
+    componentDidLoad(): void;
+    onValueChange(): void;
+    setFocus(): Promise<void>;
+    private parts;
+    private minutes;
+    private isDisabledTime;
+    private optionParts;
+    private isDisabledPart;
+    private orderedValues;
+    private commit;
+    private optionEl;
+    private scrollSelectedIntoView;
+    private focusOption;
+    private focusValue;
+    private focusColumn;
+    private handleColumnKeyDown;
+    private renderTile;
+    render(): any;
+}
+//# sourceMappingURL=TimePicker.d.ts.map