@expcat/tigercat-vue 1.1.0 → 1.2.14

package/dist/chunk-JCMGBKS6.js

@@ -1,20 +1,24 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/icon-helpers.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/utils/icon-helpers.ts
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 function createFilledIcon(path, className) {
-  return vue.h(
+  return _vue.h.call(void 0, 
     "svg",
     {
       class: className,
       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: path,
         "clip-rule": "evenodd"
@@ -23,31 +27,33 @@ function createFilledIcon(path, className) {
   );
 }
 function createStatusIcon(path, className, extraAttrs) {
-  return vue.h(
+  return _vue.h.call(void 0, 
     "svg",
     {
       class: className,
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
-      viewBox: tigercatCore.icon24ViewBox,
+      viewBox: _tigercatcore.icon24ViewBox,
       stroke: "currentColor",
-      "stroke-width": String(tigercatCore.icon24StrokeWidth),
+      "stroke-width": String(_tigercatcore.icon24StrokeWidth),
       ...extraAttrs
     },
     [
-      vue.h("path", {
-        "stroke-linecap": tigercatCore.icon24PathStrokeLinecap,
-        "stroke-linejoin": tigercatCore.icon24PathStrokeLinejoin,
+      _vue.h.call(void 0, "path", {
+        "stroke-linecap": _tigercatcore.icon24PathStrokeLinecap,
+        "stroke-linejoin": _tigercatcore.icon24PathStrokeLinejoin,
         d: path
       })
     ]
   );
 }
 function createStatusIconWithLoading(path, className, isLoading, spinnerClass) {
-  const merged = tigercatCore.classNames(className, isLoading && spinnerClass);
+  const merged = _tigercatcore.classNames.call(void 0, className, isLoading && spinnerClass);
   return createStatusIcon(path, merged);
 }
 
-exports.createFilledIcon = createFilledIcon;
-exports.createStatusIcon = createStatusIcon;
-exports.createStatusIconWithLoading = createStatusIconWithLoading;
+
+
+
+
+exports.createFilledIcon = createFilledIcon; exports.createStatusIcon = createStatusIcon; exports.createStatusIconWithLoading = createStatusIconWithLoading;

package/dist/chunk-JDCVS4SJ.js

@@ -1,9 +1,14 @@
-'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; }// src/utils/overlay.ts
 
-var tigercatCore = require('@expcat/tigercat-core');
-var vue = require('vue');
 
-// src/utils/overlay.ts
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _vue = require('vue');
 function useVueClickOutside({
   enabled,
   containerRef,
@@ -14,9 +19,9 @@ function useVueClickOutside({
   let timer;
   const handler = (event) => {
     if (!enabled.value) return;
-    const elements = refs?.length ? refs.map((ref2) => ref2?.value) : [containerRef?.value];
+    const elements = _optionalChain([refs, 'optionalAccess', _ => _.length]) ? refs.map((ref2) => _optionalChain([ref2, 'optionalAccess', _2 => _2.value])) : [_optionalChain([containerRef, 'optionalAccess', _3 => _3.value])];
     if (!elements.some(Boolean)) return;
-    if (tigercatCore.isEventOutside(event, elements)) {
+    if (_tigercatcore.isEventOutside.call(void 0, event, elements)) {
       onOutsideClick();
     }
   };
@@ -36,35 +41,35 @@ function useVueEscapeKey({ enabled, onEscape }) {
   const handler = (event) => {
     if (!enabled.value) return;
     if (event.defaultPrevented) return;
-    if (!tigercatCore.isEscapeKey(event)) return;
+    if (!_tigercatcore.isEscapeKey.call(void 0, event)) return;
     onEscape();
   };
   document.addEventListener("keydown", handler);
   return () => document.removeEventListener("keydown", handler);
 }
 function useVueBodyScrollLock(enabled) {
-  vue.watch(
+  _vue.watch.call(void 0, 
     enabled,
     (isEnabled, _prevEnabled, onCleanup) => {
       if (!isEnabled) return;
-      const unlock = tigercatCore.lockBodyScroll();
+      const unlock = _tigercatcore.lockBodyScroll.call(void 0, );
       onCleanup(() => unlock());
     },
     { immediate: true }
   );
 }
 function renderVueBodyTeleport(children, disabled = false) {
-  return vue.h(vue.Teleport, { to: "body", disabled }, children);
+  return _vue.h.call(void 0, _vue.Teleport, { to: "body", disabled }, children);
 }
 function useVueFocusTrap({ enabled, containerRef }) {
-  vue.watch(
+  _vue.watch.call(void 0, 
     [enabled, containerRef],
     ([isEnabled, container], _previous, onCleanup) => {
       if (!isEnabled || !container) return;
       const handler = (event) => {
-        const focusables = tigercatCore.getFocusableElements(container);
-        const activeElement = container.ownerDocument?.activeElement ?? document.activeElement;
-        const navigation = tigercatCore.getFocusTrapNavigation(event, focusables, activeElement);
+        const focusables = _tigercatcore.getFocusableElements.call(void 0, container);
+        const activeElement = _nullishCoalesce(_optionalChain([container, 'access', _4 => _4.ownerDocument, 'optionalAccess', _5 => _5.activeElement]), () => ( document.activeElement));
+        const navigation = _tigercatcore.getFocusTrapNavigation.call(void 0, event, focusables, activeElement);
         if (!navigation.shouldHandle || !navigation.next) return;
         event.preventDefault();
         navigation.next.focus();
@@ -85,11 +90,11 @@ function useVueFloating(options) {
     arrowRef,
     onPlacementChange
   } = options;
-  const x = vue.ref(0);
-  const y = vue.ref(0);
-  const placement = vue.ref(initialPlacement);
-  const arrowX = vue.ref(void 0);
-  const arrowY = vue.ref(void 0);
+  const x = _vue.ref.call(void 0, 0);
+  const y = _vue.ref.call(void 0, 0);
+  const placement = _vue.ref.call(void 0, initialPlacement);
+  const arrowX = _vue.ref.call(void 0, void 0);
+  const arrowY = _vue.ref.call(void 0, void 0);
   let cleanup = null;
   const update = async () => {
     const reference = referenceRef.value;
@@ -100,9 +105,9 @@ function useVueFloating(options) {
       offset: offsetDistance,
       flip: true,
       shift: true,
-      arrowElement: arrowRef?.value
+      arrowElement: _optionalChain([arrowRef, 'optionalAccess', _6 => _6.value])
     };
-    const result = await tigercatCore.computeFloatingPosition(
+    const result = await _tigercatcore.computeFloatingPosition.call(void 0, 
       reference,
       floating,
       floatingOptions
@@ -111,14 +116,14 @@ function useVueFloating(options) {
     y.value = result.y;
     if (result.placement !== placement.value) {
       placement.value = result.placement;
-      onPlacementChange?.(result.placement);
+      _optionalChain([onPlacementChange, 'optionalCall', _7 => _7(result.placement)]);
     }
     if (result.arrow) {
       arrowX.value = result.arrow.x;
       arrowY.value = result.arrow.y;
     }
   };
-  vue.watch(
+  _vue.watch.call(void 0, 
     [enabled, referenceRef, floatingRef],
     ([isEnabled, reference, floating]) => {
       if (cleanup) {
@@ -127,11 +132,11 @@ function useVueFloating(options) {
       }
       if (!isEnabled || !reference || !floating) return;
       update();
-      cleanup = tigercatCore.autoUpdateFloating(reference, floating, update);
+      cleanup = _tigercatcore.autoUpdateFloating.call(void 0, reference, floating, update);
     },
     { immediate: true }
   );
-  vue.onBeforeUnmount(() => {
+  _vue.onBeforeUnmount.call(void 0, () => {
     if (cleanup) {
       cleanup();
       cleanup = null;
@@ -147,9 +152,11 @@ function useVueFloating(options) {
   };
 }
 
-exports.renderVueBodyTeleport = renderVueBodyTeleport;
-exports.useVueBodyScrollLock = useVueBodyScrollLock;
-exports.useVueClickOutside = useVueClickOutside;
-exports.useVueEscapeKey = useVueEscapeKey;
-exports.useVueFloating = useVueFloating;
-exports.useVueFocusTrap = useVueFocusTrap;
+
+
+
+
+
+
+
+exports.useVueClickOutside = useVueClickOutside; exports.useVueEscapeKey = useVueEscapeKey; exports.useVueBodyScrollLock = useVueBodyScrollLock; exports.renderVueBodyTeleport = renderVueBodyTeleport; exports.useVueFocusTrap = useVueFocusTrap; exports.useVueFloating = useVueFloating;

package/dist/chunk-JFIVDZFK.js

@@ -1,43 +1,61 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/TreeSelect.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/TreeSelect.ts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 var treeSelectInstanceId = 0;
-var ChevronDownIcon = vue.h(
+var ChevronDownIcon = _vue.h.call(void 0, 
   "svg",
   {
     class: "w-4 h-4 transition-transform",
-    viewBox: tigercatCore.icon20ViewBox,
+    viewBox: _tigercatcore.icon20ViewBox,
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
   },
   [
-    vue.h("path", {
-      d: tigercatCore.chevronDownSolidIcon20PathD,
+    _vue.h.call(void 0, "path", {
+      d: _tigercatcore.chevronDownSolidIcon20PathD,
       "fill-rule": "evenodd",
       "clip-rule": "evenodd"
     })
   ]
 );
-var ClearIcon = vue.h(
+var ClearIcon = _vue.h.call(void 0, 
   "svg",
   {
     class: "w-4 h-4",
-    viewBox: tigercatCore.icon20ViewBox,
+    viewBox: _tigercatcore.icon20ViewBox,
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
   },
   [
-    vue.h("path", {
-      d: tigercatCore.closeSolidIcon20PathD,
+    _vue.h.call(void 0, "path", {
+      d: _tigercatcore.closeSolidIcon20PathD,
       "fill-rule": "evenodd",
       "clip-rule": "evenodd"
     })
   ]
 );
-var TreeSelect = vue.defineComponent({
+var TreeSelect = _vue.defineComponent.call(void 0, {
   name: "TigerTreeSelect",
   props: {
     modelValue: {
@@ -85,30 +103,30 @@ var TreeSelect = vue.defineComponent({
   setup(props, { emit, attrs }) {
     const instanceId = ++treeSelectInstanceId;
     const listboxId = `tiger-treeselect-listbox-${instanceId}`;
-    const isOpen = vue.ref(false);
-    const searchQuery = vue.ref("");
-    const containerRef = vue.ref(null);
-    const expandedKeys = vue.ref(
-      props.defaultExpandAll ? new Set(tigercatCore.getAllTreeSelectKeys(props.treeData)) : /* @__PURE__ */ new Set()
+    const isOpen = _vue.ref.call(void 0, false);
+    const searchQuery = _vue.ref.call(void 0, "");
+    const containerRef = _vue.ref.call(void 0, null);
+    const expandedKeys = _vue.ref.call(void 0, 
+      props.defaultExpandAll ? new Set(_tigercatcore.getAllTreeSelectKeys.call(void 0, props.treeData)) : /* @__PURE__ */ new Set()
     );
-    const displayLabel = vue.computed(() => tigercatCore.getTreeSelectDisplayLabel(props.treeData, props.modelValue));
-    const showClearButton = vue.computed(
+    const displayLabel = _vue.computed.call(void 0, () => _tigercatcore.getTreeSelectDisplayLabel.call(void 0, props.treeData, props.modelValue));
+    const showClearButton = _vue.computed.call(void 0, 
       () => props.clearable && !props.disabled && props.modelValue !== void 0 && (Array.isArray(props.modelValue) ? props.modelValue.length > 0 : props.modelValue !== "")
     );
-    const matchedKeys = vue.computed(() => {
+    const matchedKeys = _vue.computed.call(void 0, () => {
       if (!searchQuery.value) return null;
-      return tigercatCore.filterTreeSelectNodes(props.treeData, searchQuery.value);
+      return _tigercatcore.filterTreeSelectNodes.call(void 0, props.treeData, searchQuery.value);
     });
-    const effectiveExpandedKeys = vue.computed(() => {
+    const effectiveExpandedKeys = _vue.computed.call(void 0, () => {
       if (matchedKeys.value) {
         return matchedKeys.value;
       }
       return expandedKeys.value;
     });
-    const flatNodes = vue.computed(
-      () => tigercatCore.flattenTreeSelectNodes(props.treeData, effectiveExpandedKeys.value)
+    const flatNodes = _vue.computed.call(void 0, 
+      () => _tigercatcore.flattenTreeSelectNodes.call(void 0, props.treeData, effectiveExpandedKeys.value)
     );
-    const visibleNodes = vue.computed(() => {
+    const visibleNodes = _vue.computed.call(void 0, () => {
       if (!matchedKeys.value) return flatNodes.value;
       return flatNodes.value.filter((f) => matchedKeys.value.has(f.node.key));
     });
@@ -161,7 +179,7 @@ var TreeSelect = vue.defineComponent({
       emit("change", val);
     }
     function handleKeyDown(e) {
-      const action = tigercatCore.getPickerTriggerKeyAction(e.key, isOpen.value);
+      const action = _tigercatcore.getPickerTriggerKeyAction.call(void 0, e.key, isOpen.value);
       if (action === "none") return;
       e.preventDefault();
       if (action === "toggle") {
@@ -178,35 +196,35 @@ var TreeSelect = vue.defineComponent({
         closeDropdown();
       }
     }
-    vue.watch(isOpen, (val) => {
+    _vue.watch.call(void 0, isOpen, (val) => {
       if (val) {
         document.addEventListener("click", handleClickOutside);
       } else {
         document.removeEventListener("click", handleClickOutside);
       }
     });
-    vue.onBeforeUnmount(() => {
+    _vue.onBeforeUnmount.call(void 0, () => {
       document.removeEventListener("click", handleClickOutside);
     });
     return () => {
-      const containerClasses = tigercatCore.classNames(tigercatCore.treeSelectBaseClasses, tigercatCore.coerceClassValue(attrs.class));
-      return vue.h("div", { ref: containerRef, class: containerClasses }, [
+      const containerClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.treeSelectBaseClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class));
+      return _vue.h.call(void 0, "div", { ref: containerRef, class: containerClasses }, [
         // Trigger
-        vue.h(
+        _vue.h.call(void 0, 
           "button",
           {
             type: "button",
-            class: tigercatCore.getTreeSelectTriggerClasses(props.size, props.disabled, isOpen.value),
-            ...tigercatCore.getPickerComboboxAria({ expanded: isOpen.value, listboxId }),
+            class: _tigercatcore.getTreeSelectTriggerClasses.call(void 0, props.size, props.disabled, isOpen.value),
+            ..._tigercatcore.getPickerComboboxAria.call(void 0, { expanded: isOpen.value, listboxId }),
             disabled: props.disabled,
             onClick: toggleDropdown,
             onKeydown: handleKeyDown
           },
           [
-            vue.h(
+            _vue.h.call(void 0, 
               "span",
               {
-                class: tigercatCore.classNames(
+                class: _tigercatcore.classNames.call(void 0, 
                   "flex-1 truncate",
                   !displayLabel.value ? "text-[var(--tiger-treeselect-placeholder,var(--tiger-text-muted,#9ca3af))]" : ""
                 )
@@ -214,7 +232,7 @@ var TreeSelect = vue.defineComponent({
               displayLabel.value || props.placeholder
             ),
             // Clear or chevron
-            showClearButton.value ? vue.h(
+            showClearButton.value ? _vue.h.call(void 0, 
               "span",
               {
                 class: "absolute right-2 top-1/2 -translate-y-1/2 text-[var(--tiger-treeselect-clear,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-treeselect-clear-hover,var(--tiger-text,#111827))]",
@@ -222,7 +240,7 @@ var TreeSelect = vue.defineComponent({
                 onClick: handleClear
               },
               [ClearIcon]
-            ) : vue.h(
+            ) : _vue.h.call(void 0, 
               "span",
               {
                 class: "absolute right-2 top-1/2 -translate-y-1/2 text-[var(--tiger-text-muted,#9ca3af)] pointer-events-none"
@@ -232,17 +250,17 @@ var TreeSelect = vue.defineComponent({
           ]
         ),
         // Dropdown
-        isOpen.value ? vue.h(
+        isOpen.value ? _vue.h.call(void 0, 
           "div",
           {
-            ...tigercatCore.getPickerListboxAria({ id: listboxId }),
-            class: tigercatCore.treeSelectDropdownClasses
+            ..._tigercatcore.getPickerListboxAria.call(void 0, { id: listboxId }),
+            class: _tigercatcore.treeSelectDropdownClasses
           },
           [
             // Search
-            props.showSearch ? vue.h("input", {
+            props.showSearch ? _vue.h.call(void 0, "input", {
               type: "text",
-              class: tigercatCore.treeSelectSearchClasses,
+              class: _tigercatcore.treeSelectSearchClasses,
               placeholder: "Search...",
               value: searchQuery.value,
               "aria-label": "Search tree",
@@ -255,12 +273,12 @@ var TreeSelect = vue.defineComponent({
               const { node, level, hasChildren, isExpanded } = flatNode;
               const selected = isSelected(node.key);
               const indent = level * 20;
-              return vue.h(
+              return _vue.h.call(void 0, 
                 "div",
                 {
                   key: node.key,
-                  ...tigercatCore.getPickerOptionAria({ selected, disabled: !!node.disabled }),
-                  class: tigercatCore.getTreeSelectNodeClasses(selected, !!node.disabled, props.size),
+                  ..._tigercatcore.getPickerOptionAria.call(void 0, { selected, disabled: !!node.disabled }),
+                  class: _tigercatcore.getTreeSelectNodeClasses.call(void 0, selected, !!node.disabled, props.size),
                   style: { paddingLeft: `${indent + 8}px` },
                   onClick: (e) => {
                     e.stopPropagation();
@@ -269,10 +287,10 @@ var TreeSelect = vue.defineComponent({
                 },
                 [
                   // Expand toggle
-                  hasChildren ? vue.h(
+                  hasChildren ? _vue.h.call(void 0, 
                     "span",
                     {
-                      class: tigercatCore.classNames(
+                      class: _tigercatcore.classNames.call(void 0, 
                         "inline-flex items-center justify-center w-4 h-4 mr-1 transition-transform",
                         isExpanded ? "rotate-90" : ""
                       ),
@@ -282,28 +300,28 @@ var TreeSelect = vue.defineComponent({
                       }
                     },
                     [
-                      vue.h(
+                      _vue.h.call(void 0, 
                         "svg",
                         {
                           class: "w-3 h-3",
-                          viewBox: tigercatCore.icon20ViewBox,
+                          viewBox: _tigercatcore.icon20ViewBox,
                           fill: "currentColor"
                         },
                         [
-                          vue.h("path", {
-                            d: tigercatCore.chevronRightSolidIcon20PathD,
+                          _vue.h.call(void 0, "path", {
+                            d: _tigercatcore.chevronRightSolidIcon20PathD,
                             "fill-rule": "evenodd",
                             "clip-rule": "evenodd"
                           })
                         ]
                       )
                     ]
-                  ) : vue.h("span", { class: "w-4 mr-1" }),
+                  ) : _vue.h.call(void 0, "span", { class: "w-4 mr-1" }),
                   // Label
-                  vue.h("span", { class: "flex-1 truncate" }, node.label)
+                  _vue.h.call(void 0, "span", { class: "flex-1 truncate" }, node.label)
                 ]
               );
-            }) : vue.h("div", { class: tigercatCore.treeSelectEmptyClasses }, props.notFoundText)
+            }) : _vue.h.call(void 0, "div", { class: _tigercatcore.treeSelectEmptyClasses }, props.notFoundText)
           ]
         ) : null
       ]);
@@ -312,5 +330,7 @@ var TreeSelect = vue.defineComponent({
 });
 var TreeSelect_default = TreeSelect;
 
-exports.TreeSelect = TreeSelect;
-exports.TreeSelect_default = TreeSelect_default;
+
+
+
+exports.TreeSelect = TreeSelect; exports.TreeSelect_default = TreeSelect_default;