@expcat/tigercat-vue 1.1.0 → 1.2.0

package/dist/chunk-QYSFZA5V.js

@@ -1,11 +1,31 @@
-'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/components/Anchor.ts
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Anchor.ts
+
+
+
+
+
+
+
+
+
+
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 var AnchorContextKey = /* @__PURE__ */ Symbol("AnchorContext");
-var AnchorLink = vue.defineComponent({
+var AnchorLink = _vue.defineComponent.call(void 0, {
   name: "TigerAnchorLink",
   inheritAttrs: false,
   props: {
@@ -36,32 +56,32 @@ var AnchorLink = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const anchorContext = vue.inject(AnchorContextKey, null);
-    vue.onMounted(() => {
-      anchorContext?.registerLink(props.href);
+    const anchorContext = _vue.inject.call(void 0, AnchorContextKey, null);
+    _vue.onMounted.call(void 0, () => {
+      _optionalChain([anchorContext, 'optionalAccess', _ => _.registerLink, 'call', _2 => _2(props.href)]);
     });
-    vue.onBeforeUnmount(() => {
-      anchorContext?.unregisterLink(props.href);
+    _vue.onBeforeUnmount.call(void 0, () => {
+      _optionalChain([anchorContext, 'optionalAccess', _3 => _3.unregisterLink, 'call', _4 => _4(props.href)]);
     });
     const handleClick = (event) => {
       event.preventDefault();
-      anchorContext?.handleLinkClick(props.href, event);
+      _optionalChain([anchorContext, 'optionalAccess', _5 => _5.handleLinkClick, 'call', _6 => _6(props.href, event)]);
     };
-    const linkClasses = vue.computed(() => {
-      const isActive = anchorContext?.activeLink === props.href;
-      return tigercatCore.classNames(
-        tigercatCore.getAnchorLinkClasses(isActive, props.className),
-        tigercatCore.coerceClassValue(attrs.class)
+    const linkClasses = _vue.computed.call(void 0, () => {
+      const isActive = _optionalChain([anchorContext, 'optionalAccess', _7 => _7.activeLink]) === props.href;
+      return _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getAnchorLinkClasses.call(void 0, isActive, props.className),
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       );
     });
     return () => {
-      const slotContent = slots.default?.();
+      const slotContent = _optionalChain([slots, 'access', _8 => _8.default, 'optionalCall', _9 => _9()]);
       const hasNestedLinks = slotContent && Array.isArray(slotContent) && slotContent.some(
         (vnode) => vnode.type && vnode.type.name === "TigerAnchorLink"
       );
       if (hasNestedLinks) {
-        return vue.h("div", { class: "anchor-link-wrapper" }, [
-          vue.h(
+        return _vue.h.call(void 0, "div", { class: "anchor-link-wrapper" }, [
+          _vue.h.call(void 0, 
             "a",
             {
               ...attrs,
@@ -73,11 +93,11 @@ var AnchorLink = vue.defineComponent({
             },
             props.title
           ),
-          vue.h("div", { class: "pl-3 mt-1 space-y-1" }, slotContent)
+          _vue.h.call(void 0, "div", { class: "pl-3 mt-1 space-y-1" }, slotContent)
         ]);
       }
-      const content = slotContent ?? props.title;
-      return vue.h(
+      const content = _nullishCoalesce(slotContent, () => ( props.title));
+      return _vue.h.call(void 0, 
         "a",
         {
           ...attrs,
@@ -92,7 +112,7 @@ var AnchorLink = vue.defineComponent({
     };
   }
 });
-var Anchor = vue.defineComponent({
+var Anchor = _vue.defineComponent.call(void 0, {
   name: "TigerAnchor",
   inheritAttrs: false,
   props: {
@@ -169,14 +189,14 @@ var Anchor = vue.defineComponent({
   },
   emits: ["click", "change"],
   setup(props, { slots, emit, attrs }) {
-    const activeLink = vue.ref("");
-    const links = vue.ref([]);
-    const anchorRef = vue.ref(null);
-    const inkRef = vue.ref(null);
-    const isScrolling = vue.ref(false);
+    const activeLink = _vue.ref.call(void 0, "");
+    const links = _vue.ref.call(void 0, []);
+    const anchorRef = _vue.ref.call(void 0, null);
+    const inkRef = _vue.ref.call(void 0, null);
+    const isScrolling = _vue.ref.call(void 0, false);
     let scrollTimeoutId = null;
     const getContainer = () => props.getContainer();
-    const scrollOffset = vue.computed(() => props.targetOffset ?? props.offsetTop);
+    const scrollOffset = _vue.computed.call(void 0, () => _nullishCoalesce(props.targetOffset, () => ( props.offsetTop)));
     const registerLink = (href) => {
       if (href && !links.value.includes(href)) {
         links.value = [...links.value, href];
@@ -187,10 +207,10 @@ var Anchor = vue.defineComponent({
     };
     let stopObserver = null;
     const setupObserver = () => {
-      stopObserver?.();
+      _optionalChain([stopObserver, 'optionalCall', _10 => _10()]);
       const container = getContainer();
       const root = container === window ? null : container;
-      stopObserver = tigercatCore.createAnchorObserver(links.value, {
+      stopObserver = _tigercatcore.createAnchorObserver.call(void 0, links.value, {
         offsetTop: scrollOffset.value,
         root,
         onChange: (newActiveLink) => {
@@ -204,7 +224,7 @@ var Anchor = vue.defineComponent({
       });
     };
     const scrollTo = (href) => {
-      tigercatCore.scrollToAnchor(href, getContainer(), scrollOffset.value);
+      _tigercatcore.scrollToAnchor.call(void 0, href, getContainer(), scrollOffset.value);
     };
     const handleLinkClick = (href, event) => {
       emit("click", event, href);
@@ -237,49 +257,49 @@ var Anchor = vue.defineComponent({
         inkRef.value.style.width = `${linkRect.width}px`;
       }
     };
-    vue.watch(activeLink, () => {
+    _vue.watch.call(void 0, activeLink, () => {
       updateInkPosition();
     });
-    vue.watch(() => props.direction, updateInkPosition);
-    vue.onMounted(() => {
-      vue.nextTick(() => {
+    _vue.watch.call(void 0, () => props.direction, updateInkPosition);
+    _vue.onMounted.call(void 0, () => {
+      _vue.nextTick.call(void 0, () => {
         setupObserver();
         setTimeout(updateInkPosition, 0);
       });
     });
-    vue.watch([links, scrollOffset, () => props.getContainer], () => {
-      vue.nextTick(() => setupObserver());
+    _vue.watch.call(void 0, [links, scrollOffset, () => props.getContainer], () => {
+      _vue.nextTick.call(void 0, () => setupObserver());
     });
-    vue.onBeforeUnmount(() => {
-      stopObserver?.();
+    _vue.onBeforeUnmount.call(void 0, () => {
+      _optionalChain([stopObserver, 'optionalCall', _11 => _11()]);
       if (scrollTimeoutId !== null) {
         clearTimeout(scrollTimeoutId);
       }
     });
-    const wrapperClasses = vue.computed(() => {
-      return tigercatCore.classNames(
-        tigercatCore.getAnchorWrapperClasses(props.affix, props.className),
-        tigercatCore.coerceClassValue(attrs.class)
+    const wrapperClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getAnchorWrapperClasses.call(void 0, props.affix, props.className),
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       );
     });
-    const inkContainerClasses = vue.computed(() => {
-      return tigercatCore.getAnchorInkContainerClasses(props.direction);
+    const inkContainerClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.getAnchorInkContainerClasses.call(void 0, props.direction);
     });
-    const inkActiveClasses = vue.computed(() => {
-      return tigercatCore.getAnchorInkActiveClasses(props.direction);
+    const inkActiveClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.getAnchorInkActiveClasses.call(void 0, props.direction);
     });
-    const linkListClasses = vue.computed(() => {
-      return tigercatCore.getAnchorLinkListClasses(props.direction);
+    const linkListClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.getAnchorLinkListClasses.call(void 0, props.direction);
     });
-    const showInk = vue.computed(() => !props.affix || props.showInkInFixed);
-    const wrapperStyle = vue.computed(() => {
+    const showInk = _vue.computed.call(void 0, () => !props.affix || props.showInkInFixed);
+    const wrapperStyle = _vue.computed.call(void 0, () => {
       const baseStyle = {};
       if (props.affix && props.offsetTop > 0) {
         baseStyle.top = `${props.offsetTop}px`;
       }
-      return tigercatCore.mergeStyleValues(attrs.style, props.style, baseStyle);
+      return _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style, baseStyle);
     });
-    const contextValue = vue.reactive({
+    const contextValue = _vue.reactive.call(void 0, {
       activeLink: "",
       direction: props.direction,
       registerLink,
@@ -287,21 +307,21 @@ var Anchor = vue.defineComponent({
       handleLinkClick,
       scrollTo
     });
-    vue.watch([activeLink, () => props.direction], ([newActive, newDir]) => {
+    _vue.watch.call(void 0, [activeLink, () => props.direction], ([newActive, newDir]) => {
       contextValue.activeLink = newActive;
       contextValue.direction = newDir;
     });
-    vue.provide(AnchorContextKey, contextValue);
+    _vue.provide.call(void 0, AnchorContextKey, contextValue);
     return () => {
       const inkIndicator = showInk.value ? [
-        vue.h("div", { class: inkContainerClasses.value }, [
-          vue.h("div", {
+        _vue.h.call(void 0, "div", { class: inkContainerClasses.value }, [
+          _vue.h.call(void 0, "div", {
             ref: inkRef,
             class: inkActiveClasses.value
           })
         ])
       ] : [];
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrs,
@@ -311,12 +331,12 @@ var Anchor = vue.defineComponent({
         },
         [
           ...inkIndicator,
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
             {
               class: linkListClasses.value
             },
-            slots.default?.()
+            _optionalChain([slots, 'access', _12 => _12.default, 'optionalCall', _13 => _13()])
           )
         ]
       );
@@ -325,7 +345,9 @@ var Anchor = vue.defineComponent({
 });
 var Anchor_default = Anchor;
 
-exports.Anchor = Anchor;
-exports.AnchorContextKey = AnchorContextKey;
-exports.AnchorLink = AnchorLink;
-exports.Anchor_default = Anchor_default;
+
+
+
+
+
+exports.AnchorContextKey = AnchorContextKey; exports.AnchorLink = AnchorLink; exports.Anchor = Anchor; exports.Anchor_default = Anchor_default;

package/dist/chunk-QZ5OPNL4.mjs

@@ -1,7 +1,17 @@
-import { defineComponent, ref, watch, onBeforeUnmount, computed, h } from 'vue';
-import { canAnimateStatisticValue, createStatisticNumberAnimation, formatStatisticValue, classNames, statisticBaseClasses, coerceClassValue, getStatisticTitleClasses, getStatisticValueClasses, statisticPrefixClasses, statisticSuffixClasses } from '@expcat/tigercat-core';
-
 // src/components/Statistic.ts
+import { defineComponent, h, ref, computed, watch, onBeforeUnmount } from "vue";
+import {
+  statisticBaseClasses,
+  getStatisticTitleClasses,
+  getStatisticValueClasses,
+  statisticPrefixClasses,
+  statisticSuffixClasses,
+  formatStatisticValue,
+  canAnimateStatisticValue,
+  createStatisticNumberAnimation,
+  classNames,
+  coerceClassValue
+} from "@expcat/tigercat-core";
 var Statistic = defineComponent({
   name: "TigerStatistic",
   props: {
@@ -72,4 +82,7 @@ var Statistic = defineComponent({
 });
 var Statistic_default = Statistic;
 
-export { Statistic, Statistic_default };
+export {
+  Statistic,
+  Statistic_default
+};

package/dist/{chunk-N4GS2LSN.mjs → chunk-R2HO74FE.mjs}

@@ -1,7 +1,10 @@
-import { ref, onScopeDispose, computed } from 'vue';
-import { createChartPointerMoveScheduler, classNames, getChartElementOpacity } from '@expcat/tigercat-core';
-
 // src/composables/useChartInteraction.ts
+import { ref, computed, getCurrentScope, onScopeDispose } from "vue";
+import {
+  classNames,
+  createChartPointerMoveScheduler,
+  getChartElementOpacity
+} from "@expcat/tigercat-core";
 function unref(value) {
   return value?.value !== void 0 ? value.value : value;
 }
@@ -15,7 +18,9 @@ function useChartInteraction(options) {
       tooltipPosition.value = position;
     }
   });
-  onScopeDispose(() => tooltipScheduler.cancel());
+  if (getCurrentScope()) {
+    onScopeDispose(() => tooltipScheduler.cancel());
+  }
   const resolvedHoveredIndex = computed(() => {
     const prop = options.hoveredIndexProp?.();
     return prop !== void 0 ? prop : localHoveredIndex.value;
@@ -128,4 +133,6 @@ function useChartInteraction(options) {
   };
 }
 
-export { useChartInteraction };
+export {
+  useChartInteraction
+};

package/dist/chunk-RDJZOMI6.js

@@ -1,10 +1,15 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Segmented.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Segmented.ts
-var Segmented = vue.defineComponent({
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Segmented = _vue.defineComponent.call(void 0, {
   name: "TigerSegmented",
   props: {
     modelValue: {
@@ -27,22 +32,22 @@ var Segmented = vue.defineComponent({
       emit("update:modelValue", option.value);
       emit("change", option.value);
     }
-    return () => vue.h(
+    return () => _vue.h.call(void 0, 
       "div",
       {
-        class: tigercatCore.classNames(
-          tigercatCore.getSegmentedContainerClasses(props.size, props.block),
-          tigercatCore.coerceClassValue(attrs.class)
+        class: _tigercatcore.classNames.call(void 0, 
+          _tigercatcore.getSegmentedContainerClasses.call(void 0, props.size, props.block),
+          _tigercatcore.coerceClassValue.call(void 0, attrs.class)
         ),
-        style: tigercatCore.getSegmentedContainerStyle(props.options.length),
+        style: _tigercatcore.getSegmentedContainerStyle.call(void 0, props.options.length),
         role: "radiogroup"
       },
       [
-        vue.h("div", {
+        _vue.h.call(void 0, "div", {
           "data-tiger-segmented-indicator": "true",
           "aria-hidden": "true",
-          class: tigercatCore.getSegmentedIndicatorClasses(props.size),
-          style: tigercatCore.getSegmentedIndicatorStyle(
+          class: _tigercatcore.getSegmentedIndicatorClasses.call(void 0, props.size),
+          style: _tigercatcore.getSegmentedIndicatorStyle.call(void 0, 
             props.options.findIndex((opt) => opt.value === props.modelValue),
             props.options.length,
             props.size
@@ -51,12 +56,12 @@ var Segmented = vue.defineComponent({
         ...props.options.map((opt) => {
           const selected = opt.value === props.modelValue;
           const isDisabled = !!opt.disabled || props.disabled;
-          return vue.h(
+          return _vue.h.call(void 0, 
             "label",
             {
               key: opt.value,
-              class: tigercatCore.classNames(
-                tigercatCore.getSegmentedOptionClasses(props.size, selected, isDisabled),
+              class: _tigercatcore.classNames.call(void 0, 
+                _tigercatcore.getSegmentedOptionClasses.call(void 0, props.size, selected, isDisabled),
                 props.block ? "flex-1 text-center" : ""
               ),
               role: "radio",
@@ -64,7 +69,7 @@ var Segmented = vue.defineComponent({
               "aria-disabled": isDisabled,
               onClick: () => handleSelect(opt)
             },
-            [vue.h("span", null, opt.label)]
+            [_vue.h.call(void 0, "span", null, opt.label)]
           );
         })
       ]
@@ -73,5 +78,7 @@ var Segmented = vue.defineComponent({
 });
 var Segmented_default = Segmented;
 
-exports.Segmented = Segmented;
-exports.Segmented_default = Segmented_default;
+
+
+
+exports.Segmented = Segmented; exports.Segmented_default = Segmented_default;

package/dist/{chunk-CN2SP53A.mjs → chunk-RFFPMC22.mjs}

@@ -1,9 +1,25 @@
-import { useChartInteraction } from './chunk-N4GS2LSN.mjs';
-import { ChartTooltip } from './chunk-OK4PVFQG.mjs';
-import { ChartCanvas } from './chunk-W5RZPTFD.mjs';
-import { defineComponent, ref, computed, watchEffect, nextTick, h } from 'vue';
-import { getChartInnerRect, computeHeatmapCells, resolveChartTooltipContent, resolveHeatmapRenderMode, getChartElementOpacity, classNames, chartAxisTickTextClasses, getHeatmapCellIndexAtPoint } from '@expcat/tigercat-core';
+import {
+  useChartInteraction
+} from "./chunk-R2HO74FE.mjs";
+import {
+  ChartTooltip
+} from "./chunk-OK4PVFQG.mjs";
+import {
+  ChartCanvas
+} from "./chunk-W5RZPTFD.mjs";
 
+// src/components/HeatmapChart.ts
+import { defineComponent, computed, h, nextTick, ref, watchEffect } from "vue";
+import {
+  classNames,
+  computeHeatmapCells,
+  getHeatmapCellIndexAtPoint,
+  getChartElementOpacity,
+  getChartInnerRect,
+  resolveHeatmapRenderMode,
+  resolveChartTooltipContent,
+  chartAxisTickTextClasses
+} from "@expcat/tigercat-core";
 var HeatmapChart = defineComponent({
   name: "TigerHeatmapChart",
   props: {
@@ -235,7 +251,7 @@ var HeatmapChart = defineComponent({
                   opacity,
                   class: classNames(interactive && "cursor-pointer"),
                   style: {
-                    transition: "opacity 0.2s ease-out",
+                    transition: "opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out)",
                     rx: `var(--tiger-chart-block-radius, ${props.cellRadius}px)`
                   },
                   onMouseenter: (e) => handleMouseEnter(idx, e),
@@ -298,4 +314,7 @@ var HeatmapChart = defineComponent({
 });
 var HeatmapChart_default = HeatmapChart;
 
-export { HeatmapChart, HeatmapChart_default };
+export {
+  HeatmapChart,
+  HeatmapChart_default
+};

package/dist/{chunk-FRMMT3K3.mjs → chunk-RHAIJVMW.mjs}

@@ -1,7 +1,39 @@
-import { useVueFloating, useVueClickOutside, useVueEscapeKey } from './chunk-7RIWAO2A.mjs';
-import { defineComponent, computed, h, onMounted, ref, watch, onBeforeUnmount, provide, nextTick } from 'vue';
-import { classNames, getDropdownMenuClasses, coerceClassValue, mergeStyleValues, injectDropdownStyles, getDropdownContainerClasses, getDropdownTriggerClasses, DROPDOWN_ENTER_CLASS, getTransformOrigin, getDropdownChevronClasses, DROPDOWN_CHEVRON_PATH, restoreFocus, handleMenuNavigation, captureActiveElement, focusFirstMenuItem } from '@expcat/tigercat-core';
+import {
+  useVueClickOutside,
+  useVueEscapeKey,
+  useVueFloating
+} from "./chunk-7RIWAO2A.mjs";
 
+// src/components/Dropdown.ts
+import {
+  defineComponent,
+  computed,
+  ref,
+  provide,
+  h,
+  onBeforeUnmount,
+  onMounted,
+  nextTick,
+  cloneVNode,
+  watch
+} from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  mergeStyleValues,
+  getDropdownContainerClasses,
+  getDropdownTriggerClasses,
+  getDropdownChevronClasses,
+  getDropdownMenuClasses,
+  getTransformOrigin,
+  injectDropdownStyles,
+  DROPDOWN_CHEVRON_PATH,
+  DROPDOWN_ENTER_CLASS,
+  handleMenuNavigation,
+  focusFirstMenuItem,
+  captureActiveElement,
+  restoreFocus
+} from "@expcat/tigercat-core";
 var DropdownMenu = defineComponent({
   name: "TigerDropdownMenu",
   inheritAttrs: false,
@@ -256,6 +288,7 @@ var Dropdown = defineComponent({
       closeOnClick: props.closeOnClick,
       handleItemClick
     });
+    const _menuItemTabIndex = -1;
     return () => {
       const defaultSlot = slots.default?.();
       if (!defaultSlot || defaultSlot.length === 0) return null;
@@ -307,15 +340,7 @@ var Dropdown = defineComponent({
           onKeydown: handleMenuKeyDown,
           hidden: !currentVisible.value
         },
-        [
-          h(
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            menuNode.type,
-            { ...menuNode.props || {}, id: menuId },
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            menuNode.children
-          )
-        ]
+        [cloneVNode(menuNode, { id: menuId })]
       ) : null;
       const {
         class: _class,
@@ -337,4 +362,9 @@ var Dropdown = defineComponent({
 });
 var Dropdown_default = Dropdown;
 
-export { Dropdown, DropdownContextKey, DropdownMenu, Dropdown_default };
+export {
+  DropdownMenu,
+  DropdownContextKey,
+  Dropdown,
+  Dropdown_default
+};