@melodicdev/components 1.0.22 → 1.1.1

package/assets/melodic-components.min.js

@@ -977,7 +977,7 @@ var V = class {
       };
       this._resolversExecutedForPath = m;
     }
-    if (a ? history.replaceState(l, "", m) : history.pushState(l, "", m), this._currentPath = m, c) {
+    if (this.setCurrentMatches(u), a ? history.replaceState(l, "", m) : history.pushState(l, "", m), this._currentPath = m, c) {
       const h = m.includes("#") ? m.split("#")[1] : null;
       if (h) {
         const p = document.getElementById(h);
@@ -1083,8 +1083,10 @@ var V = class {
       return;
     }
     this._currentPath = r;
-    const a = new CustomEvent("NavigationEvent", { detail: De("push", t.state, "", window.location.pathname) });
-    window.dispatchEvent(a);
+    const a = this.matchPath(window.location.pathname);
+    this.setCurrentMatches(a);
+    const o = new CustomEvent("NavigationEvent", { detail: De("push", t.state, "", window.location.pathname) });
+    window.dispatchEvent(o);
   }
   async executeResolver(t, r) {
     const l = t.resolve(r);
@@ -1407,7 +1409,7 @@ var hl = class X {
   clearRenderedNodes(t) {
     if (!(!t.renderedNodes || t.renderedNodes.length === 0)) {
       for (const r of t.renderedNodes) r.parentNode?.removeChild(r);
-      t.renderedNodes = [], t.arrayState = void 0;
+      t.renderedNodes = [], t.arrayState = void 0, t.nestedContainer = void 0;
     }
   }
   cleanupParts(t) {
@@ -7767,12 +7769,12 @@ const Fa = () => y`
 
 	.ml-date-picker__trigger:focus-visible {
 		outline: none;
-		border-color: var(--ml-color-primary);
+		border-color: var(--ml-trigger-focus-border, var(--ml-color-primary));
 		box-shadow: var(--ml-shadow-focus-ring);
 	}
 
 	.ml-date-picker--open .ml-date-picker__trigger {
-		border-color: var(--ml-color-primary);
+		border-color: var(--ml-trigger-focus-border, var(--ml-color-primary));
 		box-shadow: var(--ml-shadow-focus-ring);
 	}
 

package/lib/components/forms/date-picker/date-picker.styles.js

@@ -43,12 +43,12 @@ export const datePickerStyles = () => css `
 
 	.ml-date-picker__trigger:focus-visible {
 		outline: none;
-		border-color: var(--ml-color-primary);
+		border-color: var(--ml-trigger-focus-border, var(--ml-color-primary));
 		box-shadow: var(--ml-shadow-focus-ring);
 	}
 
 	.ml-date-picker--open .ml-date-picker__trigger {
-		border-color: var(--ml-color-primary);
+		border-color: var(--ml-trigger-focus-border, var(--ml-color-primary));
 		box-shadow: var(--ml-shadow-focus-ring);
 	}
 

package/lib/components/forms/date-time-picker/date-time-picker.component.d.ts

@@ -0,0 +1,61 @@
+import type { IElementRef, OnCreate, OnDestroy } from '@melodicdev/core';
+import '../date-picker/date-picker.component.js';
+import '../time-picker/time-picker.component.js';
+/**
+ * ml-date-time-picker - Combined date and time picker
+ *
+ * Composes ml-date-picker and ml-time-picker into a single control.
+ * Value format: ISO datetime string (YYYY-MM-DDTHH:mm or YYYY-MM-DDTHH:mm:ss)
+ *
+ * @example
+ * ```html
+ * <ml-date-time-picker label="Event start" value="2026-02-08T09:30"></ml-date-time-picker>
+ * <ml-date-time-picker label="Meeting" use-12-hour></ml-date-time-picker>
+ * ```
+ *
+ * @fires ml:change - Emitted when value changes. Detail: { value: string, date: string, time: string }
+ */
+export declare class DateTimePickerComponent implements IElementRef, OnCreate, OnDestroy {
+    elementRef: HTMLElement;
+    /** Selected datetime in ISO format (YYYY-MM-DDTHH:mm) */
+    value: string;
+    /** Placeholder text */
+    placeholder: string;
+    /** Field label */
+    label: string;
+    /** Hint text */
+    hint: string;
+    /** Error message */
+    error: string;
+    /** Input size */
+    size: 'sm' | 'md' | 'lg';
+    /** Disabled state */
+    disabled: boolean;
+    /** Required state */
+    required: boolean;
+    /** Minimum selectable date (YYYY-MM-DD) */
+    minDate: string;
+    /** Maximum selectable date (YYYY-MM-DD) */
+    maxDate: string;
+    /** Minimum selectable time (HH:mm) */
+    minTime: string;
+    /** Maximum selectable time (HH:mm) */
+    maxTime: string;
+    /** Time step in minutes */
+    step: number;
+    /** Use 12-hour format (default: true) */
+    twelveHour: boolean;
+    /** Internal date portion */
+    dateValue: string;
+    /** Internal time portion */
+    timeValue: string;
+    private _listeners;
+    get use12Hour(): boolean;
+    get displayValue(): string;
+    onCreate(): void;
+    onDestroy(): void;
+    private syncFromValue;
+    private attachChildListeners;
+    private emitChange;
+}
+//# sourceMappingURL=date-time-picker.component.d.ts.map

package/lib/components/forms/date-time-picker/date-time-picker.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/date-time-picker/date-time-picker.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAKzE,OAAO,yCAAyC,CAAC;AACjD,OAAO,yCAAyC,CAAC;AAiCjD;;;;;;;;;;;;;GAaG;AACH,qBAMa,uBAAwB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;IAC/E,UAAU,EAAG,WAAW,CAAC;IAEzB,yDAAyD;IACzD,KAAK,SAAM;IAEX,uBAAuB;IACvB,WAAW,SAA0B;IAErC,kBAAkB;IAClB,KAAK,SAAM;IAEX,gBAAgB;IAChB,IAAI,SAAM;IAEV,oBAAoB;IACpB,KAAK,SAAM;IAEX,iBAAiB;IACjB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC,qBAAqB;IACrB,QAAQ,UAAS;IAEjB,qBAAqB;IACrB,QAAQ,UAAS;IAEjB,2CAA2C;IAC3C,OAAO,SAAM;IAEb,2CAA2C;IAC3C,OAAO,SAAM;IAEb,sCAAsC;IACtC,OAAO,SAAM;IAEb,sCAAsC;IACtC,OAAO,SAAM;IAEb,2BAA2B;IAC3B,IAAI,SAAM;IAEV,yCAAyC;IACzC,UAAU,UAAQ;IAElB,4BAA4B;IAC5B,SAAS,SAAM;IAEf,4BAA4B;IAC5B,SAAS,SAAM;IAEf,OAAO,CAAC,UAAU,CAAyB;IAE3C,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED,QAAQ,IAAI,IAAI;IAKhB,SAAS,IAAI,IAAI;IAKjB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,oBAAoB;IA4B5B,OAAO,CAAC,UAAU;CAqBlB"}

package/lib/components/forms/date-time-picker/date-time-picker.component.js

@@ -0,0 +1,173 @@
+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;
+};
+import { MelodicComponent } from '@melodicdev/core';
+import { dateTimePickerTemplate } from './date-time-picker.template.js';
+import { dateTimePickerStyles } from './date-time-picker.styles.js';
+// Ensure sub-components are registered
+import '../date-picker/date-picker.component.js';
+import '../time-picker/time-picker.component.js';
+const MONTH_SHORT = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+function formatDateTimeDisplay(value, use12Hour) {
+    if (!value)
+        return '';
+    const [datePart, timePart] = value.split('T');
+    if (!datePart)
+        return '';
+    const dateParts = datePart.split('-');
+    if (dateParts.length !== 3)
+        return value;
+    const month = parseInt(dateParts[1], 10) - 1;
+    const day = parseInt(dateParts[2], 10);
+    const year = parseInt(dateParts[0], 10);
+    let display = `${MONTH_SHORT[month]} ${day}, ${year}`;
+    if (timePart) {
+        const timeParts = timePart.split(':');
+        let h = parseInt(timeParts[0], 10);
+        const m = timeParts[1];
+        if (use12Hour) {
+            const period = h >= 12 ? 'PM' : 'AM';
+            if (h === 0)
+                h = 12;
+            else if (h > 12)
+                h -= 12;
+            display += ` ${h}:${m} ${period}`;
+        }
+        else {
+            display += ` ${String(h).padStart(2, '0')}:${m}`;
+        }
+    }
+    return display;
+}
+/**
+ * ml-date-time-picker - Combined date and time picker
+ *
+ * Composes ml-date-picker and ml-time-picker into a single control.
+ * Value format: ISO datetime string (YYYY-MM-DDTHH:mm or YYYY-MM-DDTHH:mm:ss)
+ *
+ * @example
+ * ```html
+ * <ml-date-time-picker label="Event start" value="2026-02-08T09:30"></ml-date-time-picker>
+ * <ml-date-time-picker label="Meeting" use-12-hour></ml-date-time-picker>
+ * ```
+ *
+ * @fires ml:change - Emitted when value changes. Detail: { value: string, date: string, time: string }
+ */
+let DateTimePickerComponent = class DateTimePickerComponent {
+    constructor() {
+        /** Selected datetime in ISO format (YYYY-MM-DDTHH:mm) */
+        this.value = '';
+        /** Placeholder text */
+        this.placeholder = 'Select date and time';
+        /** Field label */
+        this.label = '';
+        /** Hint text */
+        this.hint = '';
+        /** Error message */
+        this.error = '';
+        /** Input size */
+        this.size = 'md';
+        /** Disabled state */
+        this.disabled = false;
+        /** Required state */
+        this.required = false;
+        /** Minimum selectable date (YYYY-MM-DD) */
+        this.minDate = '';
+        /** Maximum selectable date (YYYY-MM-DD) */
+        this.maxDate = '';
+        /** Minimum selectable time (HH:mm) */
+        this.minTime = '';
+        /** Maximum selectable time (HH:mm) */
+        this.maxTime = '';
+        /** Time step in minutes */
+        this.step = 15;
+        /** Use 12-hour format (default: true) */
+        this.twelveHour = true;
+        /** Internal date portion */
+        this.dateValue = '';
+        /** Internal time portion */
+        this.timeValue = '';
+        this._listeners = [];
+    }
+    get use12Hour() {
+        return this.twelveHour;
+    }
+    get displayValue() {
+        return formatDateTimeDisplay(this.value, this.use12Hour);
+    }
+    onCreate() {
+        this.syncFromValue();
+        this.attachChildListeners();
+    }
+    onDestroy() {
+        for (const cleanup of this._listeners)
+            cleanup();
+        this._listeners = [];
+    }
+    syncFromValue() {
+        if (!this.value)
+            return;
+        const [datePart, timePart] = this.value.split('T');
+        if (datePart)
+            this.dateValue = datePart;
+        if (timePart)
+            this.timeValue = timePart;
+    }
+    attachChildListeners() {
+        const shadow = this.elementRef.shadowRoot;
+        if (!shadow)
+            return;
+        const datePicker = shadow.querySelector('ml-date-picker');
+        const timePicker = shadow.querySelector('ml-time-picker');
+        if (datePicker) {
+            const handler = (e) => {
+                e.stopPropagation();
+                this.dateValue = e.detail.value;
+                this.emitChange();
+            };
+            datePicker.addEventListener('ml:change', handler);
+            this._listeners.push(() => datePicker.removeEventListener('ml:change', handler));
+        }
+        if (timePicker) {
+            const handler = (e) => {
+                e.stopPropagation();
+                this.timeValue = e.detail.value;
+                this.emitChange();
+            };
+            timePicker.addEventListener('ml:change', handler);
+            this._listeners.push(() => timePicker.removeEventListener('ml:change', handler));
+        }
+    }
+    emitChange() {
+        if (this.dateValue && this.timeValue) {
+            this.value = `${this.dateValue}T${this.timeValue}`;
+        }
+        else if (this.dateValue) {
+            this.value = this.dateValue;
+        }
+        else if (this.timeValue) {
+            this.value = this.timeValue;
+        }
+        this.elementRef.dispatchEvent(new CustomEvent('ml:change', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                value: this.value,
+                date: this.dateValue,
+                time: this.timeValue
+            }
+        }));
+    }
+};
+DateTimePickerComponent = __decorate([
+    MelodicComponent({
+        selector: 'ml-date-time-picker',
+        template: dateTimePickerTemplate,
+        styles: dateTimePickerStyles,
+        attributes: ['value', 'placeholder', 'label', 'hint', 'error', 'size', 'disabled', 'required', 'min-date', 'max-date', 'min-time', 'max-time', 'step', 'twelve-hour']
+    })
+], DateTimePickerComponent);
+export { DateTimePickerComponent };

package/lib/components/forms/date-time-picker/date-time-picker.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const dateTimePickerStyles: () => import("@melodicdev/core").TemplateResult;
+//# sourceMappingURL=date-time-picker.styles.d.ts.map

package/lib/components/forms/date-time-picker/date-time-picker.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/date-time-picker/date-time-picker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,iDAwFhC,CAAC"}

package/lib/components/forms/date-time-picker/date-time-picker.styles.js

@@ -0,0 +1,90 @@
+import { css } from '@melodicdev/core';
+export const dateTimePickerStyles = () => css `
+	:host {
+		display: block;
+	}
+
+	/* Label */
+	.ml-date-time-picker__label {
+		display: block;
+		font-size: var(--ml-text-sm);
+		font-weight: var(--ml-font-medium);
+		color: var(--ml-color-text-secondary);
+		margin-bottom: var(--ml-space-1-5);
+		line-height: var(--ml-leading-tight);
+	}
+
+	.ml-date-time-picker__required {
+		color: var(--ml-color-danger);
+		margin-left: var(--ml-space-0-5);
+	}
+
+	/* Unified row — acts as the single input border */
+	.ml-date-time-picker__row {
+		display: flex;
+		align-items: stretch;
+		border: var(--ml-border) solid var(--ml-color-border);
+		border-radius: var(--ml-radius-md);
+		background-color: var(--ml-color-input-bg);
+		transition:
+			border-color var(--ml-duration-150) var(--ml-ease-in-out),
+			box-shadow var(--ml-duration-150) var(--ml-ease-in-out);
+	}
+
+	.ml-date-time-picker__row:focus-within {
+		border-color: var(--ml-color-primary);
+		box-shadow: var(--ml-shadow-focus-ring);
+	}
+
+	.ml-date-time-picker--error .ml-date-time-picker__row {
+		border-color: var(--ml-color-danger);
+	}
+
+	.ml-date-time-picker--error .ml-date-time-picker__row:focus-within {
+		box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
+	}
+
+	/* Child pickers — strip their individual borders, hover borders & focus rings */
+	.ml-date-time-picker__row > ml-date-picker,
+	.ml-date-time-picker__row > ml-time-picker {
+		flex: 1;
+		min-width: 0;
+		--ml-color-border: transparent;
+		--ml-color-border-strong: transparent;
+		--ml-trigger-focus-border: transparent;
+		--ml-shadow-focus-ring: none;
+	}
+
+	/* Vertical divider between pickers */
+	.ml-date-time-picker__divider {
+		width: 1px;
+		align-self: stretch;
+		background-color: var(--ml-color-border);
+		margin: var(--ml-space-1-5) 0;
+		flex-shrink: 0;
+	}
+
+	/* Disabled */
+	.ml-date-time-picker--disabled .ml-date-time-picker__row {
+		opacity: 0.5;
+		pointer-events: none;
+		background-color: var(--ml-color-surface-sunken);
+	}
+
+	/* Hint / Error */
+	.ml-date-time-picker__hint,
+	.ml-date-time-picker__error {
+		display: block;
+		margin-top: var(--ml-space-1-5);
+		font-size: var(--ml-text-sm);
+		line-height: var(--ml-leading-tight);
+	}
+
+	.ml-date-time-picker__hint {
+		color: var(--ml-color-text-muted);
+	}
+
+	.ml-date-time-picker__error {
+		color: var(--ml-color-danger);
+	}
+`;

package/lib/components/forms/date-time-picker/date-time-picker.template.d.ts

@@ -0,0 +1,3 @@
+import type { DateTimePickerComponent } from './date-time-picker.component.js';
+export declare function dateTimePickerTemplate(c: DateTimePickerComponent): import("@melodicdev/core").TemplateResult;
+//# sourceMappingURL=date-time-picker.template.d.ts.map

package/lib/components/forms/date-time-picker/date-time-picker.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker.template.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/date-time-picker/date-time-picker.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAE/E,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,uBAAuB,6CA+ChE"}

package/lib/components/forms/date-time-picker/date-time-picker.template.js

@@ -0,0 +1,45 @@
+import { html, classMap, when } from '@melodicdev/core';
+export function dateTimePickerTemplate(c) {
+    return html `
+		<div class=${classMap({
+        'ml-date-time-picker': true,
+        [`ml-date-time-picker--${c.size}`]: true,
+        'ml-date-time-picker--error': !!c.error,
+        'ml-date-time-picker--disabled': c.disabled
+    })}>
+			${when(!!c.label, () => html `
+				<label class="ml-date-time-picker__label">
+					${c.label}
+					${when(c.required, () => html `<span class="ml-date-time-picker__required">*</span>`)}
+				</label>
+			`)}
+
+			<div class="ml-date-time-picker__row">
+				<ml-date-picker
+					.value=${c.dateValue}
+					size=${c.size}
+					?disabled=${c.disabled}
+					?required=${c.required}
+					min=${c.minDate}
+					max=${c.maxDate}
+					placeholder="Select date"
+				></ml-date-picker>
+
+				<span class="ml-date-time-picker__divider"></span>
+
+				<ml-time-picker
+					.value=${c.timeValue}
+					size=${c.size}
+					?disabled=${c.disabled}
+					min=${c.minTime}
+					max=${c.maxTime}
+					step=${c.step}
+					.twelveHour=${c.use12Hour}
+					placeholder="Select time"
+				></ml-time-picker>
+			</div>
+
+			${when(!!c.error, () => html `<span class="ml-date-time-picker__error">${c.error}</span>`, () => html `${when(!!c.hint, () => html `<span class="ml-date-time-picker__hint">${c.hint}</span>`)}`)}
+		</div>
+	`;
+}

package/lib/components/forms/date-time-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { DateTimePickerComponent } from './date-time-picker.component.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/forms/date-time-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/date-time-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC"}

package/lib/components/forms/date-time-picker/index.js

@@ -0,0 +1 @@
+export { DateTimePickerComponent } from './date-time-picker.component.js';

package/lib/components/forms/time-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { TimePickerComponent } from './time-picker.component.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/forms/time-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/time-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC"}

package/lib/components/forms/time-picker/index.js

@@ -0,0 +1 @@
+export { TimePickerComponent } from './time-picker.component.js';

package/lib/components/forms/time-picker/time-picker.component.d.ts

@@ -0,0 +1,89 @@
+import type { IElementRef, OnCreate, OnDestroy } from '@melodicdev/core';
+/**
+ * ml-time-picker - Time input with dropdown selector
+ *
+ * @example
+ * ```html
+ * <ml-time-picker label="Start time" value="09:30"></ml-time-picker>
+ * <ml-time-picker label="Meeting" use-12-hour value="14:00"></ml-time-picker>
+ * <ml-time-picker label="Precise" step="1"></ml-time-picker>
+ * ```
+ *
+ * @fires ml:change - Emitted when the time changes. Detail: { value: string }
+ */
+export declare class TimePickerComponent implements IElementRef, OnCreate, OnDestroy {
+    elementRef: HTMLElement;
+    /** Selected time in HH:mm or HH:mm:ss format */
+    value: string;
+    /** Placeholder text */
+    placeholder: string;
+    /** Field label */
+    label: string;
+    /** Hint text */
+    hint: string;
+    /** Error message */
+    error: string;
+    /** Input size */
+    size: 'sm' | 'md' | 'lg';
+    /** Disabled state */
+    disabled: boolean;
+    /** Required state */
+    required: boolean;
+    /** Minimum selectable time (HH:mm) */
+    min: string;
+    /** Maximum selectable time (HH:mm) */
+    max: string;
+    /** Step in minutes (default 15) for the preset list. Use 1 to show seconds spinner. */
+    step: number;
+    /** Use 12-hour format with AM/PM (default: true) */
+    twelveHour: boolean;
+    /** Whether the popover is open */
+    isOpen: boolean;
+    /** Current editing hour */
+    editHour: number;
+    /** Current editing minute */
+    editMinute: number;
+    /** Current editing second */
+    editSecond: number;
+    /** AM or PM when in 12-hour mode */
+    editPeriod: 'AM' | 'PM';
+    private _cleanupAutoUpdate;
+    get use12Hour(): boolean;
+    get showSeconds(): boolean;
+    get displayValue(): string;
+    get displayHour(): string;
+    get displayMinute(): string;
+    get displaySecond(): string;
+    onCreate(): void;
+    onDestroy(): void;
+    togglePopover: () => void;
+    incrementHour: () => void;
+    decrementHour: () => void;
+    incrementMinute: () => void;
+    decrementMinute: () => void;
+    incrementSecond: () => void;
+    decrementSecond: () => void;
+    togglePeriod: () => void;
+    confirmSelection: () => void;
+    handleNowClick: () => void;
+    handleKeyDown: (event: KeyboardEvent) => void;
+    handleHourInput: (event: Event) => void;
+    handleMinuteInput: (event: Event) => void;
+    handleSecondInput: (event: Event) => void;
+    handleHourBlur: () => void;
+    handleMinuteBlur: () => void;
+    handleSecondBlur: () => void;
+    handleInputFocus: (event: Event) => void;
+    handleSpinnerKeyDown: (event: KeyboardEvent) => void;
+    private to24Hour;
+    private syncEditFromValue;
+    private commitValue;
+    private readonly _handleToggle;
+    private closePopover;
+    private startPositioning;
+    private updatePosition;
+    private returnFocus;
+    private getTriggerEl;
+    private getPopoverEl;
+}
+//# sourceMappingURL=time-picker.component.d.ts.map

package/lib/components/forms/time-picker/time-picker.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/time-picker/time-picker.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AA8BzE;;;;;;;;;;;GAWG;AACH,qBAMa,mBAAoB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;IAC3E,UAAU,EAAG,WAAW,CAAC;IAEzB,gDAAgD;IAChD,KAAK,SAAM;IAEX,uBAAuB;IACvB,WAAW,SAAiB;IAE5B,kBAAkB;IAClB,KAAK,SAAM;IAEX,gBAAgB;IAChB,IAAI,SAAM;IAEV,oBAAoB;IACpB,KAAK,SAAM;IAEX,iBAAiB;IACjB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC,qBAAqB;IACrB,QAAQ,UAAS;IAEjB,qBAAqB;IACrB,QAAQ,UAAS;IAEjB,sCAAsC;IACtC,GAAG,SAAM;IAET,sCAAsC;IACtC,GAAG,SAAM;IAET,uFAAuF;IACvF,IAAI,SAAM;IAEV,oDAAoD;IACpD,UAAU,UAAQ;IAElB,kCAAkC;IAClC,MAAM,UAAS;IAEf,2BAA2B;IAC3B,QAAQ,SAAK;IAEb,6BAA6B;IAC7B,UAAU,SAAK;IAEf,6BAA6B;IAC7B,UAAU,SAAK;IAEf,oCAAoC;IACpC,UAAU,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE/B,OAAO,CAAC,kBAAkB,CAA6B;IAEvD,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED,IAAI,WAAW,IAAI,MAAM,CAQxB;IAED,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,QAAQ,IAAI,IAAI;IAOhB,SAAS,IAAI,IAAI;IAQjB,aAAa,QAAO,IAAI,CAMtB;IAEF,aAAa,QAAO,IAAI,CAStB;IAEF,aAAa,QAAO,IAAI,CAQtB;IAEF,eAAe,QAAO,IAAI,CAExB;IAEF,eAAe,QAAO,IAAI,CAExB;IAEF,eAAe,QAAO,IAAI,CAExB;IAEF,eAAe,QAAO,IAAI,CAExB;IAEF,YAAY,QAAO,IAAI,CAIrB;IAEF,gBAAgB,QAAO,IAAI,CAOzB;IAEF,cAAc,QAAO,IAAI,CAMvB;IAEF,aAAa,GAAI,OAAO,aAAa,KAAG,IAAI,CAQ1C;IAEF,eAAe,GAAI,OAAO,KAAK,KAAG,IAAI,CAapC;IAEF,iBAAiB,GAAI,OAAO,KAAK,KAAG,IAAI,CAOtC;IAEF,iBAAiB,GAAI,OAAO,KAAK,KAAG,IAAI,CAOtC;IAEF,cAAc,QAAO,IAAI,CAKvB;IAEF,gBAAgB,QAAO,IAAI,CAEzB;IAEF,gBAAgB,QAAO,IAAI,CAEzB;IAEF,gBAAgB,GAAI,OAAO,KAAK,KAAG,IAAI,CAErC;IAEF,oBAAoB,GAAI,OAAO,aAAa,KAAG,IAAI,CAkBjD;IAEF,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,iBAAiB;IAezB,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,QAAQ,CAAC,aAAa,CAY5B;IAEF,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,YAAY;CAGpB"}