@ds-mo/ui 15.1.1 → 15.3.0

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

@@ -20,6 +20,23 @@ export declare class Input {
     clearLabel: string;
     showPasswordLabel: string;
     hidePasswordLabel: string;
+    /** Minimum non-empty text length, in native UTF-16 code units. */
+    minLength: number | undefined;
+    /** Maximum text length. A visible counter accompanies this constraint by default. */
+    maxLength: number | undefined;
+    /** Error preserves extra text; restrict uses the browser's hard input limit. */
+    lengthBehavior: 'error' | 'restrict';
+    showCharacterCount: boolean;
+    /** Native whole-value regular expression for text-like input types. */
+    pattern: string | undefined;
+    patternMessage: string | undefined;
+    /** Optional local suggestions; free text always remains valid. Used with text/search fields. */
+    suggestions: string[];
+    /** Free-text tokens entered with Enter/comma and removable chips. Used with text/search fields. */
+    tokenized: boolean;
+    /** Committed values; value remains the editable draft when tokenized. */
+    tokens: string[];
+    removeTokenLabel: string;
     placeholder: string | undefined;
     type: InputType;
     /** Minimum accepted value when type is number. */
@@ -28,7 +45,11 @@ export declare class Input {
     max: number | undefined;
     /** Numeric increment used by native stepping and constraint validation. */
     step: number | undefined;
-    /** Align the editable value; number steppers follow the same inline edge. */
+    /** Show inset increment/decrement actions for number fields. Native numeric editing remains available when hidden. */
+    showStepper: boolean;
+    incrementLabel: string;
+    decrementLabel: string;
+    /** Align the editable value; number steppers sit on the opposite inline edge. */
     textAlign: InputTextAlign;
     /** Native browser autofill hint. */
     autoComplete: string | undefined;
@@ -60,7 +81,25 @@ export declare class Input {
     /** Identifies the active descendant while focus remains in the editable field. */
     ariaActiveDescendant: string | undefined;
     dsChange: EventEmitter<string>;
+    dsTokensChange: EventEmitter<string[]>;
+    dsSuggestionSelect: EventEmitter<string>;
     dsClear: EventEmitter<void>;
+    private constraintMessage;
+    private submitted;
+    private get managedByField();
+    private get visibleConstraintMessage();
+    private get hasCounter();
+    private suggestionsOpen;
+    private activeSuggestion;
+    private suggestionPosition;
+    private suggestionsReady;
+    private controlEl?;
+    private initialTokens;
+    private get supportsTextFeatures();
+    private get isTokenized();
+    private get filteredSuggestions();
+    private readonly suggestionPlacement;
+    private readonly suggestionInteraction;
     private initialValue;
     private inputEl?;
     private formDisabled;
@@ -73,10 +112,12 @@ export declare class Input {
     private passwordRevealed;
     private restorePasswordFocus;
     componentWillLoad(): void;
+    disconnectedCallback(): void;
     componentDidRender(): void;
     onTypeChange(): void;
     private syncAdornmentSlots;
     syncFormValue(): void;
+    private textConstraints;
     formDisabledCallback(disabled: boolean): void;
     formResetCallback(): void;
     formStateRestoreCallback(state: string | File | FormData | null): void;
@@ -86,6 +127,14 @@ export declare class Input {
     private handleBlur;
     private handleClear;
     private handleTogglePassword;
+    onSuggestionsChanged(): void;
+    private openSuggestions;
+    private closeSuggestions;
+    private addTokens;
+    private removeToken;
+    private selectSuggestion;
+    private handleTextKeyDown;
+    private handlePaste;
     private numericStepDisabled;
     private handleNumericStep;
     private renderNumericStepper;

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

@@ -17,6 +17,8 @@ export declare class InputTime {
     requiredMessage: string;
     /** Native time step in seconds. Defaults to minutes (`60`). */
     step: string | number;
+    /** Display format; submitted values remain HH:MM in either format. */
+    hourFormat: '12' | '24';
     min: string | undefined;
     max: string | undefined;
     size: InputTimeSize;
@@ -56,6 +58,7 @@ export declare class InputTime {
     private get isInvalid();
     componentWillLoad(): void;
     disconnectedCallback(): void;
+    onHourFormatChange(): void;
     syncFormValue(): void;
     onInteractionStateChange(): void;
     formDisabledCallback(disabled: boolean): void;

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

@@ -0,0 +1,19 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class MapClusterMarker {
+    /** Accessible action label. Describe the cluster and what activation does. */
+    label: string;
+    /** Short visible cluster identifier revealed on hover or keyboard focus. */
+    caption: string;
+    /** Number of represented entities, compacted at one thousand and above. */
+    count: number;
+    /** De-emphasizes this cluster when an owner-managed selection is active elsewhere. */
+    dimmed: boolean;
+    /** Fired when the cluster's native button is activated. */
+    dsClick: EventEmitter<MouseEvent>;
+    private buttonEl?;
+    /** Moves keyboard focus to the cluster button. */
+    setFocus(): Promise<void>;
+    private handleClick;
+    render(): any;
+}
+//# sourceMappingURL=MapClusterMarker.d.ts.map

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

@@ -0,0 +1,26 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type MapEntityMarkerState = 'moving' | 'idling' | 'stationary' | 'immobilized' | 'unknown';
+export declare class MapEntityMarker {
+    /** Accessible action label. Describe what activating the marker opens. */
+    label: string;
+    /** Short visible identifier revealed on hover or keyboard focus. */
+    caption: string;
+    /** Canonical IcoMo icon name for the represented map entity. Immobilized state uses MapKey. */
+    icon: string;
+    /** Semantic operating state that selects the marker background. */
+    state: MapEntityMarkerState;
+    /** Adds an optional dashed outline without changing the operating state. */
+    dashed: boolean;
+    /** Clockwise map bearing for travel-group and vehicle icons. Values are normalized to 0–359. */
+    bearing: number;
+    /** De-emphasizes this marker when an owner-managed selection is active elsewhere. */
+    dimmed: boolean;
+    /** Fired when the marker's native button is activated. */
+    dsClick: EventEmitter<MouseEvent>;
+    private buttonEl?;
+    /** Moves keyboard focus to the marker button. */
+    setFocus(): Promise<void>;
+    private handleClick;
+    render(): any;
+}
+//# sourceMappingURL=MapEntityMarker.d.ts.map

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

@@ -0,0 +1,40 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface RadioTileOption {
+    value: string;
+    label: string;
+    description?: string;
+    isInactive?: boolean;
+}
+export declare class RadioTile {
+    el: HTMLElement;
+    internals: ElementInternals;
+    /** One-of-many choices displayed as fully clickable tiles. */
+    options: RadioTileOption[];
+    value: string;
+    name: string | undefined;
+    form: string | undefined;
+    disabled: boolean;
+    isInactive: boolean;
+    required: boolean;
+    requiredMessage: string;
+    direction: 'horizontal' | 'vertical';
+    inputId: string | undefined;
+    error: boolean;
+    ariaLabel: string | null;
+    ariaLabelledby: string | undefined;
+    ariaDescribedby: string | undefined;
+    dsChange: EventEmitter<string>;
+    private formDisabled;
+    private readonly generatedId;
+    private initialValue;
+    private get inactive();
+    componentWillLoad(): void;
+    syncFormValue(): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData | null): void;
+    setFocus(): Promise<void>;
+    private select;
+    render(): any;
+}
+//# sourceMappingURL=RadioTile.d.ts.map

package/dist/types/components/RadioTile/index.d.ts

@@ -0,0 +1,2 @@
+export type { RadioTileOption } from './RadioTile';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,18 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/** A labeled binary setting that applies immediately through its application owner. */
+export declare class SettingRow {
+    /** Name of the enabled setting. */
+    label: string;
+    /** Supporting copy explaining the setting and its alternative. */
+    description?: string;
+    /** Controlled enabled state. */
+    checked: boolean;
+    /** Prevent changes while the setting is unavailable. */
+    disabled: boolean;
+    /** Requests the next value; the application owns acceptance and persistence. */
+    dsChange: EventEmitter<boolean>;
+    private readonly rowId;
+    private handleChange;
+    render(): any;
+}
+//# sourceMappingURL=SettingRow.d.ts.map

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

@@ -1,4 +1,8 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+export interface SliderTick {
+    value: number;
+    label?: string;
+}
 export type SliderValue = number | number[];
 export type SliderSize = 'md' | 'sm' | 'xs';
 export type SliderOrientation = 'horizontal' | 'vertical';
@@ -10,7 +14,9 @@ export declare class Slider {
     value: SliderValue;
     min: number;
     max: number;
-    step: number;
+    step: number | 'any';
+    /** Explicit ticks are the selectable snap points. Empty ticks with step='any' allow smooth adjustment. */
+    ticks: SliderTick[];
     /** Minimum number of steps kept between two range thumbs. */
     minStepsBetweenValues: number;
     /** Visible field label. Supply aria-label when the label is intentionally hidden. */
@@ -77,6 +83,7 @@ export declare class Slider {
     private get isDisabled();
     private get isRange();
     private get safeStep();
+    private get resolvedTicks();
     private get safeMin();
     private get safeMax();
     private get minimumGap();

package/dist/types/components/Slider/index.d.ts

@@ -1,2 +1,2 @@
-export type {} from './Slider';
+export type { SliderTick } from './Slider';
 //# sourceMappingURL=index.d.ts.map

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

@@ -16,6 +16,13 @@ export declare class Textarea {
     readOnly: boolean;
     required: boolean;
     requiredMessage: string;
+    /** Minimum non-empty text length, in native UTF-16 code units. */
+    minLength: number | undefined;
+    /** Maximum text length. A visible counter accompanies this constraint by default. */
+    maxLength: number | undefined;
+    /** Error preserves extra text; restrict uses the browser's hard input limit. */
+    lengthBehavior: 'error' | 'restrict';
+    showCharacterCount: boolean;
     placeholder: string | undefined;
     /** Visible text rows before the field scrolls. */
     rows: number;
@@ -47,6 +54,11 @@ export declare class Textarea {
     ariaLabelledby: string | undefined;
     ariaDescribedby: string | undefined;
     dsChange: EventEmitter<string>;
+    private constraintMessage;
+    private submitted;
+    private get managedByField();
+    private get visibleConstraintMessage();
+    private get hasCounter();
     private initialValue;
     private textareaEl?;
     private formDisabled;

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

@@ -3,6 +3,8 @@ export declare class TimePicker {
     el: HTMLElement;
     /** Clock value as `HH:MM`. */
     value: string;
+    /** Display 12-hour lists with AM/PM or a 24-hour clock. Stored values remain HH:MM. */
+    hourFormat: '12' | '24';
     min: string | undefined;
     max: string | undefined;
     /** Native time step in seconds. Defaults to minutes (`60`). */
@@ -15,6 +17,8 @@ export declare class TimePicker {
     onValueChange(): void;
     setFocus(): Promise<void>;
     private parts;
+    private hours;
+    private displayHour;
     private minutes;
     private isDisabledTime;
     private optionParts;