@tekus/design-system 5.30.0 → 5.32.0

package/fesm2022/tekus-design-system-components-time-picker.mjs

@@ -0,0 +1,443 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, input, model, output, signal, computed, viewChild, effect, untracked, ChangeDetectionStrategy, Component } from '@angular/core';
+import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { switchMap } from 'rxjs';
+import * as i1 from '@angular/forms';
+import { NgControl, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i2 from 'primeng/datepicker';
+import { DatePickerModule } from 'primeng/datepicker';
+import * as i3 from 'primeng/floatlabel';
+import { FloatLabelModule } from 'primeng/floatlabel';
+import { InputMask } from 'primeng/inputmask';
+import { IconComponent } from '@tekus/design-system/components/icon';
+
+let timePickerUid = 0;
+class TimePickerComponent {
+    constructor() {
+        /** @internal */
+        this.ngControl = inject(NgControl, { self: true, optional: true });
+        /** @internal */
+        this.destroyRef = inject(DestroyRef);
+        /**
+         * @description
+         * Marks the field as required. When `true`, the component returns a
+         * `{ required: true }` validation error when no time is selected.
+         *
+         * @default false
+         *
+         * @example
+         * <tk-time-picker [required]="true" errorMessage="Time is required" />
+         */
+        this.required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+        /**
+         * @description
+         * Controls how the user enters the time.
+         * - `true`  — direct keyboard input via a masked field; the clock icon opens
+         *   a spinner overlay for visual selection. Only 24-hour format is supported
+         *   in this mode.
+         * - `false` — spinners only; keyboard input is disabled.
+         *
+         * @default false
+         */
+        this.editableInput = input(false, ...(ngDevMode ? [{ debugName: "editableInput" }] : /* istanbul ignore next */ []));
+        /**
+         * @description
+         * Time display format used both for the masked input and for PrimeNG's spinner.
+         * Supported tokens: `HH` (24-h hours), `hh` (12-h hours), `mm` (minutes),
+         * `ss` (seconds).
+         *
+         * @default 'HH:mm'
+         */
+        this.timeFormat = input('HH:mm', ...(ngDevMode ? [{ debugName: "timeFormat" }] : /* istanbul ignore next */ []));
+        /**
+         * @description
+         * Hour format for the time spinner.
+         * - `'24'` — 0–23 hours.
+         * - `'12'` — 1–12 hours with AM/PM toggle. Ignored when `editableInput=true`.
+         *
+         * @default '24'
+         */
+        this.hourFormat = input('24', ...(ngDevMode ? [{ debugName: "hourFormat" }] : /* istanbul ignore next */ []));
+        /** @description Hour increment/decrement step for the spinner. @default 1 */
+        this.stepHour = input(1, ...(ngDevMode ? [{ debugName: "stepHour" }] : /* istanbul ignore next */ []));
+        /** @description Minute increment/decrement step for the spinner. @default 1 */
+        this.stepMinute = input(1, ...(ngDevMode ? [{ debugName: "stepMinute" }] : /* istanbul ignore next */ []));
+        /** @description Second increment/decrement step for the spinner. @default 1 */
+        this.stepSecond = input(1, ...(ngDevMode ? [{ debugName: "stepSecond" }] : /* istanbul ignore next */ []));
+        /**
+         * @description Whether to show the seconds segment. Only active when `hourFormat="24"`.
+         * @default false
+         */
+        this.showSeconds = input(false, ...(ngDevMode ? [{ debugName: "showSeconds" }] : /* istanbul ignore next */ []));
+        /** @description Shows a clear (×) button that resets the value to `null`. @default true */
+        this.showClear = input(true, ...(ngDevMode ? [{ debugName: "showClear" }] : /* istanbul ignore next */ []));
+        /**
+         * @description
+         * Shows the clock icon inside the input field.
+         * When `false`, the overlay can only be opened by clicking the input itself.
+         *
+         * @default true
+         */
+        this.showIcon = input(true, ...(ngDevMode ? [{ debugName: "showIcon" }] : /* istanbul ignore next */ []));
+        /** @description Disables the component. @default false */
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        /**
+         * @description
+         * Earliest selectable time. Enforced through Angular form validation only —
+         * the field value is never cleared when the limit is reached.
+         *
+         * @default null
+         */
+        this.minDate = input(null, ...(ngDevMode ? [{ debugName: "minDate" }] : /* istanbul ignore next */ []));
+        /**
+         * @description Latest selectable time. Same validation-only semantics as `minDate`.
+         * @default null
+         */
+        this.maxDate = input(null, ...(ngDevMode ? [{ debugName: "maxDate" }] : /* istanbul ignore next */ []));
+        /** @description Floating label text shown above the input field. @default 'Select a time' */
+        this.labelText = input('Select a time', ...(ngDevMode ? [{ debugName: "labelText" }] : /* istanbul ignore next */ []));
+        /**
+         * @description
+         * Validation error message rendered beneath the field when the bound control
+         * is invalid and the field has been dirtied or touched.
+         *
+         * @default null
+         */
+        this.errorMessage = input(null, ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+        /**
+         * @description
+         * Optional external `FormControl` to bind when not using the standard
+         * `formControl` / `formControlName` / `ngModel` directives.
+         */
+        this.control = input(undefined, ...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
+        /**
+         * @description
+         * Target element or CSS selector to which the overlay panel is appended.
+         * @default 'body'
+         */
+        this.appendTo = input('body', ...(ngDevMode ? [{ debugName: "appendTo" }] : /* istanbul ignore next */ []));
+        /**
+         * @description
+         * Two-way signal binding for the selected time value (`Date | null`).
+         */
+        this.modelValue = model(null, ...(ngDevMode ? [{ debugName: "modelValue" }] : /* istanbul ignore next */ []));
+        /** @description Emits the selected value whenever a complete time is chosen. */
+        this.handleSelect = output();
+        /** @description Emits when the user clears the field via the clear button. */
+        this.handleClear = output();
+        /** @internal */
+        this.disabledStatus = signal(false, ...(ngDevMode ? [{ debugName: "disabledStatus" }] : /* istanbul ignore next */ []));
+        /** @internal */
+        this.effectiveDisabled = computed(() => this.disabled() || this.disabledStatus(), ...(ngDevMode ? [{ debugName: "effectiveDisabled" }] : /* istanbul ignore next */ []));
+        /** @internal */
+        this.maskInput = viewChild('maskInputRef', ...(ngDevMode ? [{ debugName: "maskInput" }] : /* istanbul ignore next */ []));
+        /**
+         * @description
+         * Forces `'24'` when `editableInput=true` because the InputMask digit-only
+         * pattern cannot represent AM/PM tokens.
+         */
+        this.effectiveHourFormat = computed(() => this.editableInput() ? '24' : this.hourFormat(), ...(ngDevMode ? [{ debugName: "effectiveHourFormat" }] : /* istanbul ignore next */ []));
+        /**
+         * @description
+         * PrimeNG InputMask pattern derived from `timeFormat` by replacing all
+         * time-letter placeholders with the digit wildcard `'9'`.
+         */
+        this.effectiveTimeMask = computed(() => this.timeFormat()
+            .replaceAll('H', '9')
+            .replaceAll('h', '9')
+            .replaceAll('m', '9')
+            .replaceAll('s', '9'), ...(ngDevMode ? [{ debugName: "effectiveTimeMask" }] : /* istanbul ignore next */ []));
+        /**
+         * @description
+         * Formats the current `modelValue` as a time string matching `timeFormat`,
+         * bound to the InputMask via `[ngModel]`.
+         */
+        this.maskedTimeValue = computed(() => {
+            const v = this.modelValue();
+            if (!v || !(v instanceof Date))
+                return '';
+            const pad = (n) => String(n).padStart(2, '0');
+            const fmt = this.timeFormat().replaceAll('h', 'H');
+            return fmt
+                .replace('HH', pad(v.getHours()))
+                .replace('H', String(v.getHours()))
+                .replace('mm', pad(v.getMinutes()))
+                .replace('m', String(v.getMinutes()))
+                .replace('ss', pad(v.getSeconds()))
+                .replace('s', String(v.getSeconds()));
+        }, ...(ngDevMode ? [{ debugName: "maskedTimeValue" }] : /* istanbul ignore next */ []));
+        /** @internal */
+        this.effectiveShowSeconds = computed(() => this.effectiveHourFormat() === '24' && this.showSeconds(), ...(ngDevMode ? [{ debugName: "effectiveShowSeconds" }] : /* istanbul ignore next */ []));
+        /** @internal */
+        this.internalControl = new FormControl(null);
+        /** @internal */
+        this.effectiveControl = computed(() => this.ngControl?.control ?? this.control() ?? this.internalControl, ...(ngDevMode ? [{ debugName: "effectiveControl" }] : /* istanbul ignore next */ []));
+        /** @internal */
+        this.uid = `tk-timepicker-${++timePickerUid}`;
+        /** @internal */
+        this.partialMask = signal(false, ...(ngDevMode ? [{ debugName: "partialMask" }] : /* istanbul ignore next */ []));
+        /** @internal */
+        this.invalidTimeInput = signal(false, ...(ngDevMode ? [{ debugName: "invalidTimeInput" }] : /* istanbul ignore next */ []));
+        /** @internal */ this.onChange = () => { };
+        /** @internal */ this.onTouched = () => { };
+        /** @internal */ this.onValidatorChange = () => { };
+        /** @internal */ this.lastValue = null;
+        /** @internal */ this.boundValidate = this.validate.bind(this);
+        if (this.ngControl) {
+            this.ngControl.valueAccessor = this;
+        }
+        toObservable(this.effectiveControl)
+            .pipe(switchMap(ctrl => {
+            this.disabledStatus.set(ctrl.disabled);
+            return ctrl.statusChanges;
+        }), takeUntilDestroyed())
+            .subscribe(() => {
+            this.disabledStatus.set(this.effectiveControl().disabled);
+        });
+        effect(() => {
+            this.required();
+            this.minDate();
+            this.maxDate();
+            this.partialMask();
+            this.invalidTimeInput();
+            untracked(() => {
+                this.onValidatorChange();
+                this.effectiveControl().updateValueAndValidity({ emitEvent: false });
+            });
+        });
+        effect(() => {
+            const val = this.maskedTimeValue();
+            const mask = this.maskInput();
+            if (!mask)
+                return;
+            untracked(() => {
+                if (mask.value !== val) {
+                    mask.writeValue(val);
+                }
+            });
+        });
+    }
+    /** @inheritdoc */
+    ngOnInit() {
+        const control = this.effectiveControl();
+        this.disabledStatus.set(control.disabled);
+        const initialValue = control.value;
+        if (initialValue !== null && initialValue !== undefined) {
+            this.modelValue.set(initialValue);
+            this.lastValue = initialValue;
+        }
+        if (!this.ngControl) {
+            const currentModel = this.modelValue();
+            if (currentModel !== null && currentModel !== undefined) {
+                this.handleSelect.emit(currentModel);
+                this.onChange(currentModel);
+            }
+        }
+        control.addValidators(this.boundValidate);
+        control.updateValueAndValidity({ emitEvent: false });
+        this.destroyRef.onDestroy(() => {
+            control.removeValidators(this.boundValidate);
+        });
+    }
+    /** @inheritdoc */
+    writeValue(value) {
+        this.modelValue.set(value);
+        this.lastValue = value;
+        if (value === null) {
+            this.partialMask.set(false);
+            this.invalidTimeInput.set(false);
+        }
+    }
+    /** @inheritdoc */
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    /** @inheritdoc */
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    /** @inheritdoc */
+    registerOnValidatorChange(fn) {
+        this.onValidatorChange = fn;
+    }
+    /** @inheritdoc */
+    validate() {
+        if (this.editableInput() && this.partialMask()) {
+            return { incompleteMask: true };
+        }
+        if (this.editableInput() && this.invalidTimeInput()) {
+            return { invalidTime: true };
+        }
+        const value = this.modelValue();
+        if (!value)
+            return this.required() ? { required: true } : null;
+        let min = this.minDate();
+        let max = this.maxDate();
+        const epoch = new Date(1970, 0, 1);
+        const valCompare = new Date(epoch);
+        valCompare.setHours(value.getHours(), value.getMinutes(), value.getSeconds(), 0);
+        if (min) {
+            const t = new Date(epoch);
+            t.setHours(min.getHours(), min.getMinutes(), min.getSeconds(), 0);
+            min = t;
+        }
+        if (max) {
+            const t = new Date(epoch);
+            t.setHours(max.getHours(), max.getMinutes(), max.getSeconds(), 0);
+            max = t;
+        }
+        if (min && valCompare < min)
+            return { minDate: { min: this.minDate(), actual: value } };
+        if (max && valCompare > max)
+            return { maxDate: { max: this.maxDate(), actual: value } };
+        return null;
+    }
+    /** @inheritdoc */
+    setDisabledState(isDisabled) {
+        this.disabledStatus.set(isDisabled);
+        const control = this.effectiveControl();
+        if (isDisabled && control.enabled) {
+            control.disable({ emitEvent: false });
+        }
+        else if (!isDisabled && control.disabled) {
+            control.enable({ emitEvent: false });
+        }
+    }
+    /** @description Marks the control as touched when the user leaves the field. */
+    onBlur() {
+        this.onTouched();
+        this.effectiveControl().markAsTouched();
+    }
+    /** @description Programmatically clears the selected value, resetting it to `null`. */
+    clear() {
+        this.modelValue.set(null);
+        this.lastValue = null;
+        this.partialMask.set(false);
+        this.invalidTimeInput.set(false);
+        this.onChange(null);
+        this.effectiveControl().setValue(null, { emitEvent: false });
+        this.handleClear.emit();
+    }
+    /**
+     * @description
+     * Parses the string emitted by InputMask and propagates the resulting Date.
+     */
+    onMaskedTimeChange(timeStr) {
+        if (!timeStr || timeStr.includes('_')) {
+            const hasDigits = /\d/.test(timeStr ?? '');
+            this.partialMask.set(hasDigits);
+            this.invalidTimeInput.set(false);
+            if (!hasDigits && this.modelValue() !== null) {
+                this.lastValue = null;
+                this.modelValue.set(null);
+                this.onChange(null);
+                this.effectiveControl().setValue(null, { emitEvent: false });
+                this.handleClear.emit();
+            }
+            return;
+        }
+        this.partialMask.set(false);
+        const parts = timeStr.split(':');
+        if (parts.length < 2)
+            return;
+        const hours = Number.parseInt(parts[0], 10);
+        const minutes = Number.parseInt(parts[1], 10);
+        const seconds = parts.length > 2 ? Number.parseInt(parts[2], 10) : 0;
+        if (Number.isNaN(hours) || Number.isNaN(minutes) || Number.isNaN(seconds))
+            return;
+        if (hours >= 24 || minutes >= 60 || seconds >= 60) {
+            this.invalidTimeInput.set(true);
+            this.onChange(null);
+            this.effectiveControl().setValue(null, { emitEvent: false });
+            return;
+        }
+        this.invalidTimeInput.set(false);
+        const base = this.minDate() || new Date();
+        const result = new Date(base);
+        result.setHours(hours, minutes, seconds, 0);
+        this.lastValue = result;
+        this.modelValue.set(result);
+        this.onChange(result);
+        this.effectiveControl().setValue(result, { emitEvent: false });
+        this.effectiveControl().markAsDirty();
+        this.handleSelect.emit(result);
+    }
+    /**
+     * @description
+     * Handles value changes from the hidden spinner overlay in mask+overlay mode.
+     */
+    onOverlayTimeChange(value) {
+        if (value === null) {
+            this.clear();
+            return;
+        }
+        if (!(value instanceof Date))
+            return;
+        let finalValue = value;
+        if (this.lastValue instanceof Date && finalValue.toDateString() === this.lastValue.toDateString()) {
+            finalValue = this.applyTimeCascading(this.lastValue, finalValue);
+        }
+        const base = this.minDate() || new Date();
+        const result = new Date(finalValue);
+        result.setFullYear(base.getFullYear(), base.getMonth(), base.getDate());
+        this.lastValue = result;
+        this.modelValue.set(result);
+        this.onChange(result);
+        this.effectiveControl().setValue(result, { emitEvent: false });
+        this.effectiveControl().markAsDirty();
+        this.handleSelect.emit(result);
+    }
+    /**
+     * @description
+     * Fires when the spinner overlay opens. If no value is selected, auto-commits
+     * the time that PrimeNG displays by default (minDate or current time).
+     */
+    onOverlayShow() {
+        if (this.modelValue() !== null)
+            return;
+        const base = this.minDate() ?? new Date();
+        const initial = new Date(base);
+        initial.setSeconds(0, 0);
+        this.onOverlayTimeChange(initial);
+    }
+    /**
+     * @description
+     * Adjusts hours or minutes when the spinner rolls over a unit boundary.
+     */
+    applyTimeCascading(prev, curr) {
+        const updated = new Date(curr);
+        if (prev.getSeconds() === 59 && updated.getSeconds() === 0) {
+            updated.setMinutes(updated.getMinutes() + 1);
+        }
+        else if (prev.getSeconds() === 0 && updated.getSeconds() === 59) {
+            updated.setMinutes(updated.getMinutes() - 1);
+        }
+        if (prev.getMinutes() === 59 && updated.getMinutes() === 0) {
+            updated.setHours(updated.getHours() + 1);
+        }
+        else if (prev.getMinutes() === 0 && updated.getMinutes() === 59) {
+            updated.setHours(updated.getHours() - 1);
+        }
+        return updated;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: TimePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: TimePickerComponent, isStandalone: true, selector: "tk-time-picker", inputs: { required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, editableInput: { classPropertyName: "editableInput", publicName: "editableInput", isSignal: true, isRequired: false, transformFunction: null }, timeFormat: { classPropertyName: "timeFormat", publicName: "timeFormat", isSignal: true, isRequired: false, transformFunction: null }, hourFormat: { classPropertyName: "hourFormat", publicName: "hourFormat", isSignal: true, isRequired: false, transformFunction: null }, stepHour: { classPropertyName: "stepHour", publicName: "stepHour", isSignal: true, isRequired: false, transformFunction: null }, stepMinute: { classPropertyName: "stepMinute", publicName: "stepMinute", isSignal: true, isRequired: false, transformFunction: null }, stepSecond: { classPropertyName: "stepSecond", publicName: "stepSecond", isSignal: true, isRequired: false, transformFunction: null }, showSeconds: { classPropertyName: "showSeconds", publicName: "showSeconds", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, labelText: { classPropertyName: "labelText", publicName: "labelText", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, modelValue: { classPropertyName: "modelValue", publicName: "modelValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { modelValue: "modelValueChange", handleSelect: "handleSelect", handleClear: "handleClear" }, viewQueries: [{ propertyName: "maskInput", first: true, predicate: ["maskInputRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"timepicker-container\">\n  <p-floatlabel>\n    @if (!editableInput()) {\n      <!-- Spinners only \u2014 no direct typing -->\n      <p-datepicker\n        [inputId]=\"uid\"\n        iconDisplay=\"input\"\n        [ngModel]=\"modelValue()\"\n        (ngModelChange)=\"onOverlayTimeChange($event)\"\n        (onShow)=\"onOverlayShow()\"\n        (onBlur)=\"onBlur()\"\n        [timeOnly]=\"true\"\n        [readonlyInput]=\"true\"\n        [showIcon]=\"showIcon()\"\n        [showClear]=\"showClear()\"\n        [disabled]=\"effectiveDisabled()\"\n        [hourFormat]=\"effectiveHourFormat()\"\n        [stepHour]=\"stepHour()\"\n        [stepMinute]=\"stepMinute()\"\n        [stepSecond]=\"stepSecond()\"\n        [showSeconds]=\"effectiveShowSeconds()\"\n        [appendTo]=\"appendTo()\">\n        <ng-template #inputicon let-clickCallBack=\"clickCallBack\">\n          <tk-icon\n            icon=\"clock\"\n            tabindex=\"0\"\n            (keydown.enter)=\"clickCallBack($event)\"\n            (keydown.space)=\"clickCallBack($event)\"\n            (click)=\"clickCallBack($event)\">\n          </tk-icon>\n        </ng-template>\n      </p-datepicker>\n    } @else {\n      <!-- Direct typing (mask) + clock icon opens spinner overlay -->\n      <p-inputmask\n        #maskInputRef\n        [inputId]=\"uid\"\n        [mask]=\"effectiveTimeMask()\"\n        [ngModel]=\"maskedTimeValue()\"\n        (ngModelChange)=\"onMaskedTimeChange($event)\"\n        (onBlur)=\"onBlur()\"\n        [disabled]=\"effectiveDisabled()\">\n      </p-inputmask>\n      @if (showClear() && modelValue() && !effectiveDisabled()) {\n        <tk-icon class=\"tk-mask-clear\" icon=\"xmark\" tabindex=\"0\" (click)=\"clear()\" (keydown.enter)=\"clear()\" (keydown.space)=\"clear()\" />\n      }\n      @if (showIcon()) {\n        <span class=\"tk-time-overlay-anchor\" aria-hidden=\"true\">\n          <p-datepicker\n            iconDisplay=\"input\"\n            [showIcon]=\"true\"\n            [ngModel]=\"modelValue()\"\n            (ngModelChange)=\"onOverlayTimeChange($event)\"\n            (onShow)=\"onOverlayShow()\"\n            [timeOnly]=\"true\"\n            [hourFormat]=\"effectiveHourFormat()\"\n            [stepHour]=\"stepHour()\"\n            [stepMinute]=\"stepMinute()\"\n            [stepSecond]=\"stepSecond()\"\n            [showSeconds]=\"effectiveShowSeconds()\"\n            [appendTo]=\"appendTo()\"\n            [disabled]=\"effectiveDisabled()\">\n            <ng-template #inputicon let-clickCallBack=\"clickCallBack\">\n              <tk-icon\n                icon=\"clock\"\n                tabindex=\"0\"\n                (keydown.enter)=\"clickCallBack($event)\"\n                (keydown.space)=\"clickCallBack($event)\"\n                (click)=\"clickCallBack($event)\">\n              </tk-icon>\n            </ng-template>\n          </p-datepicker>\n        </span>\n      }\n    }\n    <label [for]=\"uid\">{{ labelText() }}</label>\n  </p-floatlabel>\n  @if (errorMessage() && effectiveControl().invalid && (effectiveControl().dirty || effectiveControl().touched)) {\n    <small class=\"p-error\">{{ errorMessage() }}</small>\n  }\n</div>\n", styles: [":host ::ng-deep .p-datepicker{width:100%}:host ::ng-deep .p-datepicker-input{border:none;border-bottom:1px solid var(--tk-color-border-default, #cecdcd);border-radius:0;background-color:transparent;padding:var(--tk-spacing-base-75, 12px) var(--tk-spacing-base-75, 12px) var(--tk-spacing-base-75, 12px) var(--tk-spacing-base-25, 4px)!important}:host ::ng-deep .p-datepicker-input:focus{border-color:var(--tk-color-primary-default, #16006f)}:host ::ng-deep .p-inputmask{width:100%;border:1px solid transparent!important;border-radius:var(--tk-border-radius-sm, 4px);background-color:transparent;box-shadow:none!important;border-color:transparent!important;transition:border-color .2s}:host ::ng-deep .p-inputmask:hover{border-color:transparent!important}:host ::ng-deep .p-inputmask:focus{outline:none;box-shadow:none!important;border-color:transparent!important}:host ::ng-deep .p-inputmask .p-inputtext{width:100%;border:none;border-bottom:1px solid var(--tk-color-border-default, #cecdcd);border-radius:0;padding-block:var(--tk-spacing-base-75, 12px);padding-inline-start:var(--tk-spacing-base-25, 4px)}:host ::ng-deep .p-inputmask.p-disabled{opacity:1;cursor:not-allowed;background-color:transparent!important}:host ::ng-deep .p-inputmask.p-disabled .p-inputtext{background-color:var(--tk-color-base-surface-200, #e4e4e4);color:var(--tk-color-base-surface-500, #8a8a8b);border-bottom-color:var(--tk-color-base-surface-300, #d2d2d2);opacity:1;cursor:not-allowed}:host ::ng-deep .p-datepicker.p-disabled{opacity:1!important}:host ::ng-deep .p-datepicker.p-disabled .p-datepicker-input{background-color:var(--tk-color-base-surface-200, #e4e4e4)!important;color:var(--tk-color-base-surface-500, #8a8a8b);border-bottom-color:var(--tk-color-base-surface-300, #d2d2d2);cursor:not-allowed}:host ::ng-deep .p-datepicker.p-disabled .p-datepicker-input-icon-container{color:var(--tk-color-base-surface-500, #8a8a8b);pointer-events:none}:host ::ng-deep .p-floatlabel:has(.p-disabled) label{color:var(--tk-color-base-surface-500, #8a8a8b)!important}:host ::ng-deep .tk-mask-clear{position:absolute;top:calc(50% + .1rem);transform:translateY(-50%);inset-inline-end:var(--tk-spacing-base-75, .75rem);color:var(--tk-surface-700, #424243);cursor:pointer;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--tk-spacing-base-100, 1rem) + .2rem);height:calc(var(--tk-spacing-base-100, 1rem) + .2rem)}:host ::ng-deep .tk-mask-clear fa-icon svg{width:calc(var(--tk-spacing-base-100, 1rem) + .2rem);height:calc(var(--tk-spacing-base-100, 1rem) + .2rem)}:host ::ng-deep .p-floatlabel:has(.tk-time-overlay-anchor):not(:has(.tk-mask-clear)) .p-inputmask .p-inputtext{padding-inline-end:calc(var(--tk-spacing-base-75, .75rem) * 2 + var(--tk-spacing-base-100, 1rem))!important}:host ::ng-deep .p-floatlabel:has(.tk-mask-clear):not(:has(.tk-time-overlay-anchor)) .p-inputmask .p-inputtext{padding-inline-end:calc(var(--tk-spacing-base-75, .75rem) * 2 + var(--tk-spacing-base-100, 1rem))!important}:host ::ng-deep .p-floatlabel:has(.tk-mask-clear):has(.tk-time-overlay-anchor) .p-inputmask .p-inputtext{padding-inline-end:calc(var(--tk-spacing-base-75, .75rem) * 3 + var(--tk-spacing-base-100, 1rem) * 2)!important}:host ::ng-deep .p-floatlabel:has(.tk-time-overlay-anchor) .tk-mask-clear{inset-inline-end:calc(var(--tk-spacing-base-75, .75rem) * 2 + var(--tk-spacing-base-100, 1rem))}:host ::ng-deep .tk-time-overlay-anchor{position:absolute;inset:0;pointer-events:none}:host ::ng-deep .tk-time-overlay-anchor p-datepicker{display:block;width:100%;height:100%}:host ::ng-deep .tk-time-overlay-anchor .p-datepicker{width:100%;height:100%;position:relative}:host ::ng-deep .tk-time-overlay-anchor .p-datepicker .p-datepicker-input{position:absolute;inset:0;opacity:0!important;pointer-events:none!important;border:none!important;padding:0!important;width:100%!important;height:100%!important}:host ::ng-deep .tk-time-overlay-anchor .p-datepicker .p-datepicker-input-icon-container{pointer-events:all;cursor:pointer}:host ::ng-deep .p-floatlabel{position:relative}:host ::ng-deep .p-floatlabel:has(.p-inputwrapper-filled) label,:host ::ng-deep .p-floatlabel:has(input:focus) label,:host ::ng-deep .p-floatlabel:has(.p-inputmask.p-filled) label,:host ::ng-deep .p-floatlabel:has(.p-inputmask:focus) label{color:var(--tk-primary-500, #16006f)}:host ::ng-deep .p-floatlabel label{color:var(--tk-surface-700, #8a8a8b);font-family:var(--tk-font-family, Poppins, sans-serif);font-size:var(--tk-font-size-2xs, 1rem);font-weight:var(--tk-font-weight-400, 400);left:var(--tk-spacing-base-25, .25rem)}:host ::ng-deep .p-datepicker-panel{min-width:0!important;max-width:300px!important;width:100%!important}:host ::ng-deep .p-inputtext:disabled{background:var(--tk-color-base-surface-200, #e4e4e4)!important}.timepicker-container{margin-top:var(--tk-spacing-base-200, 2rem)}small.p-error{display:block;margin-top:var(--tk-spacing-base-25, .25rem);color:var(--tk-color-base-red-700, #cf2604);font-size:var(--tk-font-size-xs, .75rem)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "readonly", "unmask", "characterPattern", "autofocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "component", type: IconComponent, selector: "tk-icon", inputs: ["icon", "styleIcon", "color", "size", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: TimePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tk-time-picker', imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        DatePickerModule,
+                        FloatLabelModule,
+                        InputMask,
+                        IconComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"timepicker-container\">\n  <p-floatlabel>\n    @if (!editableInput()) {\n      <!-- Spinners only \u2014 no direct typing -->\n      <p-datepicker\n        [inputId]=\"uid\"\n        iconDisplay=\"input\"\n        [ngModel]=\"modelValue()\"\n        (ngModelChange)=\"onOverlayTimeChange($event)\"\n        (onShow)=\"onOverlayShow()\"\n        (onBlur)=\"onBlur()\"\n        [timeOnly]=\"true\"\n        [readonlyInput]=\"true\"\n        [showIcon]=\"showIcon()\"\n        [showClear]=\"showClear()\"\n        [disabled]=\"effectiveDisabled()\"\n        [hourFormat]=\"effectiveHourFormat()\"\n        [stepHour]=\"stepHour()\"\n        [stepMinute]=\"stepMinute()\"\n        [stepSecond]=\"stepSecond()\"\n        [showSeconds]=\"effectiveShowSeconds()\"\n        [appendTo]=\"appendTo()\">\n        <ng-template #inputicon let-clickCallBack=\"clickCallBack\">\n          <tk-icon\n            icon=\"clock\"\n            tabindex=\"0\"\n            (keydown.enter)=\"clickCallBack($event)\"\n            (keydown.space)=\"clickCallBack($event)\"\n            (click)=\"clickCallBack($event)\">\n          </tk-icon>\n        </ng-template>\n      </p-datepicker>\n    } @else {\n      <!-- Direct typing (mask) + clock icon opens spinner overlay -->\n      <p-inputmask\n        #maskInputRef\n        [inputId]=\"uid\"\n        [mask]=\"effectiveTimeMask()\"\n        [ngModel]=\"maskedTimeValue()\"\n        (ngModelChange)=\"onMaskedTimeChange($event)\"\n        (onBlur)=\"onBlur()\"\n        [disabled]=\"effectiveDisabled()\">\n      </p-inputmask>\n      @if (showClear() && modelValue() && !effectiveDisabled()) {\n        <tk-icon class=\"tk-mask-clear\" icon=\"xmark\" tabindex=\"0\" (click)=\"clear()\" (keydown.enter)=\"clear()\" (keydown.space)=\"clear()\" />\n      }\n      @if (showIcon()) {\n        <span class=\"tk-time-overlay-anchor\" aria-hidden=\"true\">\n          <p-datepicker\n            iconDisplay=\"input\"\n            [showIcon]=\"true\"\n            [ngModel]=\"modelValue()\"\n            (ngModelChange)=\"onOverlayTimeChange($event)\"\n            (onShow)=\"onOverlayShow()\"\n            [timeOnly]=\"true\"\n            [hourFormat]=\"effectiveHourFormat()\"\n            [stepHour]=\"stepHour()\"\n            [stepMinute]=\"stepMinute()\"\n            [stepSecond]=\"stepSecond()\"\n            [showSeconds]=\"effectiveShowSeconds()\"\n            [appendTo]=\"appendTo()\"\n            [disabled]=\"effectiveDisabled()\">\n            <ng-template #inputicon let-clickCallBack=\"clickCallBack\">\n              <tk-icon\n                icon=\"clock\"\n                tabindex=\"0\"\n                (keydown.enter)=\"clickCallBack($event)\"\n                (keydown.space)=\"clickCallBack($event)\"\n                (click)=\"clickCallBack($event)\">\n              </tk-icon>\n            </ng-template>\n          </p-datepicker>\n        </span>\n      }\n    }\n    <label [for]=\"uid\">{{ labelText() }}</label>\n  </p-floatlabel>\n  @if (errorMessage() && effectiveControl().invalid && (effectiveControl().dirty || effectiveControl().touched)) {\n    <small class=\"p-error\">{{ errorMessage() }}</small>\n  }\n</div>\n", styles: [":host ::ng-deep .p-datepicker{width:100%}:host ::ng-deep .p-datepicker-input{border:none;border-bottom:1px solid var(--tk-color-border-default, #cecdcd);border-radius:0;background-color:transparent;padding:var(--tk-spacing-base-75, 12px) var(--tk-spacing-base-75, 12px) var(--tk-spacing-base-75, 12px) var(--tk-spacing-base-25, 4px)!important}:host ::ng-deep .p-datepicker-input:focus{border-color:var(--tk-color-primary-default, #16006f)}:host ::ng-deep .p-inputmask{width:100%;border:1px solid transparent!important;border-radius:var(--tk-border-radius-sm, 4px);background-color:transparent;box-shadow:none!important;border-color:transparent!important;transition:border-color .2s}:host ::ng-deep .p-inputmask:hover{border-color:transparent!important}:host ::ng-deep .p-inputmask:focus{outline:none;box-shadow:none!important;border-color:transparent!important}:host ::ng-deep .p-inputmask .p-inputtext{width:100%;border:none;border-bottom:1px solid var(--tk-color-border-default, #cecdcd);border-radius:0;padding-block:var(--tk-spacing-base-75, 12px);padding-inline-start:var(--tk-spacing-base-25, 4px)}:host ::ng-deep .p-inputmask.p-disabled{opacity:1;cursor:not-allowed;background-color:transparent!important}:host ::ng-deep .p-inputmask.p-disabled .p-inputtext{background-color:var(--tk-color-base-surface-200, #e4e4e4);color:var(--tk-color-base-surface-500, #8a8a8b);border-bottom-color:var(--tk-color-base-surface-300, #d2d2d2);opacity:1;cursor:not-allowed}:host ::ng-deep .p-datepicker.p-disabled{opacity:1!important}:host ::ng-deep .p-datepicker.p-disabled .p-datepicker-input{background-color:var(--tk-color-base-surface-200, #e4e4e4)!important;color:var(--tk-color-base-surface-500, #8a8a8b);border-bottom-color:var(--tk-color-base-surface-300, #d2d2d2);cursor:not-allowed}:host ::ng-deep .p-datepicker.p-disabled .p-datepicker-input-icon-container{color:var(--tk-color-base-surface-500, #8a8a8b);pointer-events:none}:host ::ng-deep .p-floatlabel:has(.p-disabled) label{color:var(--tk-color-base-surface-500, #8a8a8b)!important}:host ::ng-deep .tk-mask-clear{position:absolute;top:calc(50% + .1rem);transform:translateY(-50%);inset-inline-end:var(--tk-spacing-base-75, .75rem);color:var(--tk-surface-700, #424243);cursor:pointer;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--tk-spacing-base-100, 1rem) + .2rem);height:calc(var(--tk-spacing-base-100, 1rem) + .2rem)}:host ::ng-deep .tk-mask-clear fa-icon svg{width:calc(var(--tk-spacing-base-100, 1rem) + .2rem);height:calc(var(--tk-spacing-base-100, 1rem) + .2rem)}:host ::ng-deep .p-floatlabel:has(.tk-time-overlay-anchor):not(:has(.tk-mask-clear)) .p-inputmask .p-inputtext{padding-inline-end:calc(var(--tk-spacing-base-75, .75rem) * 2 + var(--tk-spacing-base-100, 1rem))!important}:host ::ng-deep .p-floatlabel:has(.tk-mask-clear):not(:has(.tk-time-overlay-anchor)) .p-inputmask .p-inputtext{padding-inline-end:calc(var(--tk-spacing-base-75, .75rem) * 2 + var(--tk-spacing-base-100, 1rem))!important}:host ::ng-deep .p-floatlabel:has(.tk-mask-clear):has(.tk-time-overlay-anchor) .p-inputmask .p-inputtext{padding-inline-end:calc(var(--tk-spacing-base-75, .75rem) * 3 + var(--tk-spacing-base-100, 1rem) * 2)!important}:host ::ng-deep .p-floatlabel:has(.tk-time-overlay-anchor) .tk-mask-clear{inset-inline-end:calc(var(--tk-spacing-base-75, .75rem) * 2 + var(--tk-spacing-base-100, 1rem))}:host ::ng-deep .tk-time-overlay-anchor{position:absolute;inset:0;pointer-events:none}:host ::ng-deep .tk-time-overlay-anchor p-datepicker{display:block;width:100%;height:100%}:host ::ng-deep .tk-time-overlay-anchor .p-datepicker{width:100%;height:100%;position:relative}:host ::ng-deep .tk-time-overlay-anchor .p-datepicker .p-datepicker-input{position:absolute;inset:0;opacity:0!important;pointer-events:none!important;border:none!important;padding:0!important;width:100%!important;height:100%!important}:host ::ng-deep .tk-time-overlay-anchor .p-datepicker .p-datepicker-input-icon-container{pointer-events:all;cursor:pointer}:host ::ng-deep .p-floatlabel{position:relative}:host ::ng-deep .p-floatlabel:has(.p-inputwrapper-filled) label,:host ::ng-deep .p-floatlabel:has(input:focus) label,:host ::ng-deep .p-floatlabel:has(.p-inputmask.p-filled) label,:host ::ng-deep .p-floatlabel:has(.p-inputmask:focus) label{color:var(--tk-primary-500, #16006f)}:host ::ng-deep .p-floatlabel label{color:var(--tk-surface-700, #8a8a8b);font-family:var(--tk-font-family, Poppins, sans-serif);font-size:var(--tk-font-size-2xs, 1rem);font-weight:var(--tk-font-weight-400, 400);left:var(--tk-spacing-base-25, .25rem)}:host ::ng-deep .p-datepicker-panel{min-width:0!important;max-width:300px!important;width:100%!important}:host ::ng-deep .p-inputtext:disabled{background:var(--tk-color-base-surface-200, #e4e4e4)!important}.timepicker-container{margin-top:var(--tk-spacing-base-200, 2rem)}small.p-error{display:block;margin-top:var(--tk-spacing-base-25, .25rem);color:var(--tk-color-base-red-700, #cf2604);font-size:var(--tk-font-size-xs, .75rem)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], editableInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "editableInput", required: false }] }], timeFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeFormat", required: false }] }], hourFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "hourFormat", required: false }] }], stepHour: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepHour", required: false }] }], stepMinute: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepMinute", required: false }] }], stepSecond: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepSecond", required: false }] }], showSeconds: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSeconds", required: false }] }], showClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClear", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], labelText: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelText", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], modelValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "modelValue", required: false }] }, { type: i0.Output, args: ["modelValueChange"] }], handleSelect: [{ type: i0.Output, args: ["handleSelect"] }], handleClear: [{ type: i0.Output, args: ["handleClear"] }], maskInput: [{ type: i0.ViewChild, args: ['maskInputRef', { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TimePickerComponent };
+//# sourceMappingURL=tekus-design-system-components-time-picker.mjs.map

package/fesm2022/tekus-design-system-components-time-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tekus-design-system-components-time-picker.mjs","sources":["../../../projects/design-system/components/time-picker/src/time-picker.component.ts","../../../projects/design-system/components/time-picker/src/time-picker.component.html","../../../projects/design-system/components/time-picker/tekus-design-system-components-time-picker.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  OnInit,\n  inject,\n  input,\n  model,\n  signal,\n  computed,\n  output,\n  effect,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport { switchMap } from 'rxjs';\nimport {\n  FormsModule,\n  ReactiveFormsModule,\n  FormControl,\n  ControlValueAccessor,\n  NgControl,\n  Validator,\n  ValidationErrors,\n} from '@angular/forms';\n\nimport { DatePickerModule } from 'primeng/datepicker';\nimport { FloatLabelModule } from 'primeng/floatlabel';\nimport { InputMask } from 'primeng/inputmask';\nimport { IconComponent } from '@tekus/design-system/components/icon';\n\nlet timePickerUid = 0;\n\n@Component({\n  selector: 'tk-time-picker',\n  imports: [\n    FormsModule,\n    ReactiveFormsModule,\n    DatePickerModule,\n    FloatLabelModule,\n    InputMask,\n    IconComponent,\n  ],\n  templateUrl: './time-picker.component.html',\n  styleUrl: './time-picker.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TimePickerComponent implements OnInit, ControlValueAccessor, Validator {\n  /** @internal */\n  readonly ngControl = inject(NgControl, { self: true, optional: true });\n  /** @internal */\n  private readonly destroyRef = inject(DestroyRef);\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n\n    toObservable(this.effectiveControl)\n      .pipe(\n        switchMap(ctrl => {\n          this.disabledStatus.set(ctrl.disabled);\n          return ctrl.statusChanges;\n        }),\n        takeUntilDestroyed()\n      )\n      .subscribe(() => {\n        this.disabledStatus.set(this.effectiveControl().disabled);\n      });\n\n    effect(() => {\n      this.required();\n      this.minDate();\n      this.maxDate();\n      this.partialMask();\n      this.invalidTimeInput();\n      untracked(() => {\n        this.onValidatorChange();\n        this.effectiveControl().updateValueAndValidity({ emitEvent: false });\n      });\n    });\n\n    effect(() => {\n      const val = this.maskedTimeValue();\n      const mask = this.maskInput();\n      if (!mask) return;\n      untracked(() => {\n        if (mask.value !== val) {\n          mask.writeValue(val);\n        }\n      });\n    });\n  }\n\n  /**\n   * @description\n   * Marks the field as required. When `true`, the component returns a\n   * `{ required: true }` validation error when no time is selected.\n   *\n   * @default false\n   *\n   * @example\n   * <tk-time-picker [required]=\"true\" errorMessage=\"Time is required\" />\n   */\n  required = input<boolean>(false);\n\n  /**\n   * @description\n   * Controls how the user enters the time.\n   * - `true`  — direct keyboard input via a masked field; the clock icon opens\n   *   a spinner overlay for visual selection. Only 24-hour format is supported\n   *   in this mode.\n   * - `false` — spinners only; keyboard input is disabled.\n   *\n   * @default false\n   */\n  editableInput = input<boolean>(false);\n\n  /**\n   * @description\n   * Time display format used both for the masked input and for PrimeNG's spinner.\n   * Supported tokens: `HH` (24-h hours), `hh` (12-h hours), `mm` (minutes),\n   * `ss` (seconds).\n   *\n   * @default 'HH:mm'\n   */\n  timeFormat = input<string>('HH:mm');\n\n  /**\n   * @description\n   * Hour format for the time spinner.\n   * - `'24'` — 0–23 hours.\n   * - `'12'` — 1–12 hours with AM/PM toggle. Ignored when `editableInput=true`.\n   *\n   * @default '24'\n   */\n  hourFormat = input<'12' | '24'>('24');\n\n  /** @description Hour increment/decrement step for the spinner. @default 1 */\n  stepHour = input<number>(1);\n\n  /** @description Minute increment/decrement step for the spinner. @default 1 */\n  stepMinute = input<number>(1);\n\n  /** @description Second increment/decrement step for the spinner. @default 1 */\n  stepSecond = input<number>(1);\n\n  /**\n   * @description Whether to show the seconds segment. Only active when `hourFormat=\"24\"`.\n   * @default false\n   */\n  showSeconds = input<boolean>(false);\n\n  /** @description Shows a clear (×) button that resets the value to `null`. @default true */\n  showClear = input<boolean>(true);\n\n  /**\n   * @description\n   * Shows the clock icon inside the input field.\n   * When `false`, the overlay can only be opened by clicking the input itself.\n   *\n   * @default true\n   */\n  showIcon = input<boolean>(true);\n\n  /** @description Disables the component. @default false */\n  disabled = input<boolean>(false);\n\n  /**\n   * @description\n   * Earliest selectable time. Enforced through Angular form validation only —\n   * the field value is never cleared when the limit is reached.\n   *\n   * @default null\n   */\n  minDate = input<Date | null>(null);\n\n  /**\n   * @description Latest selectable time. Same validation-only semantics as `minDate`.\n   * @default null\n   */\n  maxDate = input<Date | null>(null);\n\n  /** @description Floating label text shown above the input field. @default 'Select a time' */\n  labelText = input<string>('Select a time');\n\n  /**\n   * @description\n   * Validation error message rendered beneath the field when the bound control\n   * is invalid and the field has been dirtied or touched.\n   *\n   * @default null\n   */\n  errorMessage = input<string | null>(null);\n\n  /**\n   * @description\n   * Optional external `FormControl` to bind when not using the standard\n   * `formControl` / `formControlName` / `ngModel` directives.\n   */\n  control = input<FormControl | undefined>(undefined);\n\n  /**\n   * @description\n   * Target element or CSS selector to which the overlay panel is appended.\n   * @default 'body'\n   */\n  appendTo = input<string | HTMLElement | null | undefined>('body');\n\n  /**\n   * @description\n   * Two-way signal binding for the selected time value (`Date | null`).\n   */\n  modelValue = model<Date | null>(null);\n\n  /** @description Emits the selected value whenever a complete time is chosen. */\n  handleSelect = output<Date>();\n\n  /** @description Emits when the user clears the field via the clear button. */\n  handleClear = output<void>();\n\n  /** @internal */\n  disabledStatus = signal<boolean>(false);\n\n  /** @internal */\n  effectiveDisabled = computed(() => this.disabled() || this.disabledStatus());\n\n  /** @internal */\n  readonly maskInput = viewChild<InputMask>('maskInputRef');\n\n  /**\n   * @description\n   * Forces `'24'` when `editableInput=true` because the InputMask digit-only\n   * pattern cannot represent AM/PM tokens.\n   */\n  effectiveHourFormat = computed<'12' | '24'>(() =>\n    this.editableInput() ? '24' : this.hourFormat()\n  );\n\n  /**\n   * @description\n   * PrimeNG InputMask pattern derived from `timeFormat` by replacing all\n   * time-letter placeholders with the digit wildcard `'9'`.\n   */\n  effectiveTimeMask = computed(() =>\n    this.timeFormat()\n      .replaceAll('H', '9')\n      .replaceAll('h', '9')\n      .replaceAll('m', '9')\n      .replaceAll('s', '9')\n  );\n\n  /**\n   * @description\n   * Formats the current `modelValue` as a time string matching `timeFormat`,\n   * bound to the InputMask via `[ngModel]`.\n   */\n  maskedTimeValue = computed(() => {\n    const v = this.modelValue();\n    if (!v || !(v instanceof Date)) return '';\n    const pad = (n: number) => String(n).padStart(2, '0');\n    const fmt = this.timeFormat().replaceAll('h', 'H');\n    return fmt\n      .replace('HH', pad(v.getHours()))\n      .replace('H', String(v.getHours()))\n      .replace('mm', pad(v.getMinutes()))\n      .replace('m', String(v.getMinutes()))\n      .replace('ss', pad(v.getSeconds()))\n      .replace('s', String(v.getSeconds()));\n  });\n\n  /** @internal */\n  effectiveShowSeconds = computed(\n    () => this.effectiveHourFormat() === '24' && this.showSeconds()\n  );\n\n  /** @internal */\n  private readonly internalControl = new FormControl<Date | null>(null);\n\n  /** @internal */\n  readonly effectiveControl = computed<FormControl>(\n    () => (this.ngControl?.control as FormControl) ?? this.control() ?? this.internalControl\n  );\n\n  /** @internal */\n  readonly uid = `tk-timepicker-${++timePickerUid}`;\n\n  /** @internal */\n  private readonly partialMask = signal(false);\n\n  /** @internal */\n  private readonly invalidTimeInput = signal(false);\n\n  /** @internal */ onChange: (value: Date | null) => void = () => {};\n  /** @internal */ onTouched: () => void = () => {};\n  /** @internal */ onValidatorChange: () => void = () => {};\n  /** @internal */ private lastValue: Date | null = null;\n  /** @internal */ private readonly boundValidate = this.validate.bind(this);\n\n  /** @inheritdoc */\n  ngOnInit(): void {\n    const control = this.effectiveControl();\n\n    this.disabledStatus.set(control.disabled);\n\n    const initialValue = control.value;\n    if (initialValue !== null && initialValue !== undefined) {\n      this.modelValue.set(initialValue);\n      this.lastValue = initialValue;\n    }\n\n    if (!this.ngControl) {\n      const currentModel = this.modelValue();\n      if (currentModel !== null && currentModel !== undefined) {\n        this.handleSelect.emit(currentModel);\n        this.onChange(currentModel);\n      }\n    }\n\n    control.addValidators(this.boundValidate);\n    control.updateValueAndValidity({ emitEvent: false });\n    this.destroyRef.onDestroy(() => {\n      control.removeValidators(this.boundValidate);\n    });\n  }\n\n  /** @inheritdoc */\n  writeValue(value: Date | null): void {\n    this.modelValue.set(value);\n    this.lastValue = value;\n    if (value === null) {\n      this.partialMask.set(false);\n      this.invalidTimeInput.set(false);\n    }\n  }\n\n  /** @inheritdoc */\n  registerOnChange(fn: (value: Date | null) => void): void {\n    this.onChange = fn;\n  }\n\n  /** @inheritdoc */\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  /** @inheritdoc */\n  registerOnValidatorChange(fn: () => void): void {\n    this.onValidatorChange = fn;\n  }\n\n  /** @inheritdoc */\n  validate(): ValidationErrors | null {\n    if (this.editableInput() && this.partialMask()) {\n      return { incompleteMask: true };\n    }\n    if (this.editableInput() && this.invalidTimeInput()) {\n      return { invalidTime: true };\n    }\n\n    const value = this.modelValue();\n    if (!value) return this.required() ? { required: true } : null;\n\n    let min = this.minDate();\n    let max = this.maxDate();\n\n    const epoch = new Date(1970, 0, 1);\n    const valCompare = new Date(epoch);\n    valCompare.setHours(value.getHours(), value.getMinutes(), value.getSeconds(), 0);\n    if (min) {\n      const t = new Date(epoch);\n      t.setHours(min.getHours(), min.getMinutes(), min.getSeconds(), 0);\n      min = t;\n    }\n    if (max) {\n      const t = new Date(epoch);\n      t.setHours(max.getHours(), max.getMinutes(), max.getSeconds(), 0);\n      max = t;\n    }\n\n    if (min && valCompare < min) return { minDate: { min: this.minDate(), actual: value } };\n    if (max && valCompare > max) return { maxDate: { max: this.maxDate(), actual: value } };\n\n    return null;\n  }\n\n  /** @inheritdoc */\n  setDisabledState(isDisabled: boolean): void {\n    this.disabledStatus.set(isDisabled);\n    const control = this.effectiveControl();\n    if (isDisabled && control.enabled) {\n      control.disable({ emitEvent: false });\n    } else if (!isDisabled && control.disabled) {\n      control.enable({ emitEvent: false });\n    }\n  }\n\n  /** @description Marks the control as touched when the user leaves the field. */\n  onBlur(): void {\n    this.onTouched();\n    this.effectiveControl().markAsTouched();\n  }\n\n  /** @description Programmatically clears the selected value, resetting it to `null`. */\n  clear(): void {\n    this.modelValue.set(null);\n    this.lastValue = null;\n    this.partialMask.set(false);\n    this.invalidTimeInput.set(false);\n    this.onChange(null);\n    this.effectiveControl().setValue(null, { emitEvent: false });\n    this.handleClear.emit();\n  }\n\n  /**\n   * @description\n   * Parses the string emitted by InputMask and propagates the resulting Date.\n   */\n  onMaskedTimeChange(timeStr: string): void {\n    if (!timeStr || timeStr.includes('_')) {\n      const hasDigits = /\\d/.test(timeStr ?? '');\n      this.partialMask.set(hasDigits);\n      this.invalidTimeInput.set(false);\n      if (!hasDigits && this.modelValue() !== null) {\n        this.lastValue = null;\n        this.modelValue.set(null);\n        this.onChange(null);\n        this.effectiveControl().setValue(null, { emitEvent: false });\n        this.handleClear.emit();\n      }\n      return;\n    }\n    this.partialMask.set(false);\n    const parts = timeStr.split(':');\n    if (parts.length < 2) return;\n    const hours = Number.parseInt(parts[0], 10);\n    const minutes = Number.parseInt(parts[1], 10);\n    const seconds = parts.length > 2 ? Number.parseInt(parts[2], 10) : 0;\n    if (Number.isNaN(hours) || Number.isNaN(minutes) || Number.isNaN(seconds)) return;\n    if (hours >= 24 || minutes >= 60 || seconds >= 60) {\n      this.invalidTimeInput.set(true);\n      this.onChange(null);\n      this.effectiveControl().setValue(null, { emitEvent: false });\n      return;\n    }\n    this.invalidTimeInput.set(false);\n    const base = this.minDate() || new Date();\n    const result = new Date(base);\n    result.setHours(hours, minutes, seconds, 0);\n    this.lastValue = result;\n    this.modelValue.set(result);\n    this.onChange(result);\n    this.effectiveControl().setValue(result, { emitEvent: false });\n    this.effectiveControl().markAsDirty();\n    this.handleSelect.emit(result);\n  }\n\n  /**\n   * @description\n   * Handles value changes from the hidden spinner overlay in mask+overlay mode.\n   */\n  onOverlayTimeChange(value: Date | null): void {\n    if (value === null) {\n      this.clear();\n      return;\n    }\n    if (!(value instanceof Date)) return;\n    let finalValue = value;\n    if (this.lastValue instanceof Date && finalValue.toDateString() === this.lastValue.toDateString()) {\n      finalValue = this.applyTimeCascading(this.lastValue, finalValue);\n    }\n    const base = this.minDate() || new Date();\n    const result = new Date(finalValue);\n    result.setFullYear(base.getFullYear(), base.getMonth(), base.getDate());\n    this.lastValue = result;\n    this.modelValue.set(result);\n    this.onChange(result);\n    this.effectiveControl().setValue(result, { emitEvent: false });\n    this.effectiveControl().markAsDirty();\n    this.handleSelect.emit(result);\n  }\n\n  /**\n   * @description\n   * Fires when the spinner overlay opens. If no value is selected, auto-commits\n   * the time that PrimeNG displays by default (minDate or current time).\n   */\n  onOverlayShow(): void {\n    if (this.modelValue() !== null) return;\n    const base = this.minDate() ?? new Date();\n    const initial = new Date(base);\n    initial.setSeconds(0, 0);\n    this.onOverlayTimeChange(initial);\n  }\n\n  /**\n   * @description\n   * Adjusts hours or minutes when the spinner rolls over a unit boundary.\n   */\n  private applyTimeCascading(prev: Date, curr: Date): Date {\n    const updated = new Date(curr);\n\n    if (prev.getSeconds() === 59 && updated.getSeconds() === 0) {\n      updated.setMinutes(updated.getMinutes() + 1);\n    } else if (prev.getSeconds() === 0 && updated.getSeconds() === 59) {\n      updated.setMinutes(updated.getMinutes() - 1);\n    }\n\n    if (prev.getMinutes() === 59 && updated.getMinutes() === 0) {\n      updated.setHours(updated.getHours() + 1);\n    } else if (prev.getMinutes() === 0 && updated.getMinutes() === 59) {\n      updated.setHours(updated.getHours() - 1);\n    }\n\n    return updated;\n  }\n}\n","<div class=\"timepicker-container\">\n  <p-floatlabel>\n    @if (!editableInput()) {\n      <!-- Spinners only — no direct typing -->\n      <p-datepicker\n        [inputId]=\"uid\"\n        iconDisplay=\"input\"\n        [ngModel]=\"modelValue()\"\n        (ngModelChange)=\"onOverlayTimeChange($event)\"\n        (onShow)=\"onOverlayShow()\"\n        (onBlur)=\"onBlur()\"\n        [timeOnly]=\"true\"\n        [readonlyInput]=\"true\"\n        [showIcon]=\"showIcon()\"\n        [showClear]=\"showClear()\"\n        [disabled]=\"effectiveDisabled()\"\n        [hourFormat]=\"effectiveHourFormat()\"\n        [stepHour]=\"stepHour()\"\n        [stepMinute]=\"stepMinute()\"\n        [stepSecond]=\"stepSecond()\"\n        [showSeconds]=\"effectiveShowSeconds()\"\n        [appendTo]=\"appendTo()\">\n        <ng-template #inputicon let-clickCallBack=\"clickCallBack\">\n          <tk-icon\n            icon=\"clock\"\n            tabindex=\"0\"\n            (keydown.enter)=\"clickCallBack($event)\"\n            (keydown.space)=\"clickCallBack($event)\"\n            (click)=\"clickCallBack($event)\">\n          </tk-icon>\n        </ng-template>\n      </p-datepicker>\n    } @else {\n      <!-- Direct typing (mask) + clock icon opens spinner overlay -->\n      <p-inputmask\n        #maskInputRef\n        [inputId]=\"uid\"\n        [mask]=\"effectiveTimeMask()\"\n        [ngModel]=\"maskedTimeValue()\"\n        (ngModelChange)=\"onMaskedTimeChange($event)\"\n        (onBlur)=\"onBlur()\"\n        [disabled]=\"effectiveDisabled()\">\n      </p-inputmask>\n      @if (showClear() && modelValue() && !effectiveDisabled()) {\n        <tk-icon class=\"tk-mask-clear\" icon=\"xmark\" tabindex=\"0\" (click)=\"clear()\" (keydown.enter)=\"clear()\" (keydown.space)=\"clear()\" />\n      }\n      @if (showIcon()) {\n        <span class=\"tk-time-overlay-anchor\" aria-hidden=\"true\">\n          <p-datepicker\n            iconDisplay=\"input\"\n            [showIcon]=\"true\"\n            [ngModel]=\"modelValue()\"\n            (ngModelChange)=\"onOverlayTimeChange($event)\"\n            (onShow)=\"onOverlayShow()\"\n            [timeOnly]=\"true\"\n            [hourFormat]=\"effectiveHourFormat()\"\n            [stepHour]=\"stepHour()\"\n            [stepMinute]=\"stepMinute()\"\n            [stepSecond]=\"stepSecond()\"\n            [showSeconds]=\"effectiveShowSeconds()\"\n            [appendTo]=\"appendTo()\"\n            [disabled]=\"effectiveDisabled()\">\n            <ng-template #inputicon let-clickCallBack=\"clickCallBack\">\n              <tk-icon\n                icon=\"clock\"\n                tabindex=\"0\"\n                (keydown.enter)=\"clickCallBack($event)\"\n                (keydown.space)=\"clickCallBack($event)\"\n                (click)=\"clickCallBack($event)\">\n              </tk-icon>\n            </ng-template>\n          </p-datepicker>\n        </span>\n      }\n    }\n    <label [for]=\"uid\">{{ labelText() }}</label>\n  </p-floatlabel>\n  @if (errorMessage() && effectiveControl().invalid && (effectiveControl().dirty || effectiveControl().touched)) {\n    <small class=\"p-error\">{{ errorMessage() }}</small>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAgCA,IAAI,aAAa,GAAG,CAAC;MAgBR,mBAAmB,CAAA;AAM9B,IAAA,WAAA,GAAA;;AAJS,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;;AAErD,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AA2ChD;;;;;;;;;AASG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC;AAEhC;;;;;;;;;AASG;AACH,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAU,KAAK,oFAAC;AAErC;;;;;;;AAOG;AACH,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,OAAO,iFAAC;AAEnC;;;;;;;AAOG;AACH,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAc,IAAI,iFAAC;;AAGrC,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAS,CAAC,+EAAC;;AAG3B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,CAAC,iFAAC;;AAG7B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,CAAC,iFAAC;AAE7B;;;AAGG;AACH,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAU,KAAK,kFAAC;;AAGnC,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAU,IAAI,gFAAC;AAEhC;;;;;;AAMG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAU,IAAI,+EAAC;;AAG/B,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC;AAEhC;;;;;;AAMG;AACH,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAc,IAAI,8EAAC;AAElC;;;AAGG;AACH,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAc,IAAI,8EAAC;;AAGlC,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAS,eAAe,gFAAC;AAE1C;;;;;;AAMG;AACH,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAgB,IAAI,mFAAC;AAEzC;;;;AAIG;AACH,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAA0B,SAAS,8EAAC;AAEnD;;;;AAIG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAA0C,MAAM,+EAAC;AAEjE;;;AAGG;AACH,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAc,IAAI,iFAAC;;QAGrC,IAAA,CAAA,YAAY,GAAG,MAAM,EAAQ;;QAG7B,IAAA,CAAA,WAAW,GAAG,MAAM,EAAQ;;AAG5B,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAU,KAAK,qFAAC;;AAGvC,QAAA,IAAA,CAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,cAAc,EAAE,wFAAC;;AAGnE,QAAA,IAAA,CAAA,SAAS,GAAG,SAAS,CAAY,cAAc,gFAAC;AAEzD;;;;AAIG;QACH,IAAA,CAAA,mBAAmB,GAAG,QAAQ,CAAc,MAC1C,IAAI,CAAC,aAAa,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,qBAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAChD;AAED;;;;AAIG;QACH,IAAA,CAAA,iBAAiB,GAAG,QAAQ,CAAC,MAC3B,IAAI,CAAC,UAAU;AACZ,aAAA,UAAU,CAAC,GAAG,EAAE,GAAG;AACnB,aAAA,UAAU,CAAC,GAAG,EAAE,GAAG;AACnB,aAAA,UAAU,CAAC,GAAG,EAAE,GAAG;AACnB,aAAA,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,wFACxB;AAED;;;;AAIG;AACH,QAAA,IAAA,CAAA,eAAe,GAAG,QAAQ,CAAC,MAAK;AAC9B,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,UAAU,EAAE;YAC3B,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,YAAY,IAAI,CAAC;AAAE,gBAAA,OAAO,EAAE;AACzC,YAAA,MAAM,GAAG,GAAG,CAAC,CAAS,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AACrD,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC;AAClD,YAAA,OAAO;iBACJ,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;iBAC/B,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;iBACjC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;iBACjC,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;iBACnC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;iBACjC,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC;AACzC,QAAA,CAAC,sFAAC;;AAGF,QAAA,IAAA,CAAA,oBAAoB,GAAG,QAAQ,CAC7B,MAAM,IAAI,CAAC,mBAAmB,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,WAAW,EAAE,2FAChE;;AAGgB,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,WAAW,CAAc,IAAI,CAAC;;QAG5D,IAAA,CAAA,gBAAgB,GAAG,QAAQ,CAClC,MAAO,IAAI,CAAC,SAAS,EAAE,OAAuB,IAAI,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,eAAe,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CACzF;;AAGQ,QAAA,IAAA,CAAA,GAAG,GAAG,CAAA,cAAA,EAAiB,EAAE,aAAa,EAAE;;AAGhC,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,KAAK,kFAAC;;AAG3B,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,KAAK,uFAAC;AAEjD,yBAAiB,IAAA,CAAA,QAAQ,GAAiC,MAAK,EAAE,CAAC;AAClE,yBAAiB,IAAA,CAAA,SAAS,GAAe,MAAK,EAAE,CAAC;AACjD,yBAAiB,IAAA,CAAA,iBAAiB,GAAe,MAAK,EAAE,CAAC;AACzD,yBAAyB,IAAA,CAAA,SAAS,GAAgB,IAAI;yBACpB,IAAA,CAAA,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;AAnPxE,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI;QACrC;AAEA,QAAA,YAAY,CAAC,IAAI,CAAC,gBAAgB;AAC/B,aAAA,IAAI,CACH,SAAS,CAAC,IAAI,IAAG;YACf,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YACtC,OAAO,IAAI,CAAC,aAAa;AAC3B,QAAA,CAAC,CAAC,EACF,kBAAkB,EAAE;aAErB,SAAS,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,QAAQ,CAAC;AAC3D,QAAA,CAAC,CAAC;QAEJ,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,QAAQ,EAAE;YACf,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,WAAW,EAAE;YAClB,IAAI,CAAC,gBAAgB,EAAE;YACvB,SAAS,CAAC,MAAK;gBACb,IAAI,CAAC,iBAAiB,EAAE;AACxB,gBAAA,IAAI,CAAC,gBAAgB,EAAE,CAAC,sBAAsB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AACtE,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;QAEF,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE;AAClC,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE;AAC7B,YAAA,IAAI,CAAC,IAAI;gBAAE;YACX,SAAS,CAAC,MAAK;AACb,gBAAA,IAAI,IAAI,CAAC,KAAK,KAAK,GAAG,EAAE;AACtB,oBAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC;gBACtB;AACF,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;;IAgNA,QAAQ,GAAA;AACN,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,EAAE;QAEvC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;AAEzC,QAAA,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK;QAClC,IAAI,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,SAAS,EAAE;AACvD,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,YAAY,CAAC;AACjC,YAAA,IAAI,CAAC,SAAS,GAAG,YAAY;QAC/B;AAEA,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AACnB,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE;YACtC,IAAI,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,SAAS,EAAE;AACvD,gBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC;AACpC,gBAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC;YAC7B;QACF;AAEA,QAAA,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC;QACzC,OAAO,CAAC,sBAAsB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AACpD,QAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,MAAK;AAC7B,YAAA,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,aAAa,CAAC;AAC9C,QAAA,CAAC,CAAC;IACJ;;AAGA,IAAA,UAAU,CAAC,KAAkB,EAAA;AAC3B,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACtB,QAAA,IAAI,KAAK,KAAK,IAAI,EAAE;AAClB,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;AAC3B,YAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC;QAClC;IACF;;AAGA,IAAA,gBAAgB,CAAC,EAAgC,EAAA;AAC/C,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;IACpB;;AAGA,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;;AAGA,IAAA,yBAAyB,CAAC,EAAc,EAAA;AACtC,QAAA,IAAI,CAAC,iBAAiB,GAAG,EAAE;IAC7B;;IAGA,QAAQ,GAAA;QACN,IAAI,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE;AAC9C,YAAA,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE;QACjC;QACA,IAAI,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,CAAC,gBAAgB,EAAE,EAAE;AACnD,YAAA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE;QAC9B;AAEA,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE;AAC/B,QAAA,IAAI,CAAC,KAAK;AAAE,YAAA,OAAO,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAI;AAE9D,QAAA,IAAI,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE;AACxB,QAAA,IAAI,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE;QAExB,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;AAClC,QAAA,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC;QAClC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC,UAAU,EAAE,EAAE,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;QAChF,IAAI,GAAG,EAAE;AACP,YAAA,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC;YACzB,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,GAAG,CAAC,UAAU,EAAE,EAAE,GAAG,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;YACjE,GAAG,GAAG,CAAC;QACT;QACA,IAAI,GAAG,EAAE;AACP,YAAA,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC;YACzB,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,GAAG,CAAC,UAAU,EAAE,EAAE,GAAG,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;YACjE,GAAG,GAAG,CAAC;QACT;AAEA,QAAA,IAAI,GAAG,IAAI,UAAU,GAAG,GAAG;AAAE,YAAA,OAAO,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;AACvF,QAAA,IAAI,GAAG,IAAI,UAAU,GAAG,GAAG;AAAE,YAAA,OAAO,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;AAEvF,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAClC,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC;AACnC,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,EAAE;AACvC,QAAA,IAAI,UAAU,IAAI,OAAO,CAAC,OAAO,EAAE;YACjC,OAAO,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QACvC;AAAO,aAAA,IAAI,CAAC,UAAU,IAAI,OAAO,CAAC,QAAQ,EAAE;YAC1C,OAAO,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QACtC;IACF;;IAGA,MAAM,GAAA;QACJ,IAAI,CAAC,SAAS,EAAE;AAChB,QAAA,IAAI,CAAC,gBAAgB,EAAE,CAAC,aAAa,EAAE;IACzC;;IAGA,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;AACzB,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI;AACrB,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;AAC3B,QAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC;AAChC,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;AACnB,QAAA,IAAI,CAAC,gBAAgB,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AAC5D,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;IACzB;AAEA;;;AAGG;AACH,IAAA,kBAAkB,CAAC,OAAe,EAAA;QAChC,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YACrC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;AAC1C,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC;AAC/B,YAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC;YAChC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,UAAU,EAAE,KAAK,IAAI,EAAE;AAC5C,gBAAA,IAAI,CAAC,SAAS,GAAG,IAAI;AACrB,gBAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;AACzB,gBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;AACnB,gBAAA,IAAI,CAAC,gBAAgB,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AAC5D,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;YACzB;YACA;QACF;AACA,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;QAC3B,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;AAChC,QAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;YAAE;AACtB,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AAC3C,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAC7C,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC;AACpE,QAAA,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;YAAE;AAC3E,QAAA,IAAI,KAAK,IAAI,EAAE,IAAI,OAAO,IAAI,EAAE,IAAI,OAAO,IAAI,EAAE,EAAE;AACjD,YAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC;AAC/B,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;AACnB,YAAA,IAAI,CAAC,gBAAgB,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;YAC5D;QACF;AACA,QAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC;QAChC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,IAAI,EAAE;AACzC,QAAA,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC;QAC7B,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;AAC3C,QAAA,IAAI,CAAC,SAAS,GAAG,MAAM;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC;AAC3B,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;AACrB,QAAA,IAAI,CAAC,gBAAgB,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AAC9D,QAAA,IAAI,CAAC,gBAAgB,EAAE,CAAC,WAAW,EAAE;AACrC,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC;IAChC;AAEA;;;AAGG;AACH,IAAA,mBAAmB,CAAC,KAAkB,EAAA;AACpC,QAAA,IAAI,KAAK,KAAK,IAAI,EAAE;YAClB,IAAI,CAAC,KAAK,EAAE;YACZ;QACF;AACA,QAAA,IAAI,EAAE,KAAK,YAAY,IAAI,CAAC;YAAE;QAC9B,IAAI,UAAU,GAAG,KAAK;AACtB,QAAA,IAAI,IAAI,CAAC,SAAS,YAAY,IAAI,IAAI,UAAU,CAAC,YAAY,EAAE,KAAK,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE;YACjG,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;QAClE;QACA,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,IAAI,EAAE;AACzC,QAAA,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC;AACnC,QAAA,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;AACvE,QAAA,IAAI,CAAC,SAAS,GAAG,MAAM;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC;AAC3B,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;AACrB,QAAA,IAAI,CAAC,gBAAgB,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AAC9D,QAAA,IAAI,CAAC,gBAAgB,EAAE,CAAC,WAAW,EAAE;AACrC,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC;IAChC;AAEA;;;;AAIG;IACH,aAAa,GAAA;AACX,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE,KAAK,IAAI;YAAE;QAChC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,IAAI,EAAE;AACzC,QAAA,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC;AAC9B,QAAA,OAAO,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC;AACxB,QAAA,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC;IACnC;AAEA;;;AAGG;IACK,kBAAkB,CAAC,IAAU,EAAE,IAAU,EAAA;AAC/C,QAAA,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC;AAE9B,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,IAAI,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE;YAC1D,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QAC9C;AAAO,aAAA,IAAI,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,OAAO,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE;YACjE,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QAC9C;AAEA,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,IAAI,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE;YAC1D,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QAC1C;AAAO,aAAA,IAAI,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,OAAO,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE;YACjE,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QAC1C;AAEA,QAAA,OAAO,OAAO;IAChB;8GApdW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,cAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChDhC,snGAiFA,EAAA,MAAA,EAAA,CAAA,u6JAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED5CI,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACX,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnB,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,eAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,MAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,UAAA,EAAA,YAAA,EAAA,YAAA,EAAA,aAAA,EAAA,aAAA,EAAA,UAAA,EAAA,6BAAA,EAAA,WAAA,EAAA,UAAA,EAAA,eAAA,EAAA,cAAA,EAAA,eAAA,EAAA,uBAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,sBAAA,EAAA,SAAA,EAAA,eAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,uBAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,EAAA,eAAA,EAAA,cAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,aAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,EAAA,cAAA,EAAA,cAAA,EAAA,eAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAChB,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAChB,SAAS,8aACT,aAAa,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,OAAA,EAAA,MAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAMJ,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAd/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,OAAA,EACjB;wBACP,WAAW;wBACX,mBAAmB;wBACnB,gBAAgB;wBAChB,gBAAgB;wBAChB,SAAS;wBACT,aAAa;qBACd,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,snGAAA,EAAA,MAAA,EAAA,CAAA,u6JAAA,CAAA,EAAA;o/DAuLL,cAAc,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AErO1D;;AAEG;;;;"}

package/fesm2022/tekus-design-system-core-types.mjs

@@ -397,6 +397,29 @@ const tkOverrides = {
                 focusColor: 'transparent',
             },
         },
+        stepper: {
+            colorScheme: {
+                light: {
+                    separator: {
+                        background: 'var(--tk-color-base-surface-200)',
+                        activeBackground: 'var(--tk-color-base-primary-500)',
+                    },
+                    stepTitle: {
+                        color: 'var(--tk-color-text-muted)',
+                        activeColor: 'var(--tk-color-base-primary-500)',
+                    },
+                    stepNumber: {
+                        background: 'var(--tk-color-base-surface-0)',
+                        activeBackground: 'var(--tk-color-base-surface-0)',
+                        borderColor: 'var(--tk-color-base-surface-300)',
+                        activeBorderColor: 'var(--tk-color-base-primary-500)',
+                        color: 'var(--tk-color-text-muted)',
+                        activeColor: 'var(--tk-color-base-primary-500)',
+                        shadow: 'none',
+                    },
+                }
+            }
+        },
     },
 };
 const TkPreset = definePreset(Aura, tkOverrides);