@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/{chunk-U5ABMOOV.js → chunk-ZSCOAOJJ.js}

@@ -1,11 +1,31 @@
-'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/Cascader.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Cascader.ts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 var cascaderInstanceId = 0;
-var ChevronRightIcon = vue.h(
+var ChevronRightIcon = _vue.h.call(void 0, 
   "svg",
   {
     class: "w-4 h-4 text-[var(--tiger-text-muted,#9ca3af)]",
@@ -14,14 +34,14 @@ var ChevronRightIcon = vue.h(
     fill: "currentColor"
   },
   [
-    vue.h("path", {
+    _vue.h.call(void 0, "path", {
       "fill-rule": "evenodd",
       d: "M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z",
       "clip-rule": "evenodd"
     })
   ]
 );
-var Cascader = vue.defineComponent({
+var Cascader = _vue.defineComponent.call(void 0, {
   name: "TigerCascader",
   props: {
     modelValue: {
@@ -72,37 +92,37 @@ var Cascader = vue.defineComponent({
   emits: ["update:modelValue", "change"],
   setup(props, { emit, attrs }) {
     const instanceId = ++cascaderInstanceId;
-    const isOpen = vue.ref(false);
-    const searchQuery = vue.ref("");
-    const activePath = vue.ref([]);
-    const triggerRef = vue.ref(null);
-    const dropdownRef = vue.ref(null);
-    const searchInputRef = vue.ref(null);
-    const displayLabel = vue.computed(() => {
+    const isOpen = _vue.ref.call(void 0, false);
+    const searchQuery = _vue.ref.call(void 0, "");
+    const activePath = _vue.ref.call(void 0, []);
+    const triggerRef = _vue.ref.call(void 0, null);
+    const dropdownRef = _vue.ref.call(void 0, null);
+    const searchInputRef = _vue.ref.call(void 0, null);
+    const displayLabel = _vue.computed.call(void 0, () => {
       if (!props.modelValue || props.modelValue.length === 0) return "";
-      return tigercatCore.getCascaderDisplayLabel(props.options, props.modelValue, props.separator);
+      return _tigercatcore.getCascaderDisplayLabel.call(void 0, props.options, props.modelValue, props.separator);
     });
-    const columns = vue.computed(() => {
-      return tigercatCore.getCascaderColumns(props.options, activePath.value);
+    const columns = _vue.computed.call(void 0, () => {
+      return _tigercatcore.getCascaderColumns.call(void 0, props.options, activePath.value);
     });
-    const isSearchMode = vue.computed(() => {
+    const isSearchMode = _vue.computed.call(void 0, () => {
       return props.showSearch && searchQuery.value.length > 0;
     });
-    const flattenedOptions = vue.computed(() => {
+    const flattenedOptions = _vue.computed.call(void 0, () => {
       if (!props.showSearch) return [];
-      return tigercatCore.flattenCascaderOptions(props.options);
+      return _tigercatcore.flattenCascaderOptions.call(void 0, props.options);
     });
-    const searchResults = vue.computed(() => {
+    const searchResults = _vue.computed.call(void 0, () => {
       if (!isSearchMode.value) return [];
-      return tigercatCore.filterCascaderOptions(flattenedOptions.value, searchQuery.value, props.showSearch);
+      return _tigercatcore.filterCascaderOptions.call(void 0, flattenedOptions.value, searchQuery.value, props.showSearch);
     });
-    const triggerClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.getCascaderTriggerClasses(props.size, props.disabled, isOpen.value),
-        tigercatCore.coerceClassValue(attrs.class)
+    const triggerClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getCascaderTriggerClasses.call(void 0, props.size, props.disabled, isOpen.value),
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )
     );
-    vue.watch(isOpen, (open) => {
+    _vue.watch.call(void 0, isOpen, (open) => {
       if (open) {
         activePath.value = props.modelValue ? [...props.modelValue] : [];
         searchQuery.value = "";
@@ -120,7 +140,7 @@ var Cascader = vue.defineComponent({
       const newPath = activePath.value.slice(0, level);
       newPath.push(option.value);
       activePath.value = newPath;
-      const hasChildren = tigercatCore.isCascaderOptionExpandable(option);
+      const hasChildren = _tigercatcore.isCascaderOptionExpandable.call(void 0, option);
       if (!hasChildren) {
         emit("update:modelValue", newPath);
         emit("change", newPath);
@@ -151,22 +171,15 @@ var Cascader = vue.defineComponent({
       searchQuery.value = e.target.value;
     }
     function handleTriggerKeyDown(e) {
-      switch (e.key) {
-        case "Enter":
-        case " ":
-          e.preventDefault();
-          toggleOpen();
-          break;
-        case "Escape":
-          e.preventDefault();
-          closeDropdown();
-          break;
-        case "ArrowDown":
-          e.preventDefault();
-          if (!isOpen.value) {
-            isOpen.value = true;
-          }
-          break;
+      const action = _tigercatcore.getPickerTriggerKeyAction.call(void 0, e.key, isOpen.value);
+      if (action === "none") return;
+      e.preventDefault();
+      if (action === "toggle") {
+        toggleOpen();
+      } else if (action === "open") {
+        isOpen.value = true;
+      } else if (action === "close") {
+        closeDropdown();
       }
     }
     function handleDocumentClick(e) {
@@ -175,40 +188,40 @@ var Cascader = vue.defineComponent({
         closeDropdown();
       }
     }
-    vue.watch(isOpen, (open) => {
+    _vue.watch.call(void 0, isOpen, (open) => {
       if (open) {
         document.addEventListener("click", handleDocumentClick, true);
       } else {
         document.removeEventListener("click", handleDocumentClick, true);
       }
     });
-    vue.onBeforeUnmount(() => {
+    _vue.onBeforeUnmount.call(void 0, () => {
       document.removeEventListener("click", handleDocumentClick, true);
     });
     return () => {
       const hasValue = props.modelValue && props.modelValue.length > 0;
       const showClear = props.clearable && hasValue && !props.disabled;
       const listboxId = `tiger-cascader-listbox-${instanceId}`;
-      const chevronIcon = vue.h(
+      const chevronIcon = _vue.h.call(void 0, 
         "svg",
         {
-          class: tigercatCore.classNames(
+          class: _tigercatcore.classNames.call(void 0, 
             "w-5 h-5 text-[var(--tiger-cascader-icon,var(--tiger-text-muted,#9ca3af))] transition-transform",
             isOpen.value && "rotate-180"
           ),
           xmlns: "http://www.w3.org/2000/svg",
-          viewBox: tigercatCore.icon20ViewBox,
+          viewBox: _tigercatcore.icon20ViewBox,
           fill: "currentColor"
         },
         [
-          vue.h("path", {
+          _vue.h.call(void 0, "path", {
             "fill-rule": "evenodd",
-            d: tigercatCore.chevronDownSolidIcon20PathD,
+            d: _tigercatcore.chevronDownSolidIcon20PathD,
             "clip-rule": "evenodd"
           })
         ]
       );
-      const clearIcon = showClear ? vue.h(
+      const clearIcon = showClear ? _vue.h.call(void 0, 
         "span",
         {
           class: "flex items-center",
@@ -217,50 +230,47 @@ var Cascader = vue.defineComponent({
           onClick: handleClear
         },
         [
-          vue.h(
+          _vue.h.call(void 0, 
             "svg",
             {
               class: "w-4 h-4 text-[var(--tiger-cascader-icon,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-cascader-icon-hover,var(--tiger-text-muted,#6b7280))]",
               xmlns: "http://www.w3.org/2000/svg",
-              viewBox: tigercatCore.icon20ViewBox,
+              viewBox: _tigercatcore.icon20ViewBox,
               fill: "currentColor"
             },
             [
-              vue.h("path", {
+              _vue.h.call(void 0, "path", {
                 "fill-rule": "evenodd",
-                d: tigercatCore.closeSolidIcon20PathD,
+                d: _tigercatcore.closeSolidIcon20PathD,
                 "clip-rule": "evenodd"
               })
             ]
           )
         ]
       ) : null;
-      const trigger = vue.h(
+      const trigger = _vue.h.call(void 0, 
         "button",
         {
           ref: triggerRef,
           type: "button",
           class: triggerClasses.value,
           disabled: props.disabled,
-          role: "combobox",
-          "aria-expanded": isOpen.value,
-          "aria-haspopup": "listbox",
-          "aria-controls": isOpen.value ? listboxId : void 0,
+          ..._tigercatcore.getPickerComboboxAria.call(void 0, { expanded: isOpen.value, listboxId }),
           onClick: toggleOpen,
           onKeydown: handleTriggerKeyDown
         },
         [
-          vue.h(
+          _vue.h.call(void 0, 
             "span",
             {
-              class: tigercatCore.classNames(
+              class: _tigercatcore.classNames.call(void 0, 
                 "flex-1 text-left truncate",
                 !hasValue && "text-[var(--tiger-cascader-placeholder,var(--tiger-text-muted,#9ca3af))]"
               )
             },
             hasValue ? displayLabel.value : props.placeholder
           ),
-          vue.h("span", { class: "flex items-center gap-1" }, [clearIcon, chevronIcon])
+          _vue.h.call(void 0, "span", { class: "flex items-center gap-1" }, [clearIcon, chevronIcon])
         ]
       );
       let dropdownContent = null;
@@ -268,10 +278,10 @@ var Cascader = vue.defineComponent({
         const children = [];
         if (props.showSearch) {
           children.push(
-            vue.h("input", {
+            _vue.h.call(void 0, "input", {
               ref: searchInputRef,
               type: "text",
-              class: tigercatCore.cascaderSearchInputClasses,
+              class: _tigercatcore.cascaderSearchInputClasses,
               placeholder: "Search...",
               value: searchQuery.value,
               onInput: handleSearchInput,
@@ -281,22 +291,23 @@ var Cascader = vue.defineComponent({
         }
         if (isSearchMode.value) {
           if (searchResults.value.length === 0) {
-            children.push(vue.h("div", { class: tigercatCore.cascaderEmptyStateClasses }, props.notFoundText));
+            children.push(_vue.h.call(void 0, "div", { class: _tigercatcore.cascaderEmptyStateClasses }, props.notFoundText));
           } else {
-            const searchList = vue.h(
+            const searchList = _vue.h.call(void 0, 
               "div",
-              { class: "max-h-64 overflow-auto", role: "listbox", id: listboxId },
+              { class: "max-h-64 overflow-auto", ..._tigercatcore.getPickerListboxAria.call(void 0, { id: listboxId }) },
               searchResults.value.map(
-                (item) => vue.h(
+                (item) => _vue.h.call(void 0, 
                   "div",
                   {
-                    class: tigercatCore.classNames(
-                      tigercatCore.cascaderSearchResultClasses,
+                    class: _tigercatcore.classNames.call(void 0, 
+                      _tigercatcore.cascaderSearchResultClasses,
                       item.disabled && "opacity-50 cursor-not-allowed"
                     ),
-                    role: "option",
-                    "aria-selected": props.modelValue?.join(",") === item.valuePath.join(","),
-                    "aria-disabled": item.disabled,
+                    ..._tigercatcore.getPickerOptionAria.call(void 0, {
+                      selected: _optionalChain([props, 'access', _ => _.modelValue, 'optionalAccess', _2 => _2.join, 'call', _3 => _3(",")]) === item.valuePath.join(","),
+                      disabled: item.disabled
+                    }),
                     onClick: () => handleSearchResultClick(item.valuePath, item.disabled)
                   },
                   item.label
@@ -307,50 +318,49 @@ var Cascader = vue.defineComponent({
           }
         } else {
           const columnElements = columns.value.map(
-            (col, colIndex) => vue.h(
+            (col, colIndex) => _vue.h.call(void 0, 
               "div",
               {
-                class: tigercatCore.cascaderColumnClasses,
-                role: "listbox",
-                id: colIndex === 0 ? listboxId : void 0,
-                "aria-label": `Level ${colIndex + 1}`
+                class: _tigercatcore.cascaderColumnClasses,
+                ..._tigercatcore.getPickerListboxAria.call(void 0, {
+                  id: colIndex === 0 ? listboxId : void 0,
+                  label: `Level ${colIndex + 1}`
+                })
               },
               col.options.map((option) => {
                 const isSelected = col.selectedValue === option.value;
-                const hasChildren = tigercatCore.isCascaderOptionExpandable(option);
-                return vue.h(
+                const hasChildren = _tigercatcore.isCascaderOptionExpandable.call(void 0, option);
+                return _vue.h.call(void 0, 
                   "div",
                   {
-                    class: tigercatCore.getCascaderOptionClasses(isSelected, !!option.disabled, props.size),
-                    role: "option",
-                    "aria-selected": isSelected,
-                    "aria-disabled": option.disabled,
+                    class: _tigercatcore.getCascaderOptionClasses.call(void 0, isSelected, !!option.disabled, props.size),
+                    ..._tigercatcore.getPickerOptionAria.call(void 0, { selected: isSelected, disabled: !!option.disabled }),
                     onClick: () => handleOptionClick(option, colIndex),
                     onMouseenter: () => handleOptionHover(option, colIndex)
                   },
                   [
-                    vue.h("span", { class: "flex-1 truncate" }, option.label),
+                    _vue.h.call(void 0, "span", { class: "flex-1 truncate" }, option.label),
                     hasChildren ? ChevronRightIcon : null
                   ]
                 );
               })
             )
           );
-          children.push(vue.h("div", { class: "flex" }, columnElements));
+          children.push(_vue.h.call(void 0, "div", { class: "flex" }, columnElements));
         }
-        dropdownContent = vue.h(
+        dropdownContent = _vue.h.call(void 0, 
           "div",
           {
             ref: dropdownRef,
-            class: tigercatCore.classNames(tigercatCore.cascaderDropdownClasses, isSearchMode.value && "flex-col")
+            class: _tigercatcore.classNames.call(void 0, _tigercatcore.cascaderDropdownClasses, isSearchMode.value && "flex-col")
           },
           children
         );
       }
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
-          class: tigercatCore.cascaderBaseClasses,
+          class: _tigercatcore.cascaderBaseClasses,
           "data-testid": "cascader"
         },
         [trigger, dropdownContent]
@@ -360,5 +370,7 @@ var Cascader = vue.defineComponent({
 });
 var Cascader_default = Cascader;
 
-exports.Cascader = Cascader;
-exports.Cascader_default = Cascader_default;
+
+
+
+exports.Cascader = Cascader; exports.Cascader_default = Cascader_default;

package/dist/{chunk-OMYSFPX6.mjs → chunk-ZSQ5I2KL.mjs}

@@ -1,7 +1,28 @@
-import { defineComponent, ref, computed, h } from 'vue';
-import { navigateToFolder, filterHiddenFiles, filterFileItems, sortFileItems, classNames, getFileManagerContainerClasses, coerceClassValue, fileManagerBreadcrumbItemClasses, fileManagerBreadcrumbSeparatorClasses, fileManagerBreadcrumbClasses, fileManagerSearchClasses, fileManagerToolbarClasses, fileManagerContentClasses, fileManagerEmptyClasses, fileManagerLoadingClasses, getFileItemClasses, fileManagerItemNameClasses, fileManagerItemMetaClasses, formatFileSizeLabel, fileManagerItemIconClasses } from '@expcat/tigercat-core';
-
 // src/components/FileManager.ts
+import { defineComponent, h, ref, computed } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  getFileManagerContainerClasses,
+  getFileItemClasses,
+  deriveFileManagerModel,
+  toggleFileSelection,
+  resolveFileOpen,
+  sliceBreadcrumbPath,
+  toFileDragItem,
+  formatFileSizeLabel,
+  fileManagerToolbarClasses,
+  fileManagerBreadcrumbClasses,
+  fileManagerBreadcrumbItemClasses,
+  fileManagerBreadcrumbSeparatorClasses,
+  fileManagerContentClasses,
+  fileManagerItemIconClasses,
+  fileManagerItemNameClasses,
+  fileManagerItemMetaClasses,
+  fileManagerEmptyClasses,
+  fileManagerLoadingClasses,
+  fileManagerSearchClasses
+} from "@expcat/tigercat-core";
 var FileManager = defineComponent({
   name: "TigerFileManager",
   inheritAttrs: false,
@@ -46,43 +67,38 @@ var FileManager = defineComponent({
   ],
   setup(props, { emit, attrs }) {
     const localSearch = ref(props.searchText);
-    const currentItems = computed(() => navigateToFolder(props.files, props.currentPath));
-    const processedItems = computed(() => {
-      let items = filterHiddenFiles(currentItems.value, props.showHidden);
-      if (localSearch.value || props.searchText) {
-        items = filterFileItems(items, localSearch.value || props.searchText);
-      }
-      return sortFileItems(items, props.sortField, props.sortOrder);
-    });
-    const selectedSet = computed(() => new Set(props.selectedKeys));
+    const model = computed(
+      () => deriveFileManagerModel({
+        files: props.files,
+        currentPath: props.currentPath,
+        selectedKeys: props.selectedKeys,
+        sortField: props.sortField,
+        sortOrder: props.sortOrder,
+        showHidden: props.showHidden,
+        searchText: localSearch.value || props.searchText
+      })
+    );
     const containerClasses = computed(
       () => classNames(getFileManagerContainerClasses(props.className), coerceClassValue(attrs.class))
     );
     function handleSelect(item) {
       if (item.disabled) return;
       emit("select", item);
-      const keys = [...props.selectedKeys];
-      const idx = keys.indexOf(item.key);
-      if (idx >= 0) {
-        keys.splice(idx, 1);
-      } else {
-        if (!props.multiple) keys.length = 0;
-        keys.push(item.key);
-      }
+      const keys = toggleFileSelection(props.selectedKeys, item.key, props.multiple);
       emit("update:selectedKeys", keys);
     }
     function handleOpen(item) {
-      if (item.disabled) return;
-      if (item.type === "folder") {
-        const newPath = [...props.currentPath, item.name];
-        emit("update:currentPath", newPath);
-        emit("navigate", newPath);
+      const result = resolveFileOpen(item, props.currentPath);
+      if (!result) return;
+      if (result.type === "navigate") {
+        emit("update:currentPath", result.path);
+        emit("navigate", result.path);
       } else {
-        emit("open", item);
+        emit("open", result.item);
       }
     }
     function navigateToBreadcrumb(index) {
-      const newPath = props.currentPath.slice(0, index);
+      const newPath = sliceBreadcrumbPath(props.currentPath, index);
       emit("update:currentPath", newPath);
       emit("navigate", newPath);
     }
@@ -134,14 +150,15 @@ var FileManager = defineComponent({
         { class: fileManagerItemIconClasses, "aria-hidden": "true" },
         item.type === "folder" ? "\u{1F4C1}" : "\u{1F4C4}"
       );
-      const renderItem = (item) => {
-        const isSelected = selectedSet.value.has(item.key);
+      const renderItem = (item, index) => {
+        const isSelected = model.value.selectedSet.has(item.key);
         const itemClass = getFileItemClasses(props.viewMode, isSelected);
         const nameEl = h("span", { class: fileManagerItemNameClasses }, item.name);
         const metaEls = props.viewMode === "list" ? [
           item.size !== void 0 ? h("span", { class: fileManagerItemMetaClasses }, formatFileSizeLabel(item.size)) : null,
           item.modified ? h("span", { class: fileManagerItemMetaClasses }, item.modified) : null
         ] : [];
+        const dragItem = props.draggable && !item.disabled ? toFileDragItem(item, index) : void 0;
         return h(
           "div",
           {
@@ -152,16 +169,17 @@ var FileManager = defineComponent({
             "data-disabled": item.disabled || void 0,
             onClick: () => handleSelect(item),
             onDblclick: () => handleOpen(item),
-            draggable: props.draggable && !item.disabled
+            draggable: props.draggable && !item.disabled,
+            "data-drag-id": dragItem?.id
           },
           [fileIcon(item), nameEl, ...metaEls]
         );
       };
       const contentClass = props.viewMode === "grid" ? `${fileManagerContentClasses} grid grid-cols-4 gap-2` : fileManagerContentClasses;
-      const content = processedItems.value.length > 0 ? h(
+      const content = model.value.processedItems.length > 0 ? h(
         "div",
         { class: contentClass, role: "listbox", "aria-multiselectable": props.multiple },
-        processedItems.value.map(renderItem)
+        model.value.processedItems.map(renderItem)
       ) : h("div", { class: fileManagerEmptyClasses }, props.emptyText);
       const loadingEl = props.loading ? h("div", { class: fileManagerLoadingClasses }, "Loading...") : null;
       return h("div", { class: containerClasses.value }, [toolbar, content, loadingEl]);
@@ -170,4 +188,7 @@ var FileManager = defineComponent({
 });
 var FileManager_default = FileManager;
 
-export { FileManager, FileManager_default };
+export {
+  FileManager,
+  FileManager_default
+};