@expcat/tigercat-vue 1.1.0 → 1.2.0

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

@@ -1,9 +1,14 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var chunkNJLNZ73T_js = require('./chunk-NJLNZ73T.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 = [
   "var(--tiger-chart-1,#5470c6)",
   "var(--tiger-chart-2,#91cc75)",
@@ -15,7 +20,7 @@ var DONUT_PALETTE = [
   "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: {
@@ -166,35 +171,35 @@ var DonutChart = vue.defineComponent({
   },
   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}%)`;
       };
     });
@@ -211,7 +216,7 @@ var DonutChart = vue.defineComponent({
       emit("slice-hover", datum, index);
     };
     return () => {
-      const pie = vue.h(chunkNJLNZ73T_js.PieChart, {
+      const pie = _vue.h.call(void 0, _chunkQUIRQ7OAjs.PieChart, {
         width: props.width,
         height: props.height,
         padding: props.padding,
@@ -244,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: {
@@ -271,7 +276,7 @@ var DonutChart = vue.defineComponent({
           "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)]",
@@ -279,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)]",
@@ -289,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-TGIXSJI3.mjs

@@ -1,7 +1,34 @@
-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`;
@@ -199,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

@@ -1,12 +1,22 @@
-'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 chunkLWDA7ABQ_js = require('./chunk-LWDA7ABQ.js');
-var chunkJDCVS4SJ_js = require('./chunk-JDCVS4SJ.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
+var _chunkLWDA7ABQjs = require('./chunk-LWDA7ABQ.js');
 
-var createTooltipId = tigercatCore.createFloatingIdFactory("tooltip");
-var Tooltip = vue.defineComponent({
+
+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: {
@@ -38,15 +48,15 @@ var Tooltip = vue.defineComponent({
       floatingRef,
       floatingStyles,
       triggerHandlers
-    } = chunkLWDA7ABQ_js.useFloatingPopup({ props, emit });
+    } = _chunkLWDA7ABQjs.useFloatingPopup.call(void 0, { props, emit });
     const tooltipId = createTooltipId();
-    const containerClasses = vue.computed(
-      () => tigercatCore.classNames(tigercatCore.getTooltipContainerClasses(), props.className, tigercatCore.coerceClassValue(attrsRecord.class))
+    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(() => tigercatCore.getTooltipTriggerClasses(props.disabled));
-    const contentClasses = vue.computed(() => tigercatCore.getTooltipContentClasses());
+    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 = slots.default?.();
+      const defaultSlot = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]);
       if (!defaultSlot || defaultSlot.length === 0) return null;
       const {
         class: _class,
@@ -54,7 +64,7 @@ var Tooltip = vue.defineComponent({
         ...restAttrs
       } = attrsRecord;
       const hasTooltipContent = Boolean(props.content || slots.content);
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...restAttrs,
@@ -64,7 +74,7 @@ var Tooltip = vue.defineComponent({
         },
         [
           // Trigger element
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
             {
               ref: triggerRef,
@@ -75,8 +85,8 @@ var Tooltip = vue.defineComponent({
             defaultSlot
           ),
           // Tooltip content (positioned with Floating UI)
-          currentVisible.value ? chunkJDCVS4SJ_js.renderVueBodyTeleport(
-            vue.h(
+          currentVisible.value ? _chunkJDCVS4SJjs.renderVueBodyTeleport.call(void 0, 
+            _vue.h.call(void 0, 
               "div",
               {
                 ref: floatingRef,
@@ -84,7 +94,7 @@ var Tooltip = vue.defineComponent({
                 "aria-hidden": false
               },
               [
-                vue.h(
+                _vue.h.call(void 0, 
                   "div",
                   {
                     id: tooltipId,
@@ -103,5 +113,7 @@ var Tooltip = vue.defineComponent({
 });
 var Tooltip_default = Tooltip;
 
-exports.Tooltip = Tooltip;
-exports.Tooltip_default = Tooltip_default;
+
+
+
+exports.Tooltip = Tooltip; exports.Tooltip_default = Tooltip_default;

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

@@ -1,7 +1,15 @@
-import { DropdownContextKey } from './chunk-FRMMT3K3.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;