@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/{chunk-RB7KVVWE.mjs → chunk-2X3ZPH2H.mjs}

@@ -1,7 +1,31 @@
-import { h, defineComponent, ref, computed, watch, onBeforeUnmount, nextTick } from 'vue';
-import { icon20ViewBox, closeSolidIcon20PathD, filterAutoCompleteOptions, classNames, autoCompleteBaseClasses, coerceClassValue, getAutoCompleteInputClasses, autoCompleteDropdownClasses, getAutoCompleteOptionClasses, autoCompleteEmptyStateClasses } from '@expcat/tigercat-core';
-
 // src/components/AutoComplete.ts
+import {
+  defineComponent,
+  h,
+  ref,
+  computed,
+  watch,
+  onBeforeUnmount,
+  nextTick
+} from "vue";
+import {
+  autoCompleteBaseClasses,
+  autoCompleteDropdownClasses,
+  autoCompleteEmptyStateClasses,
+  getAutoCompleteInputClasses,
+  getAutoCompleteOptionClasses,
+  filterAutoCompleteOptions,
+  getInitialPickerActiveIndex,
+  getPickerComboboxAria,
+  getPickerListboxAria,
+  getPickerNavigationIndex,
+  getPickerOptionAria,
+  getPickerOptionId,
+  coerceClassValue,
+  classNames,
+  icon20ViewBox,
+  closeSolidIcon20PathD
+} from "@expcat/tigercat-core";
 var autoCompleteInstanceId = 0;
 var ClearIcon = h(
   "svg",
@@ -87,9 +111,10 @@ var AutoComplete = defineComponent({
     function openDropdown() {
       if (props.disabled) return;
       isOpen.value = true;
-      if (props.defaultActiveFirstOption && filteredOptions.value.length > 0) {
-        activeIndex.value = 0;
-      }
+      activeIndex.value = getInitialPickerActiveIndex(
+        filteredOptions.value,
+        props.defaultActiveFirstOption
+      );
     }
     function closeDropdown() {
       isOpen.value = false;
@@ -103,7 +128,7 @@ var AutoComplete = defineComponent({
       emit("change", val);
       if (!isOpen.value) openDropdown();
       if (props.defaultActiveFirstOption) {
-        activeIndex.value = filteredOptions.value.length > 0 ? 0 : -1;
+        activeIndex.value = getInitialPickerActiveIndex(filteredOptions.value, true);
       }
     }
     function handleSelect(option) {
@@ -132,20 +157,11 @@ var AutoComplete = defineComponent({
       const options = filteredOptions.value;
       switch (e.key) {
         case "ArrowDown":
-          e.preventDefault();
-          if (options.length > 0) {
-            let next = activeIndex.value + 1;
-            while (next < options.length && options[next].disabled) next++;
-            if (next < options.length) activeIndex.value = next;
-          }
-          break;
         case "ArrowUp":
+        case "Home":
+        case "End":
           e.preventDefault();
-          if (options.length > 0) {
-            let prev = activeIndex.value - 1;
-            while (prev >= 0 && options[prev].disabled) prev--;
-            if (prev >= 0) activeIndex.value = prev;
-          }
+          activeIndex.value = getPickerNavigationIndex(options, activeIndex.value, e.key);
           break;
         case "Enter":
           e.preventDefault();
@@ -192,11 +208,11 @@ var AutoComplete = defineComponent({
             value: inputValue.value,
             placeholder: props.placeholder,
             disabled: props.disabled,
-            role: "combobox",
-            "aria-expanded": String(isOpen.value),
-            "aria-haspopup": "listbox",
-            "aria-controls": isOpen.value ? listboxId : void 0,
-            "aria-activedescendant": isOpen.value && activeIndex.value >= 0 ? `${listboxId}-option-${activeIndex.value}` : void 0,
+            ...getPickerComboboxAria({
+              expanded: isOpen.value,
+              listboxId,
+              activeIndex: activeIndex.value
+            }),
             autocomplete: "off",
             onInput: handleInput,
             onFocus: openDropdown,
@@ -217,18 +233,18 @@ var AutoComplete = defineComponent({
           isOpen.value && options.length > 0 ? h(
             "div",
             {
-              id: listboxId,
-              role: "listbox",
+              ...getPickerListboxAria({ id: listboxId }),
               class: autoCompleteDropdownClasses
             },
             options.map(
               (option, index) => h(
                 "div",
                 {
-                  id: `${listboxId}-option-${index}`,
-                  role: "option",
-                  "aria-selected": String(option.value) === String(props.modelValue),
-                  "aria-disabled": option.disabled,
+                  id: getPickerOptionId(listboxId, index),
+                  ...getPickerOptionAria({
+                    selected: String(option.value) === String(props.modelValue),
+                    disabled: !!option.disabled
+                  }),
                   class: getAutoCompleteOptionClasses(
                     String(option.value) === String(props.modelValue),
                     !!option.disabled,
@@ -256,4 +272,7 @@ var AutoComplete = defineComponent({
 });
 var AutoComplete_default = AutoComplete;
 
-export { AutoComplete, AutoComplete_default };
+export {
+  AutoComplete,
+  AutoComplete_default
+};

package/dist/chunk-2YFXJUBT.js

@@ -1,10 +1,23 @@
-'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; }
 
-var chunkQ4MH333P_js = require('./chunk-Q4MH333P.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
+var _chunkQ4MH333Pjs = require('./chunk-Q4MH333P.js');
 
-var Checkbox = vue.defineComponent({
+// src/components/Checkbox.ts
+
+
+
+
+
+
+
+var _vue = require('vue');
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Checkbox = _vue.defineComponent.call(void 0, {
   name: "TigerCheckbox",
   inheritAttrs: false,
   props: {
@@ -73,22 +86,22 @@ var Checkbox = vue.defineComponent({
     change: (value, event) => typeof value === "boolean" && event instanceof Event
   },
   setup(props, { slots, emit, attrs }) {
-    const groupContextRef = vue.inject(chunkQ4MH333P_js.CheckboxGroupKey, null);
-    const groupContext = vue.computed(() => groupContextRef?.value);
-    const internalChecked = vue.ref(props.defaultChecked);
-    const isControlled = vue.computed(() => props.modelValue !== null);
-    const effectiveSize = vue.computed(() => props.size || groupContext.value?.size || "md");
-    const effectiveDisabled = vue.computed(
-      () => props.disabled || groupContext.value?.disabled || false
+    const groupContextRef = _vue.inject.call(void 0, _chunkQ4MH333Pjs.CheckboxGroupKey, null);
+    const groupContext = _vue.computed.call(void 0, () => _optionalChain([groupContextRef, 'optionalAccess', _ => _.value]));
+    const internalChecked = _vue.ref.call(void 0, props.defaultChecked);
+    const isControlled = _vue.computed.call(void 0, () => props.modelValue !== null);
+    const effectiveSize = _vue.computed.call(void 0, () => props.size || _optionalChain([groupContext, 'access', _2 => _2.value, 'optionalAccess', _3 => _3.size]) || "md");
+    const effectiveDisabled = _vue.computed.call(void 0, 
+      () => props.disabled || _optionalChain([groupContext, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.disabled]) || false
     );
-    const checked = vue.computed(() => {
+    const checked = _vue.computed.call(void 0, () => {
       if (groupContext.value && props.value !== void 0) {
         return groupContext.value.value.includes(props.value);
       }
       return isControlled.value ? props.modelValue : internalChecked.value;
     });
-    const checkboxRef = vue.ref(null);
-    vue.watch(
+    const checkboxRef = _vue.ref.call(void 0, null);
+    _vue.watch.call(void 0, 
       () => [checkboxRef.value, props.indeterminate],
       ([el]) => {
         if (el) el.indeterminate = props.indeterminate;
@@ -110,7 +123,7 @@ var Checkbox = vue.defineComponent({
       }
     };
     return () => {
-      const checkboxClasses = tigercatCore.getCheckboxClasses(effectiveSize.value, effectiveDisabled.value);
+      const checkboxClasses = _tigercatcore.getCheckboxClasses.call(void 0, effectiveSize.value, effectiveDisabled.value);
       const { class: _class, style: _style, ...restAttrs } = attrs;
       const inputProps = {
         ref: checkboxRef,
@@ -122,22 +135,22 @@ var Checkbox = vue.defineComponent({
         ...restAttrs
       };
       if (!slots.default) {
-        return vue.h("input", {
+        return _vue.h.call(void 0, "input", {
           ...inputProps,
-          class: tigercatCore.classNames(checkboxClasses, props.className, tigercatCore.coerceClassValue(attrs.class)),
+          class: _tigercatcore.classNames.call(void 0, checkboxClasses, props.className, _tigercatcore.coerceClassValue.call(void 0, attrs.class)),
           style: [attrs.style, props.style]
         });
       }
-      const labelClasses = tigercatCore.getCheckboxLabelClasses(effectiveSize.value, effectiveDisabled.value);
-      return vue.h(
+      const labelClasses = _tigercatcore.getCheckboxLabelClasses.call(void 0, effectiveSize.value, effectiveDisabled.value);
+      return _vue.h.call(void 0, 
         "label",
         {
-          class: tigercatCore.classNames(labelClasses, props.className, tigercatCore.coerceClassValue(attrs.class)),
+          class: _tigercatcore.classNames.call(void 0, labelClasses, props.className, _tigercatcore.coerceClassValue.call(void 0, attrs.class)),
           style: [attrs.style, props.style]
         },
         [
-          vue.h("input", { ...inputProps, class: checkboxClasses }),
-          vue.h("span", { class: "ml-2" }, slots.default())
+          _vue.h.call(void 0, "input", { ...inputProps, class: checkboxClasses }),
+          _vue.h.call(void 0, "span", { class: "ml-2" }, slots.default())
         ]
       );
     };
@@ -145,5 +158,7 @@ var Checkbox = vue.defineComponent({
 });
 var Checkbox_default = Checkbox;
 
-exports.Checkbox = Checkbox;
-exports.Checkbox_default = Checkbox_default;
+
+
+
+exports.Checkbox = Checkbox; exports.Checkbox_default = Checkbox_default;

package/dist/chunk-2ZUEXCVJ.mjs

@@ -1,7 +1,9 @@
-import { defineComponent, h } from 'vue';
-import { classNames, coerceClassValue } from '@expcat/tigercat-core';
-
 // src/components/ChartSeries.ts
+import { defineComponent, h } from "vue";
+import {
+  classNames,
+  coerceClassValue
+} from "@expcat/tigercat-core";
 var ChartSeries = defineComponent({
   name: "TigerChartSeries",
   inheritAttrs: false,
@@ -50,4 +52,7 @@ var ChartSeries = defineComponent({
 });
 var ChartSeries_default = ChartSeries;
 
-export { ChartSeries, ChartSeries_default };
+export {
+  ChartSeries,
+  ChartSeries_default
+};

package/dist/{chunk-TDL4BUUB.js → chunk-33YTJPF7.js}

@@ -1,30 +1,54 @@
-'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; }
 
-var chunk2WZGK7XJ_js = require('./chunk-2WZGK7XJ.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
+var _chunkLWDA7ABQjs = require('./chunk-LWDA7ABQ.js');
 
+
+var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+
+// src/components/Popconfirm.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 var renderPopconfirmIcon = (iconType) => {
-  return vue.h(
+  return _vue.h.call(void 0, 
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
-      viewBox: tigercatCore.popconfirmIconViewBox,
-      "stroke-width": String(tigercatCore.popconfirmIconStrokeWidth),
+      viewBox: _tigercatcore.popconfirmIconViewBox,
+      "stroke-width": String(_tigercatcore.popconfirmIconStrokeWidth),
       stroke: "currentColor"
     },
     [
-      vue.h("path", {
-        "stroke-linecap": tigercatCore.popconfirmIconPathStrokeLinecap,
-        "stroke-linejoin": tigercatCore.popconfirmIconPathStrokeLinejoin,
-        d: tigercatCore.getPopconfirmIconPath(iconType)
+      _vue.h.call(void 0, "path", {
+        "stroke-linecap": _tigercatcore.popconfirmIconPathStrokeLinecap,
+        "stroke-linejoin": _tigercatcore.popconfirmIconPathStrokeLinejoin,
+        d: _tigercatcore.getPopconfirmIconPath.call(void 0, iconType)
       })
     ]
   );
 };
-var createPopconfirmId = tigercatCore.createFloatingIdFactory("popconfirm");
-var Popconfirm = vue.defineComponent({
+var createPopconfirmId = _tigercatcore.createFloatingIdFactory.call(void 0, "popconfirm");
+var Popconfirm = _vue.defineComponent.call(void 0, {
   name: "TigerPopconfirm",
   inheritAttrs: false,
   props: {
@@ -69,7 +93,7 @@ var Popconfirm = vue.defineComponent({
       floatingRef,
       floatingStyles,
       actualPlacement
-    } = chunk2WZGK7XJ_js.useFloatingPopup({ props, emit, multiTrigger: false });
+    } = _chunkLWDA7ABQjs.useFloatingPopup.call(void 0, { props, emit, multiTrigger: false });
     const popconfirmId = createPopconfirmId();
     const titleId = `${popconfirmId}-title`;
     const descriptionId = `${popconfirmId}-description`;
@@ -85,27 +109,27 @@ var Popconfirm = vue.defineComponent({
       if (props.disabled) return;
       setVisible(!currentVisible.value);
     };
-    const containerClasses = vue.computed(() => {
-      return tigercatCore.classNames(
-        tigercatCore.getPopconfirmContainerClasses(),
+    const containerClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getPopconfirmContainerClasses.call(void 0, ),
         props.className,
-        tigercatCore.coerceClassValue(attrs.class)
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       );
     });
-    const triggerClasses = vue.computed(() => tigercatCore.getPopconfirmTriggerClasses(props.disabled));
-    const contentWrapperClasses = vue.computed(
-      () => tigercatCore.classNames("absolute z-50", currentVisible.value ? "block" : "hidden")
+    const triggerClasses = _vue.computed.call(void 0, () => _tigercatcore.getPopconfirmTriggerClasses.call(void 0, props.disabled));
+    const contentWrapperClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, "absolute z-50", currentVisible.value ? "block" : "hidden")
     );
-    const arrowClasses = vue.computed(() => tigercatCore.getPopconfirmArrowClasses(actualPlacement.value));
-    const contentClasses = tigercatCore.getPopconfirmContentClasses();
-    const titleClasses = tigercatCore.getPopconfirmTitleClasses();
-    const descriptionClasses = tigercatCore.getPopconfirmDescriptionClasses();
-    const buttonsClasses = tigercatCore.getPopconfirmButtonsClasses();
-    const cancelButtonClasses = tigercatCore.getPopconfirmCancelButtonClasses();
-    const iconClasses = vue.computed(() => tigercatCore.getPopconfirmIconClasses(props.icon));
-    const okButtonClasses = vue.computed(() => tigercatCore.getPopconfirmOkButtonClasses(props.okType));
+    const arrowClasses = _vue.computed.call(void 0, () => _tigercatcore.getPopconfirmArrowClasses.call(void 0, actualPlacement.value));
+    const contentClasses = _tigercatcore.getPopconfirmContentClasses.call(void 0, );
+    const titleClasses = _tigercatcore.getPopconfirmTitleClasses.call(void 0, );
+    const descriptionClasses = _tigercatcore.getPopconfirmDescriptionClasses.call(void 0, );
+    const buttonsClasses = _tigercatcore.getPopconfirmButtonsClasses.call(void 0, );
+    const cancelButtonClasses = _tigercatcore.getPopconfirmCancelButtonClasses.call(void 0, );
+    const iconClasses = _vue.computed.call(void 0, () => _tigercatcore.getPopconfirmIconClasses.call(void 0, props.icon));
+    const okButtonClasses = _vue.computed.call(void 0, () => _tigercatcore.getPopconfirmOkButtonClasses.call(void 0, props.okType));
     return () => {
-      const defaultSlot = slots.default?.();
+      const defaultSlot = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]);
       if (!defaultSlot || defaultSlot.length === 0) return null;
       const {
         class: _class,
@@ -121,15 +145,17 @@ var Popconfirm = vue.defineComponent({
       const trigger = (() => {
         if (defaultSlot.length === 1) {
           const only = defaultSlot[0];
-          if (vue.isVNode(only)) {
-            const existingProps = only.props ?? {};
+          if (_vue.isVNode.call(void 0, only)) {
+            const existingProps = _nullishCoalesce(only.props, () => ( {}));
             const existingOnClick = existingProps.onClick;
             const onClick = (event) => {
               if (typeof existingOnClick === "function") {
+                ;
                 existingOnClick(event);
               } else if (Array.isArray(existingOnClick)) {
                 for (const handler of existingOnClick) {
                   if (typeof handler === "function") {
+                    ;
                     handler(event);
                   }
                 }
@@ -137,18 +163,18 @@ var Popconfirm = vue.defineComponent({
               if (event.defaultPrevented) return;
               handleTriggerClick();
             };
-            return vue.h(
+            return _vue.h.call(void 0, 
               "div",
               {
                 ref: triggerRef,
                 class: "inline-block"
               },
               [
-                vue.cloneVNode(
+                _vue.cloneVNode.call(void 0, 
                   only,
                   {
                     ...triggerA11yProps,
-                    class: tigercatCore.classNames(tigercatCore.coerceClassValue(existingProps.class), triggerClasses.value),
+                    class: _tigercatcore.classNames.call(void 0, _tigercatcore.coerceClassValue.call(void 0, existingProps.class), triggerClasses.value),
                     onClick
                   },
                   true
@@ -157,7 +183,7 @@ var Popconfirm = vue.defineComponent({
             );
           }
         }
-        return vue.h(
+        return _vue.h.call(void 0, 
           "div",
           {
             ref: triggerRef,
@@ -178,7 +204,7 @@ var Popconfirm = vue.defineComponent({
         );
       })();
       const hasDescription = Boolean(props.description || slots.description);
-      const content = vue.h(
+      const content = _vue.h.call(void 0, 
         "div",
         {
           ref: floatingRef,
@@ -188,9 +214,9 @@ var Popconfirm = vue.defineComponent({
           "aria-hidden": !currentVisible.value
         },
         [
-          vue.h("div", { class: "relative" }, [
-            vue.h("div", { class: arrowClasses.value, "aria-hidden": "true" }),
-            vue.h(
+          _vue.h.call(void 0, "div", { class: "relative" }, [
+            _vue.h.call(void 0, "div", { class: arrowClasses.value, "aria-hidden": "true" }),
+            _vue.h.call(void 0, 
               "div",
               {
                 id: popconfirmId,
@@ -202,15 +228,15 @@ var Popconfirm = vue.defineComponent({
               },
               [
                 // Title section with icon
-                vue.h("div", { class: "flex items-start" }, [
-                  props.showIcon && vue.h(
+                _vue.h.call(void 0, "div", { class: "flex items-start" }, [
+                  props.showIcon && _vue.h.call(void 0, 
                     "div",
                     { class: iconClasses.value, "aria-hidden": "true" },
                     renderPopconfirmIcon(props.icon)
                   ),
-                  vue.h("div", { class: "flex-1" }, [
-                    slots.title ? vue.h("div", { id: titleId, class: titleClasses }, slots.title()) : vue.h("div", { id: titleId, class: titleClasses }, props.title),
-                    hasDescription && vue.h(
+                  _vue.h.call(void 0, "div", { class: "flex-1" }, [
+                    slots.title ? _vue.h.call(void 0, "div", { id: titleId, class: titleClasses }, slots.title()) : _vue.h.call(void 0, "div", { id: titleId, class: titleClasses }, props.title),
+                    hasDescription && _vue.h.call(void 0, 
                       "div",
                       { id: descriptionId, class: descriptionClasses },
                       slots.description ? slots.description() : props.description
@@ -218,13 +244,13 @@ var Popconfirm = vue.defineComponent({
                   ])
                 ]),
                 // Buttons
-                vue.h("div", { class: buttonsClasses }, [
-                  vue.h(
+                _vue.h.call(void 0, "div", { class: buttonsClasses }, [
+                  _vue.h.call(void 0, 
                     "button",
                     { type: "button", class: cancelButtonClasses, onClick: handleCancel },
                     props.cancelText
                   ),
-                  vue.h(
+                  _vue.h.call(void 0, 
                     "button",
                     { type: "button", class: okButtonClasses.value, onClick: handleConfirm },
                     props.okText
@@ -235,20 +261,22 @@ var Popconfirm = vue.defineComponent({
           ])
         ]
       );
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...restAttrs,
           ref: containerRef,
           class: containerClasses.value,
-          style: tigercatCore.mergeStyleValues(attrs.style, props.style)
+          style: _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style)
         },
-        [trigger, content]
+        [trigger, _chunkJDCVS4SJjs.renderVueBodyTeleport.call(void 0, content)]
       );
     };
   }
 });
 var Popconfirm_default = Popconfirm;
 
-exports.Popconfirm = Popconfirm;
-exports.Popconfirm_default = Popconfirm_default;
+
+
+
+exports.Popconfirm = Popconfirm; exports.Popconfirm_default = Popconfirm_default;