@expcat/tigercat-vue 1.4.0 → 1.5.0

package/dist/chunk-LD7ZJCTO.mjs

@@ -1,167 +0,0 @@
-// src/components/Calendar.ts
-import { defineComponent, h, ref, computed } from "vue";
-import { classNames, coerceClassValue } from "@expcat/tigercat-core";
-import {
-  getCalendarContainerClasses,
-  calendarHeaderClasses,
-  calendarNavButtonClasses,
-  calendarTitleClasses,
-  calendarWeekdayClasses,
-  getCalendarDayClasses,
-  getCalendarMonthClasses,
-  WEEKDAYS,
-  MONTHS,
-  isSameDay,
-  getMonthDays
-} from "@expcat/tigercat-core";
-var Calendar = defineComponent({
-  name: "TigerCalendar",
-  inheritAttrs: false,
-  props: {
-    modelValue: { type: Date, default: void 0 },
-    mode: { type: String, default: "month" },
-    fullscreen: { type: Boolean, default: false },
-    disabledDate: { type: Function, default: void 0 },
-    className: { type: String, default: void 0 }
-  },
-  emits: ["update:modelValue", "change", "panel-change"],
-  setup(props, { emit, attrs }) {
-    const today = /* @__PURE__ */ new Date();
-    const viewYear = ref(props.modelValue?.getFullYear() ?? today.getFullYear());
-    const viewMonth = ref(props.modelValue?.getMonth() ?? today.getMonth());
-    const days = computed(() => getMonthDays(viewYear.value, viewMonth.value));
-    function prevMonth() {
-      if (viewMonth.value === 0) {
-        viewMonth.value = 11;
-        viewYear.value--;
-      } else {
-        viewMonth.value--;
-      }
-      emit("panel-change", new Date(viewYear.value, viewMonth.value, 1), props.mode);
-    }
-    function nextMonth() {
-      if (viewMonth.value === 11) {
-        viewMonth.value = 0;
-        viewYear.value++;
-      } else {
-        viewMonth.value++;
-      }
-      emit("panel-change", new Date(viewYear.value, viewMonth.value, 1), props.mode);
-    }
-    function prevYear() {
-      viewYear.value--;
-      emit("panel-change", new Date(viewYear.value, viewMonth.value, 1), props.mode);
-    }
-    function nextYear() {
-      viewYear.value++;
-      emit("panel-change", new Date(viewYear.value, viewMonth.value, 1), props.mode);
-    }
-    function selectDay(date) {
-      if (props.disabledDate?.(date)) return;
-      emit("update:modelValue", date);
-      emit("change", date);
-    }
-    function selectMonth(monthIdx) {
-      viewMonth.value = monthIdx;
-      emit("panel-change", new Date(viewYear.value, monthIdx, 1), props.mode);
-    }
-    return () => {
-      const containerClass = classNames(
-        getCalendarContainerClasses(!!props.fullscreen),
-        props.className,
-        coerceClassValue(attrs.class)
-      );
-      const header = h("div", { class: calendarHeaderClasses }, [
-        h(
-          "button",
-          {
-            type: "button",
-            class: calendarNavButtonClasses,
-            "aria-label": props.mode === "month" ? "Previous month" : "Previous year",
-            onClick: props.mode === "month" ? prevMonth : prevYear
-          },
-          "\u2039"
-        ),
-        h(
-          "span",
-          { class: calendarTitleClasses },
-          props.mode === "month" ? `${MONTHS[viewMonth.value]} ${viewYear.value}` : `${viewYear.value}`
-        ),
-        h(
-          "button",
-          {
-            type: "button",
-            class: calendarNavButtonClasses,
-            "aria-label": props.mode === "month" ? "Next month" : "Next year",
-            onClick: props.mode === "month" ? nextMonth : nextYear
-          },
-          "\u203A"
-        )
-      ]);
-      let body;
-      if (props.mode === "year") {
-        body = h(
-          "div",
-          { class: "grid grid-cols-3 gap-2" },
-          MONTHS.map(
-            (m, i) => h(
-              "div",
-              {
-                key: i,
-                class: getCalendarMonthClasses(viewMonth.value === i),
-                onClick: () => selectMonth(i)
-              },
-              m
-            )
-          )
-        );
-      } else {
-        const weekdayRow = h(
-          "div",
-          { class: "grid grid-cols-7" },
-          WEEKDAYS.map((wd) => h("div", { key: wd, class: calendarWeekdayClasses }, wd))
-        );
-        const dayGrid = h(
-          "div",
-          { class: "grid grid-cols-7" },
-          days.value.map((date, i) => {
-            const isCurrentMonth = date.getMonth() === viewMonth.value;
-            const isSelected = props.modelValue ? isSameDay(date, props.modelValue) : false;
-            const isTodayDate = isSameDay(date, today);
-            const isDisabled = !!props.disabledDate?.(date);
-            return h(
-              "div",
-              {
-                key: i,
-                class: "flex items-center justify-center py-0.5"
-              },
-              [
-                h(
-                  "div",
-                  {
-                    class: getCalendarDayClasses(
-                      isSelected,
-                      isTodayDate,
-                      isCurrentMonth,
-                      isDisabled
-                    ),
-                    onClick: () => selectDay(date)
-                  },
-                  date.getDate()
-                )
-              ]
-            );
-          })
-        );
-        body = h("div", {}, [weekdayRow, dayGrid]);
-      }
-      return h("div", { ...attrs, class: containerClass, role: "group" }, [header, body]);
-    };
-  }
-});
-var Calendar_default = Calendar;
-
-export {
-  Calendar,
-  Calendar_default
-};

package/dist/chunk-XAQID5IO.js

@@ -1,167 +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; }// src/components/Calendar.ts
-var _vue = require('vue');
-var _tigercatcore = require('@expcat/tigercat-core');
-
-
-
-
-
-
-
-
-
-
-
-
-
-var Calendar = _vue.defineComponent.call(void 0, {
-  name: "TigerCalendar",
-  inheritAttrs: false,
-  props: {
-    modelValue: { type: Date, default: void 0 },
-    mode: { type: String, default: "month" },
-    fullscreen: { type: Boolean, default: false },
-    disabledDate: { type: Function, default: void 0 },
-    className: { type: String, default: void 0 }
-  },
-  emits: ["update:modelValue", "change", "panel-change"],
-  setup(props, { emit, attrs }) {
-    const today = /* @__PURE__ */ new Date();
-    const viewYear = _vue.ref.call(void 0, _nullishCoalesce(_optionalChain([props, 'access', _ => _.modelValue, 'optionalAccess', _2 => _2.getFullYear, 'call', _3 => _3()]), () => ( today.getFullYear())));
-    const viewMonth = _vue.ref.call(void 0, _nullishCoalesce(_optionalChain([props, 'access', _4 => _4.modelValue, 'optionalAccess', _5 => _5.getMonth, 'call', _6 => _6()]), () => ( today.getMonth())));
-    const days = _vue.computed.call(void 0, () => _tigercatcore.getMonthDays.call(void 0, viewYear.value, viewMonth.value));
-    function prevMonth() {
-      if (viewMonth.value === 0) {
-        viewMonth.value = 11;
-        viewYear.value--;
-      } else {
-        viewMonth.value--;
-      }
-      emit("panel-change", new Date(viewYear.value, viewMonth.value, 1), props.mode);
-    }
-    function nextMonth() {
-      if (viewMonth.value === 11) {
-        viewMonth.value = 0;
-        viewYear.value++;
-      } else {
-        viewMonth.value++;
-      }
-      emit("panel-change", new Date(viewYear.value, viewMonth.value, 1), props.mode);
-    }
-    function prevYear() {
-      viewYear.value--;
-      emit("panel-change", new Date(viewYear.value, viewMonth.value, 1), props.mode);
-    }
-    function nextYear() {
-      viewYear.value++;
-      emit("panel-change", new Date(viewYear.value, viewMonth.value, 1), props.mode);
-    }
-    function selectDay(date) {
-      if (_optionalChain([props, 'access', _7 => _7.disabledDate, 'optionalCall', _8 => _8(date)])) return;
-      emit("update:modelValue", date);
-      emit("change", date);
-    }
-    function selectMonth(monthIdx) {
-      viewMonth.value = monthIdx;
-      emit("panel-change", new Date(viewYear.value, monthIdx, 1), props.mode);
-    }
-    return () => {
-      const containerClass = _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getCalendarContainerClasses.call(void 0, !!props.fullscreen),
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      );
-      const header = _vue.h.call(void 0, "div", { class: _tigercatcore.calendarHeaderClasses }, [
-        _vue.h.call(void 0, 
-          "button",
-          {
-            type: "button",
-            class: _tigercatcore.calendarNavButtonClasses,
-            "aria-label": props.mode === "month" ? "Previous month" : "Previous year",
-            onClick: props.mode === "month" ? prevMonth : prevYear
-          },
-          "\u2039"
-        ),
-        _vue.h.call(void 0, 
-          "span",
-          { class: _tigercatcore.calendarTitleClasses },
-          props.mode === "month" ? `${_tigercatcore.MONTHS[viewMonth.value]} ${viewYear.value}` : `${viewYear.value}`
-        ),
-        _vue.h.call(void 0, 
-          "button",
-          {
-            type: "button",
-            class: _tigercatcore.calendarNavButtonClasses,
-            "aria-label": props.mode === "month" ? "Next month" : "Next year",
-            onClick: props.mode === "month" ? nextMonth : nextYear
-          },
-          "\u203A"
-        )
-      ]);
-      let body;
-      if (props.mode === "year") {
-        body = _vue.h.call(void 0, 
-          "div",
-          { class: "grid grid-cols-3 gap-2" },
-          _tigercatcore.MONTHS.map(
-            (m, i) => _vue.h.call(void 0, 
-              "div",
-              {
-                key: i,
-                class: _tigercatcore.getCalendarMonthClasses.call(void 0, viewMonth.value === i),
-                onClick: () => selectMonth(i)
-              },
-              m
-            )
-          )
-        );
-      } else {
-        const weekdayRow = _vue.h.call(void 0, 
-          "div",
-          { class: "grid grid-cols-7" },
-          _tigercatcore.WEEKDAYS.map((wd) => _vue.h.call(void 0, "div", { key: wd, class: _tigercatcore.calendarWeekdayClasses }, wd))
-        );
-        const dayGrid = _vue.h.call(void 0, 
-          "div",
-          { class: "grid grid-cols-7" },
-          days.value.map((date, i) => {
-            const isCurrentMonth = date.getMonth() === viewMonth.value;
-            const isSelected = props.modelValue ? _tigercatcore.isSameDay.call(void 0, date, props.modelValue) : false;
-            const isTodayDate = _tigercatcore.isSameDay.call(void 0, date, today);
-            const isDisabled = !!_optionalChain([props, 'access', _9 => _9.disabledDate, 'optionalCall', _10 => _10(date)]);
-            return _vue.h.call(void 0, 
-              "div",
-              {
-                key: i,
-                class: "flex items-center justify-center py-0.5"
-              },
-              [
-                _vue.h.call(void 0, 
-                  "div",
-                  {
-                    class: _tigercatcore.getCalendarDayClasses.call(void 0, 
-                      isSelected,
-                      isTodayDate,
-                      isCurrentMonth,
-                      isDisabled
-                    ),
-                    onClick: () => selectDay(date)
-                  },
-                  date.getDate()
-                )
-              ]
-            );
-          })
-        );
-        body = _vue.h.call(void 0, "div", {}, [weekdayRow, dayGrid]);
-      }
-      return _vue.h.call(void 0, "div", { ...attrs, class: containerClass, role: "group" }, [header, body]);
-    };
-  }
-});
-var Calendar_default = Calendar;
-
-
-
-
-exports.Calendar = Calendar; exports.Calendar_default = Calendar_default;

package/dist/chunk-ZYCOHZCM.mjs

@@ -1,92 +0,0 @@
-// src/components/Segmented.ts
-import { defineComponent, h } from "vue";
-import {
-  getSegmentedContainerClasses,
-  getSegmentedContainerStyle,
-  getSegmentedIndicatorClasses,
-  getSegmentedIndicatorStyle,
-  getSegmentedOptionClasses,
-  classNames,
-  coerceClassValue,
-  mergeStyleValues
-} from "@expcat/tigercat-core";
-var Segmented = defineComponent({
-  name: "TigerSegmented",
-  inheritAttrs: false,
-  props: {
-    modelValue: {
-      type: [String, Number],
-      default: void 0
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    disabled: { type: Boolean, default: false },
-    size: { type: String, default: "md" },
-    block: { type: Boolean, default: false },
-    className: { type: String, default: void 0 }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(props, { emit, attrs }) {
-    function handleSelect(option) {
-      if (option.disabled || props.disabled) return;
-      if (option.value === props.modelValue) return;
-      emit("update:modelValue", option.value);
-      emit("change", option.value);
-    }
-    return () => h(
-      "div",
-      {
-        ...attrs,
-        class: classNames(
-          getSegmentedContainerClasses(props.size, props.block),
-          props.className,
-          coerceClassValue(attrs.class)
-        ),
-        style: mergeStyleValues(
-          attrs.style,
-          getSegmentedContainerStyle(props.options.length)
-        ),
-        role: "radiogroup"
-      },
-      [
-        h("div", {
-          "data-tiger-segmented-indicator": "true",
-          "aria-hidden": "true",
-          class: getSegmentedIndicatorClasses(props.size),
-          style: getSegmentedIndicatorStyle(
-            props.options.findIndex((opt) => opt.value === props.modelValue),
-            props.options.length,
-            props.size
-          )
-        }),
-        ...props.options.map((opt) => {
-          const selected = opt.value === props.modelValue;
-          const isDisabled = !!opt.disabled || props.disabled;
-          return h(
-            "label",
-            {
-              key: opt.value,
-              class: classNames(
-                getSegmentedOptionClasses(props.size, selected, isDisabled),
-                props.block ? "flex-1 text-center" : ""
-              ),
-              role: "radio",
-              "aria-checked": selected,
-              "aria-disabled": isDisabled,
-              onClick: () => handleSelect(opt)
-            },
-            [h("span", null, opt.label)]
-          );
-        })
-      ]
-    );
-  }
-});
-var Segmented_default = Segmented;
-
-export {
-  Segmented,
-  Segmented_default
-};