@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/{chunk-RQREJGY3.js → chunk-TAU447CL.js}

@@ -1,21 +1,26 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var chunkTHEYWGOT_js = require('./chunk-THEYWGOT.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
+var _chunkQUIRQ7OAjs = require('./chunk-QUIRQ7OA.js');
 
+// src/components/DonutChart.ts
+var _vue = require('vue');
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 var DONUT_PALETTE = [
-  "#5470c6",
-  "#91cc75",
-  "#fac858",
-  "#ee6666",
-  "#73c0de",
-  "#3ba272",
-  "#fc8452",
-  "#9a60b4",
-  "#ea7ccc"
+  "var(--tiger-chart-1,#5470c6)",
+  "var(--tiger-chart-2,#91cc75)",
+  "var(--tiger-chart-3,#fac858)",
+  "var(--tiger-chart-4,#ee6666)",
+  "var(--tiger-chart-5,#73c0de)",
+  "var(--tiger-chart-6,#3ba272)",
+  "var(--tiger-chart-1,#fc8452)",
+  "var(--tiger-chart-2,#9a60b4)",
+  "var(--tiger-chart-3,#ea7ccc)"
 ];
-var DonutChart = vue.defineComponent({
+var DonutChart = _vue.defineComponent.call(void 0, {
   name: "TigerDonutChart",
   props: {
     width: {
@@ -133,7 +138,7 @@ var DonutChart = vue.defineComponent({
     },
     borderColor: {
       type: String,
-      default: "#ffffff"
+      default: "var(--tiger-surface,#ffffff)"
     },
     hoverOffset: {
       type: Number,
@@ -157,39 +162,44 @@ var DonutChart = vue.defineComponent({
     animated: {
       type: Boolean,
       default: false
+    },
+    // Visual modes (forwarded to PieChart, opt-in per PR-19k(b6/b7))
+    gradient: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["update:hoveredIndex", "update:selectedIndex", "slice-click", "slice-hover"],
   setup(props, { emit }) {
-    const innerRect = vue.computed(() => tigercatCore.getChartInnerRect(props.width, props.height, props.padding));
-    const pad = vue.computed(() => tigercatCore.normalizeChartPadding(props.padding));
-    const resolvedOuterRadius = vue.computed(() => {
+    const innerRect = _vue.computed.call(void 0, () => _tigercatcore.getChartInnerRect.call(void 0, props.width, props.height, props.padding));
+    const pad = _vue.computed.call(void 0, () => _tigercatcore.normalizeChartPadding.call(void 0, props.padding));
+    const resolvedOuterRadius = _vue.computed.call(void 0, () => {
       if (typeof props.outerRadius === "number") return Math.max(0, props.outerRadius);
       return Math.max(0, Math.min(innerRect.value.width, innerRect.value.height) / 2);
     });
-    const resolvedInnerRadius = vue.computed(() => {
+    const resolvedInnerRadius = _vue.computed.call(void 0, () => {
       if (typeof props.innerRadius === "number") {
         return Math.min(Math.max(0, props.innerRadius), resolvedOuterRadius.value);
       }
-      const ratio = Math.min(Math.max(props.innerRadiusRatio ?? 0.62, 0), 1);
+      const ratio = Math.min(Math.max(_nullishCoalesce(props.innerRadiusRatio, () => ( 0.62)), 0), 1);
       return resolvedOuterRadius.value * ratio;
     });
-    const centerPos = vue.computed(() => ({
+    const centerPos = _vue.computed.call(void 0, () => ({
       x: pad.value.left + innerRect.value.width / 2,
       y: pad.value.top + innerRect.value.height / 2
     }));
-    const hasCenterContent = vue.computed(
+    const hasCenterContent = _vue.computed.call(void 0, 
       () => props.centerValue !== void 0 || props.centerLabel !== void 0
     );
-    const resolvedColors = vue.computed(
+    const resolvedColors = _vue.computed.call(void 0, 
       () => props.colors && props.colors.length > 0 ? props.colors : DONUT_PALETTE
     );
-    const donutTooltipFormatter = vue.computed(() => {
+    const donutTooltipFormatter = _vue.computed.call(void 0, () => {
       if (props.tooltipFormatter) return props.tooltipFormatter;
       const total = props.data.reduce((s, d) => s + d.value, 0);
       return (datum, index) => {
         const pct = total > 0 ? (datum.value / total * 100).toFixed(1) : "0";
-        const label = datum.label ?? `#${index + 1}`;
+        const label = _nullishCoalesce(datum.label, () => ( `#${index + 1}`));
         return `${label}: ${datum.value} (${pct}%)`;
       };
     });
@@ -206,7 +216,7 @@ var DonutChart = vue.defineComponent({
       emit("slice-hover", datum, index);
     };
     return () => {
-      const pie = vue.h(chunkTHEYWGOT_js.PieChart, {
+      const pie = _vue.h.call(void 0, _chunkQUIRQ7OAjs.PieChart, {
         width: props.width,
         height: props.height,
         padding: props.padding,
@@ -224,6 +234,7 @@ var DonutChart = vue.defineComponent({
         borderColor: props.borderColor,
         hoverOffset: props.hoverOffset,
         shadow: props.shadow,
+        gradient: props.gradient,
         hoverable: props.hoverable,
         hoveredIndex: props.hoveredIndex,
         activeOpacity: props.activeOpacity,
@@ -238,13 +249,13 @@ var DonutChart = vue.defineComponent({
         tooltipFormatter: donutTooltipFormatter.value,
         title: props.title,
         desc: props.desc,
-        className: tigercatCore.classNames(props.className),
+        className: _tigercatcore.classNames.call(void 0, props.className),
         "onUpdate:hoveredIndex": handleHoveredIndexUpdate,
         "onUpdate:selectedIndex": handleSelectedIndexUpdate,
         onSliceClick: handleSliceClick,
         onSliceHover: handleSliceHover
       });
-      const center = hasCenterContent.value ? vue.h(
+      const center = hasCenterContent.value ? _vue.h.call(void 0, 
         "div",
         {
           style: {
@@ -254,12 +265,18 @@ var DonutChart = vue.defineComponent({
             transform: "translate(-50%, -50%)",
             textAlign: "center",
             pointerEvents: "none",
-            lineHeight: "1.3"
+            lineHeight: "1.3",
+            padding: "var(--tiger-chart-donut-center-padding, 0)",
+            borderRadius: "var(--tiger-radius-pill, 9999px)",
+            background: "var(--tiger-chart-donut-center-bg, transparent)",
+            boxShadow: "var(--tiger-chart-donut-center-shadow, none)",
+            backdropFilter: "var(--tiger-chart-donut-center-backdrop, none)",
+            WebkitBackdropFilter: "var(--tiger-chart-donut-center-backdrop, none)"
           },
           "data-donut-center": "true"
         },
         [
-          props.centerValue !== void 0 ? vue.h(
+          props.centerValue !== void 0 ? _vue.h.call(void 0, 
             "div",
             {
               class: "text-xl font-semibold text-[color:var(--tiger-text,#1f2937)]",
@@ -267,7 +284,7 @@ var DonutChart = vue.defineComponent({
             },
             `${props.centerValue}`
           ) : null,
-          props.centerLabel !== void 0 ? vue.h(
+          props.centerLabel !== void 0 ? _vue.h.call(void 0, 
             "div",
             {
               class: "text-xs text-[color:var(--tiger-text-secondary,#6b7280)]",
@@ -277,11 +294,13 @@ var DonutChart = vue.defineComponent({
           ) : null
         ]
       ) : null;
-      return vue.h("div", { class: "inline-block relative", "data-donut-chart": "true" }, [pie, center]);
+      return _vue.h.call(void 0, "div", { class: "inline-block relative", "data-donut-chart": "true" }, [pie, center]);
     };
   }
 });
 var DonutChart_default = DonutChart;
 
-exports.DonutChart = DonutChart;
-exports.DonutChart_default = DonutChart_default;
+
+
+
+exports.DonutChart = DonutChart; exports.DonutChart_default = DonutChart_default;

package/dist/{chunk-OXOCGMPN.mjs → chunk-TGIXSJI3.mjs}

@@ -1,13 +1,43 @@
-import { createStatusIconWithLoading, createStatusIcon } from './chunk-2TNZ4JNT.mjs';
-import { ref, defineComponent, computed, h, Teleport, TransitionGroup, createApp } from 'vue';
-import { classNames, messageContainerBaseClasses, messagePositionClasses, getMessageTypeClasses, defaultMessageThemeColors, messageBaseClasses, getMessageIconPath, messageIconClasses, messageLoadingSpinnerClasses, messageContentClasses, messageCloseButtonClasses, messageCloseIconPath, isBrowser, normalizeStringOption } from '@expcat/tigercat-core';
+import {
+  createStatusIcon,
+  createStatusIconWithLoading
+} from "./chunk-2TNZ4JNT.mjs";
 
+// src/components/Message.ts
+import {
+  createApp,
+  defineComponent,
+  h,
+  ref,
+  computed,
+  Teleport,
+  TransitionGroup
+} from "vue";
+import {
+  classNames,
+  getMessageTypeClasses,
+  defaultMessageThemeColors,
+  messageContainerBaseClasses,
+  messagePositionClasses,
+  messageBaseClasses,
+  messageIconClasses,
+  messageContentClasses,
+  messageCloseButtonClasses,
+  messageLoadingSpinnerClasses,
+  getMessageIconPath,
+  messageCloseIconPath,
+  normalizeStringOption,
+  isBrowser
+} from "@expcat/tigercat-core";
 var MESSAGE_CONTAINER_ID = "tiger-message-container";
 var MESSAGE_CLOSE_ARIA_LABEL = "Close message";
 var MESSAGE_CONTAINER_ROOT_ID = `${MESSAGE_CONTAINER_ID}-root`;
 var messageInstances = ref([]);
 var instanceIdCounter = 0;
-var IS_TEST_ENV = typeof process !== "undefined" && process.env?.NODE_ENV === "test";
+var IS_TEST_ENV = (() => {
+  const proc = globalThis.process;
+  return typeof proc !== "undefined" && proc.env?.NODE_ENV === "test";
+})();
 var containerApp = null;
 function getNextInstanceId() {
   return ++instanceIdCounter;
@@ -196,4 +226,8 @@ var Message = {
 };
 var Message_default = Message;
 
-export { Message, MessageContainer, Message_default };
+export {
+  MessageContainer,
+  Message,
+  Message_default
+};

package/dist/chunk-TLXEFLPA.js

@@ -1,10 +1,7 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/Layout.ts
-var Layout = vue.defineComponent({
+"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; }// src/components/Layout.ts
+var _vue = require('vue');
+var _tigercatcore = require('@expcat/tigercat-core');
+var Layout = _vue.defineComponent.call(void 0, {
   name: "TigerLayout",
   inheritAttrs: false,
   props: {
@@ -24,17 +21,19 @@ var Layout = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const layoutClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.layoutRootClasses,
+    const layoutClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.layoutRootClasses,
         props.className,
-        tigercatCore.coerceClassValue(attrs.class)
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )
     );
-    return () => vue.h("div", { ...attrs, class: layoutClasses.value, style: props.style }, slots.default?.());
+    return () => _vue.h.call(void 0, "div", { ...attrs, class: layoutClasses.value, style: props.style }, _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]));
   }
 });
 var Layout_default = Layout;
 
-exports.Layout = Layout;
-exports.Layout_default = Layout_default;
+
+
+
+exports.Layout = Layout; exports.Layout_default = Layout_default;

package/dist/chunk-TOE2XSEO.js

@@ -0,0 +1,119 @@
+"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 _chunkLWDA7ABQjs = require('./chunk-LWDA7ABQ.js');
+
+
+var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+
+// src/components/Tooltip.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var createTooltipId = _tigercatcore.createFloatingIdFactory.call(void 0, "tooltip");
+var Tooltip = _vue.defineComponent.call(void 0, {
+  name: "TigerTooltip",
+  inheritAttrs: false,
+  props: {
+    /** Whether the tooltip is open (controlled mode) */
+    open: { type: Boolean, default: void 0 },
+    /** Default open state (uncontrolled mode) @default false */
+    defaultOpen: { type: Boolean, default: false },
+    /** Tooltip content text */
+    content: { type: String, default: void 0 },
+    /** Trigger type @default 'hover' */
+    trigger: { type: String, default: "hover" },
+    /** Placement @default 'top' */
+    placement: { type: String, default: "top" },
+    /** Disabled state @default false */
+    disabled: { type: Boolean, default: false },
+    /** Offset in pixels @default 8 */
+    offset: { type: Number, default: 8 },
+    /** Additional CSS classes */
+    className: { type: String, default: void 0 },
+    style: { type: [String, Object, Array], default: void 0 }
+  },
+  emits: ["update:open", "open-change"],
+  setup(props, { slots, emit, attrs }) {
+    const attrsRecord = attrs;
+    const {
+      currentVisible,
+      containerRef,
+      triggerRef,
+      floatingRef,
+      floatingStyles,
+      triggerHandlers
+    } = _chunkLWDA7ABQjs.useFloatingPopup.call(void 0, { props, emit });
+    const tooltipId = createTooltipId();
+    const containerClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, _tigercatcore.getTooltipContainerClasses.call(void 0, ), props.className, _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class))
+    );
+    const triggerClasses = _vue.computed.call(void 0, () => _tigercatcore.getTooltipTriggerClasses.call(void 0, props.disabled));
+    const contentClasses = _vue.computed.call(void 0, () => _tigercatcore.getTooltipContentClasses.call(void 0, ));
+    return () => {
+      const defaultSlot = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]);
+      if (!defaultSlot || defaultSlot.length === 0) return null;
+      const {
+        class: _class,
+        style: _style,
+        ...restAttrs
+      } = attrsRecord;
+      const hasTooltipContent = Boolean(props.content || slots.content);
+      return _vue.h.call(void 0, 
+        "div",
+        {
+          ...restAttrs,
+          ref: containerRef,
+          class: containerClasses.value,
+          style: props.style
+        },
+        [
+          // Trigger element
+          _vue.h.call(void 0, 
+            "div",
+            {
+              ref: triggerRef,
+              class: triggerClasses.value,
+              "aria-describedby": hasTooltipContent ? tooltipId : void 0,
+              ...triggerHandlers.value
+            },
+            defaultSlot
+          ),
+          // Tooltip content (positioned with Floating UI)
+          currentVisible.value ? _chunkJDCVS4SJjs.renderVueBodyTeleport.call(void 0, 
+            _vue.h.call(void 0, 
+              "div",
+              {
+                ref: floatingRef,
+                style: floatingStyles.value,
+                "aria-hidden": false
+              },
+              [
+                _vue.h.call(void 0, 
+                  "div",
+                  {
+                    id: tooltipId,
+                    role: "tooltip",
+                    class: contentClasses.value
+                  },
+                  slots.content ? slots.content() : props.content
+                )
+              ]
+            )
+          ) : null
+        ]
+      );
+    };
+  }
+});
+var Tooltip_default = Tooltip;
+
+
+
+
+exports.Tooltip = Tooltip; exports.Tooltip_default = Tooltip_default;

package/dist/{chunk-SAMKKXAW.mjs → chunk-TOOENSVT.mjs}

@@ -1,7 +1,15 @@
-import { DropdownContextKey } from './chunk-3ICMBQPM.mjs';
-import { defineComponent, inject, computed, h } from 'vue';
-import { classNames, getDropdownItemClasses, coerceClassValue, mergeStyleValues } from '@expcat/tigercat-core';
+import {
+  DropdownContextKey
+} from "./chunk-RHAIJVMW.mjs";
 
+// src/components/DropdownItem.ts
+import { defineComponent, inject, computed, h } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  mergeStyleValues,
+  getDropdownItemClasses
+} from "@expcat/tigercat-core";
 var DropdownItem = defineComponent({
   name: "TigerDropdownItem",
   inheritAttrs: false,
@@ -91,4 +99,7 @@ var DropdownItem = defineComponent({
 });
 var DropdownItem_default = DropdownItem;
 
-export { DropdownItem, DropdownItem_default };
+export {
+  DropdownItem,
+  DropdownItem_default
+};

package/dist/{chunk-DBPY5M7Y.mjs → chunk-TSF5O3MA.mjs}

@@ -1,7 +1,23 @@
-import { defineComponent, ref, onMounted, onUnmounted, computed, h } from 'vue';
-import { resolveResponsiveValue, getDescriptionsClasses, getDescriptionsTableClasses, mergeStyleValues, classNames, descriptionsWrapperClasses, coerceClassValue, descriptionsHeaderClasses, descriptionsTitleClasses, descriptionsExtraClasses, groupItemsIntoRows, descriptionsVerticalWrapperClasses, getDescriptionsLabelClasses, getDescriptionsContentClasses, getDescriptionsVerticalItemClasses } from '@expcat/tigercat-core';
-
 // src/components/Descriptions.ts
+import { defineComponent, computed, h, ref, onMounted, onUnmounted } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  mergeStyleValues,
+  getDescriptionsClasses,
+  getDescriptionsTableClasses,
+  getDescriptionsLabelClasses,
+  getDescriptionsContentClasses,
+  getDescriptionsVerticalItemClasses,
+  groupItemsIntoRows,
+  descriptionsWrapperClasses,
+  descriptionsHeaderClasses,
+  descriptionsTitleClasses,
+  descriptionsExtraClasses,
+  descriptionsVerticalWrapperClasses,
+  resolveResponsiveValue,
+  isBrowser
+} from "@expcat/tigercat-core";
 var Descriptions = defineComponent({
   name: "TigerDescriptions",
   inheritAttrs: false,
@@ -91,9 +107,9 @@ var Descriptions = defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const windowWidth = ref(typeof window !== "undefined" ? window.innerWidth : 1024);
+    const windowWidth = ref(isBrowser() ? window.innerWidth : 1024);
     let onResize;
-    if (typeof window !== "undefined" && typeof props.column === "object") {
+    if (isBrowser() && typeof props.column === "object") {
       onResize = () => {
         windowWidth.value = window.innerWidth;
       };
@@ -269,4 +285,7 @@ var Descriptions = defineComponent({
 });
 var Descriptions_default = Descriptions;
 
-export { Descriptions, Descriptions_default };
+export {
+  Descriptions,
+  Descriptions_default
+};

package/dist/chunk-U36NBQWP.js

@@ -0,0 +1,192 @@
+"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 _chunkUHVUKLHFjs = require('./chunk-UHVUKLHF.js');
+
+// src/components/OrgChart.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var OrgChart = _vue.defineComponent.call(void 0, {
+  name: "TigerOrgChart",
+  props: {
+    data: { type: [Object, Array], required: true },
+    width: { type: Number, default: 720 },
+    height: { type: Number, default: 420 },
+    padding: { type: [Number, Object], default: 24 },
+    nodeWidth: { type: Number, default: 160 },
+    nodeHeight: { type: Number, default: 72 },
+    levelGap: { type: Number, default: 80 },
+    siblingGap: { type: Number, default: 32 },
+    direction: { type: String, default: "vertical" },
+    showAvatars: { type: Boolean, default: true },
+    showSubtitles: { type: Boolean, default: true },
+    hoverable: { type: Boolean, default: false },
+    selectable: { type: Boolean, default: false },
+    selectedId: {
+      type: [String, Number, null],
+      default: void 0
+    },
+    activeOpacity: { type: Number, default: 1 },
+    inactiveOpacity: { type: Number, default: 0.35 },
+    colors: { type: Array },
+    title: { type: String },
+    desc: { type: String },
+    ariaLabel: { type: String, default: "Organization chart" },
+    className: { type: String }
+  },
+  emits: ["update:selectedId", "node-click", "node-hover"],
+  setup(props, { emit }) {
+    const innerSelectedId = _vue.ref.call(void 0, null);
+    const hoveredId = _vue.ref.call(void 0, null);
+    const resolvedSelectedId = _vue.computed.call(void 0, 
+      () => props.selectedId === void 0 ? innerSelectedId.value : props.selectedId
+    );
+    const innerRect = _vue.computed.call(void 0, () => _tigercatcore.getChartInnerRect.call(void 0, props.width, props.height, props.padding));
+    const layout = _vue.computed.call(void 0, 
+      () => _tigercatcore.computeOrgChartLayout.call(void 0, props.data, {
+        nodeWidth: props.nodeWidth,
+        nodeHeight: props.nodeHeight,
+        levelGap: props.levelGap,
+        siblingGap: props.siblingGap,
+        direction: props.direction,
+        colors: props.colors
+      })
+    );
+    const offsetX = _vue.computed.call(void 0, () => Math.max(0, (innerRect.value.width - layout.value.width) / 2));
+    const offsetY = _vue.computed.call(void 0, () => Math.max(0, (innerRect.value.height - layout.value.height) / 2));
+    const activeId = _vue.computed.call(void 0, () => _nullishCoalesce(resolvedSelectedId.value, () => ( hoveredId.value)));
+    const selectNode = (node) => {
+      if (props.selectable && !node.node.disabled) {
+        const nextId = resolvedSelectedId.value === node.id ? null : node.id;
+        innerSelectedId.value = nextId;
+        emit("update:selectedId", nextId);
+      }
+      emit("node-click", node.node);
+    };
+    const setHoveredNode = (node) => {
+      if (!props.hoverable) return;
+      hoveredId.value = _nullishCoalesce(_optionalChain([node, 'optionalAccess', _ => _.id]), () => ( null));
+      emit("node-hover", _nullishCoalesce(_optionalChain([node, 'optionalAccess', _2 => _2.node]), () => ( null)));
+    };
+    const getNodeOpacity = (node) => {
+      if (activeId.value === null) return props.activeOpacity;
+      return activeId.value === node.id ? props.activeOpacity : props.inactiveOpacity;
+    };
+    return () => _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),
+        role: "img",
+        "aria-label": props.ariaLabel
+      },
+      {
+        default: () => _vue.h.call(void 0, 
+          "g",
+          {
+            transform: `translate(${offsetX.value}, ${offsetY.value})`,
+            "data-series-type": "org-chart"
+          },
+          [
+            _vue.h.call(void 0, 
+              "g",
+              { "data-org-chart-links": "true" },
+              layout.value.links.map(
+                (link) => _vue.h.call(void 0, "path", {
+                  key: `${link.sourceId}-${link.targetId}`,
+                  d: link.path,
+                  class: _tigercatcore.orgChartLinkClasses
+                })
+              )
+            ),
+            _vue.h.call(void 0, 
+              "g",
+              { "data-org-chart-nodes": "true" },
+              layout.value.nodes.map((node) => {
+                const selected = resolvedSelectedId.value === node.id;
+                const interactive = (props.hoverable || props.selectable) && !node.node.disabled;
+                const textStart = props.showAvatars && node.node.avatar ? 58 : 16;
+                return _vue.h.call(void 0, 
+                  "g",
+                  {
+                    key: node.id,
+                    transform: `translate(${node.x}, ${node.y})`,
+                    class: _tigercatcore.getOrgChartNodeClasses.call(void 0, interactive, selected),
+                    opacity: getNodeOpacity(node),
+                    role: interactive ? "button" : "group",
+                    tabindex: interactive ? 0 : void 0,
+                    "aria-label": _tigercatcore.getOrgChartNodeAriaLabel.call(void 0, node.node),
+                    onMouseenter: () => setHoveredNode(node),
+                    onMouseleave: () => setHoveredNode(null),
+                    onClick: () => selectNode(node),
+                    onKeydown: (event) => {
+                      if (event.key === "Enter" || event.key === " ") {
+                        event.preventDefault();
+                        selectNode(node);
+                      }
+                    }
+                  },
+                  [
+                    _vue.h.call(void 0, "rect", {
+                      width: node.width,
+                      height: node.height,
+                      rx: 8,
+                      class: _tigercatcore.orgChartNodeRectClasses,
+                      stroke: selected ? node.color : void 0,
+                      strokeWidth: selected ? 2 : 1
+                    }),
+                    _vue.h.call(void 0, "rect", { width: 4, height: node.height, rx: 2, fill: node.color }),
+                    props.showAvatars && node.node.avatar ? _vue.h.call(void 0, "image", {
+                      href: node.node.avatar,
+                      x: 16,
+                      y: 16,
+                      width: 32,
+                      height: 32,
+                      preserveAspectRatio: "xMidYMid slice",
+                      "aria-hidden": "true"
+                    }) : void 0,
+                    _vue.h.call(void 0, 
+                      "text",
+                      { x: textStart, y: 26, class: _tigercatcore.orgChartNodeLabelClasses },
+                      node.node.label
+                    ),
+                    node.node.title ? _vue.h.call(void 0, 
+                      "text",
+                      { x: textStart, y: 44, class: _tigercatcore.orgChartNodeTitleClasses },
+                      node.node.title
+                    ) : void 0,
+                    props.showSubtitles && node.node.subtitle ? _vue.h.call(void 0, 
+                      "text",
+                      { x: textStart, y: 60, class: _tigercatcore.orgChartNodeSubtitleClasses },
+                      node.node.subtitle
+                    ) : void 0
+                  ]
+                );
+              })
+            )
+          ]
+        )
+      }
+    );
+  }
+});
+var OrgChart_default = OrgChart;
+
+
+
+
+exports.OrgChart = OrgChart; exports.OrgChart_default = OrgChart_default;