@odx/angular 5.7.0 → 5.7.2

package/fesm2022/odx-angular-components-timepicker.mjs

@@ -0,0 +1,548 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Output, Injectable, Directive, booleanAttribute, numberAttribute, forwardRef, ViewChild, ViewChildren, Input, HostListener, NgModule } from '@angular/core';
+import * as i1 from '@odx/angular';
+import { DisabledController, detectControllerChanges, WithDisabledState, WindowRef, WithTabIndex, ReadonlyController, CoreModule } from '@odx/angular';
+import { OptionControl } from '@odx/angular/cdk/option-control';
+import { CSSComponent } from '@odx/angular/internal';
+import { InputControlDirective, CustomFormControl } from '@odx/angular/cdk/custom-form-control';
+import { NgxMaskPipe, provideNgxMask } from 'ngx-mask';
+import { fromEvent, distinctUntilChanged, map } from 'rxjs';
+import { isBefore, isEqual, isAfter } from 'date-fns';
+import { ActiveDescendantKeyManager, A11yModule } from '@angular/cdk/a11y';
+import { ActionGroupComponent } from '@odx/angular/components/action-group';
+import { ButtonComponent } from '@odx/angular/components/button';
+import * as i3 from '@odx/angular/components/dropdown';
+import { DropdownDirective, DropdownModule } from '@odx/angular/components/dropdown';
+import { IconComponent } from '@odx/angular/components/icon';
+import { untilDestroyed, trackByIndex, injectElement, isFunction } from '@odx/angular/utils';
+import * as i1$1 from '@angular/common';
+
+/**
+ * An InjectionToken used for injecting an instance of TimepickerComponent.
+ * This token facilitates the decoupling of the TimepickerComponent's implementation from its consumption,
+ * allowing for more flexible and maintainable code, especially in scenarios requiring custom time picker
+ * behavior or appearance.
+ */
+const TIMEPICKER_CONTROL = new InjectionToken('@odx/angular/components/timepicker::TimepickerComponent');
+
+/**
+ * Represents a selectable option within a timepicker component. This component allows for
+ * individual time values to be selected from a dropdown menu as part of the timepicker interface.
+ * It integrates with the timepicker's control to manage selection state and accessibility.
+ *
+ * @extends {OptionControl<string>}
+ */
+let TimepickerOptionComponent = class TimepickerOptionComponent extends OptionControl {
+    get disabled() {
+        return !!this.disabledController?.disabled;
+    }
+    constructor() {
+        super();
+        this.timepicker = inject(TIMEPICKER_CONTROL);
+        this.disabledController = DisabledController.inject();
+        this.isSelected = false;
+        this.isActive = false;
+        /**
+         * Emits an event when the option is selected, allowing the timepicker component to update its value and close the dropdown.
+         */
+        this.selected = new EventEmitter();
+        detectControllerChanges(this.timepicker).pipe(this.takeUntilDestroyed()).subscribe();
+    }
+    ngOnInit() {
+        this.isSelected = this.timepicker.isTimeOptionSelected(this);
+    }
+    selectOption() {
+        this.selected.emit(this);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimepickerOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimepickerOptionComponent, isStandalone: true, selector: "odx-timepicker-option", outputs: { selected: "selected" }, providers: [DisabledController.connect()], usesInheritance: true, hostDirectives: [{ directive: i1.WithDisabledState }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+TimepickerOptionComponent = __decorate([
+    CSSComponent('timepicker-option'),
+    __metadata("design:paramtypes", [])
+], TimepickerOptionComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimepickerOptionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'odx-timepicker-option',
+                    template: `<ng-content></ng-content>`,
+                    standalone: true,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [DisabledController.connect()],
+                    hostDirectives: [WithDisabledState],
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { selected: [{
+                type: Output
+            }] } });
+
+/**
+ * Service to provide utility functions for timepicker components, including validation, placeholder generation, and finding the closest time.
+ * It also handles locale-based time formatting.
+ */
+class TimepickerService {
+    constructor() {
+        this.windowRef = inject(WindowRef);
+    }
+    /**
+     * Generates a placeholder string for time input fields.
+     *
+     * @param {boolean} apm - Specifies if the placeholder should include AM/PM notation.
+     * @returns {string} The placeholder string.
+     */
+    getPlaceholder(apm = false) {
+        return apm ? '--:-- --' : '--:--';
+    }
+    /**
+     * Validates if the given time is less than or equal to a maximum time constraint.
+     *
+     * @param {string} time - The time to validate.
+     * @param {string} max - The maximum allowable time.
+     * @returns {boolean} True if the time is valid, false otherwise.
+     */
+    maxValidation(time, max) {
+        const [targetValue, maxValue] = this.convertToDates([time, max]);
+        return isBefore(targetValue, maxValue) || isEqual(targetValue, maxValue);
+    }
+    /**
+     * Validates if the given time is greater than or equal to a minimum time constraint.
+     *
+     * @param {string} time - The time to validate.
+     * @param {string} min - The minimum allowable time.
+     * @returns {boolean} True if the time is valid, false otherwise.
+     */
+    minValidation(time, min) {
+        const [targetValue, minValue] = this.convertToDates([time, min]);
+        return isAfter(targetValue, minValue) || isEqual(targetValue, minValue);
+    }
+    /**
+     * Finds the closest time to a target time from a list of times.
+     *
+     * @param {string[]} timeStamps - The list of times to search through.
+     * @param {string} targetTime - The target time to find the closest match for.
+     * @returns {string} The closest time to the target.
+     */
+    findClosestDate(timeStamps, targetTime) {
+        const [target] = this.convertToDates([targetTime]);
+        const datesArray = this.convertToDates(timeStamps);
+        const closestDate = datesArray.reduce((prev, curr) => {
+            return Math.abs(curr.getTime() - target.getTime()) < Math.abs(prev.getTime() - target.getTime()) ? curr : prev;
+        });
+        return this.getLocalizedTimeFormat(`${closestDate.getHours()}:${closestDate.getMinutes()}`);
+    }
+    /**
+     * Formats a time string to a localized time format.
+     *
+     * @param {string} time - The time string to format.
+     * @param {boolean} hour12 - Specifies if the output should use 12-hour format with AM/PM notation.
+     * @returns {string} The formatted time string.
+     */
+    getLocalizedTimeFormat(time, hour12 = false) {
+        const locale = hour12 ? 'en-US' : 'en-GB';
+        const [date] = this.convertToDates([time]);
+        return new this.windowRef.nativeWindow.Intl.DateTimeFormat(locale, {
+            hour: '2-digit',
+            minute: '2-digit',
+            hour12,
+        }).format(date);
+    }
+    /**
+     * Converts an array of time strings to an array of Date objects.
+     *
+     * @param {string[]} times - The time strings to convert.
+     * @returns {Date[]} An array of Date objects corresponding to the input times.
+     * @private
+     */
+    convertToDates(times) {
+        return times.map((time) => new Date(`${time} 2022-12-19`));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimepickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimepickerService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimepickerService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Processes and formats a time input value based on specific rules. It adjusts the input for valid time format,
+ * especially focusing on single-digit hour inputs, ensuring minute values start with 0 if the last digit is greater
+ * than 5, and appending 'M' to AM/PM indicators.
+ *
+ * @param {string} value - The current input value of the time field.
+ * @param {InputEvent} event - The input event triggered by the user's interaction with the field.
+ * @returns {string} The processed and potentially reformatted value.
+ *
+ * @example
+ * // Prepend 0 to single-digit hours greater than 1
+ * processInputValue("2", { inputType: "insertText" }); // Returns "02"
+ *
+ * @example
+ * // Ensure minute values are within valid ranges
+ * processInputValue("11:8", { inputType: "insertText" }); // Returns "11:08"
+ *
+ * @example
+ * // Append 'M' to AM/PM indicators
+ * processInputValue("2 p", { inputType: "insertText" }); // Returns "2 PM"
+ */
+function processInputValue(value, event) {
+    if (value.length === 1 && Number(value) > 1) {
+        value = `0${value}`;
+    }
+    else if (value.length === 4 && Number(value.at(-1)) > 5) {
+        value = `${value.slice(0, -1)}0${value.slice(-1)}`;
+    }
+    if (/[AaPp]/.test(value) && event.inputType === 'insertText') {
+        value = `${value.toUpperCase()}M`;
+    }
+    return value;
+}
+
+/**
+ * Directive to enhance a standard input element for time picking, integrating mask functionality for time format.
+ * It automatically adapts to locale settings provided by the enclosing `TimepickerComponent` to display time in the appropriate format.
+ *
+ * @extends {InputControlDirective}
+ */
+let TimepickerInputControlDirective = class TimepickerInputControlDirective extends InputControlDirective {
+    constructor() {
+        super(...arguments);
+        this.timepicker = inject(TIMEPICKER_CONTROL);
+        this.timepickerService = inject(TimepickerService);
+        this.ngxMaskPipe = inject(NgxMaskPipe);
+        /**
+         * Stream of value changes for the input element, applying the mask and processing the input based on locale.
+         */
+        this.valueChange$ = fromEvent(this.element.nativeElement, 'input').pipe(distinctUntilChanged(), map((event) => this.applyMask(event)));
+    }
+    /**
+     * Configuration for the mask applied to the timepicker input. Adjusts based on locale settings.
+     */
+    get maskConfig() {
+        return {
+            validation: false,
+            apm: this.timepicker.useLocale,
+            leadZeroDateTime: !this.timepicker.useLocale,
+            patterns: {
+                A: { pattern: new RegExp('[AaPp]') },
+                M: { pattern: new RegExp('M') },
+            },
+        };
+    }
+    /**
+     * Computes and returns the placeholder text for the input based on locale settings.
+     *
+     * @returns {string} The placeholder text for the input.
+     */
+    get placeholder() {
+        return this.timepickerService.getPlaceholder(this.timepicker.useLocale);
+    }
+    /**
+     * Determines whether the timepicker input is readonly, based on the state of the parent timepicker component.
+     *
+     * @returns {boolean} `true` if the input should be readonly; otherwise, `false`.
+     */
+    get isReadonly() {
+        return this.timepicker.isReadonly;
+    }
+    /**
+     * Applies the time format mask to the input value, transforming and returning the masked value.
+     *
+     * @param {Event} event - The input event triggering the mask application.
+     * @returns {string} The masked input value.
+     */
+    applyMask(event) {
+        const mask = this.timepicker.useLocale ? 'Hh:m0 AM' : 'Hh:m0';
+        let value = this.ngxMaskPipe.transform(this.nativeElementValue, mask, this.maskConfig);
+        if (this.timepicker.useLocale) {
+            value = processInputValue(value, event);
+        }
+        this.nativeElementValue = value;
+        return value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimepickerInputControlDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TimepickerInputControlDirective, isStandalone: true, selector: "input[odxTimepickerControl]", host: { properties: { "attr.readonly": "isReadonly || null", "attr.placeholder": "placeholder" } }, providers: [provideNgxMask(), NgxMaskPipe], usesInheritance: true, hostDirectives: [{ directive: i1.WithTabIndex }], ngImport: i0 }); }
+};
+TimepickerInputControlDirective = __decorate([
+    CSSComponent('timepicker__control')
+], TimepickerInputControlDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimepickerInputControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'input[odxTimepickerControl]',
+                    host: {
+                        '[attr.readonly]': 'isReadonly || null',
+                        '[attr.placeholder]': 'placeholder',
+                    },
+                    providers: [provideNgxMask(), NgxMaskPipe],
+                    hostDirectives: [WithTabIndex],
+                }]
+        }] });
+
+/**
+ * Generates an array of time stamps within a 24-hour period based on the specified step interval.
+ * The time stamps can be formatted in 24-hour format or 12-hour format with AM/PM based on locale preference.
+ *
+ * @param {number} step - The interval, in minutes, between each time stamp.
+ * @param {boolean} useLocale - Determines if the time stamps should use the 12-hour format with AM/PM (`true`) or the 24-hour format (`false`).
+ * @returns {string[]} An array of formatted time stamps as strings.
+ * @example
+ * // Generate time stamps every 30 minutes using 24-hour format
+ * generateTimeStamps(30, false);
+ * // Returns ["00:00", "00:30", "01:00", ..., "23:30"]
+ *
+ * @example
+ * // Generate time stamps every 60 minutes using 12-hour format with AM/PM
+ * generateTimeStamps(60, true);
+ * // Returns ["12:00 AM", "01:00 AM", ..., "11:00 PM"]
+ */
+function generateTimeStamps(step, useLocale) {
+    const roundedStep = Math.round(step);
+    return Array.from({ length: Math.ceil(24 * (60 / roundedStep)) }, (_, i) => {
+        const hours = Math.floor((i * roundedStep) / 60);
+        const minutes = (i * roundedStep) % 60;
+        return formatTime(hours, minutes, useLocale);
+    });
+}
+/**
+ * Formats a given time as a string based on the specified hour, minute, and locale preference.
+ * Can format time in either 24-hour format or 12-hour format with AM/PM.
+ *
+ * @param {number} hours - The hour component of the time.
+ * @param {number} minutes - The minute component of the time.
+ * @param {boolean} useLocale - Determines if the time should be formatted using the 12-hour format with AM/PM (`true`) or the 24-hour format (`false`).
+ * @returns {string} The formatted time as a string.
+ * @example
+ * // Format time using 24-hour format
+ * formatTime(14, 30, false); // "14:30"
+ *
+ * @example
+ * // Format time using 12-hour format with AM/PM
+ * formatTime(14, 30, true); // "2:30 PM"
+ */
+function formatTime(hours, minutes, useLocale) {
+    if (useLocale) {
+        const period = hours >= 12 ? 'PM' : 'AM';
+        const displayHours = hours % 12 === 0 ? 12 : hours % 12;
+        return `${displayHours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')} ${period}`;
+    }
+    else {
+        return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`;
+    }
+}
+
+var TimepickerComponent_1;
+/**
+ * Represents a time picker component allowing users to select a time from a dropdown list.
+ * This component integrates with Angular forms and supports customization for locale, time range, and step intervals.
+ *
+ * @extends {CustomFormControl<string | null>}
+ */
+let TimepickerComponent = class TimepickerComponent extends CustomFormControl {
+    static { TimepickerComponent_1 = this; }
+    /**
+     * Controls whether the timepicker should use locale-specific time formats AM/PM.
+     * @default false
+     */
+    set useLocale(val) {
+        if (this.value && this.dateField) {
+            const time = this.timepickerService.getLocalizedTimeFormat(this.value, val);
+            this.updateValue(time);
+            this.dateField.nativeElementValue = time;
+        }
+        this._useLocale = val;
+    }
+    get useLocale() {
+        return this._useLocale;
+    }
+    constructor() {
+        super(null);
+        this.timepickerService = inject(TimepickerService);
+        this._useLocale = false;
+        this.takeUntilDestroyed = untilDestroyed();
+        this.trackByIndex = trackByIndex;
+        this.element = injectElement();
+        /**
+         * Controls the step interval between time options in minutes.
+         * @default 30
+         */
+        this.step = 30;
+        /**
+         * Specifies the minimum time value that can be selected ('05:00' or '05:00 AM').
+         * @default '00:00'
+         */
+        this.min = '00:00';
+        /**
+         * Specifies the maximum time value that can be selected ('22:00' or '10:00 PM').
+         * @default '23:59'
+         */
+        this.max = '23:59';
+    }
+    ngAfterViewInit() {
+        this.handleDateFieldChanges();
+        this.updateInputValue();
+    }
+    onOpen() {
+        this.keyManager = new ActiveDescendantKeyManager(this.options).withHomeAndEnd();
+        this.setActiveOptionBasedOnCurrentValue();
+    }
+    isTimeOptionSelected(option) {
+        return this.value === option.value;
+    }
+    /**
+     * Handles the selection of a time option from the dropdown, updating the input field and closing the dropdown.
+     *
+     * @param {TimepickerOptionComponent} option - The selected time option component.
+     */
+    timeSelected(option) {
+        if (!option || option.disabled)
+            return;
+        const time = this.timepickerService.getLocalizedTimeFormat(option.getLabel(), this.useLocale);
+        this.dateField && (this.dateField.nativeElementValue = time);
+        this.updateValue(time);
+        this.dropdown?.close();
+    }
+    /**
+     * Determines whether the specified time is within the allowed time range.
+     *
+     * @param {string} time - The time to check, in 'HH:mm' or 'HH:mm AM/PM' format.
+     * @returns {boolean} True if the time is within the range; otherwise, false.
+     */
+    inTimeRange(time) {
+        return this.timepickerService.maxValidation(time, this.max) && this.timepickerService.minValidation(time, this.min);
+    }
+    /**
+     * Generates the list of time options based on the configured step interval and locale settings AM/PM.
+     *
+     * @returns {string[]} An array of time strings in 'HH:mm' format.
+     */
+    get timeStampsList() {
+        return generateTimeStamps(this.step, this.useLocale);
+    }
+    handleControllerEvent(event) {
+        if (this.readonlyController?.readonly)
+            return;
+        this.keyManager?.onKeydown(event);
+        const activeOption = this.keyManager?.activeItem;
+        activeOption && this.scrollToActiveOption(activeOption, { behavior: 'smooth' });
+        if (event.key === 'Enter' || event.key === ' ' || event.key === 'Spacebar') {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            this.timeSelected(activeOption);
+        }
+    }
+    handleDateFieldChanges() {
+        this.dateField?.valueChange$.pipe(this.takeUntilDestroyed()).subscribe((time) => this.updateValue(time ?? null));
+    }
+    setActiveOptionBasedOnCurrentValue() {
+        const isSelected = this.options.find((option) => option.isSelected);
+        if (isSelected) {
+            this.activateOption(isSelected);
+            return;
+        }
+        this.activateNearestTimeOption();
+    }
+    activateOption(option) {
+        this.keyManager && this.keyManager.setActiveItem(option);
+        this.scrollToActiveOption(option);
+    }
+    activateNearestTimeOption() {
+        if (!this.value) {
+            const currentDate = new Date();
+            const isNearest = this.findNearestTimeOption(currentDate);
+            if (isNearest) {
+                this.activateOption(isNearest);
+            }
+        }
+    }
+    findNearestTimeOption(currentDate) {
+        const availableTimeSlots = this.options.filter((option) => !option.disabled);
+        const nearestTimeValue = this.timepickerService.findClosestDate(availableTimeSlots.map((option) => option.value), `${currentDate.getHours()}:${currentDate.getMinutes()}`);
+        return availableTimeSlots.find((option) => option.value === nearestTimeValue);
+    }
+    updateInputValue() {
+        if (this.value && this.dateField) {
+            const time = this.timepickerService.getLocalizedTimeFormat(this.value, this.useLocale);
+            this.dateField.nativeElementValue = time;
+        }
+    }
+    scrollToActiveOption(option, _opts = {}) {
+        if (isFunction(option.element.nativeElement.scrollIntoView)) {
+            option.element.nativeElement.scrollIntoView({ block: 'center', ..._opts });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "16.2.12", type: TimepickerComponent, isStandalone: true, selector: "odx-timepicker", inputs: { useLocale: ["useLocale", "useLocale", booleanAttribute], step: ["step", "step", numberAttribute], min: "min", max: "max" }, host: { listeners: { "click": "handleControllerEvent($event)", "keydown": "handleControllerEvent($event)" }, properties: { "attr.readonly": "readonlyController?.readonly || null" } }, providers: [
+            DisabledController.connect(),
+            ReadonlyController.connect(),
+            {
+                provide: TIMEPICKER_CONTROL,
+                useExisting: forwardRef(() => TimepickerComponent_1),
+            },
+        ], viewQueries: [{ propertyName: "dropdown", first: true, predicate: DropdownDirective, descendants: true }, { propertyName: "dateField", first: true, predicate: TimepickerInputControlDirective, descendants: true }, { propertyName: "options", predicate: TimepickerOptionComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"odx-timepicker__wrapper\">\n  <input [value]=\"value\" odxTimepickerControl type=\"text\" />\n</div>\n\n<odx-action-group class=\"odx-no-margin\">\n  <button\n    #dropdownTrigger\n    class=\"odx-timepicker__trigger\"\n    odxButton\n    size=\"small\"\n    variant=\"ghost\"\n    aria-label=\"Select time\"\n    [odxDropdown]=\"timeList\"\n    [odxDropdownOptions]=\"{ matchReferenceWidth: true, position: 'bottom-start', enableFallback: false }\"\n    [odxDropdownTriggerElement]=\"dropdownTrigger.element.nativeElement\"\n    [odxDropdownReferenceElement]=\"element.nativeElement\"\n    (odxDropdownBeforeClose)=\"onTouched()\"\n    (odxDropdownAfterOpen)=\"onOpen()\"\n  >\n    <odx-icon name=\"chevron-down\"></odx-icon>\n  </button>\n</odx-action-group>\n\n<ng-template #timeList>\n  <div class=\"odx-timepicker__option-list\" role=\"listbox\">\n    <odx-timepicker-option\n      [value]=\"time\"\n      [disabled]=\"!inTimeRange(time)\"\n      *ngFor=\"let time of timeStampsList; trackBy: trackByIndex\"\n      (selected)=\"timeSelected($event)\"\n      >{{ time }}</odx-timepicker-option\n    >\n  </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.DisabledController, selector: "[disabled]", inputs: ["disabled"] }, { kind: "directive", type: i3.DropdownDirective, selector: "[odxDropdown]", inputs: ["odxDropdown", "odxDropdownDisabled", "odxDropdownShowLoader", "odxDropdownClickOutsideActive", "odxDropdownOptions", "odxDropdownReferenceElement", "odxDropdownTriggerElement", "odxDropdownHost", "odxDropdownOpenTrigger", "odxDropdownCloseTrigger"], outputs: ["odxDropdownBeforeOpen", "odxDropdownAfterOpen", "odxDropdownBeforeClose", "odxDropdownAfterClose"], exportAs: ["odxDropdown"] }, { kind: "component", type: TimepickerOptionComponent, selector: "odx-timepicker-option", outputs: ["selected"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet", "identifier"] }, { kind: "directive", type: TimepickerInputControlDirective, selector: "input[odxTimepickerControl]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+TimepickerComponent = TimepickerComponent_1 = __decorate([
+    CSSComponent('timepicker'),
+    __metadata("design:paramtypes", [])
+], TimepickerComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimepickerComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-timepicker', providers: [
+                        DisabledController.connect(),
+                        ReadonlyController.connect(),
+                        {
+                            provide: TIMEPICKER_CONTROL,
+                            useExisting: forwardRef(() => TimepickerComponent),
+                        },
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [A11yModule, ActionGroupComponent, ButtonComponent, DropdownModule, TimepickerOptionComponent, IconComponent, TimepickerInputControlDirective], host: {
+                        '[attr.readonly]': 'readonlyController?.readonly || null',
+                    }, template: "<div class=\"odx-timepicker__wrapper\">\n  <input [value]=\"value\" odxTimepickerControl type=\"text\" />\n</div>\n\n<odx-action-group class=\"odx-no-margin\">\n  <button\n    #dropdownTrigger\n    class=\"odx-timepicker__trigger\"\n    odxButton\n    size=\"small\"\n    variant=\"ghost\"\n    aria-label=\"Select time\"\n    [odxDropdown]=\"timeList\"\n    [odxDropdownOptions]=\"{ matchReferenceWidth: true, position: 'bottom-start', enableFallback: false }\"\n    [odxDropdownTriggerElement]=\"dropdownTrigger.element.nativeElement\"\n    [odxDropdownReferenceElement]=\"element.nativeElement\"\n    (odxDropdownBeforeClose)=\"onTouched()\"\n    (odxDropdownAfterOpen)=\"onOpen()\"\n  >\n    <odx-icon name=\"chevron-down\"></odx-icon>\n  </button>\n</odx-action-group>\n\n<ng-template #timeList>\n  <div class=\"odx-timepicker__option-list\" role=\"listbox\">\n    <odx-timepicker-option\n      [value]=\"time\"\n      [disabled]=\"!inTimeRange(time)\"\n      *ngFor=\"let time of timeStampsList; trackBy: trackByIndex\"\n      (selected)=\"timeSelected($event)\"\n      >{{ time }}</odx-timepicker-option\n    >\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { dropdown: [{
+                type: ViewChild,
+                args: [DropdownDirective]
+            }], options: [{
+                type: ViewChildren,
+                args: [TimepickerOptionComponent, { emitDistinctChangesOnly: true }]
+            }], useLocale: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], step: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], dateField: [{
+                type: ViewChild,
+                args: [TimepickerInputControlDirective]
+            }], handleControllerEvent: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }, {
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+
+const modules = [TimepickerComponent, TimepickerInputControlDirective, TimepickerOptionComponent];
+class TimepickerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TimepickerModule, imports: [TimepickerComponent, TimepickerInputControlDirective, TimepickerOptionComponent], exports: [CoreModule, TimepickerComponent, TimepickerInputControlDirective, TimepickerOptionComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimepickerModule, imports: [TimepickerComponent, CoreModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimepickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TIMEPICKER_CONTROL, TimepickerComponent, TimepickerInputControlDirective, TimepickerModule, TimepickerOptionComponent, TimepickerService, generateTimeStamps, processInputValue };
+//# sourceMappingURL=odx-angular-components-timepicker.mjs.map

package/fesm2022/odx-angular-components-timepicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-timepicker.mjs","sources":["../../../../libs/angular/components/timepicker/src/lib/timepicker.token.ts","../../../../libs/angular/components/timepicker/src/lib/components/timepicker-option.component.ts","../../../../libs/angular/components/timepicker/src/lib/timepicker.service.ts","../../../../libs/angular/components/timepicker/src/lib/utils/ngx-mask-helper.ts","../../../../libs/angular/components/timepicker/src/lib/directives/timepicker-input-control.directive.ts","../../../../libs/angular/components/timepicker/src/lib/utils/generate-time-stamps.ts","../../../../libs/angular/components/timepicker/src/lib/timepicker.component.ts","../../../../libs/angular/components/timepicker/src/lib/timepicker.component.html","../../../../libs/angular/components/timepicker/src/lib/timepicker.module.ts","../../../../libs/angular/components/timepicker/src/odx-angular-components-timepicker.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { TimepickerComponent } from './timepicker.component';\n\n/**\n * An InjectionToken used for injecting an instance of TimepickerComponent.\n * This token facilitates the decoupling of the TimepickerComponent's implementation from its consumption,\n * allowing for more flexible and maintainable code, especially in scenarios requiring custom time picker\n * behavior or appearance.\n */\nexport const TIMEPICKER_CONTROL = new InjectionToken<TimepickerComponent>('@odx/angular/components/timepicker::TimepickerComponent');\n","import { ChangeDetectionStrategy, Component, EventEmitter, OnInit, Output, ViewEncapsulation, inject } from '@angular/core';\nimport { DisabledController, WithDisabledState, detectControllerChanges } from '@odx/angular';\nimport { OptionControl } from '@odx/angular/cdk/option-control';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { TIMEPICKER_CONTROL } from '../timepicker.token';\n\n/**\n * Represents a selectable option within a timepicker component. This component allows for\n * individual time values to be selected from a dropdown menu as part of the timepicker interface.\n * It integrates with the timepicker's control to manage selection state and accessibility.\n *\n * @extends {OptionControl<string>}\n */\n@CSSComponent('timepicker-option')\n@Component({\n  selector: 'odx-timepicker-option',\n  template: `<ng-content></ng-content>`,\n  standalone: true,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [DisabledController.connect()],\n  hostDirectives: [WithDisabledState],\n})\nexport class TimepickerOptionComponent extends OptionControl<string> implements OnInit {\n  private readonly timepicker = inject(TIMEPICKER_CONTROL);\n  protected readonly disabledController = DisabledController.inject();\n\n  public isSelected = false;\n  public override isActive = false;\n\n  public get disabled(): boolean {\n    return !!this.disabledController?.disabled;\n  }\n\n  /**\n   * Emits an event when the option is selected, allowing the timepicker component to update its value and close the dropdown.\n   */\n  @Output()\n  public selected = new EventEmitter<TimepickerOptionComponent>();\n\n  constructor() {\n    super();\n    detectControllerChanges(this.timepicker).pipe(this.takeUntilDestroyed()).subscribe();\n  }\n\n  public ngOnInit(): void {\n    this.isSelected = this.timepicker.isTimeOptionSelected(this);\n  }\n\n  protected selectOption(): void {\n    this.selected.emit(this);\n  }\n}\n","import { Injectable, inject } from '@angular/core';\nimport { WindowRef } from '@odx/angular';\nimport { isAfter, isBefore, isEqual } from 'date-fns';\n\n/**\n * Service to provide utility functions for timepicker components, including validation, placeholder generation, and finding the closest time.\n * It also handles locale-based time formatting.\n */\n@Injectable({ providedIn: 'root' })\nexport class TimepickerService {\n  private readonly windowRef = inject(WindowRef);\n\n  /**\n   * Generates a placeholder string for time input fields.\n   *\n   * @param {boolean} apm - Specifies if the placeholder should include AM/PM notation.\n   * @returns {string} The placeholder string.\n   */\n  public getPlaceholder(apm = false): string {\n    return apm ? '--:-- --' : '--:--';\n  }\n\n  /**\n   * Validates if the given time is less than or equal to a maximum time constraint.\n   *\n   * @param {string} time - The time to validate.\n   * @param {string} max - The maximum allowable time.\n   * @returns {boolean} True if the time is valid, false otherwise.\n   */\n  public maxValidation(time: string, max: string): boolean {\n    const [targetValue, maxValue] = this.convertToDates([time, max]);\n    return isBefore(targetValue, maxValue) || isEqual(targetValue, maxValue);\n  }\n\n  /**\n   * Validates if the given time is greater than or equal to a minimum time constraint.\n   *\n   * @param {string} time - The time to validate.\n   * @param {string} min - The minimum allowable time.\n   * @returns {boolean} True if the time is valid, false otherwise.\n   */\n  public minValidation(time: string, min: string): boolean {\n    const [targetValue, minValue] = this.convertToDates([time, min]);\n    return isAfter(targetValue, minValue) || isEqual(targetValue, minValue);\n  }\n\n  /**\n   * Finds the closest time to a target time from a list of times.\n   *\n   * @param {string[]} timeStamps - The list of times to search through.\n   * @param {string} targetTime - The target time to find the closest match for.\n   * @returns {string} The closest time to the target.\n   */\n  public findClosestDate(timeStamps: string[], targetTime: string): string {\n    const [target] = this.convertToDates([targetTime]);\n    const datesArray = this.convertToDates(timeStamps);\n\n    const closestDate = datesArray.reduce((prev, curr) => {\n      return Math.abs(curr.getTime() - target.getTime()) < Math.abs(prev.getTime() - target.getTime()) ? curr : prev;\n    });\n\n    return this.getLocalizedTimeFormat(`${closestDate.getHours()}:${closestDate.getMinutes()}`);\n  }\n\n  /**\n   * Formats a time string to a localized time format.\n   *\n   * @param {string} time - The time string to format.\n   * @param {boolean} hour12 - Specifies if the output should use 12-hour format with AM/PM notation.\n   * @returns {string} The formatted time string.\n   */\n  public getLocalizedTimeFormat(time: string, hour12 = false): string {\n    const locale = hour12 ? 'en-US' : 'en-GB';\n    const [date] = this.convertToDates([time]);\n    return new this.windowRef.nativeWindow.Intl.DateTimeFormat(locale, {\n      hour: '2-digit',\n      minute: '2-digit',\n      hour12,\n    }).format(date);\n  }\n\n  /**\n   * Converts an array of time strings to an array of Date objects.\n   *\n   * @param {string[]} times - The time strings to convert.\n   * @returns {Date[]} An array of Date objects corresponding to the input times.\n   * @private\n   */\n  private convertToDates(times: string[]): Date[] {\n    return times.map((time) => new Date(`${time} 2022-12-19`));\n  }\n}\n","/**\n * Processes and formats a time input value based on specific rules. It adjusts the input for valid time format,\n * especially focusing on single-digit hour inputs, ensuring minute values start with 0 if the last digit is greater\n * than 5, and appending 'M' to AM/PM indicators.\n *\n * @param {string} value - The current input value of the time field.\n * @param {InputEvent} event - The input event triggered by the user's interaction with the field.\n * @returns {string} The processed and potentially reformatted value.\n *\n * @example\n * // Prepend 0 to single-digit hours greater than 1\n * processInputValue(\"2\", { inputType: \"insertText\" }); // Returns \"02\"\n *\n * @example\n * // Ensure minute values are within valid ranges\n * processInputValue(\"11:8\", { inputType: \"insertText\" }); // Returns \"11:08\"\n *\n * @example\n * // Append 'M' to AM/PM indicators\n * processInputValue(\"2 p\", { inputType: \"insertText\" }); // Returns \"2 PM\"\n */\nexport function processInputValue(value: string, event: InputEvent): string {\n  if (value.length === 1 && Number(value) > 1) {\n    value = `0${value}`;\n  } else if (value.length === 4 && Number(value.at(-1)) > 5) {\n    value = `${value.slice(0, -1)}0${value.slice(-1)}`;\n  }\n\n  if (/[AaPp]/.test(value) && event.inputType === 'insertText') {\n    value = `${value.toUpperCase()}M`;\n  }\n\n  return value;\n}\n","import { Directive, inject } from '@angular/core';\nimport { WithTabIndex } from '@odx/angular';\nimport { InputControlDirective } from '@odx/angular/cdk/custom-form-control';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { IConfig, NgxMaskPipe, provideNgxMask } from 'ngx-mask';\nimport { distinctUntilChanged, fromEvent, map } from 'rxjs';\nimport { TimepickerService } from '../timepicker.service';\nimport { TIMEPICKER_CONTROL } from '../timepicker.token';\nimport { processInputValue } from '../utils/ngx-mask-helper';\n\n/**\n * Directive to enhance a standard input element for time picking, integrating mask functionality for time format.\n * It automatically adapts to locale settings provided by the enclosing `TimepickerComponent` to display time in the appropriate format.\n *\n * @extends {InputControlDirective}\n */\n@CSSComponent('timepicker__control')\n@Directive({\n  standalone: true,\n  selector: 'input[odxTimepickerControl]',\n  host: {\n    '[attr.readonly]': 'isReadonly || null',\n    '[attr.placeholder]': 'placeholder',\n  },\n  providers: [provideNgxMask(), NgxMaskPipe],\n  hostDirectives: [WithTabIndex],\n})\nexport class TimepickerInputControlDirective extends InputControlDirective {\n  private readonly timepicker = inject(TIMEPICKER_CONTROL);\n  private readonly timepickerService = inject(TimepickerService);\n  protected readonly ngxMaskPipe = inject(NgxMaskPipe);\n\n  /**\n   * Configuration for the mask applied to the timepicker input. Adjusts based on locale settings.\n   */\n  protected get maskConfig(): Partial<IConfig> {\n    return {\n      validation: false,\n      apm: this.timepicker.useLocale,\n      leadZeroDateTime: !this.timepicker.useLocale,\n\n      patterns: {\n        A: { pattern: new RegExp('[AaPp]') },\n        M: { pattern: new RegExp('M') },\n      },\n    };\n  }\n\n  /**\n   * Stream of value changes for the input element, applying the mask and processing the input based on locale.\n   */\n  public override valueChange$ = fromEvent(this.element.nativeElement, 'input').pipe(\n    distinctUntilChanged(),\n    map((event) => this.applyMask(event)),\n  );\n\n  /**\n   * Computes and returns the placeholder text for the input based on locale settings.\n   *\n   * @returns {string} The placeholder text for the input.\n   */\n  public get placeholder(): string {\n    return this.timepickerService.getPlaceholder(this.timepicker.useLocale);\n  }\n\n  /**\n   * Determines whether the timepicker input is readonly, based on the state of the parent timepicker component.\n   *\n   * @returns {boolean} `true` if the input should be readonly; otherwise, `false`.\n   */\n  protected get isReadonly(): boolean {\n    return this.timepicker.isReadonly;\n  }\n\n  /**\n   * Applies the time format mask to the input value, transforming and returning the masked value.\n   *\n   * @param {Event} event - The input event triggering the mask application.\n   * @returns {string} The masked input value.\n   */\n  private applyMask(event: Event): string {\n    const mask = this.timepicker.useLocale ? 'Hh:m0 AM' : 'Hh:m0';\n    let value = this.ngxMaskPipe.transform(this.nativeElementValue, mask, this.maskConfig);\n    if (this.timepicker.useLocale) {\n      value = processInputValue(value, event as InputEvent);\n    }\n    this.nativeElementValue = value;\n    return value;\n  }\n}\n","/**\n * Generates an array of time stamps within a 24-hour period based on the specified step interval.\n * The time stamps can be formatted in 24-hour format or 12-hour format with AM/PM based on locale preference.\n *\n * @param {number} step - The interval, in minutes, between each time stamp.\n * @param {boolean} useLocale - Determines if the time stamps should use the 12-hour format with AM/PM (`true`) or the 24-hour format (`false`).\n * @returns {string[]} An array of formatted time stamps as strings.\n * @example\n * // Generate time stamps every 30 minutes using 24-hour format\n * generateTimeStamps(30, false);\n * // Returns [\"00:00\", \"00:30\", \"01:00\", ..., \"23:30\"]\n *\n * @example\n * // Generate time stamps every 60 minutes using 12-hour format with AM/PM\n * generateTimeStamps(60, true);\n * // Returns [\"12:00 AM\", \"01:00 AM\", ..., \"11:00 PM\"]\n */\nexport function generateTimeStamps(step: number, useLocale: boolean): string[] {\n  const roundedStep = Math.round(step);\n\n  return Array.from({ length: Math.ceil(24 * (60 / roundedStep)) }, (_, i) => {\n    const hours = Math.floor((i * roundedStep) / 60);\n    const minutes = (i * roundedStep) % 60;\n    return formatTime(hours, minutes, useLocale);\n  });\n}\n\n/**\n * Formats a given time as a string based on the specified hour, minute, and locale preference.\n * Can format time in either 24-hour format or 12-hour format with AM/PM.\n *\n * @param {number} hours - The hour component of the time.\n * @param {number} minutes - The minute component of the time.\n * @param {boolean} useLocale - Determines if the time should be formatted using the 12-hour format with AM/PM (`true`) or the 24-hour format (`false`).\n * @returns {string} The formatted time as a string.\n * @example\n * // Format time using 24-hour format\n * formatTime(14, 30, false); // \"14:30\"\n *\n * @example\n * // Format time using 12-hour format with AM/PM\n * formatTime(14, 30, true); // \"2:30 PM\"\n */\nfunction formatTime(hours: number, minutes: number, useLocale: boolean): string {\n  if (useLocale) {\n    const period = hours >= 12 ? 'PM' : 'AM';\n    const displayHours = hours % 12 === 0 ? 12 : hours % 12;\n    return `${displayHours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')} ${period}`;\n  } else {\n    return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`;\n  }\n}\n","import { A11yModule, ActiveDescendantKeyManager } from '@angular/cdk/a11y';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  HostListener,\n  Input,\n  QueryList,\n  ViewChild,\n  ViewChildren,\n  ViewEncapsulation,\n  booleanAttribute,\n  forwardRef,\n  inject,\n  numberAttribute,\n} from '@angular/core';\nimport { DisabledController, ReadonlyController } from '@odx/angular';\nimport { CustomFormControl } from '@odx/angular/cdk/custom-form-control';\nimport { OptionControl } from '@odx/angular/cdk/option-control';\nimport { ActionGroupComponent } from '@odx/angular/components/action-group';\nimport { ButtonComponent } from '@odx/angular/components/button';\nimport { DropdownDirective, DropdownModule } from '@odx/angular/components/dropdown';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement, isFunction, trackByIndex, untilDestroyed } from '@odx/angular/utils';\nimport { TimepickerOptionComponent } from './components/timepicker-option.component';\nimport { TimepickerInputControlDirective } from './directives/timepicker-input-control.directive';\nimport { TimepickerService } from './timepicker.service';\nimport { TIMEPICKER_CONTROL } from './timepicker.token';\nimport { generateTimeStamps } from './utils/generate-time-stamps';\n\n/**\n * Represents a time picker component allowing users to select a time from a dropdown list.\n * This component integrates with Angular forms and supports customization for locale, time range, and step intervals.\n *\n * @extends {CustomFormControl<string | null>}\n */\n@CSSComponent('timepicker')\n@Component({\n  standalone: true,\n  selector: 'odx-timepicker',\n  templateUrl: 'timepicker.component.html',\n  providers: [\n    DisabledController.connect(),\n    ReadonlyController.connect(),\n    {\n      provide: TIMEPICKER_CONTROL,\n      useExisting: forwardRef(() => TimepickerComponent),\n    },\n  ],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [A11yModule, ActionGroupComponent, ButtonComponent, DropdownModule, TimepickerOptionComponent, IconComponent, TimepickerInputControlDirective],\n  host: {\n    '[attr.readonly]': 'readonlyController?.readonly || null',\n  },\n})\nexport class TimepickerComponent extends CustomFormControl<string | null> implements AfterViewInit {\n  private readonly timepickerService = inject(TimepickerService);\n  private _useLocale = false;\n  protected keyManager?: ActiveDescendantKeyManager<OptionControl<string>>;\n\n  protected readonly takeUntilDestroyed = untilDestroyed();\n  protected readonly trackByIndex = trackByIndex;\n\n  @ViewChild(DropdownDirective)\n  protected readonly dropdown?: DropdownDirective;\n\n  @ViewChildren(TimepickerOptionComponent, { emitDistinctChangesOnly: true })\n  protected options!: QueryList<TimepickerOptionComponent>;\n\n  public readonly element = injectElement();\n\n  /**\n   * Controls whether the timepicker should use locale-specific time formats AM/PM.\n   * @default false\n   */\n  @Input({ transform: booleanAttribute })\n  public set useLocale(val: boolean) {\n    if (this.value && this.dateField) {\n      const time = this.timepickerService.getLocalizedTimeFormat(this.value, val);\n      this.updateValue(time);\n      this.dateField.nativeElementValue = time;\n    }\n    this._useLocale = val;\n  }\n\n  public get useLocale(): boolean {\n    return this._useLocale;\n  }\n\n  /**\n   * Controls the step interval between time options in minutes.\n   * @default 30\n   */\n  @Input({ transform: numberAttribute })\n  public step = 30;\n\n  /**\n   * Specifies the minimum time value that can be selected ('05:00' or '05:00 AM').\n   * @default '00:00'\n   */\n  @Input()\n  public min = '00:00';\n\n  /**\n   * Specifies the maximum time value that can be selected ('22:00' or '10:00 PM').\n   * @default '23:59'\n   */\n  @Input()\n  public max = '23:59';\n\n  @ViewChild(TimepickerInputControlDirective)\n  public dateField?: TimepickerInputControlDirective;\n\n  constructor() {\n    super(null);\n  }\n\n  public ngAfterViewInit(): void {\n    this.handleDateFieldChanges();\n    this.updateInputValue();\n  }\n\n  public onOpen(): void {\n    this.keyManager = new ActiveDescendantKeyManager<OptionControl<string>>(this.options).withHomeAndEnd();\n    this.setActiveOptionBasedOnCurrentValue();\n  }\n\n  public isTimeOptionSelected(option: TimepickerOptionComponent): boolean {\n    return this.value === option.value;\n  }\n\n  /**\n   * Handles the selection of a time option from the dropdown, updating the input field and closing the dropdown.\n   *\n   * @param {TimepickerOptionComponent} option - The selected time option component.\n   */\n  public timeSelected(option?: TimepickerOptionComponent): void {\n    if (!option || option.disabled) return;\n    const time = this.timepickerService.getLocalizedTimeFormat(option.getLabel(), this.useLocale);\n    this.dateField && (this.dateField.nativeElementValue = time);\n    this.updateValue(time);\n    this.dropdown?.close();\n  }\n\n  /**\n   * Determines whether the specified time is within the allowed time range.\n   *\n   * @param {string} time - The time to check, in 'HH:mm' or 'HH:mm AM/PM' format.\n   * @returns {boolean} True if the time is within the range; otherwise, false.\n   */\n  public inTimeRange(time: string): boolean {\n    return this.timepickerService.maxValidation(time, this.max) && this.timepickerService.minValidation(time, this.min);\n  }\n\n  /**\n   * Generates the list of time options based on the configured step interval and locale settings AM/PM.\n   *\n   * @returns {string[]} An array of time strings in 'HH:mm' format.\n   */\n  public get timeStampsList(): string[] {\n    return generateTimeStamps(this.step, this.useLocale);\n  }\n\n  @HostListener('click', ['$event'])\n  @HostListener('keydown', ['$event'])\n  protected handleControllerEvent(event: KeyboardEvent) {\n    if (this.readonlyController?.readonly) return;\n\n    this.keyManager?.onKeydown(event);\n    const activeOption = this.keyManager?.activeItem as TimepickerOptionComponent;\n    activeOption && this.scrollToActiveOption(activeOption, { behavior: 'smooth' });\n\n    if (event.key === 'Enter' || event.key === ' ' || event.key === 'Spacebar') {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      this.timeSelected(activeOption);\n    }\n  }\n\n  protected handleDateFieldChanges(): void {\n    this.dateField?.valueChange$.pipe(this.takeUntilDestroyed()).subscribe((time) => this.updateValue(time ?? null));\n  }\n\n  private setActiveOptionBasedOnCurrentValue(): void {\n    const isSelected = this.options.find((option) => option.isSelected);\n    if (isSelected) {\n      this.activateOption(isSelected);\n      return;\n    }\n\n    this.activateNearestTimeOption();\n  }\n\n  private activateOption(option: TimepickerOptionComponent): void {\n    this.keyManager && this.keyManager.setActiveItem(option);\n    this.scrollToActiveOption(option);\n  }\n\n  private activateNearestTimeOption(): void {\n    if (!this.value) {\n      const currentDate = new Date();\n      const isNearest = this.findNearestTimeOption(currentDate);\n      if (isNearest) {\n        this.activateOption(isNearest);\n      }\n    }\n  }\n\n  private findNearestTimeOption(currentDate: Date): TimepickerOptionComponent | undefined {\n    const availableTimeSlots = this.options.filter((option) => !option.disabled);\n    const nearestTimeValue = this.timepickerService.findClosestDate(\n      availableTimeSlots.map((option) => option.value) as string[],\n      `${currentDate.getHours()}:${currentDate.getMinutes()}`,\n    );\n\n    return availableTimeSlots.find((option) => option.value === nearestTimeValue);\n  }\n\n  private updateInputValue(): void {\n    if (this.value && this.dateField) {\n      const time = this.timepickerService.getLocalizedTimeFormat(this.value, this.useLocale);\n      this.dateField.nativeElementValue = time;\n    }\n  }\n\n  private scrollToActiveOption(option: TimepickerOptionComponent, _opts: ScrollIntoViewOptions = {}): void {\n    if (isFunction(option.element.nativeElement.scrollIntoView)) {\n      option.element.nativeElement.scrollIntoView({ block: 'center', ..._opts });\n    }\n  }\n}\n","<div class=\"odx-timepicker__wrapper\">\n  <input [value]=\"value\" odxTimepickerControl type=\"text\" />\n</div>\n\n<odx-action-group class=\"odx-no-margin\">\n  <button\n    #dropdownTrigger\n    class=\"odx-timepicker__trigger\"\n    odxButton\n    size=\"small\"\n    variant=\"ghost\"\n    aria-label=\"Select time\"\n    [odxDropdown]=\"timeList\"\n    [odxDropdownOptions]=\"{ matchReferenceWidth: true, position: 'bottom-start', enableFallback: false }\"\n    [odxDropdownTriggerElement]=\"dropdownTrigger.element.nativeElement\"\n    [odxDropdownReferenceElement]=\"element.nativeElement\"\n    (odxDropdownBeforeClose)=\"onTouched()\"\n    (odxDropdownAfterOpen)=\"onOpen()\"\n  >\n    <odx-icon name=\"chevron-down\"></odx-icon>\n  </button>\n</odx-action-group>\n\n<ng-template #timeList>\n  <div class=\"odx-timepicker__option-list\" role=\"listbox\">\n    <odx-timepicker-option\n      [value]=\"time\"\n      [disabled]=\"!inTimeRange(time)\"\n      *ngFor=\"let time of timeStampsList; trackBy: trackByIndex\"\n      (selected)=\"timeSelected($event)\"\n      >{{ time }}</odx-timepicker-option\n    >\n  </div>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { TimepickerOptionComponent } from './components/timepicker-option.component';\nimport { TimepickerInputControlDirective } from './directives/timepicker-input-control.directive';\nimport { TimepickerComponent } from './timepicker.component';\n\nconst modules = [TimepickerComponent, TimepickerInputControlDirective, TimepickerOptionComponent];\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class TimepickerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2"],"mappings":"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"}