@expcat/tigercat-vue 1.1.0 → 1.2.14

package/dist/chunk-7ADONGSB.js

@@ -1,11 +1,8 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/ButtonGroup.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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/ButtonGroup.ts
+var _vue = require('vue');
+var _tigercatcore = require('@expcat/tigercat-core');
 var BUTTON_GROUP_INJECTION_KEY = /* @__PURE__ */ Symbol("TigerButtonGroup");
-var ButtonGroup = vue.defineComponent({
+var ButtonGroup = _vue.defineComponent.call(void 0, {
   name: "TigerButtonGroup",
   inheritAttrs: false,
   props: {
@@ -20,31 +17,33 @@ var ButtonGroup = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    vue.provide(BUTTON_GROUP_INJECTION_KEY, {
+    _vue.provide.call(void 0, BUTTON_GROUP_INJECTION_KEY, {
       get size() {
         return props.size;
       }
     });
     return () => {
-      const classes = tigercatCore.getButtonGroupClasses(
+      const classes = _tigercatcore.getButtonGroupClasses.call(void 0, 
         props.vertical,
         props.className,
-        tigercatCore.coerceClassValue(attrs.class)
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       );
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrs,
           class: classes,
           role: "group"
         },
-        slots.default?.()
+        _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()])
       );
     };
   }
 });
 var ButtonGroup_default = ButtonGroup;
 
-exports.BUTTON_GROUP_INJECTION_KEY = BUTTON_GROUP_INJECTION_KEY;
-exports.ButtonGroup = ButtonGroup;
-exports.ButtonGroup_default = ButtonGroup_default;
+
+
+
+
+exports.BUTTON_GROUP_INJECTION_KEY = BUTTON_GROUP_INJECTION_KEY; exports.ButtonGroup = ButtonGroup; exports.ButtonGroup_default = ButtonGroup_default;

package/dist/chunk-7LUATGJU.mjs

@@ -1,7 +1,27 @@
-import { defineComponent, computed, h } from 'vue';
-import { clampPercentage, getStatusVariant, formatProgressText, getCircleSize, calculateCirclePath, classNames, progressCircleBaseClasses, coerceClassValue, progressCircleTrackStrokeClasses, getProgressVariantClasses, progressCircleTextClasses, progressTextSizeClasses, getProgressTextColorClasses, progressLineBaseClasses, progressTrackBgClasses, progressLineSizeClasses, progressLineInnerClasses, progressStripedClasses, progressStripedAnimationClasses, progressTextBaseClasses } from '@expcat/tigercat-core';
-
 // src/components/Progress.ts
+import { defineComponent, computed, h } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  getProgressVariantClasses,
+  getProgressTextColorClasses,
+  getStatusVariant,
+  formatProgressText,
+  clampPercentage,
+  calculateCirclePath,
+  getCircleSize,
+  progressLineBaseClasses,
+  progressLineInnerClasses,
+  progressTextBaseClasses,
+  progressCircleBaseClasses,
+  progressLineSizeClasses,
+  progressTextSizeClasses,
+  progressStripedClasses,
+  progressStripedAnimationClasses,
+  progressTrackBgClasses,
+  progressCircleTextClasses,
+  progressCircleTrackStrokeClasses
+} from "@expcat/tigercat-core";
 var Progress = defineComponent({
   name: "TigerProgress",
   inheritAttrs: false,
@@ -168,4 +188,7 @@ var Progress = defineComponent({
 });
 var Progress_default = Progress;
 
-export { Progress, Progress_default };
+export {
+  Progress,
+  Progress_default
+};

package/dist/chunk-7PY6OQVE.mjs

@@ -1,7 +1,15 @@
-import { defineComponent, ref, computed, onMounted, watch, onBeforeUnmount, h } from 'vue';
-import { watermarkDefaults, resolveWatermarkFont, createWatermarkRenderController, getWatermarkOverlayStyle, mergeStyleValues, classNames, watermarkWrapperClasses, coerceClassValue } from '@expcat/tigercat-core';
-
 // src/components/Watermark.ts
+import { defineComponent, computed, h, onMounted, onBeforeUnmount, ref, watch } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  mergeStyleValues,
+  watermarkDefaults,
+  watermarkWrapperClasses,
+  resolveWatermarkFont,
+  createWatermarkRenderController,
+  getWatermarkOverlayStyle
+} from "@expcat/tigercat-core";
 var Watermark = defineComponent({
   name: "TigerWatermark",
   inheritAttrs: false,
@@ -122,4 +130,7 @@ var Watermark = defineComponent({
 });
 var Watermark_default = Watermark;
 
-export { Watermark, Watermark_default };
+export {
+  Watermark,
+  Watermark_default
+};

package/dist/chunk-7QX4QWWN.js

@@ -1,10 +1,29 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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/FileManager.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/FileManager.ts
-var FileManager = vue.defineComponent({
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var FileManager = _vue.defineComponent.call(void 0, {
   name: "TigerFileManager",
   inheritAttrs: false,
   props: {
@@ -47,9 +66,9 @@ var FileManager = vue.defineComponent({
     "update:selectedKeys"
   ],
   setup(props, { emit, attrs }) {
-    const localSearch = vue.ref(props.searchText);
-    const model = vue.computed(
-      () => tigercatCore.deriveFileManagerModel({
+    const localSearch = _vue.ref.call(void 0, props.searchText);
+    const model = _vue.computed.call(void 0, 
+      () => _tigercatcore.deriveFileManagerModel.call(void 0, {
         files: props.files,
         currentPath: props.currentPath,
         selectedKeys: props.selectedKeys,
@@ -59,17 +78,17 @@ var FileManager = vue.defineComponent({
         searchText: localSearch.value || props.searchText
       })
     );
-    const containerClasses = vue.computed(
-      () => tigercatCore.classNames(tigercatCore.getFileManagerContainerClasses(props.className), tigercatCore.coerceClassValue(attrs.class))
+    const containerClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, _tigercatcore.getFileManagerContainerClasses.call(void 0, props.className), _tigercatcore.coerceClassValue.call(void 0, attrs.class))
     );
     function handleSelect(item) {
       if (item.disabled) return;
       emit("select", item);
-      const keys = tigercatCore.toggleFileSelection(props.selectedKeys, item.key, props.multiple);
+      const keys = _tigercatcore.toggleFileSelection.call(void 0, props.selectedKeys, item.key, props.multiple);
       emit("update:selectedKeys", keys);
     }
     function handleOpen(item) {
-      const result = tigercatCore.resolveFileOpen(item, props.currentPath);
+      const result = _tigercatcore.resolveFileOpen.call(void 0, item, props.currentPath);
       if (!result) return;
       if (result.type === "navigate") {
         emit("update:currentPath", result.path);
@@ -79,40 +98,40 @@ var FileManager = vue.defineComponent({
       }
     }
     function navigateToBreadcrumb(index) {
-      const newPath = tigercatCore.sliceBreadcrumbPath(props.currentPath, index);
+      const newPath = _tigercatcore.sliceBreadcrumbPath.call(void 0, props.currentPath, index);
       emit("update:currentPath", newPath);
       emit("navigate", newPath);
     }
     return () => {
       const breadcrumbItems = [
-        vue.h(
+        _vue.h.call(void 0, 
           "span",
           {
-            class: tigercatCore.fileManagerBreadcrumbItemClasses,
+            class: _tigercatcore.fileManagerBreadcrumbItemClasses,
             onClick: () => navigateToBreadcrumb(0)
           },
           "Root"
         ),
         ...props.currentPath.flatMap((seg, i) => [
-          vue.h("span", { class: tigercatCore.fileManagerBreadcrumbSeparatorClasses }, "/"),
-          vue.h(
+          _vue.h.call(void 0, "span", { class: _tigercatcore.fileManagerBreadcrumbSeparatorClasses }, "/"),
+          _vue.h.call(void 0, 
             "span",
             {
-              class: tigercatCore.fileManagerBreadcrumbItemClasses,
+              class: _tigercatcore.fileManagerBreadcrumbItemClasses,
               onClick: () => navigateToBreadcrumb(i + 1)
             },
             seg
           )
         ])
       ];
-      const breadcrumb = vue.h(
+      const breadcrumb = _vue.h.call(void 0, 
         "nav",
-        { class: tigercatCore.fileManagerBreadcrumbClasses, "aria-label": "File path" },
+        { class: _tigercatcore.fileManagerBreadcrumbClasses, "aria-label": "File path" },
         breadcrumbItems
       );
-      const searchInput = props.searchable ? vue.h("input", {
+      const searchInput = props.searchable ? _vue.h.call(void 0, "input", {
         type: "text",
-        class: tigercatCore.fileManagerSearchClasses,
+        class: _tigercatcore.fileManagerSearchClasses,
         placeholder: "Search...",
         value: localSearch.value,
         onInput: (e) => {
@@ -121,26 +140,26 @@ var FileManager = vue.defineComponent({
           emit("update:searchText", val);
         }
       }) : null;
-      const toolbar = vue.h("div", { class: tigercatCore.fileManagerToolbarClasses }, [
+      const toolbar = _vue.h.call(void 0, "div", { class: _tigercatcore.fileManagerToolbarClasses }, [
         breadcrumb,
-        vue.h("div", { class: "flex-1" }),
+        _vue.h.call(void 0, "div", { class: "flex-1" }),
         searchInput
       ]);
-      const fileIcon = (item) => vue.h(
+      const fileIcon = (item) => _vue.h.call(void 0, 
         "span",
-        { class: tigercatCore.fileManagerItemIconClasses, "aria-hidden": "true" },
+        { class: _tigercatcore.fileManagerItemIconClasses, "aria-hidden": "true" },
         item.type === "folder" ? "\u{1F4C1}" : "\u{1F4C4}"
       );
       const renderItem = (item, index) => {
         const isSelected = model.value.selectedSet.has(item.key);
-        const itemClass = tigercatCore.getFileItemClasses(props.viewMode, isSelected);
-        const nameEl = vue.h("span", { class: tigercatCore.fileManagerItemNameClasses }, item.name);
+        const itemClass = _tigercatcore.getFileItemClasses.call(void 0, props.viewMode, isSelected);
+        const nameEl = _vue.h.call(void 0, "span", { class: _tigercatcore.fileManagerItemNameClasses }, item.name);
         const metaEls = props.viewMode === "list" ? [
-          item.size !== void 0 ? vue.h("span", { class: tigercatCore.fileManagerItemMetaClasses }, tigercatCore.formatFileSizeLabel(item.size)) : null,
-          item.modified ? vue.h("span", { class: tigercatCore.fileManagerItemMetaClasses }, item.modified) : null
+          item.size !== void 0 ? _vue.h.call(void 0, "span", { class: _tigercatcore.fileManagerItemMetaClasses }, _tigercatcore.formatFileSizeLabel.call(void 0, item.size)) : null,
+          item.modified ? _vue.h.call(void 0, "span", { class: _tigercatcore.fileManagerItemMetaClasses }, item.modified) : null
         ] : [];
-        const dragItem = props.draggable && !item.disabled ? tigercatCore.toFileDragItem(item, index) : void 0;
-        return vue.h(
+        const dragItem = props.draggable && !item.disabled ? _tigercatcore.toFileDragItem.call(void 0, item, index) : void 0;
+        return _vue.h.call(void 0, 
           "div",
           {
             key: item.key,
@@ -151,23 +170,25 @@ var FileManager = vue.defineComponent({
             onClick: () => handleSelect(item),
             onDblclick: () => handleOpen(item),
             draggable: props.draggable && !item.disabled,
-            "data-drag-id": dragItem?.id
+            "data-drag-id": _optionalChain([dragItem, 'optionalAccess', _ => _.id])
           },
           [fileIcon(item), nameEl, ...metaEls]
         );
       };
-      const contentClass = props.viewMode === "grid" ? `${tigercatCore.fileManagerContentClasses} grid grid-cols-4 gap-2` : tigercatCore.fileManagerContentClasses;
-      const content = model.value.processedItems.length > 0 ? vue.h(
+      const contentClass = props.viewMode === "grid" ? `${_tigercatcore.fileManagerContentClasses} grid grid-cols-4 gap-2` : _tigercatcore.fileManagerContentClasses;
+      const content = model.value.processedItems.length > 0 ? _vue.h.call(void 0, 
         "div",
         { class: contentClass, role: "listbox", "aria-multiselectable": props.multiple },
         model.value.processedItems.map(renderItem)
-      ) : vue.h("div", { class: tigercatCore.fileManagerEmptyClasses }, props.emptyText);
-      const loadingEl = props.loading ? vue.h("div", { class: tigercatCore.fileManagerLoadingClasses }, "Loading...") : null;
-      return vue.h("div", { class: containerClasses.value }, [toolbar, content, loadingEl]);
+      ) : _vue.h.call(void 0, "div", { class: _tigercatcore.fileManagerEmptyClasses }, props.emptyText);
+      const loadingEl = props.loading ? _vue.h.call(void 0, "div", { class: _tigercatcore.fileManagerLoadingClasses }, "Loading...") : null;
+      return _vue.h.call(void 0, "div", { class: containerClasses.value }, [toolbar, content, loadingEl]);
     };
   }
 });
 var FileManager_default = FileManager;
 
-exports.FileManager = FileManager;
-exports.FileManager_default = FileManager_default;
+
+
+
+exports.FileManager = FileManager; exports.FileManager_default = FileManager_default;

package/dist/chunk-7RIWAO2A.mjs

@@ -1,7 +1,14 @@
-import { lockBodyScroll, autoUpdateFloating, isEscapeKey, getFocusableElements, getFocusTrapNavigation, computeFloatingPosition, isEventOutside } from '@expcat/tigercat-core';
-import { watch, h, Teleport, ref, onBeforeUnmount } from 'vue';
-
 // src/utils/overlay.ts
+import {
+  getFocusTrapNavigation,
+  getFocusableElements,
+  isEscapeKey,
+  isEventOutside,
+  lockBodyScroll,
+  computeFloatingPosition,
+  autoUpdateFloating
+} from "@expcat/tigercat-core";
+import { h, ref, Teleport, watch, onBeforeUnmount } from "vue";
 function useVueClickOutside({
   enabled,
   containerRef,
@@ -145,4 +152,11 @@ function useVueFloating(options) {
   };
 }
 
-export { renderVueBodyTeleport, useVueBodyScrollLock, useVueClickOutside, useVueEscapeKey, useVueFloating, useVueFocusTrap };
+export {
+  useVueClickOutside,
+  useVueEscapeKey,
+  useVueBodyScrollLock,
+  renderVueBodyTeleport,
+  useVueFocusTrap,
+  useVueFloating
+};

package/dist/chunk-7SFB77JR.mjs

@@ -0,0 +1,192 @@
+// src/components/ScrollSpy.ts
+import {
+  computed,
+  defineComponent,
+  h,
+  nextTick,
+  onBeforeUnmount,
+  onMounted,
+  ref,
+  watch
+} from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  createScrollSpyObserver,
+  createScrollSpyPayload,
+  flattenScrollSpyItems,
+  getInitialScrollSpyActiveKey,
+  getScrollSpyItemClasses,
+  getScrollSpyItemByKey,
+  getScrollSpyKeyString,
+  getScrollSpyListClasses,
+  getScrollSpyRootClasses,
+  mergeStyleValues,
+  scrollSpyNestedListClasses,
+  scrollToScrollSpyItem
+} from "@expcat/tigercat-core";
+var getWindowContainer = () => window;
+var ScrollSpy = defineComponent({
+  name: "TigerScrollSpy",
+  inheritAttrs: false,
+  props: {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    activeKey: {
+      type: [String, Number],
+      default: void 0
+    },
+    defaultActiveKey: {
+      type: [String, Number],
+      default: void 0
+    },
+    offsetTop: {
+      type: Number,
+      default: 0
+    },
+    targetOffset: {
+      type: Number,
+      default: void 0
+    },
+    bounds: {
+      type: Number,
+      default: 5
+    },
+    direction: {
+      type: String,
+      default: "vertical"
+    },
+    sticky: {
+      type: Boolean,
+      default: false
+    },
+    ariaLabel: {
+      type: String,
+      default: "Scroll navigation"
+    },
+    getContainer: {
+      type: Function,
+      default: getWindowContainer
+    },
+    className: {
+      type: String,
+      default: void 0
+    },
+    style: {
+      type: Object,
+      default: void 0
+    }
+  },
+  emits: ["update:activeKey", "change", "click"],
+  setup(props, { attrs, emit }) {
+    const innerActiveKey = ref(
+      getInitialScrollSpyActiveKey(props.items, props.activeKey, props.defaultActiveKey)
+    );
+    const isControlled = computed(() => props.activeKey !== void 0);
+    const currentActiveKey = computed(
+      () => isControlled.value ? props.activeKey : innerActiveKey.value
+    );
+    const activeKeyString = computed(
+      () => currentActiveKey.value === void 0 ? "" : getScrollSpyKeyString(currentActiveKey.value)
+    );
+    const flatItems = computed(() => flattenScrollSpyItems(props.items));
+    let stopObserver = null;
+    const emitActive = (item, source) => {
+      const nextKeyString = getScrollSpyKeyString(item.key);
+      if (nextKeyString === activeKeyString.value) return;
+      const payload = createScrollSpyPayload(item, source);
+      if (!isControlled.value) innerActiveKey.value = item.key;
+      emit("update:activeKey", item.key);
+      emit("change", item.key, item, payload);
+    };
+    const setupObserver = () => {
+      stopObserver?.();
+      stopObserver = createScrollSpyObserver(props.items, {
+        container: props.getContainer(),
+        offsetTop: props.offsetTop,
+        targetOffset: props.targetOffset,
+        bounds: props.bounds,
+        onChange: (item) => emitActive(item, "scroll")
+      });
+    };
+    const handleClick = (item, event) => {
+      event.preventDefault();
+      if (item.disabled) return;
+      emit("click", item, event);
+      emitActive(item, "click");
+      scrollToScrollSpyItem(item, props.getContainer(), props.targetOffset ?? props.offsetTop);
+    };
+    onMounted(() => {
+      nextTick(() => setupObserver());
+    });
+    watch(
+      () => [props.items, props.offsetTop, props.targetOffset, props.bounds, props.getContainer],
+      () => nextTick(() => setupObserver())
+    );
+    watch(
+      () => [props.items, props.defaultActiveKey],
+      () => {
+        if (isControlled.value) return;
+        const currentItem = getScrollSpyItemByKey(props.items, innerActiveKey.value);
+        if (!currentItem || currentItem.disabled) {
+          innerActiveKey.value = getInitialScrollSpyActiveKey(
+            props.items,
+            void 0,
+            props.defaultActiveKey
+          );
+        }
+      }
+    );
+    onBeforeUnmount(() => {
+      stopObserver?.();
+    });
+    const renderItems = (items, nested = false) => h(
+      "ul",
+      { class: nested ? scrollSpyNestedListClasses : getScrollSpyListClasses(props.direction) },
+      items.map((item) => {
+        const keyString = getScrollSpyKeyString(item.key);
+        const isActive = keyString === activeKeyString.value;
+        const depth = flatItems.value.find((flat) => flat.key === item.key)?.depth ?? 0;
+        return h("li", { key: keyString, "data-depth": depth }, [
+          h(
+            "a",
+            {
+              href: item.href,
+              class: getScrollSpyItemClasses(isActive, item.disabled),
+              "aria-current": isActive ? "location" : void 0,
+              "aria-disabled": item.disabled || void 0,
+              "data-key": keyString,
+              onClick: (event) => handleClick(item, event)
+            },
+            item.label
+          ),
+          item.children?.length ? renderItems(item.children, true) : null
+        ]);
+      })
+    );
+    return () => {
+      const attrsRecord = attrs;
+      return h(
+        "nav",
+        {
+          ...attrs,
+          class: classNames(
+            getScrollSpyRootClasses(props.sticky, props.className),
+            coerceClassValue(attrsRecord.class)
+          ),
+          style: mergeStyleValues(attrsRecord.style, props.style),
+          "aria-label": props.ariaLabel
+        },
+        renderItems(props.items)
+      );
+    };
+  }
+});
+var ScrollSpy_default = ScrollSpy;
+
+export {
+  ScrollSpy,
+  ScrollSpy_default
+};

package/dist/{chunk-RVU47MU6.mjs → chunk-7W3NALIL.mjs}

@@ -1,7 +1,13 @@
-import { defineComponent, ref, onMounted, watch, onBeforeUnmount, h } from 'vue';
-import { mergeStyleValues, classNames, coerceClassValue, resolveAffixTarget, createAffixObserver, calculateAffixState } from '@expcat/tigercat-core';
-
 // src/components/Affix.ts
+import { defineComponent, h, ref, onMounted, onBeforeUnmount, watch } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  mergeStyleValues,
+  calculateAffixState,
+  resolveAffixTarget,
+  createAffixObserver
+} from "@expcat/tigercat-core";
 var Affix = defineComponent({
   name: "TigerAffix",
   inheritAttrs: false,
@@ -46,10 +52,10 @@ var Affix = defineComponent({
         }
         return;
       }
+      const forcedTop = props.offsetBottom !== void 0 ? containerRect.bottom - originalRect.value.height + props.offsetBottom + 1 : -1;
       const next = calculateAffixState(
-        // Force the calc into the affix branch by lifting the element above the threshold
         {
-          top: -1,
+          top: forcedTop,
           left: originalRect.value.left,
           width: originalRect.value.width,
           height: originalRect.value.height
@@ -153,4 +159,7 @@ var Affix = defineComponent({
 });
 var Affix_default = Affix;
 
-export { Affix, Affix_default };
+export {
+  Affix,
+  Affix_default
+};