@expcat/tigercat-vue 1.1.0 → 1.2.14

package/dist/chunk-MVZGR3ZB.js

@@ -0,0 +1,98 @@
+"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 _chunkFAYSOSR7js = require('./chunk-FAYSOSR7.js');
+
+// src/components/DropdownItem.ts
+var _vue = require('vue');
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var DropdownItem = _vue.defineComponent.call(void 0, {
+  name: "TigerDropdownItem",
+  inheritAttrs: false,
+  props: {
+    /**
+     * Whether the item is disabled
+     * @default false
+     */
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Whether the item is divided from previous item
+     * @default false
+     */
+    divided: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Additional CSS classes
+     */
+    className: {
+      type: String,
+      default: void 0
+    },
+    style: {
+      type: Object,
+      default: void 0
+    }
+  },
+  emits: ["click"],
+  setup(props, { slots, emit, attrs }) {
+    const attrsRecord = attrs;
+    const attrsClass = attrsRecord.class;
+    const attrsStyle = attrsRecord.style;
+    const context = _vue.inject.call(void 0, _chunkFAYSOSR7js.DropdownContextKey, null);
+    const handleClick = (event) => {
+      if (props.disabled) {
+        event.preventDefault();
+        return;
+      }
+      emit("click", event);
+      if (_optionalChain([context, 'optionalAccess', _ => _.closeOnClick])) {
+        context.handleItemClick();
+      }
+    };
+    const itemClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getDropdownItemClasses.call(void 0, props.disabled, props.divided),
+        props.className,
+        _tigercatcore.coerceClassValue.call(void 0, attrsClass)
+      );
+    });
+    const mergedStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style));
+    return () => {
+      const {
+        class: _class,
+        style: _style,
+        ...restAttrs
+      } = attrsRecord;
+      return _vue.h.call(void 0, 
+        "button",
+        {
+          ...restAttrs,
+          type: "button",
+          class: itemClasses.value,
+          role: "menuitem",
+          tabindex: -1,
+          "aria-disabled": props.disabled,
+          disabled: props.disabled,
+          onClick: handleClick,
+          style: mergedStyle.value
+        },
+        _optionalChain([slots, 'access', _2 => _2.default, 'optionalCall', _3 => _3()])
+      );
+    };
+  }
+});
+var DropdownItem_default = DropdownItem;
+
+
+
+
+exports.DropdownItem = DropdownItem; exports.DropdownItem_default = DropdownItem_default;

package/dist/{chunk-XY4A73TK.js → chunk-NCLUMDZB.js}

@@ -1,10 +1,14 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Code.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Code.ts
-var Code = vue.defineComponent({
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Code = _vue.defineComponent.call(void 0, {
   name: "TigerCode",
   inheritAttrs: false,
   props: {
@@ -35,14 +39,14 @@ var Code = vue.defineComponent({
   },
   emits: ["copy"],
   setup(props, { emit, attrs }) {
-    const isCopied = vue.ref(false);
-    const timerRef = vue.ref(null);
-    const containerClasses = vue.computed(() => {
+    const isCopied = _vue.ref.call(void 0, false);
+    const timerRef = _vue.ref.call(void 0, null);
+    const containerClasses = _vue.computed.call(void 0, () => {
       const attrsRecord = attrs;
-      return tigercatCore.getCodeBlockContainerClasses(props.className, tigercatCore.coerceClassValue(attrsRecord.class));
+      return _tigercatcore.getCodeBlockContainerClasses.call(void 0, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class));
     });
-    const copyButtonClasses = vue.computed(() => {
-      return tigercatCore.getCodeBlockCopyButtonClasses(isCopied.value);
+    const copyButtonClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.getCodeBlockCopyButtonClasses.call(void 0, isCopied.value);
     });
     const clearTimer = () => {
       if (timerRef.value != null) {
@@ -52,7 +56,7 @@ var Code = vue.defineComponent({
     };
     const handleCopy = async () => {
       if (!props.copyable) return;
-      const ok = await tigercatCore.copyTextToClipboard(props.code);
+      const ok = await _tigercatcore.copyTextToClipboard.call(void 0, props.code);
       if (!ok) return;
       isCopied.value = true;
       emit("copy", props.code);
@@ -62,19 +66,19 @@ var Code = vue.defineComponent({
         timerRef.value = null;
       }, 1500);
     };
-    vue.onBeforeUnmount(() => {
+    _vue.onBeforeUnmount.call(void 0, () => {
       clearTimer();
     });
-    return () => vue.h(
+    return () => _vue.h.call(void 0, 
       "div",
       {
         ...attrs,
         class: containerClasses.value,
-        style: props.style
+        style: _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style)
       },
       [
-        vue.h("pre", { class: tigercatCore.codeBlockPreClasses }, [vue.h("code", { class: "block" }, props.code)]),
-        props.copyable ? vue.h(
+        _vue.h.call(void 0, "pre", { class: _tigercatcore.codeBlockPreClasses }, [_vue.h.call(void 0, "code", { class: "block" }, props.code)]),
+        props.copyable ? _vue.h.call(void 0, 
           "button",
           {
             type: "button",
@@ -90,5 +94,7 @@ var Code = vue.defineComponent({
 });
 var Code_default = Code;
 
-exports.Code = Code;
-exports.Code_default = Code_default;
+
+
+
+exports.Code = Code; exports.Code_default = Code_default;

package/dist/{chunk-XVUATQPD.mjs → chunk-NDS2DLUS.mjs}

@@ -1,11 +1,38 @@
-import { useChartInteraction } from './chunk-N4GS2LSN.mjs';
-import { ChartLegend } from './chunk-VVS2CQS4.mjs';
-import { ChartSeries } from './chunk-2ZUEXCVJ.mjs';
-import { ChartTooltip } from './chunk-OK4PVFQG.mjs';
-import { ChartCanvas } from './chunk-W5RZPTFD.mjs';
-import { defineComponent, computed, h } from 'vue';
-import { getChartInnerRect, getPieArcs, resolveChartPalette, getPieGradientPrefix, buildChartLegendItems, resolveChartTooltipContent, classNames, createPieArcPath, getChartElementOpacity, computePieHoverOffset, PIE_EMPHASIS_SHADOW, PIE_BASE_SHADOW, computePieLabelLine, polarToCartesian, chartAxisTickTextClasses } from '@expcat/tigercat-core';
+import {
+  useChartInteraction
+} from "./chunk-R2HO74FE.mjs";
+import {
+  ChartLegend
+} from "./chunk-VVS2CQS4.mjs";
+import {
+  ChartSeries
+} from "./chunk-2ZUEXCVJ.mjs";
+import {
+  ChartTooltip
+} from "./chunk-OK4PVFQG.mjs";
+import {
+  ChartCanvas
+} from "./chunk-W5RZPTFD.mjs";
 
+// src/components/PieChart.ts
+import { defineComponent, computed, h, useId } from "vue";
+import {
+  chartAxisTickTextClasses,
+  classNames,
+  computePieHoverOffset,
+  computePieLabelLine,
+  createPieArcPath,
+  getChartElementOpacity,
+  getChartInnerRect,
+  getPieArcs,
+  getStableChartGradientPrefix,
+  PIE_BASE_SHADOW,
+  PIE_EMPHASIS_SHADOW,
+  polarToCartesian,
+  resolveChartPalette,
+  buildChartLegendItems,
+  resolveChartTooltipContent
+} from "@expcat/tigercat-core";
 var PieChart = defineComponent({
   name: "TigerPieChart",
   props: {
@@ -184,7 +211,7 @@ var PieChart = defineComponent({
       })
     );
     const palette = computed(() => resolveChartPalette(props.colors));
-    const gradientPrefix = getPieGradientPrefix();
+    const gradientPrefix = getStableChartGradientPrefix("pie", useId());
     const legendItems = computed(
       () => buildChartLegendItems({
         data: props.data,
@@ -290,7 +317,7 @@ var PieChart = defineComponent({
                     style: {
                       transform: isEmphasized ? `translate(${dx}px, ${dy}px) scale(1.04)` : `translate(${dx}px, ${dy}px)`,
                       transformOrigin: `${cx}px ${cy}px`,
-                      transition: "transform var(--tiger-motion-duration-relaxed,0.3s) var(--tiger-motion-ease-spring,cubic-bezier(0.4,0,0.2,1)), opacity 0.2s ease-out, filter 0.3s ease-out",
+                      transition: "transform var(--tiger-motion-duration-relaxed,0.3s) var(--tiger-motion-ease-spring,cubic-bezier(0.4,0,0.2,1)), opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out), filter var(--tiger-motion-duration-relaxed,0.3s) var(--tiger-motion-ease-decelerate,ease-out)",
                       filter: props.shadow ? isEmphasized ? PIE_EMPHASIS_SHADOW : PIE_BASE_SHADOW : void 0
                     },
                     tabindex: props.selectable ? 0 : void 0,
@@ -389,4 +416,7 @@ var PieChart = defineComponent({
 });
 var PieChart_default = PieChart;
 
-export { PieChart, PieChart_default };
+export {
+  PieChart,
+  PieChart_default
+};

package/dist/{chunk-WOVUC5FQ.mjs → chunk-NHBN6VAY.mjs}

@@ -1,11 +1,31 @@
-import { useChartInteraction } from './chunk-N4GS2LSN.mjs';
-import { ChartLegend } from './chunk-VVS2CQS4.mjs';
-import { ChartSeries } from './chunk-2ZUEXCVJ.mjs';
-import { ChartTooltip } from './chunk-OK4PVFQG.mjs';
-import { ChartCanvas } from './chunk-W5RZPTFD.mjs';
-import { defineComponent, computed, h } from 'vue';
-import { getChartInnerRect, resolveChartPalette, getSunburstGradientPrefix, computeSunburstArcs, buildChartLegendItems, resolveChartTooltipContent, classNames, getChartElementOpacity } from '@expcat/tigercat-core';
+import {
+  useChartInteraction
+} from "./chunk-R2HO74FE.mjs";
+import {
+  ChartLegend
+} from "./chunk-VVS2CQS4.mjs";
+import {
+  ChartSeries
+} from "./chunk-2ZUEXCVJ.mjs";
+import {
+  ChartTooltip
+} from "./chunk-OK4PVFQG.mjs";
+import {
+  ChartCanvas
+} from "./chunk-W5RZPTFD.mjs";
 
+// src/components/SunburstChart.ts
+import { defineComponent, computed, h, useId } from "vue";
+import {
+  classNames,
+  computeSunburstArcs,
+  getChartElementOpacity,
+  getChartInnerRect,
+  getStableChartGradientPrefix,
+  resolveChartPalette,
+  buildChartLegendItems,
+  resolveChartTooltipContent
+} from "@expcat/tigercat-core";
 var SunburstChart = defineComponent({
   name: "TigerSunburstChart",
   props: {
@@ -70,7 +90,7 @@ var SunburstChart = defineComponent({
     });
     const innerRect = computed(() => getChartInnerRect(props.width, props.height, props.padding));
     const palette = computed(() => resolveChartPalette(props.colors));
-    const gradientPrefix = getSunburstGradientPrefix();
+    const gradientPrefix = getStableChartGradientPrefix("sunburst", useId());
     const outerRadius = computed(() => Math.min(innerRect.value.width, innerRect.value.height) / 2);
     const innerRadius = computed(
       () => outerRadius.value * Math.max(0, Math.min(1, props.innerRadiusRatio))
@@ -166,7 +186,7 @@ var SunburstChart = defineComponent({
                       "stroke-width": 1,
                       class: classNames(interactive && "cursor-pointer"),
                       style: {
-                        transition: "opacity 0.2s ease-out, filter 0.2s ease-out",
+                        transition: "opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out), filter var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out)",
                         filter: activeIndex.value === arc.index ? "var(--tiger-chart-block-active-filter, none)" : "none"
                       },
                       tabindex: props.selectable ? 0 : void 0,
@@ -212,4 +232,7 @@ var SunburstChart = defineComponent({
 });
 var SunburstChart_default = SunburstChart;
 
-export { SunburstChart, SunburstChart_default };
+export {
+  SunburstChart,
+  SunburstChart_default
+};