@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/{chunk-WB6JGQWN.js → chunk-FE2HR4E5.js}

@@ -1,20 +1,37 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Transfer.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Transfer.ts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 function ArrowIcon(pathD) {
-  return vue.h(
+  return _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", {
+      _vue.h.call(void 0, "path", {
         d: pathD,
         "fill-rule": "evenodd",
         "clip-rule": "evenodd"
@@ -22,7 +39,7 @@ function ArrowIcon(pathD) {
     ]
   );
 }
-var Transfer = vue.defineComponent({
+var Transfer = _vue.defineComponent.call(void 0, {
   name: "TigerTransfer",
   props: {
     modelValue: {
@@ -64,21 +81,21 @@ var Transfer = vue.defineComponent({
   },
   emits: ["update:modelValue", "change"],
   setup(props, { emit, attrs }) {
-    const sourceSelectedKeys = vue.ref(/* @__PURE__ */ new Set());
-    const targetSelectedKeys = vue.ref(/* @__PURE__ */ new Set());
-    const sourceSearch = vue.ref("");
-    const targetSearch = vue.ref("");
-    const { sourceItems: _sourceItems, targetItems: _targetItems } = vue.computed(
-      () => tigercatCore.splitTransferData(props.dataSource, props.modelValue)
+    const sourceSelectedKeys = _vue.ref.call(void 0, /* @__PURE__ */ new Set());
+    const targetSelectedKeys = _vue.ref.call(void 0, /* @__PURE__ */ new Set());
+    const sourceSearch = _vue.ref.call(void 0, "");
+    const targetSearch = _vue.ref.call(void 0, "");
+    const { sourceItems: _sourceItems, targetItems: _targetItems } = _vue.computed.call(void 0, 
+      () => _tigercatcore.splitTransferData.call(void 0, props.dataSource, props.modelValue)
     ).value;
-    const computedData = vue.computed(() => tigercatCore.splitTransferData(props.dataSource, props.modelValue));
-    const filteredSourceItems = vue.computed(
-      () => tigercatCore.filterTransferItems(computedData.value.sourceItems, sourceSearch.value, props.filterOption)
+    const computedData = _vue.computed.call(void 0, () => _tigercatcore.splitTransferData.call(void 0, props.dataSource, props.modelValue));
+    const filteredSourceItems = _vue.computed.call(void 0, 
+      () => _tigercatcore.filterTransferItems.call(void 0, computedData.value.sourceItems, sourceSearch.value, props.filterOption)
     );
-    const filteredTargetItems = vue.computed(
-      () => tigercatCore.filterTransferItems(computedData.value.targetItems, targetSearch.value, props.filterOption)
+    const filteredTargetItems = _vue.computed.call(void 0, 
+      () => _tigercatcore.filterTransferItems.call(void 0, computedData.value.targetItems, targetSearch.value, props.filterOption)
     );
-    const canMoveRight = vue.computed(() => {
+    const canMoveRight = _vue.computed.call(void 0, () => {
       if (props.disabled) return false;
       for (const key of sourceSelectedKeys.value) {
         const item = props.dataSource.find((d) => d.key === key);
@@ -86,7 +103,7 @@ var Transfer = vue.defineComponent({
       }
       return false;
     });
-    const canMoveLeft = vue.computed(() => {
+    const canMoveLeft = _vue.computed.call(void 0, () => {
       if (props.disabled) return false;
       for (const key of targetSelectedKeys.value) {
         const item = props.dataSource.find((d) => d.key === key);
@@ -137,60 +154,61 @@ var Transfer = vue.defineComponent({
       emit("change", newTargetKeys, "left", [...keysToRemove]);
     }
     function renderPanel(title, items, selectedKeys, toggleFn, searchValue, onSearch) {
-      return vue.h("div", { class: tigercatCore.transferPanelClasses, role: "group", "aria-label": title }, [
+      return _vue.h.call(void 0, "div", { class: _tigercatcore.transferPanelClasses, role: "group", "aria-label": title }, [
         // Header
-        vue.h("div", { class: tigercatCore.transferPanelHeaderClasses }, [
-          vue.h(
+        _vue.h.call(void 0, "div", { class: _tigercatcore.transferPanelHeaderClasses }, [
+          _vue.h.call(void 0, 
             "span",
             { class: "font-medium text-[var(--tiger-transfer-title,var(--tiger-text,#111827))]" },
             `${title} (${items.length})`
           )
         ]),
         // Search
-        props.showSearch ? vue.h("input", {
+        props.showSearch ? _vue.h.call(void 0, "input", {
           type: "text",
-          class: tigercatCore.transferSearchClasses,
+          class: _tigercatcore.transferSearchClasses,
           placeholder: "Search...",
           value: searchValue,
           "aria-label": `Search ${title}`,
           onInput: (e) => onSearch(e.target.value)
         }) : null,
         // Body
-        vue.h(
+        _vue.h.call(void 0, 
           "div",
-          { class: tigercatCore.transferPanelBodyClasses, role: "listbox" },
+          {
+            class: _tigercatcore.transferPanelBodyClasses,
+            ..._tigercatcore.getPickerListboxAria.call(void 0, { label: `${title} items` })
+          },
           items.length > 0 ? items.map((item) => {
             const isSelected = selectedKeys.has(item.key);
             const isDisabled = props.disabled || !!item.disabled;
-            return vue.h(
+            return _vue.h.call(void 0, 
               "label",
               {
                 key: item.key,
-                class: tigercatCore.getTransferItemClasses(isSelected, isDisabled, props.size),
-                role: "option",
-                "aria-selected": isSelected,
-                "aria-disabled": isDisabled
+                class: _tigercatcore.getTransferItemClasses.call(void 0, isSelected, isDisabled, props.size),
+                ..._tigercatcore.getPickerOptionAria.call(void 0, { selected: isSelected, disabled: isDisabled })
               },
               [
-                vue.h("input", {
+                _vue.h.call(void 0, "input", {
                   type: "checkbox",
-                  class: tigercatCore.getTransferCheckboxClasses(props.size),
+                  class: _tigercatcore.getTransferCheckboxClasses.call(void 0, props.size),
                   checked: isSelected,
                   disabled: isDisabled,
                   onChange: () => {
                     if (!isDisabled) toggleFn(item.key);
                   }
                 }),
-                vue.h("span", { class: "flex-1 truncate" }, item.label)
+                _vue.h.call(void 0, "span", { class: "flex-1 truncate" }, item.label)
               ]
             );
-          }) : [vue.h("div", { class: tigercatCore.transferEmptyClasses }, props.notFoundText)]
+          }) : [_vue.h.call(void 0, "div", { class: _tigercatcore.transferEmptyClasses }, props.notFoundText)]
         )
       ]);
     }
     return () => {
-      const containerClasses = tigercatCore.classNames(tigercatCore.transferBaseClasses, tigercatCore.coerceClassValue(attrs.class));
-      return vue.h("div", { class: containerClasses }, [
+      const containerClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.transferBaseClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class));
+      return _vue.h.call(void 0, "div", { class: containerClasses }, [
         // Source panel
         renderPanel(
           props.sourceTitle,
@@ -203,28 +221,28 @@ var Transfer = vue.defineComponent({
           }
         ),
         // Operation buttons
-        vue.h("div", { class: tigercatCore.transferOperationClasses }, [
-          vue.h(
+        _vue.h.call(void 0, "div", { class: _tigercatcore.transferOperationClasses }, [
+          _vue.h.call(void 0, 
             "button",
             {
               type: "button",
-              class: tigercatCore.getTransferButtonClasses(!canMoveRight.value),
+              class: _tigercatcore.getTransferButtonClasses.call(void 0, !canMoveRight.value),
               disabled: !canMoveRight.value,
               "aria-label": "Move selected to target",
               onClick: moveRight
             },
-            [ArrowIcon(tigercatCore.chevronRightSolidIcon20PathD)]
+            [ArrowIcon(_tigercatcore.chevronRightSolidIcon20PathD)]
           ),
-          vue.h(
+          _vue.h.call(void 0, 
             "button",
             {
               type: "button",
-              class: tigercatCore.getTransferButtonClasses(!canMoveLeft.value),
+              class: _tigercatcore.getTransferButtonClasses.call(void 0, !canMoveLeft.value),
               disabled: !canMoveLeft.value,
               "aria-label": "Move selected to source",
               onClick: moveLeft
             },
-            [ArrowIcon(tigercatCore.chevronLeftSolidIcon20PathD)]
+            [ArrowIcon(_tigercatcore.chevronLeftSolidIcon20PathD)]
           )
         ]),
         // Target panel
@@ -244,5 +262,7 @@ var Transfer = vue.defineComponent({
 });
 var Transfer_default = Transfer;
 
-exports.Transfer = Transfer;
-exports.Transfer_default = Transfer_default;
+
+
+
+exports.Transfer = Transfer; exports.Transfer_default = Transfer_default;

package/dist/chunk-FIV4PKWT.js

@@ -1,10 +1,14 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/QRCode.ts
+var _vue = require('vue');
+var _tigercatcore = require('@expcat/tigercat-core');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/QRCode.ts
-var QRCode = vue.defineComponent({
+
+
+
+
+
+var QRCode = _vue.defineComponent.call(void 0, {
   name: "TigerQRCode",
   props: {
     value: { type: String, required: true },
@@ -16,18 +20,18 @@ var QRCode = vue.defineComponent({
   },
   emits: ["refresh"],
   setup(props, { emit, attrs }) {
-    const matrix = vue.computed(() => tigercatCore.generateQRMatrix(props.value));
-    const moduleSize = vue.computed(() => {
+    const matrix = _vue.computed.call(void 0, () => _tigercatcore.generateQRMatrix.call(void 0, props.value));
+    const moduleSize = _vue.computed.call(void 0, () => {
       const mLen = matrix.value.length;
       return props.size / mLen;
     });
     return () => {
-      const containerClass = tigercatCore.classNames(tigercatCore.qrcodeContainerClasses, tigercatCore.coerceClassValue(attrs.class));
+      const containerClass = _tigercatcore.classNames.call(void 0, _tigercatcore.qrcodeContainerClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class));
       const mSize = moduleSize.value;
       const modules = matrix.value;
       const rects = modules.flatMap(
         (row, r) => row.map(
-          (cell, c) => cell ? vue.h("rect", {
+          (cell, c) => cell ? _vue.h.call(void 0, "rect", {
             key: `${r}-${c}`,
             x: c * mSize,
             y: r * mSize,
@@ -37,7 +41,7 @@ var QRCode = vue.defineComponent({
           }) : null
         ).filter(Boolean)
       );
-      const svg = vue.h(
+      const svg = _vue.h.call(void 0, 
         "svg",
         {
           width: props.size,
@@ -47,17 +51,17 @@ var QRCode = vue.defineComponent({
           role: "img",
           "aria-label": "QR Code"
         },
-        [vue.h("rect", { width: props.size, height: props.size, fill: props.bgColor }), ...rects]
+        [_vue.h.call(void 0, "rect", { width: props.size, height: props.size, fill: props.bgColor }), ...rects]
       );
       const children = [svg];
       if (props.status === "expired") {
         children.push(
-          vue.h("div", { class: tigercatCore.qrcodeOverlayClasses }, [
-            vue.h("span", { class: tigercatCore.qrcodeExpiredTextClasses }, "QR code expired"),
-            vue.h(
+          _vue.h.call(void 0, "div", { class: _tigercatcore.qrcodeOverlayClasses }, [
+            _vue.h.call(void 0, "span", { class: _tigercatcore.qrcodeExpiredTextClasses }, "QR code expired"),
+            _vue.h.call(void 0, 
               "span",
               {
-                class: tigercatCore.qrcodeRefreshClasses,
+                class: _tigercatcore.qrcodeRefreshClasses,
                 onClick: () => emit("refresh")
               },
               "Refresh"
@@ -67,12 +71,12 @@ var QRCode = vue.defineComponent({
       }
       if (props.status === "loading") {
         children.push(
-          vue.h("div", { class: tigercatCore.qrcodeOverlayClasses }, [
-            vue.h("span", { class: "text-sm text-gray-500" }, "Loading...")
+          _vue.h.call(void 0, "div", { class: _tigercatcore.qrcodeOverlayClasses }, [
+            _vue.h.call(void 0, "span", { class: "text-sm text-gray-500" }, "Loading...")
           ])
         );
       }
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           class: containerClass,
@@ -85,5 +89,7 @@ var QRCode = vue.defineComponent({
 });
 var QRCode_default = QRCode;
 
-exports.QRCode = QRCode;
-exports.QRCode_default = QRCode_default;
+
+
+
+exports.QRCode = QRCode; exports.QRCode_default = QRCode_default;

package/dist/{chunk-I5K3R4FN.mjs → chunk-FMH4CLSA.mjs}

@@ -1,7 +1,18 @@
-import { defineComponent, ref, computed, watch, h } from 'vue';
-import { countLines, generateLineNumbers, classNames, getCodeEditorContainerClasses, coerceClassValue, getLineNumberClasses, codeEditorHighlightClasses, codeEditorTextareaClasses, tokenizeLine, getTokenClasses, handleTabKey } from '@expcat/tigercat-core';
-
 // src/components/CodeEditor.ts
+import { defineComponent, h, ref, computed, watch } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  getCodeEditorContainerClasses,
+  getLineNumberClasses,
+  getTokenClasses,
+  tokenizeLine,
+  countLines,
+  generateLineNumbers,
+  handleTabKey,
+  codeEditorTextareaClasses,
+  codeEditorHighlightClasses
+} from "@expcat/tigercat-core";
 var CodeEditor = defineComponent({
   name: "TigerCodeEditor",
   props: {
@@ -28,6 +39,10 @@ var CodeEditor = defineComponent({
     style: {
       type: Object,
       default: void 0
+    },
+    highlighter: {
+      type: Object,
+      default: void 0
     }
   },
   emits: ["update:value", "change"],
@@ -83,6 +98,14 @@ var CodeEditor = defineComponent({
       }
     };
     const renderHighlightedLine = (line, lineIndex) => {
+      const engine = props.highlighter;
+      if (engine?.highlightLine) {
+        return h("div", {
+          key: lineIndex,
+          class: "min-h-[1.625rem]",
+          innerHTML: engine.highlightLine(line, props.language, props.theme) || (line === "" ? "\n" : "")
+        });
+      }
       const tokens = tokenizeLine(line, props.language);
       const spans = tokens.map((token, ti) => {
         const cls = getTokenClasses(token.type, props.theme);
@@ -103,7 +126,13 @@ var CodeEditor = defineComponent({
         },
         lineNums.value.map((n) => h("div", { key: n, class: "min-h-[1.625rem]" }, String(n)))
       ) : null;
-      const highlightNode = h(
+      const blockEngine = props.highlighter;
+      const blockHtml = blockEngine && !blockEngine.highlightLine && blockEngine.highlightCode ? blockEngine.highlightCode(code.value, props.language, props.theme) : null;
+      const highlightNode = blockHtml !== null ? h("div", {
+        class: classNames(codeEditorHighlightClasses, wrapClass),
+        "aria-hidden": "true",
+        innerHTML: blockHtml
+      }) : h(
         "div",
         { class: classNames(codeEditorHighlightClasses, wrapClass), "aria-hidden": "true" },
         lines.value.map((line, i) => renderHighlightedLine(line, i))
@@ -146,4 +175,7 @@ var CodeEditor = defineComponent({
 });
 var CodeEditor_default = CodeEditor;
 
-export { CodeEditor, CodeEditor_default };
+export {
+  CodeEditor,
+  CodeEditor_default
+};

package/dist/chunk-FP7SBCPO.js

@@ -0,0 +1,253 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk2VOZFFW6js = require('./chunk-2VOZFFW6.js');
+
+
+var _chunkACYYQJ6Mjs = require('./chunk-ACYYQJ6M.js');
+
+
+var _chunkHBFFINAIjs = require('./chunk-HBFFINAI.js');
+
+
+var _chunkZOUJFFG4js = require('./chunk-ZOUJFFG4.js');
+
+
+var _chunkUHVUKLHFjs = require('./chunk-UHVUKLHF.js');
+
+// src/components/TreeMapChart.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var TreeMapChart = _vue.defineComponent.call(void 0, {
+  name: "TigerTreeMapChart",
+  props: {
+    width: { type: Number, default: 400 },
+    height: { type: Number, default: 300 },
+    padding: { type: [Number, Object], default: 8 },
+    data: { type: Array, required: true },
+    gap: { type: Number, default: 2 },
+    showLabels: { type: Boolean, default: true },
+    minLabelSize: { type: Number, default: 10 },
+    colors: { type: Array },
+    gradient: { type: Boolean, default: false },
+    // Interaction
+    hoverable: { type: Boolean, default: false },
+    hoveredIndex: { type: Number, default: void 0 },
+    activeOpacity: { type: Number, default: 1 },
+    inactiveOpacity: { type: Number, default: 0.25 },
+    selectable: { type: Boolean, default: false },
+    selectedIndex: { type: Number, default: void 0 },
+    // Legend
+    showLegend: { type: Boolean, default: false },
+    legendPosition: { type: String, default: "bottom" },
+    legendMarkerSize: { type: Number, default: 10 },
+    legendGap: { type: Number, default: 8 },
+    // Tooltip
+    showTooltip: { type: Boolean, default: true },
+    tooltipFormatter: {
+      type: Function
+    },
+    // a11y
+    title: { type: String },
+    desc: { type: String },
+    className: { type: String }
+  },
+  emits: ["update:hoveredIndex", "update:selectedIndex", "node-click", "node-hover"],
+  setup(props, { emit }) {
+    const {
+      tooltipPosition,
+      resolvedHoveredIndex,
+      activeIndex,
+      handleMouseEnter,
+      handleMouseMove,
+      handleMouseLeave,
+      handleClick,
+      handleLegendClick,
+      handleLegendHover,
+      handleLegendLeave,
+      wrapperClasses
+    } = _chunk2VOZFFW6js.useChartInteraction.call(void 0, {
+      hoverable: _vue.computed.call(void 0, () => props.hoverable),
+      hoveredIndexProp: () => props.hoveredIndex,
+      selectable: _vue.computed.call(void 0, () => props.selectable),
+      selectedIndexProp: () => props.selectedIndex,
+      activeOpacity: _vue.computed.call(void 0, () => props.activeOpacity),
+      inactiveOpacity: _vue.computed.call(void 0, () => props.inactiveOpacity),
+      legendPosition: _vue.computed.call(void 0, () => props.legendPosition),
+      emit,
+      getData: (index) => {
+        const node = nodes.value[index];
+        return node ? { label: node.label, value: node.value } : {};
+      },
+      eventNames: { hover: "node-hover", click: "node-click" }
+    });
+    const innerRect = _vue.computed.call(void 0, () => _tigercatcore.getChartInnerRect.call(void 0, props.width, props.height, props.padding));
+    const palette = _vue.computed.call(void 0, () => _tigercatcore.resolveChartPalette.call(void 0, props.colors));
+    const gradientPrefix = _tigercatcore.getStableChartGradientPrefix.call(void 0, "treemap", _vue.useId.call(void 0, ));
+    const nodes = _vue.computed.call(void 0, 
+      () => _tigercatcore.computeTreeMapNodes.call(void 0, props.data, {
+        width: innerRect.value.width,
+        height: innerRect.value.height,
+        gap: props.gap,
+        colors: palette.value
+      })
+    );
+    const total = _vue.computed.call(void 0, () => nodes.value.reduce((s, n) => s + n.value, 0));
+    const legendItems = _vue.computed.call(void 0, 
+      () => _tigercatcore.buildChartLegendItems.call(void 0, {
+        data: nodes.value,
+        palette: palette.value,
+        activeIndex: activeIndex.value,
+        getLabel: (d) => d.label,
+        getColor: (d) => d.color
+      })
+    );
+    const tooltipContent = _vue.computed.call(void 0, 
+      () => _tigercatcore.resolveChartTooltipContent.call(void 0, resolvedHoveredIndex.value, nodes.value, void 0, (node) => {
+        const pct = total.value > 0 ? (node.value / total.value * 100).toFixed(1) : "0";
+        return `${node.label}: ${node.value} (${pct}%)`;
+      })
+    );
+    return () => {
+      const interactive = props.hoverable || props.selectable;
+      const chart = _vue.h.call(void 0, 
+        _chunkUHVUKLHFjs.ChartCanvas,
+        {
+          width: props.width,
+          height: props.height,
+          padding: props.padding,
+          title: props.title,
+          desc: props.desc,
+          className: _tigercatcore.classNames.call(void 0, props.className)
+        },
+        {
+          default: () => {
+            const gradientDefs = props.gradient ? _vue.h.call(void 0, 
+              "defs",
+              null,
+              nodes.value.map(
+                (node) => _vue.h.call(void 0, 
+                  "linearGradient",
+                  {
+                    id: `${gradientPrefix}-${node.index}`,
+                    x1: "0",
+                    y1: "0",
+                    x2: "0",
+                    y2: "1"
+                  },
+                  [
+                    _vue.h.call(void 0, "stop", {
+                      offset: "0%",
+                      "stop-color": node.color,
+                      "stop-opacity": "1"
+                    }),
+                    _vue.h.call(void 0, "stop", {
+                      offset: "100%",
+                      "stop-color": node.color,
+                      "stop-opacity": "0.7"
+                    })
+                  ]
+                )
+              )
+            ) : null;
+            return _vue.h.call(void 0, 
+              _chunkHBFFINAIjs.ChartSeries,
+              { data: nodes.value, type: "treemap" },
+              {
+                default: () => [
+                  gradientDefs,
+                  ...nodes.value.map((node) => {
+                    const opacity = _tigercatcore.getChartElementOpacity.call(void 0, node.index, activeIndex.value, {
+                      activeOpacity: props.activeOpacity,
+                      inactiveOpacity: props.inactiveOpacity
+                    });
+                    const elems = [
+                      _vue.h.call(void 0, "rect", {
+                        key: `node-${node.index}`,
+                        x: node.x,
+                        y: node.y,
+                        width: node.w,
+                        height: node.h,
+                        rx: 2,
+                        fill: props.gradient ? `url(#${gradientPrefix}-${node.index})` : node.color,
+                        opacity,
+                        class: _tigercatcore.classNames.call(void 0, interactive && "cursor-pointer"),
+                        style: {
+                          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)",
+                          rx: "var(--tiger-chart-block-radius, 2px)",
+                          filter: activeIndex.value === node.index ? "var(--tiger-chart-block-active-filter, none)" : "none"
+                        },
+                        onMouseenter: (e) => handleMouseEnter(node.index, e),
+                        onMousemove: handleMouseMove,
+                        onMouseleave: handleMouseLeave,
+                        onClick: () => handleClick(node.index)
+                      })
+                    ];
+                    if (props.showLabels && node.w > 30 && node.h > props.minLabelSize + 4) {
+                      elems.push(
+                        _vue.h.call(void 0, 
+                          "text",
+                          {
+                            key: `label-${node.index}`,
+                            x: node.x + node.w / 2,
+                            y: node.y + node.h / 2,
+                            class: "fill-white text-xs",
+                            "text-anchor": "middle",
+                            "dominant-baseline": "middle",
+                            style: {
+                              pointerEvents: "none",
+                              fontSize: `${Math.min(12, node.h * 0.3)}px`
+                            }
+                          },
+                          node.label
+                        )
+                      );
+                    }
+                    return elems;
+                  }).flat()
+                ]
+              }
+            );
+          }
+        }
+      );
+      const tooltip = props.showTooltip && props.hoverable ? _vue.h.call(void 0, _chunkZOUJFFG4js.ChartTooltip, {
+        content: tooltipContent.value,
+        visible: resolvedHoveredIndex.value !== null && tooltipContent.value !== "",
+        x: tooltipPosition.value.x,
+        y: tooltipPosition.value.y
+      }) : null;
+      if (!props.showLegend) {
+        return _vue.h.call(void 0, "div", { class: "inline-block relative" }, [chart, tooltip]);
+      }
+      return _vue.h.call(void 0, "div", { class: wrapperClasses.value }, [
+        chart,
+        _vue.h.call(void 0, _chunkACYYQJ6Mjs.ChartLegend, {
+          items: legendItems.value,
+          position: props.legendPosition,
+          markerSize: props.legendMarkerSize,
+          gap: props.legendGap,
+          interactive,
+          onItemClick: handleLegendClick,
+          onItemHover: handleLegendHover,
+          onItemLeave: handleLegendLeave
+        }),
+        tooltip
+      ]);
+    };
+  }
+});
+var TreeMapChart_default = TreeMapChart;
+
+
+
+
+exports.TreeMapChart = TreeMapChart; exports.TreeMapChart_default = TreeMapChart_default;