@expcat/tigercat-vue 1.5.0 → 2.0.0-preview.1

package/dist/chunk-VXRFE72I.js

@@ -1,852 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunkJCMGBKS6js = require('./chunk-JCMGBKS6.js');
-
-
-var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
-
-// src/components/TimePicker.ts
-
-
-
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var ClockIcon = _chunkJCMGBKS6js.createFilledIcon.call(void 0, _tigercatcore.ClockIconPath, "w-5 h-5");
-var CloseIcon = _chunkJCMGBKS6js.createFilledIcon.call(void 0, _tigercatcore.TimePickerCloseIconPath, "w-4 h-4");
-var TimePicker = _vue.defineComponent.call(void 0, {
-  name: "TigerTimePicker",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Selected time value (for v-model)
-     */
-    modelValue: {
-      type: [String, Array, null],
-      default: null
-    },
-    /**
-     * Locale used for UI labels and display formatting.
-     */
-    locale: {
-      type: [String, Object],
-      default: void 0
-    },
-    /**
-     * UI labels for i18n.
-     * When provided, merges with locale-based defaults.
-     */
-    labels: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Enable range selection (start/end).
-     */
-    range: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Time picker size
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Time format (12-hour or 24-hour)
-     * @default '24'
-     */
-    format: {
-      type: String,
-      default: "24"
-    },
-    /**
-     * Show seconds selector
-     * @default false
-     */
-    showSeconds: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Step size for hours
-     * @default 1
-     */
-    hourStep: {
-      type: Number,
-      default: 1
-    },
-    /**
-     * Step size for minutes
-     * @default 1
-     */
-    minuteStep: {
-      type: Number,
-      default: 1
-    },
-    /**
-     * Step size for seconds
-     * @default 1
-     */
-    secondStep: {
-      type: Number,
-      default: 1
-    },
-    /**
-     * Placeholder text
-     */
-    placeholder: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Whether the time picker is disabled
-     * @default false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether the time picker is readonly
-     * @default false
-     */
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether the time picker is required
-     * @default false
-     */
-    required: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Minimum selectable time
-     */
-    minTime: {
-      type: [String, null],
-      default: null
-    },
-    /**
-     * Maximum selectable time
-     */
-    maxTime: {
-      type: [String, null],
-      default: null
-    },
-    /**
-     * Show clear button
-     * @default true
-     */
-    clearable: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Input name attribute
-     */
-    name: {
-      type: String
-    },
-    /**
-     * Input id attribute
-     */
-    id: {
-      type: String
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: {
-    /**
-     * Emitted when time changes (for v-model)
-     */
-    "update:modelValue": (value) => value === null || typeof value === "string" || Array.isArray(value) && value.length === 2,
-    /**
-     * Emitted when time changes
-     */
-    change: (value) => value === null || typeof value === "string" || Array.isArray(value) && value.length === 2,
-    /**
-     * Emitted when clear button is clicked
-     */
-    clear: () => true
-  },
-  setup(props, { emit, attrs }) {
-    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
-    const isOpen = _vue.ref.call(void 0, false);
-    const panelRef = _vue.ref.call(void 0, null);
-    const inputWrapperRef = _vue.ref.call(void 0, null);
-    const inputRef = _vue.ref.call(void 0, null);
-    const isRangeMode = _vue.computed.call(void 0, () => props.range === true);
-    const activePart = _vue.ref.call(void 0, "start");
-    const normalizeRangeValue = (value) => {
-      if (Array.isArray(value)) return [_nullishCoalesce(value[0], () => ( null)), _nullishCoalesce(value[1], () => ( null))];
-      return [null, null];
-    };
-    const currentRangeValue = _vue.computed.call(void 0, () => {
-      if (!isRangeMode.value) return [null, null];
-      return normalizeRangeValue(props.modelValue);
-    });
-    const currentSingleValue = _vue.computed.call(void 0, () => {
-      if (isRangeMode.value) return null;
-      return typeof props.modelValue === "string" || props.modelValue === null ? props.modelValue : null;
-    });
-    const activeValue = _vue.computed.call(void 0, () => {
-      if (!isRangeMode.value) return currentSingleValue.value;
-      return currentRangeValue.value[activePart.value === "start" ? 0 : 1];
-    });
-    const parsedTime = _vue.computed.call(void 0, () => _tigercatcore.parseTime.call(void 0, activeValue.value));
-    const selectedHours = _vue.ref.call(void 0, _nullishCoalesce(_optionalChain([parsedTime, 'access', _ => _.value, 'optionalAccess', _2 => _2.hours]), () => ( 0)));
-    const selectedMinutes = _vue.ref.call(void 0, _nullishCoalesce(_optionalChain([parsedTime, 'access', _3 => _3.value, 'optionalAccess', _4 => _4.minutes]), () => ( 0)));
-    const selectedSeconds = _vue.ref.call(void 0, _nullishCoalesce(_optionalChain([parsedTime, 'access', _5 => _5.value, 'optionalAccess', _6 => _6.seconds]), () => ( 0)));
-    const selectedPeriod = _vue.ref.call(void 0, "AM");
-    const syncSelectionFromActiveValue = () => {
-      const parsed = _tigercatcore.parseTime.call(void 0, activeValue.value);
-      if (!parsed) return;
-      selectedHours.value = parsed.hours;
-      selectedMinutes.value = parsed.minutes;
-      selectedSeconds.value = parsed.seconds;
-      if (props.format === "12") {
-        const { period } = _tigercatcore.to12HourFormat.call(void 0, parsed.hours);
-        selectedPeriod.value = period;
-      }
-    };
-    _vue.watch.call(void 0, () => [activeValue.value, props.format], syncSelectionFromActiveValue, {
-      immediate: true
-    });
-    const localeOverride = _vue.computed.call(void 0, 
-      () => typeof props.locale === "string" ? { locale: props.locale } : props.locale
-    );
-    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, localeOverride.value));
-    const localeCode = _vue.computed.call(void 0, () => _optionalChain([mergedLocale, 'access', _7 => _7.value, 'optionalAccess', _8 => _8.locale]));
-    const labels = _vue.computed.call(void 0, () => _tigercatcore.getTimePickerLabels.call(void 0, mergedLocale.value, props.labels));
-    const computedPlaceholder = _vue.computed.call(void 0, 
-      () => _nullishCoalesce(props.placeholder, () => ( (isRangeMode.value ? labels.value.selectTimeRange : labels.value.selectTime)))
-    );
-    const periodLabels = _vue.computed.call(void 0, () => _tigercatcore.getTimePeriodLabels.call(void 0, localeCode.value));
-    const rootClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, _tigercatcore.timePickerBaseClasses, props.className, _tigercatcore.coerceClassValue.call(void 0, attrs.class))
-    );
-    const rootStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style));
-    const displayValue = _vue.computed.call(void 0, () => {
-      if (!isRangeMode.value) {
-        if (!parsedTime.value) return "";
-        return _tigercatcore.formatTimeDisplayWithLocale.call(void 0, 
-          parsedTime.value.hours,
-          parsedTime.value.minutes,
-          parsedTime.value.seconds,
-          props.format,
-          props.showSeconds,
-          localeCode.value
-        );
-      }
-      const toDisplay = (timeStr) => {
-        const parsed = _tigercatcore.parseTime.call(void 0, timeStr);
-        if (!parsed) return "";
-        return _tigercatcore.formatTimeDisplayWithLocale.call(void 0, 
-          parsed.hours,
-          parsed.minutes,
-          parsed.seconds,
-          props.format,
-          props.showSeconds,
-          localeCode.value
-        );
-      };
-      const start = toDisplay(currentRangeValue.value[0]);
-      const end = toDisplay(currentRangeValue.value[1]);
-      if (!start && !end) return "";
-      return `${start} - ${end}`;
-    });
-    const showClearButton = _vue.computed.call(void 0, () => {
-      if (!props.clearable || props.disabled || props.readonly) return false;
-      if (!isRangeMode.value) return currentSingleValue.value !== null;
-      return currentRangeValue.value[0] !== null || currentRangeValue.value[1] !== null;
-    });
-    const hoursList = _vue.computed.call(void 0, () => _tigercatcore.generateHours.call(void 0, props.hourStep, props.format));
-    const minutesList = _vue.computed.call(void 0, () => _tigercatcore.generateMinutes.call(void 0, props.minuteStep));
-    const secondsList = _vue.computed.call(void 0, () => _tigercatcore.generateSeconds.call(void 0, props.secondStep));
-    function togglePanel() {
-      if (!props.disabled && !props.readonly) {
-        isOpen.value = !isOpen.value;
-        if (isOpen.value) {
-          syncSelectionFromActiveValue();
-        }
-      }
-    }
-    function closePanel() {
-      isOpen.value = false;
-      _optionalChain([inputRef, 'access', _9 => _9.value, 'optionalAccess', _10 => _10.focus, 'call', _11 => _11()]);
-    }
-    function focusOptionInUnit(unit, action) {
-      _tigercatcore.focusTimePickerOption.call(void 0, panelRef.value, unit, action);
-    }
-    function handlePanelKeydown(event) {
-      if (event.key === "Escape") {
-        event.preventDefault();
-        closePanel();
-        return;
-      }
-      const active = document.activeElement;
-      const unit = _optionalChain([active, 'optionalAccess', _12 => _12.getAttribute, 'call', _13 => _13("data-tiger-timepicker-unit")]);
-      if (!unit) return;
-      if (event.key === "ArrowUp") {
-        event.preventDefault();
-        focusOptionInUnit(unit, "prev");
-        return;
-      }
-      if (event.key === "ArrowDown") {
-        event.preventDefault();
-        focusOptionInUnit(unit, "next");
-        return;
-      }
-      if (event.key === "Home") {
-        event.preventDefault();
-        focusOptionInUnit(unit, "first");
-        return;
-      }
-      if (event.key === "End") {
-        event.preventDefault();
-        focusOptionInUnit(unit, "last");
-        return;
-      }
-      if (event.key === "Enter" || event.key === " ") {
-        const el = document.activeElement;
-        if (el && el.tagName === "BUTTON" && !el.disabled) {
-          event.preventDefault();
-          el.click();
-        }
-      }
-    }
-    function selectHour(hour) {
-      if (props.format === "12") {
-        selectedHours.value = _tigercatcore.to24HourFormat.call(void 0, hour, selectedPeriod.value);
-      } else {
-        selectedHours.value = hour;
-      }
-      updateTime();
-    }
-    function selectMinute(minute) {
-      selectedMinutes.value = minute;
-      updateTime();
-    }
-    function selectSecond(second) {
-      selectedSeconds.value = second;
-      updateTime();
-    }
-    function selectPeriod(period) {
-      selectedPeriod.value = period;
-      const { hours: hours12 } = _tigercatcore.to12HourFormat.call(void 0, selectedHours.value);
-      selectedHours.value = _tigercatcore.to24HourFormat.call(void 0, hours12, period);
-      updateTime();
-    }
-    function updateTime() {
-      if (!_tigercatcore.isTimeInRange.call(void 0, 
-        selectedHours.value,
-        selectedMinutes.value,
-        props.minTime,
-        props.maxTime,
-        selectedSeconds.value
-      )) {
-        return;
-      }
-      let timeString = _tigercatcore.formatTime.call(void 0, 
-        selectedHours.value,
-        selectedMinutes.value,
-        selectedSeconds.value,
-        props.showSeconds
-      );
-      if (!isRangeMode.value) {
-        emit("update:modelValue", timeString);
-        emit("change", timeString);
-        return;
-      }
-      const nextRange = [...currentRangeValue.value];
-      const index = activePart.value === "start" ? 0 : 1;
-      const parsedStart = _tigercatcore.parseTime.call(void 0, currentRangeValue.value[0]);
-      const parsedEnd = _tigercatcore.parseTime.call(void 0, currentRangeValue.value[1]);
-      const candidateSeconds = selectedHours.value * 3600 + selectedMinutes.value * 60 + selectedSeconds.value;
-      const startSeconds = parsedStart ? parsedStart.hours * 3600 + parsedStart.minutes * 60 + parsedStart.seconds : null;
-      const endSeconds = parsedEnd ? parsedEnd.hours * 3600 + parsedEnd.minutes * 60 + parsedEnd.seconds : null;
-      if (activePart.value === "end" && parsedStart && startSeconds !== null) {
-        if (candidateSeconds < startSeconds) {
-          timeString = _tigercatcore.formatTime.call(void 0, 
-            parsedStart.hours,
-            parsedStart.minutes,
-            parsedStart.seconds,
-            props.showSeconds
-          );
-          selectedHours.value = parsedStart.hours;
-          selectedMinutes.value = parsedStart.minutes;
-          selectedSeconds.value = parsedStart.seconds;
-          if (props.format === "12") {
-            const { period } = _tigercatcore.to12HourFormat.call(void 0, parsedStart.hours);
-            selectedPeriod.value = period;
-          }
-        }
-      }
-      nextRange[index] = timeString;
-      if (activePart.value === "start" && endSeconds !== null && candidateSeconds > endSeconds) {
-        nextRange[1] = timeString;
-      }
-      emit("update:modelValue", nextRange);
-      emit("change", nextRange);
-      if (activePart.value === "start" && nextRange[1] === null) {
-        activePart.value = "end";
-      }
-    }
-    function clearTime(event) {
-      event.stopPropagation();
-      if (!isRangeMode.value) {
-        emit("update:modelValue", null);
-        emit("change", null);
-        emit("clear");
-        return;
-      }
-      const cleared = [null, null];
-      emit("update:modelValue", cleared);
-      emit("change", cleared);
-      emit("clear");
-    }
-    function setNow() {
-      const now = _tigercatcore.getCurrentTime.call(void 0, props.showSeconds);
-      const parsed = _tigercatcore.parseTime.call(void 0, now);
-      if (parsed) {
-        selectedHours.value = parsed.hours;
-        selectedMinutes.value = parsed.minutes;
-        selectedSeconds.value = parsed.seconds;
-        if (props.format === "12") {
-          const { period } = _tigercatcore.to12HourFormat.call(void 0, parsed.hours);
-          selectedPeriod.value = period;
-        }
-        updateTime();
-      }
-    }
-    function isHourDisabled(hour) {
-      const hours24 = props.format === "12" ? _tigercatcore.to24HourFormat.call(void 0, hour, selectedPeriod.value) : hour;
-      return !_tigercatcore.isTimeInRange.call(void 0, 
-        hours24,
-        selectedMinutes.value,
-        props.minTime,
-        props.maxTime,
-        selectedSeconds.value
-      );
-    }
-    function isMinuteDisabled(minute) {
-      return !_tigercatcore.isTimeInRange.call(void 0, 
-        selectedHours.value,
-        minute,
-        props.minTime,
-        props.maxTime,
-        selectedSeconds.value
-      );
-    }
-    function isSecondDisabled(second) {
-      return !_tigercatcore.isTimeInRange.call(void 0, 
-        selectedHours.value,
-        selectedMinutes.value,
-        props.minTime,
-        props.maxTime,
-        second
-      );
-    }
-    function handleClickOutside(event) {
-      if (panelRef.value && inputWrapperRef.value && !panelRef.value.contains(event.target) && !inputWrapperRef.value.contains(event.target)) {
-        closePanel();
-      }
-    }
-    function handleInputClick() {
-      togglePanel();
-    }
-    _vue.watch.call(void 0, isOpen, async (newValue) => {
-      if (newValue) {
-        document.addEventListener("click", handleClickOutside);
-        await _vue.nextTick.call(void 0, );
-        const panel = panelRef.value;
-        if (!panel) return;
-        const selectedHour = panel.querySelector(
-          'button[data-tiger-timepicker-unit="hour"][aria-selected="true"]:not([disabled])'
-        );
-        if (selectedHour) {
-          selectedHour.focus();
-          return;
-        }
-        const firstHour = panel.querySelector(
-          'button[data-tiger-timepicker-unit="hour"]:not([disabled])'
-        );
-        _optionalChain([firstHour, 'optionalAccess', _14 => _14.focus, 'call', _15 => _15()]);
-      } else {
-        document.removeEventListener("click", handleClickOutside);
-      }
-    });
-    _vue.onMounted.call(void 0, () => {
-      if (isOpen.value) {
-        document.addEventListener("click", handleClickOutside);
-      }
-    });
-    _vue.onBeforeUnmount.call(void 0, () => {
-      document.removeEventListener("click", handleClickOutside);
-    });
-    return () => {
-      const inputClasses = _tigercatcore.getTimePickerInputClasses.call(void 0, props.size, props.disabled || props.readonly);
-      const iconButtonClasses = _tigercatcore.getTimePickerIconButtonClasses.call(void 0, props.size);
-      return _vue.h.call(void 0, "div", { ...attrs, class: rootClasses.value, style: rootStyle.value }, [
-        // Input wrapper
-        _vue.h.call(void 0, 
-          "div",
-          {
-            ref: inputWrapperRef,
-            class: _tigercatcore.timePickerInputWrapperClasses
-          },
-          [
-            // Input field for time display
-            _vue.h.call(void 0, "input", {
-              ref: inputRef,
-              type: "text",
-              class: inputClasses,
-              value: displayValue.value,
-              placeholder: computedPlaceholder.value,
-              disabled: props.disabled,
-              readonly: true,
-              required: props.required,
-              name: props.name,
-              id: props.id,
-              onClick: handleInputClick,
-              "aria-label": computedPlaceholder.value
-            }),
-            // Clear button
-            showClearButton.value && _vue.h.call(void 0, 
-              "button",
-              {
-                type: "button",
-                class: _tigercatcore.timePickerClearButtonClasses,
-                onClick: clearTime,
-                "aria-label": labels.value.clear
-              },
-              CloseIcon
-            ),
-            // Clock icon button
-            _vue.h.call(void 0, 
-              "button",
-              {
-                type: "button",
-                class: iconButtonClasses,
-                disabled: props.disabled || props.readonly,
-                onClick: togglePanel,
-                "aria-label": labels.value.toggle
-              },
-              ClockIcon
-            )
-          ]
-        ),
-        // Time picker panel
-        isOpen.value && _vue.h.call(void 0, 
-          "div",
-          {
-            ref: panelRef,
-            class: _tigercatcore.timePickerPanelClasses,
-            role: "dialog",
-            "aria-label": labels.value.dialog,
-            onKeydown: handlePanelKeydown
-          },
-          [
-            // Range header
-            isRangeMode.value && _vue.h.call(void 0, "div", { class: _tigercatcore.timePickerRangeHeaderClasses }, [
-              _vue.h.call(void 0, 
-                "button",
-                {
-                  type: "button",
-                  class: _tigercatcore.getTimePickerRangeTabButtonClasses.call(void 0, activePart.value === "start"),
-                  onClick: () => activePart.value = "start",
-                  "aria-label": labels.value.start,
-                  "aria-selected": activePart.value === "start"
-                },
-                labels.value.start
-              ),
-              _vue.h.call(void 0, 
-                "button",
-                {
-                  type: "button",
-                  class: _tigercatcore.getTimePickerRangeTabButtonClasses.call(void 0, activePart.value === "end"),
-                  onClick: () => activePart.value = "end",
-                  "aria-label": labels.value.end,
-                  "aria-selected": activePart.value === "end"
-                },
-                labels.value.end
-              )
-            ]),
-            // Columns container
-            _vue.h.call(void 0, "div", { class: _tigercatcore.timePickerMobileWheelClasses }, [
-              _vue.h.call(void 0, 
-                "select",
-                {
-                  class: _tigercatcore.timePickerMobileWheelSelectClasses,
-                  value: props.format === "12" ? _tigercatcore.to12HourFormat.call(void 0, selectedHours.value).hours : selectedHours.value,
-                  "aria-label": labels.value.hour,
-                  onChange: (event) => selectHour(Number(event.target.value))
-                },
-                hoursList.value.map(
-                  (hour) => _vue.h.call(void 0, "option", { value: hour, disabled: isHourDisabled(hour) }, _tigercatcore.padTwo.call(void 0, hour))
-                )
-              ),
-              _vue.h.call(void 0, 
-                "select",
-                {
-                  class: _tigercatcore.timePickerMobileWheelSelectClasses,
-                  value: selectedMinutes.value,
-                  "aria-label": labels.value.minute,
-                  onChange: (event) => selectMinute(Number(event.target.value))
-                },
-                minutesList.value.map(
-                  (minute) => _vue.h.call(void 0, 
-                    "option",
-                    { value: minute, disabled: isMinuteDisabled(minute) },
-                    _tigercatcore.padTwo.call(void 0, minute)
-                  )
-                )
-              ),
-              props.showSeconds && _vue.h.call(void 0, 
-                "select",
-                {
-                  class: _tigercatcore.timePickerMobileWheelSelectClasses,
-                  value: selectedSeconds.value,
-                  "aria-label": labels.value.second,
-                  onChange: (event) => selectSecond(Number(event.target.value))
-                },
-                secondsList.value.map(
-                  (second) => _vue.h.call(void 0, 
-                    "option",
-                    { value: second, disabled: isSecondDisabled(second) },
-                    _tigercatcore.padTwo.call(void 0, second)
-                  )
-                )
-              ),
-              props.format === "12" && _vue.h.call(void 0, 
-                "select",
-                {
-                  class: _tigercatcore.timePickerMobileWheelSelectClasses,
-                  value: selectedPeriod.value,
-                  "aria-label": "Period",
-                  onChange: (event) => selectPeriod(event.target.value)
-                },
-                [
-                  _vue.h.call(void 0, "option", { value: "AM" }, periodLabels.value.am),
-                  _vue.h.call(void 0, "option", { value: "PM" }, periodLabels.value.pm)
-                ]
-              )
-            ]),
-            _vue.h.call(void 0, "div", { class: _tigercatcore.timePickerDesktopPanelContentClasses }, [
-              // Hours column
-              _vue.h.call(void 0, "div", { class: _tigercatcore.timePickerColumnClasses }, [
-                _vue.h.call(void 0, "div", { class: _tigercatcore.timePickerColumnHeaderClasses }, labels.value.hour),
-                _vue.h.call(void 0, 
-                  "div",
-                  { class: _tigercatcore.timePickerColumnListClasses },
-                  hoursList.value.map((hour) => {
-                    const hours24 = props.format === "12" ? _tigercatcore.to24HourFormat.call(void 0, hour, selectedPeriod.value) : hour;
-                    const isSelected = selectedHours.value === hours24;
-                    const isDisabled = isHourDisabled(hour);
-                    return _vue.h.call(void 0, 
-                      "button",
-                      {
-                        key: hour,
-                        type: "button",
-                        class: _tigercatcore.getTimePickerItemClasses.call(void 0, isSelected, isDisabled),
-                        disabled: isDisabled,
-                        onClick: () => selectHour(hour),
-                        "data-tiger-timepicker-unit": "hour",
-                        "aria-label": _tigercatcore.getTimePickerOptionAriaLabel.call(void 0, 
-                          hour,
-                          "hour",
-                          mergedLocale.value,
-                          props.labels
-                        ),
-                        "aria-selected": isSelected
-                      },
-                      _tigercatcore.padTwo.call(void 0, hour)
-                    );
-                  })
-                )
-              ]),
-              // Minutes column
-              _vue.h.call(void 0, "div", { class: _tigercatcore.timePickerColumnClasses }, [
-                _vue.h.call(void 0, "div", { class: _tigercatcore.timePickerColumnHeaderClasses }, labels.value.minute),
-                _vue.h.call(void 0, 
-                  "div",
-                  { class: _tigercatcore.timePickerColumnListClasses },
-                  minutesList.value.map((minute) => {
-                    const isSelected = selectedMinutes.value === minute;
-                    const isDisabled = isMinuteDisabled(minute);
-                    return _vue.h.call(void 0, 
-                      "button",
-                      {
-                        key: minute,
-                        type: "button",
-                        class: _tigercatcore.getTimePickerItemClasses.call(void 0, isSelected, isDisabled),
-                        disabled: isDisabled,
-                        onClick: () => selectMinute(minute),
-                        "data-tiger-timepicker-unit": "minute",
-                        "aria-label": _tigercatcore.getTimePickerOptionAriaLabel.call(void 0, 
-                          minute,
-                          "minute",
-                          mergedLocale.value,
-                          props.labels
-                        ),
-                        "aria-selected": isSelected
-                      },
-                      _tigercatcore.padTwo.call(void 0, minute)
-                    );
-                  })
-                )
-              ]),
-              // Seconds column (if enabled)
-              props.showSeconds && _vue.h.call(void 0, "div", { class: _tigercatcore.timePickerColumnClasses }, [
-                _vue.h.call(void 0, "div", { class: _tigercatcore.timePickerColumnHeaderClasses }, labels.value.second),
-                _vue.h.call(void 0, 
-                  "div",
-                  { class: _tigercatcore.timePickerColumnListClasses },
-                  secondsList.value.map((second) => {
-                    const isSelected = selectedSeconds.value === second;
-                    const isDisabled = isSecondDisabled(second);
-                    return _vue.h.call(void 0, 
-                      "button",
-                      {
-                        key: second,
-                        type: "button",
-                        class: _tigercatcore.getTimePickerItemClasses.call(void 0, isSelected, isDisabled),
-                        disabled: isDisabled,
-                        onClick: () => selectSecond(second),
-                        "data-tiger-timepicker-unit": "second",
-                        "aria-label": _tigercatcore.getTimePickerOptionAriaLabel.call(void 0, 
-                          second,
-                          "second",
-                          mergedLocale.value,
-                          props.labels
-                        ),
-                        "aria-selected": isSelected
-                      },
-                      _tigercatcore.padTwo.call(void 0, second)
-                    );
-                  })
-                )
-              ]),
-              // AM/PM column (if 12-hour format)
-              props.format === "12" && _vue.h.call(void 0, "div", { class: _tigercatcore.timePickerColumnClasses }, [
-                _vue.h.call(void 0, "div", { class: _tigercatcore.timePickerColumnHeaderClasses }, " "),
-                _vue.h.call(void 0, "div", { class: "flex flex-col" }, [
-                  _vue.h.call(void 0, 
-                    "button",
-                    {
-                      type: "button",
-                      class: _tigercatcore.getTimePickerPeriodButtonClasses.call(void 0, selectedPeriod.value === "AM"),
-                      onClick: () => selectPeriod("AM"),
-                      "data-tiger-timepicker-unit": "period",
-                      "aria-label": periodLabels.value.am,
-                      "aria-selected": selectedPeriod.value === "AM"
-                    },
-                    periodLabels.value.am
-                  ),
-                  _vue.h.call(void 0, 
-                    "button",
-                    {
-                      type: "button",
-                      class: _tigercatcore.getTimePickerPeriodButtonClasses.call(void 0, selectedPeriod.value === "PM"),
-                      onClick: () => selectPeriod("PM"),
-                      "data-tiger-timepicker-unit": "period",
-                      "aria-label": periodLabels.value.pm,
-                      "aria-selected": selectedPeriod.value === "PM"
-                    },
-                    periodLabels.value.pm
-                  )
-                ])
-              ])
-            ]),
-            // Footer
-            _vue.h.call(void 0, "div", { class: _tigercatcore.timePickerFooterClasses }, [
-              _vue.h.call(void 0, 
-                "button",
-                {
-                  type: "button",
-                  class: _tigercatcore.timePickerFooterButtonClasses,
-                  onClick: setNow
-                },
-                labels.value.now
-              ),
-              _vue.h.call(void 0, 
-                "button",
-                {
-                  type: "button",
-                  class: _tigercatcore.timePickerFooterButtonClasses,
-                  onClick: closePanel
-                },
-                labels.value.ok
-              )
-            ])
-          ]
-        )
-      ]);
-    };
-  }
-});
-var TimePicker_default = TimePicker;
-
-
-
-
-exports.TimePicker = TimePicker; exports.TimePicker_default = TimePicker_default;