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

package/dist/chunk-LUBUJUSH.js

@@ -1,45 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Divider.ts
-var _vue = require('vue');
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Divider = _vue.defineComponent.call(void 0, {
-  name: "TigerDivider",
-  inheritAttrs: false,
-  props: {
-    orientation: {
-      type: String,
-      default: "horizontal"
-    },
-    lineStyle: {
-      type: String,
-      default: "solid"
-    },
-    spacing: {
-      type: String,
-      default: "md"
-    },
-    color: String,
-    thickness: String
-  },
-  setup(props, { attrs }) {
-    const classes = _vue.computed.call(void 0, 
-      () => _tigercatcore.getDividerClasses.call(void 0, props.orientation, props.lineStyle, props.spacing)
-    );
-    const style = _vue.computed.call(void 0, () => _tigercatcore.getDividerStyle.call(void 0, props.orientation, props.color, props.thickness));
-    return () => _vue.h.call(void 0, "div", {
-      ...attrs,
-      class: [classes.value, attrs.class],
-      style: [style.value, attrs.style],
-      role: "separator",
-      "aria-orientation": props.orientation
-    });
-  }
-});
-var Divider_default = Divider;
-
-
-
-
-exports.Divider = Divider; exports.Divider_default = Divider_default;

package/dist/chunk-MNVMGJUF.js

@@ -1,341 +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 _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
-
-// 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 },
-    locale: { type: Object, default: void 0 },
-    className: { type: String, default: void 0 }
-  },
-  emits: ["update:modelValue", "change", "panel-change"],
-  setup(props, { emit, attrs }) {
-    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
-    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
-    const localeCode = _vue.computed.call(void 0, () => _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.locale]));
-    const labels = _vue.computed.call(void 0, () => _tigercatcore.getCalendarLabels.call(void 0, mergedLocale.value));
-    const weekdayNames = _vue.computed.call(void 0, () => _tigercatcore.getShortDayNames.call(void 0, localeCode.value));
-    const monthNames = _vue.computed.call(void 0, () => _tigercatcore.getShortMonthNames.call(void 0, localeCode.value));
-    const today = /* @__PURE__ */ new Date();
-    const viewYear = _vue.ref.call(void 0, _nullishCoalesce(_optionalChain([props, 'access', _3 => _3.modelValue, 'optionalAccess', _4 => _4.getFullYear, 'call', _5 => _5()]), () => ( today.getFullYear())));
-    const viewMonth = _vue.ref.call(void 0, _nullishCoalesce(_optionalChain([props, 'access', _6 => _6.modelValue, 'optionalAccess', _7 => _7.getMonth, 'call', _8 => _8()]), () => ( 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', _9 => _9.disabledDate, 'optionalCall', _10 => _10(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);
-    }
-    const dayGridEl = _vue.ref.call(void 0, null);
-    const monthGridEl = _vue.ref.call(void 0, null);
-    const activeIso = _vue.ref.call(void 0, null);
-    const activeMonthIdx = _vue.ref.call(void 0, null);
-    const toIso = (d) => _tigercatcore.formatDate.call(void 0, d, "yyyy-MM-dd");
-    function getDefaultDayIso() {
-      const v = props.modelValue;
-      if (v && v.getFullYear() === viewYear.value && v.getMonth() === viewMonth.value)
-        return toIso(v);
-      if (today.getFullYear() === viewYear.value && today.getMonth() === viewMonth.value)
-        return toIso(today);
-      return toIso(new Date(viewYear.value, viewMonth.value, 1));
-    }
-    function navigate(y, m) {
-      viewYear.value = y;
-      viewMonth.value = m;
-      emit("panel-change", new Date(y, m, 1), props.mode);
-    }
-    function focusDayIso(iso) {
-      const el = _optionalChain([dayGridEl, 'access', _11 => _11.value, 'optionalAccess', _12 => _12.querySelector, 'call', _13 => _13(`button[data-date="${iso}"]`)]);
-      if (el && !el.disabled) {
-        el.focus();
-        activeIso.value = iso;
-        return true;
-      }
-      return false;
-    }
-    function moveDayFocus(deltaDays) {
-      const activeEl = document.activeElement;
-      const currentIso = _nullishCoalesce(_nullishCoalesce(_optionalChain([activeEl, 'optionalAccess', _14 => _14.getAttribute, 'call', _15 => _15("data-date")]), () => ( activeIso.value)), () => ( getDefaultDayIso()));
-      const base = _tigercatcore.parseDate.call(void 0, currentIso);
-      if (!base) return;
-      let candidate = _tigercatcore.addDays.call(void 0, base, deltaDays);
-      for (let attempts = 0; attempts < 42; attempts++) {
-        const iso = toIso(candidate);
-        const el = _optionalChain([dayGridEl, 'access', _16 => _16.value, 'optionalAccess', _17 => _17.querySelector, 'call', _18 => _18(`button[data-date="${iso}"]`)]);
-        if (el && !el.disabled) {
-          el.focus();
-          activeIso.value = iso;
-          return;
-        }
-        if (!el) {
-          activeIso.value = iso;
-          navigate(candidate.getFullYear(), candidate.getMonth());
-          _vue.nextTick.call(void 0, () => {
-            _optionalChain([dayGridEl, 'access', _19 => _19.value, 'optionalAccess', _20 => _20.querySelector, 'call', _21 => _21(`button[data-date="${iso}"]`), 'optionalAccess', _22 => _22.focus, 'call', _23 => _23()]);
-          });
-          return;
-        }
-        candidate = _tigercatcore.addDays.call(void 0, candidate, deltaDays);
-      }
-    }
-    function handleDayGridKeyDown(e) {
-      switch (e.key) {
-        case "ArrowLeft":
-          e.preventDefault();
-          moveDayFocus(-1);
-          break;
-        case "ArrowRight":
-          e.preventDefault();
-          moveDayFocus(1);
-          break;
-        case "ArrowUp":
-          e.preventDefault();
-          moveDayFocus(-7);
-          break;
-        case "ArrowDown":
-          e.preventDefault();
-          moveDayFocus(7);
-          break;
-        case "Home":
-          e.preventDefault();
-          focusDayIso(toIso(new Date(viewYear.value, viewMonth.value, 1)));
-          break;
-        case "End":
-          e.preventDefault();
-          focusDayIso(toIso(new Date(viewYear.value, viewMonth.value + 1, 0)));
-          break;
-        case "Enter":
-        case " ": {
-          const activeEl = document.activeElement;
-          const iso = _optionalChain([activeEl, 'optionalAccess', _24 => _24.getAttribute, 'call', _25 => _25("data-date")]);
-          if (iso) {
-            e.preventDefault();
-            const d = _tigercatcore.parseDate.call(void 0, iso);
-            if (d) selectDay(d);
-          }
-          break;
-        }
-        default:
-          break;
-      }
-    }
-    function focusMonthIdx(idx) {
-      const els = _optionalChain([monthGridEl, 'access', _26 => _26.value, 'optionalAccess', _27 => _27.querySelectorAll, 'call', _28 => _28('button[role="gridcell"]')]);
-      _optionalChain([els, 'optionalAccess', _29 => _29[idx], 'optionalAccess', _30 => _30.focus, 'call', _31 => _31()]);
-      activeMonthIdx.value = idx;
-    }
-    function handleMonthKeyDown(e, idx) {
-      let target = idx;
-      switch (e.key) {
-        case "ArrowRight":
-          target = Math.min(11, idx + 1);
-          break;
-        case "ArrowLeft":
-          target = Math.max(0, idx - 1);
-          break;
-        case "ArrowDown":
-          target = Math.min(11, idx + 3);
-          break;
-        case "ArrowUp":
-          target = Math.max(0, idx - 3);
-          break;
-        case "Home":
-          target = 0;
-          break;
-        case "End":
-          target = 11;
-          break;
-        case "Enter":
-        case " ":
-          e.preventDefault();
-          selectMonth(idx);
-          return;
-        default:
-          return;
-      }
-      e.preventDefault();
-      focusMonthIdx(target);
-    }
-    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" ? labels.value.previousMonth : labels.value.previousYear,
-            onClick: props.mode === "month" ? prevMonth : prevYear
-          },
-          "\u2039"
-        ),
-        _vue.h.call(void 0, 
-          "span",
-          { class: _tigercatcore.calendarTitleClasses },
-          props.mode === "month" ? _tigercatcore.formatMonthYear.call(void 0, viewYear.value, viewMonth.value, localeCode.value) : `${viewYear.value}`
-        ),
-        _vue.h.call(void 0, 
-          "button",
-          {
-            type: "button",
-            class: _tigercatcore.calendarNavButtonClasses,
-            "aria-label": props.mode === "month" ? labels.value.nextMonth : labels.value.nextYear,
-            onClick: props.mode === "month" ? nextMonth : nextYear
-          },
-          "\u203A"
-        )
-      ]);
-      const rovingDayIso = _nullishCoalesce(activeIso.value, () => ( getDefaultDayIso()));
-      const rovingMonthIdx = _nullishCoalesce(activeMonthIdx.value, () => ( viewMonth.value));
-      let body;
-      if (props.mode === "year") {
-        const monthRows = [];
-        for (let i = 0; i < monthNames.value.length; i += 3)
-          monthRows.push(monthNames.value.slice(i, i + 3));
-        body = _vue.h.call(void 0, 
-          "div",
-          { class: "grid grid-cols-1 gap-2", role: "grid", ref: monthGridEl },
-          monthRows.map(
-            (row, ri) => _vue.h.call(void 0, 
-              "div",
-              { key: ri, class: "grid grid-cols-3 gap-2", role: "row" },
-              row.map((m, ci) => {
-                const i = ri * 3 + ci;
-                return _vue.h.call(void 0, 
-                  "button",
-                  {
-                    key: i,
-                    type: "button",
-                    role: "gridcell",
-                    "aria-selected": viewMonth.value === i,
-                    tabindex: rovingMonthIdx === i ? 0 : -1,
-                    class: _tigercatcore.getCalendarMonthClasses.call(void 0, viewMonth.value === i),
-                    onClick: () => selectMonth(i),
-                    onFocus: () => activeMonthIdx.value = i,
-                    onKeydown: (e) => handleMonthKeyDown(e, i)
-                  },
-                  m
-                );
-              })
-            )
-          )
-        );
-      } else {
-        const weekdayRow = _vue.h.call(void 0, 
-          "div",
-          { class: "grid grid-cols-7", role: "row" },
-          weekdayNames.value.map(
-            (wd) => _vue.h.call(void 0, "div", { key: wd, class: _tigercatcore.calendarWeekdayClasses, role: "columnheader" }, wd)
-          )
-        );
-        const weeks = [];
-        for (let i = 0; i < days.value.length; i += 7) weeks.push(days.value.slice(i, i + 7));
-        const weekRows = weeks.map(
-          (week, wi) => _vue.h.call(void 0, 
-            "div",
-            { key: wi, class: "grid grid-cols-7", role: "row", onKeydown: handleDayGridKeyDown },
-            week.map((date) => {
-              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', _32 => _32.disabledDate, 'optionalCall', _33 => _33(date)]);
-              const iso = toIso(date);
-              return _vue.h.call(void 0, 
-                "button",
-                {
-                  key: iso,
-                  type: "button",
-                  role: "gridcell",
-                  "data-date": iso,
-                  "aria-label": iso,
-                  "aria-selected": isSelected,
-                  "aria-current": isTodayDate ? "date" : void 0,
-                  disabled: isDisabled,
-                  tabindex: rovingDayIso === iso && !isDisabled ? 0 : -1,
-                  class: _tigercatcore.classNames.call(void 0, 
-                    _tigercatcore.getCalendarDayClasses.call(void 0, isSelected, isTodayDate, isCurrentMonth, isDisabled),
-                    "justify-self-center my-0.5"
-                  ),
-                  onClick: () => selectDay(date),
-                  onFocus: () => activeIso.value = iso
-                },
-                date.getDate()
-              );
-            })
-          )
-        );
-        body = _vue.h.call(void 0, "div", { role: "grid", "aria-rowcount": 7, "aria-colcount": 7, ref: dayGridEl }, [
-          weekdayRow,
-          ...weekRows
-        ]);
-      }
-      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;