@expcat/tigercat-vue 1.1.0 → 1.2.0

package/dist/{chunk-ABLH42TR.js → chunk-MUJLT2YG.js}

@@ -1,12 +1,60 @@
-'use strict';
+"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 chunkJCMGBKS6_js = require('./chunk-JCMGBKS6.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
+var _chunkJCMGBKS6js = require('./chunk-JCMGBKS6.js');
 
-var ClockIcon = chunkJCMGBKS6_js.createFilledIcon(tigercatCore.ClockIconPath, "w-5 h-5");
-var CloseIcon = chunkJCMGBKS6_js.createFilledIcon(tigercatCore.TimePickerCloseIconPath, "w-4 h-4");
-var TimePicker = vue.defineComponent({
+// 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: {
@@ -176,60 +224,60 @@ var TimePicker = vue.defineComponent({
     clear: () => true
   },
   setup(props, { emit, attrs }) {
-    const isOpen = vue.ref(false);
-    const panelRef = vue.ref(null);
-    const inputWrapperRef = vue.ref(null);
-    const inputRef = vue.ref(null);
-    const isRangeMode = vue.computed(() => props.range === true);
-    const activePart = vue.ref("start");
+    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 [value[0] ?? null, value[1] ?? null];
+      if (Array.isArray(value)) return [_nullishCoalesce(value[0], () => ( null)), _nullishCoalesce(value[1], () => ( null))];
       return [null, null];
     };
-    const currentRangeValue = vue.computed(() => {
+    const currentRangeValue = _vue.computed.call(void 0, () => {
       if (!isRangeMode.value) return [null, null];
       return normalizeRangeValue(props.modelValue);
     });
-    const currentSingleValue = vue.computed(() => {
+    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(() => {
+    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(() => tigercatCore.parseTime(activeValue.value));
-    const selectedHours = vue.ref(parsedTime.value?.hours ?? 0);
-    const selectedMinutes = vue.ref(parsedTime.value?.minutes ?? 0);
-    const selectedSeconds = vue.ref(parsedTime.value?.seconds ?? 0);
-    const selectedPeriod = vue.ref("AM");
+    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(activeValue.value);
+      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(parsed.hours);
+        const { period } = _tigercatcore.to12HourFormat.call(void 0, parsed.hours);
         selectedPeriod.value = period;
       }
     };
-    vue.watch(() => [activeValue.value, props.format], syncSelectionFromActiveValue, {
+    _vue.watch.call(void 0, () => [activeValue.value, props.format], syncSelectionFromActiveValue, {
       immediate: true
     });
-    const labels = vue.computed(() => tigercatCore.getTimePickerLabels(props.locale, props.labels));
-    const computedPlaceholder = vue.computed(
-      () => props.placeholder ?? (isRangeMode.value ? labels.value.selectTimeRange : labels.value.selectTime)
+    const labels = _vue.computed.call(void 0, () => _tigercatcore.getTimePickerLabels.call(void 0, props.locale, props.labels));
+    const computedPlaceholder = _vue.computed.call(void 0, 
+      () => _nullishCoalesce(props.placeholder, () => ( (isRangeMode.value ? labels.value.selectTimeRange : labels.value.selectTime)))
     );
-    const periodLabels = vue.computed(() => tigercatCore.getTimePeriodLabels(props.locale));
-    const rootClasses = vue.computed(
-      () => tigercatCore.classNames(tigercatCore.timePickerBaseClasses, props.className, tigercatCore.coerceClassValue(attrs.class))
+    const periodLabels = _vue.computed.call(void 0, () => _tigercatcore.getTimePeriodLabels.call(void 0, props.locale));
+    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(() => tigercatCore.mergeStyleValues(attrs.style, props.style));
-    const displayValue = vue.computed(() => {
+    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(
+        return _tigercatcore.formatTimeDisplayWithLocale.call(void 0, 
           parsedTime.value.hours,
           parsedTime.value.minutes,
           parsedTime.value.seconds,
@@ -239,9 +287,9 @@ var TimePicker = vue.defineComponent({
         );
       }
       const toDisplay = (timeStr) => {
-        const parsed = tigercatCore.parseTime(timeStr);
+        const parsed = _tigercatcore.parseTime.call(void 0, timeStr);
         if (!parsed) return "";
-        return tigercatCore.formatTimeDisplayWithLocale(
+        return _tigercatcore.formatTimeDisplayWithLocale.call(void 0, 
           parsed.hours,
           parsed.minutes,
           parsed.seconds,
@@ -255,14 +303,14 @@ var TimePicker = vue.defineComponent({
       if (!start && !end) return "";
       return `${start} - ${end}`;
     });
-    const showClearButton = vue.computed(() => {
+    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(() => tigercatCore.generateHours(props.hourStep, props.format));
-    const minutesList = vue.computed(() => tigercatCore.generateMinutes(props.minuteStep));
-    const secondsList = vue.computed(() => tigercatCore.generateSeconds(props.secondStep));
+    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;
@@ -273,7 +321,7 @@ var TimePicker = vue.defineComponent({
     }
     function closePanel() {
       isOpen.value = false;
-      inputRef.value?.focus();
+      _optionalChain([inputRef, 'access', _7 => _7.value, 'optionalAccess', _8 => _8.focus, 'call', _9 => _9()]);
     }
     function focusOptionInUnit(unit, action) {
       const panel = panelRef.value;
@@ -294,7 +342,7 @@ var TimePicker = vue.defineComponent({
       if (action === "next") nextIndex = Math.min(nodes.length - 1, baseIndex + 1);
       if (action === "first") nextIndex = 0;
       if (action === "last") nextIndex = nodes.length - 1;
-      nodes[nextIndex]?.focus();
+      _optionalChain([nodes, 'access', _10 => _10[nextIndex], 'optionalAccess', _11 => _11.focus, 'call', _12 => _12()]);
     }
     function handlePanelKeydown(event) {
       if (event.key === "Escape") {
@@ -303,7 +351,7 @@ var TimePicker = vue.defineComponent({
         return;
       }
       const active = document.activeElement;
-      const unit = active?.getAttribute("data-tiger-timepicker-unit");
+      const unit = _optionalChain([active, 'optionalAccess', _13 => _13.getAttribute, 'call', _14 => _14("data-tiger-timepicker-unit")]);
       if (!unit) return;
       if (event.key === "ArrowUp") {
         event.preventDefault();
@@ -335,7 +383,7 @@ var TimePicker = vue.defineComponent({
     }
     function selectHour(hour) {
       if (props.format === "12") {
-        selectedHours.value = tigercatCore.to24HourFormat(hour, selectedPeriod.value);
+        selectedHours.value = _tigercatcore.to24HourFormat.call(void 0, hour, selectedPeriod.value);
       } else {
         selectedHours.value = hour;
       }
@@ -351,15 +399,15 @@ var TimePicker = vue.defineComponent({
     }
     function selectPeriod(period) {
       selectedPeriod.value = period;
-      const { hours: hours12 } = tigercatCore.to12HourFormat(selectedHours.value);
-      selectedHours.value = tigercatCore.to24HourFormat(hours12, 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(selectedHours.value, selectedMinutes.value, props.minTime, props.maxTime)) {
+      if (!_tigercatcore.isTimeInRange.call(void 0, selectedHours.value, selectedMinutes.value, props.minTime, props.maxTime)) {
         return;
       }
-      let timeString = tigercatCore.formatTime(
+      let timeString = _tigercatcore.formatTime.call(void 0, 
         selectedHours.value,
         selectedMinutes.value,
         selectedSeconds.value,
@@ -372,14 +420,14 @@ var TimePicker = vue.defineComponent({
       }
       const nextRange = [...currentRangeValue.value];
       const index = activePart.value === "start" ? 0 : 1;
-      const parsedStart = tigercatCore.parseTime(currentRangeValue.value[0]);
-      const parsedEnd = tigercatCore.parseTime(currentRangeValue.value[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(
+          timeString = _tigercatcore.formatTime.call(void 0, 
             parsedStart.hours,
             parsedStart.minutes,
             parsedStart.seconds,
@@ -389,7 +437,7 @@ var TimePicker = vue.defineComponent({
           selectedMinutes.value = parsedStart.minutes;
           selectedSeconds.value = parsedStart.seconds;
           if (props.format === "12") {
-            const { period } = tigercatCore.to12HourFormat(parsedStart.hours);
+            const { period } = _tigercatcore.to12HourFormat.call(void 0, parsedStart.hours);
             selectedPeriod.value = period;
           }
         }
@@ -418,25 +466,25 @@ var TimePicker = vue.defineComponent({
       emit("clear");
     }
     function setNow() {
-      const now = tigercatCore.getCurrentTime(props.showSeconds);
-      const parsed = tigercatCore.parseTime(now);
+      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(parsed.hours);
+          const { period } = _tigercatcore.to12HourFormat.call(void 0, parsed.hours);
           selectedPeriod.value = period;
         }
         updateTime();
       }
     }
     function isHourDisabled(hour) {
-      const hours24 = props.format === "12" ? tigercatCore.to24HourFormat(hour, selectedPeriod.value) : hour;
-      return !tigercatCore.isTimeInRange(hours24, selectedMinutes.value, props.minTime, props.maxTime);
+      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);
     }
     function isMinuteDisabled(minute) {
-      return !tigercatCore.isTimeInRange(selectedHours.value, minute, props.minTime, props.maxTime);
+      return !_tigercatcore.isTimeInRange.call(void 0, selectedHours.value, minute, props.minTime, props.maxTime);
     }
     function handleClickOutside(event) {
       if (panelRef.value && inputWrapperRef.value && !panelRef.value.contains(event.target) && !inputWrapperRef.value.contains(event.target)) {
@@ -446,10 +494,10 @@ var TimePicker = vue.defineComponent({
     function handleInputClick() {
       togglePanel();
     }
-    vue.watch(isOpen, async (newValue) => {
+    _vue.watch.call(void 0, isOpen, async (newValue) => {
       if (newValue) {
         document.addEventListener("click", handleClickOutside);
-        await vue.nextTick();
+        await _vue.nextTick.call(void 0, );
         const panel = panelRef.value;
         if (!panel) return;
         const selectedHour = panel.querySelector(
@@ -462,33 +510,33 @@ var TimePicker = vue.defineComponent({
         const firstHour = panel.querySelector(
           'button[data-tiger-timepicker-unit="hour"]:not([disabled])'
         );
-        firstHour?.focus();
+        _optionalChain([firstHour, 'optionalAccess', _15 => _15.focus, 'call', _16 => _16()]);
       } else {
         document.removeEventListener("click", handleClickOutside);
       }
     });
-    vue.onMounted(() => {
+    _vue.onMounted.call(void 0, () => {
       if (isOpen.value) {
         document.addEventListener("click", handleClickOutside);
       }
     });
-    vue.onBeforeUnmount(() => {
+    _vue.onBeforeUnmount.call(void 0, () => {
       document.removeEventListener("click", handleClickOutside);
     });
     return () => {
-      const inputClasses = tigercatCore.getTimePickerInputClasses(props.size, props.disabled || props.readonly);
-      const iconButtonClasses = tigercatCore.getTimePickerIconButtonClasses(props.size);
-      return vue.h("div", { ...attrs, class: rootClasses.value, style: rootStyle.value }, [
+      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(
+        _vue.h.call(void 0, 
           "div",
           {
             ref: inputWrapperRef,
-            class: tigercatCore.timePickerInputWrapperClasses
+            class: _tigercatcore.timePickerInputWrapperClasses
           },
           [
             // Input field for time display
-            vue.h("input", {
+            _vue.h.call(void 0, "input", {
               ref: inputRef,
               type: "text",
               class: inputClasses,
@@ -503,18 +551,18 @@ var TimePicker = vue.defineComponent({
               "aria-label": computedPlaceholder.value
             }),
             // Clear button
-            showClearButton.value && vue.h(
+            showClearButton.value && _vue.h.call(void 0, 
               "button",
               {
                 type: "button",
-                class: tigercatCore.timePickerClearButtonClasses,
+                class: _tigercatcore.timePickerClearButtonClasses,
                 onClick: clearTime,
                 "aria-label": labels.value.clear
               },
               CloseIcon
             ),
             // Clock icon button
-            vue.h(
+            _vue.h.call(void 0, 
               "button",
               {
                 type: "button",
@@ -528,34 +576,34 @@ var TimePicker = vue.defineComponent({
           ]
         ),
         // Time picker panel
-        isOpen.value && vue.h(
+        isOpen.value && _vue.h.call(void 0, 
           "div",
           {
             ref: panelRef,
-            class: tigercatCore.timePickerPanelClasses,
+            class: _tigercatcore.timePickerPanelClasses,
             role: "dialog",
             "aria-label": labels.value.dialog,
             onKeydown: handlePanelKeydown
           },
           [
             // Range header
-            isRangeMode.value && vue.h("div", { class: tigercatCore.timePickerRangeHeaderClasses }, [
-              vue.h(
+            isRangeMode.value && _vue.h.call(void 0, "div", { class: _tigercatcore.timePickerRangeHeaderClasses }, [
+              _vue.h.call(void 0, 
                 "button",
                 {
                   type: "button",
-                  class: tigercatCore.getTimePickerRangeTabButtonClasses(activePart.value === "start"),
+                  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(
+              _vue.h.call(void 0, 
                 "button",
                 {
                   type: "button",
-                  class: tigercatCore.getTimePickerRangeTabButtonClasses(activePart.value === "end"),
+                  class: _tigercatcore.getTimePickerRangeTabButtonClasses.call(void 0, activePart.value === "end"),
                   onClick: () => activePart.value = "end",
                   "aria-label": labels.value.end,
                   "aria-selected": activePart.value === "end"
@@ -564,27 +612,82 @@ var TimePicker = vue.defineComponent({
               )
             ]),
             // Columns container
-            vue.h("div", { class: tigercatCore.timePickerPanelContentClasses }, [
+            _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 }, _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("div", { class: tigercatCore.timePickerColumnClasses }, [
-                vue.h("div", { class: tigercatCore.timePickerColumnHeaderClasses }, labels.value.hour),
-                vue.h(
+              _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 },
+                  { class: _tigercatcore.timePickerColumnListClasses },
                   hoursList.value.map((hour) => {
-                    const hours24 = props.format === "12" ? tigercatCore.to24HourFormat(hour, selectedPeriod.value) : 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(
+                    return _vue.h.call(void 0, 
                       "button",
                       {
                         key: hour,
                         type: "button",
-                        class: tigercatCore.getTimePickerItemClasses(isSelected, isDisabled),
+                        class: _tigercatcore.getTimePickerItemClasses.call(void 0, isSelected, isDisabled),
                         disabled: isDisabled,
                         onClick: () => selectHour(hour),
                         "data-tiger-timepicker-unit": "hour",
-                        "aria-label": tigercatCore.getTimePickerOptionAriaLabel(
+                        "aria-label": _tigercatcore.getTimePickerOptionAriaLabel.call(void 0, 
                           hour,
                           "hour",
                           props.locale,
@@ -592,30 +695,30 @@ var TimePicker = vue.defineComponent({
                         ),
                         "aria-selected": isSelected
                       },
-                      tigercatCore.padTwo(hour)
+                      _tigercatcore.padTwo.call(void 0, hour)
                     );
                   })
                 )
               ]),
               // Minutes column
-              vue.h("div", { class: tigercatCore.timePickerColumnClasses }, [
-                vue.h("div", { class: tigercatCore.timePickerColumnHeaderClasses }, labels.value.minute),
-                vue.h(
+              _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 },
+                  { class: _tigercatcore.timePickerColumnListClasses },
                   minutesList.value.map((minute) => {
                     const isSelected = selectedMinutes.value === minute;
                     const isDisabled = isMinuteDisabled(minute);
-                    return vue.h(
+                    return _vue.h.call(void 0, 
                       "button",
                       {
                         key: minute,
                         type: "button",
-                        class: tigercatCore.getTimePickerItemClasses(isSelected, isDisabled),
+                        class: _tigercatcore.getTimePickerItemClasses.call(void 0, isSelected, isDisabled),
                         disabled: isDisabled,
                         onClick: () => selectMinute(minute),
                         "data-tiger-timepicker-unit": "minute",
-                        "aria-label": tigercatCore.getTimePickerOptionAriaLabel(
+                        "aria-label": _tigercatcore.getTimePickerOptionAriaLabel.call(void 0, 
                           minute,
                           "minute",
                           props.locale,
@@ -623,28 +726,28 @@ var TimePicker = vue.defineComponent({
                         ),
                         "aria-selected": isSelected
                       },
-                      tigercatCore.padTwo(minute)
+                      _tigercatcore.padTwo.call(void 0, minute)
                     );
                   })
                 )
               ]),
               // Seconds column (if enabled)
-              props.showSeconds && vue.h("div", { class: tigercatCore.timePickerColumnClasses }, [
-                vue.h("div", { class: tigercatCore.timePickerColumnHeaderClasses }, labels.value.second),
-                vue.h(
+              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 },
+                  { class: _tigercatcore.timePickerColumnListClasses },
                   secondsList.value.map((second) => {
                     const isSelected = selectedSeconds.value === second;
-                    return vue.h(
+                    return _vue.h.call(void 0, 
                       "button",
                       {
                         key: second,
                         type: "button",
-                        class: tigercatCore.getTimePickerItemClasses(isSelected, false),
+                        class: _tigercatcore.getTimePickerItemClasses.call(void 0, isSelected, false),
                         onClick: () => selectSecond(second),
                         "data-tiger-timepicker-unit": "second",
-                        "aria-label": tigercatCore.getTimePickerOptionAriaLabel(
+                        "aria-label": _tigercatcore.getTimePickerOptionAriaLabel.call(void 0, 
                           second,
                           "second",
                           props.locale,
@@ -652,20 +755,20 @@ var TimePicker = vue.defineComponent({
                         ),
                         "aria-selected": isSelected
                       },
-                      tigercatCore.padTwo(second)
+                      _tigercatcore.padTwo.call(void 0, second)
                     );
                   })
                 )
               ]),
               // AM/PM column (if 12-hour format)
-              props.format === "12" && vue.h("div", { class: tigercatCore.timePickerColumnClasses }, [
-                vue.h("div", { class: tigercatCore.timePickerColumnHeaderClasses }, " "),
-                vue.h("div", { class: "flex flex-col" }, [
-                  vue.h(
+              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(selectedPeriod.value === "AM"),
+                      class: _tigercatcore.getTimePickerPeriodButtonClasses.call(void 0, selectedPeriod.value === "AM"),
                       onClick: () => selectPeriod("AM"),
                       "data-tiger-timepicker-unit": "period",
                       "aria-label": periodLabels.value.am,
@@ -673,11 +776,11 @@ var TimePicker = vue.defineComponent({
                     },
                     periodLabels.value.am
                   ),
-                  vue.h(
+                  _vue.h.call(void 0, 
                     "button",
                     {
                       type: "button",
-                      class: tigercatCore.getTimePickerPeriodButtonClasses(selectedPeriod.value === "PM"),
+                      class: _tigercatcore.getTimePickerPeriodButtonClasses.call(void 0, selectedPeriod.value === "PM"),
                       onClick: () => selectPeriod("PM"),
                       "data-tiger-timepicker-unit": "period",
                       "aria-label": periodLabels.value.pm,
@@ -689,21 +792,21 @@ var TimePicker = vue.defineComponent({
               ])
             ]),
             // Footer
-            vue.h("div", { class: tigercatCore.timePickerFooterClasses }, [
-              vue.h(
+            _vue.h.call(void 0, "div", { class: _tigercatcore.timePickerFooterClasses }, [
+              _vue.h.call(void 0, 
                 "button",
                 {
                   type: "button",
-                  class: tigercatCore.timePickerFooterButtonClasses,
+                  class: _tigercatcore.timePickerFooterButtonClasses,
                   onClick: setNow
                 },
                 labels.value.now
               ),
-              vue.h(
+              _vue.h.call(void 0, 
                 "button",
                 {
                   type: "button",
-                  class: tigercatCore.timePickerFooterButtonClasses,
+                  class: _tigercatcore.timePickerFooterButtonClasses,
                   onClick: closePanel
                 },
                 labels.value.ok
@@ -717,5 +820,7 @@ var TimePicker = vue.defineComponent({
 });
 var TimePicker_default = TimePicker;
 
-exports.TimePicker = TimePicker;
-exports.TimePicker_default = TimePicker_default;
+
+
+
+exports.TimePicker = TimePicker; exports.TimePicker_default = TimePicker_default;