@expcat/tigercat-vue 1.1.0 → 1.2.14

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;

package/dist/{chunk-SB2SX5EH.js → chunk-U5S3ZEYZ.js}

@@ -1,18 +1,36 @@
-'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; }
 
-var chunk63LJVB2M_js = require('./chunk-63LJVB2M.js');
-var chunkKVJKG4D3_js = require('./chunk-KVJKG4D3.js');
-var chunk5436FG3B_js = require('./chunk-5436FG3B.js');
-var chunk2LNNB55E_js = require('./chunk-2LNNB55E.js');
-var chunkDUQ7Q2GO_js = require('./chunk-DUQ7Q2GO.js');
-var chunkXGXGAK27_js = require('./chunk-XGXGAK27.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
+var _chunk44N7LE3Qjs = require('./chunk-44N7LE3Q.js');
+
+
+var _chunkS6Q7TD6Hjs = require('./chunk-S6Q7TD6H.js');
+
+
+var _chunk4VLNT2EDjs = require('./chunk-4VLNT2ED.js');
+
+
+var _chunk2LNNB55Ejs = require('./chunk-2LNNB55E.js');
+
+
+var _chunkTGHB5XSTjs = require('./chunk-TGHB5XST.js');
+
+
+var _chunkXGXGAK27js = require('./chunk-XGXGAK27.js');
+
+// src/components/NotificationCenter.ts
+var _vue = require('vue');
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 var getGroupKey = (group, index) => {
-  return group.key ?? group.title ?? index;
+  return _nullishCoalesce(_nullishCoalesce(group.key, () => ( group.title)), () => ( index));
 };
-var NotificationCenter = vue.defineComponent({
+var NotificationCenter = _vue.defineComponent.call(void 0, {
   name: "TigerNotificationCenter",
   inheritAttrs: false,
   props: {
@@ -111,23 +129,23 @@ var NotificationCenter = vue.defineComponent({
     "item-read-change"
   ],
   setup(props, { emit, attrs }) {
-    const resolvedGroups = vue.computed(
-      () => tigercatCore.buildNotificationGroups(props.items, props.groups, props.groupBy, props.groupOrder)
+    const resolvedGroups = _vue.computed.call(void 0, 
+      () => _tigercatcore.buildNotificationGroups.call(void 0, props.items, props.groups, props.groupBy, props.groupOrder)
     );
-    const internalActiveGroupKey = vue.ref(props.defaultActiveGroupKey);
-    const internalReadFilter = vue.ref(props.defaultReadFilter ?? "all");
+    const internalActiveGroupKey = _vue.ref.call(void 0, props.defaultActiveGroupKey);
+    const internalReadFilter = _vue.ref.call(void 0, _nullishCoalesce(props.defaultReadFilter, () => ( "all")));
     const resolveFirstKey = (groups) => {
       if (groups.length === 0) return void 0;
       return getGroupKey(groups[0], 0);
     };
-    const currentGroupKey = vue.computed(() => {
+    const currentGroupKey = _vue.computed.call(void 0, () => {
       const firstKey = resolveFirstKey(resolvedGroups.value);
-      return props.activeGroupKey ?? internalActiveGroupKey.value ?? firstKey;
+      return _nullishCoalesce(_nullishCoalesce(props.activeGroupKey, () => ( internalActiveGroupKey.value)), () => ( firstKey));
     });
-    const currentReadFilter = vue.computed(() => {
-      return props.readFilter ?? internalReadFilter.value;
+    const currentReadFilter = _vue.computed.call(void 0, () => {
+      return _nullishCoalesce(props.readFilter, () => ( internalReadFilter.value));
     });
-    vue.watch(
+    _vue.watch.call(void 0, 
       resolvedGroups,
       (nextGroups) => {
         if (props.activeGroupKey !== void 0) return;
@@ -142,7 +160,7 @@ var NotificationCenter = vue.defineComponent({
       },
       { immediate: true }
     );
-    vue.computed(() => {
+    const _currentGroup = _vue.computed.call(void 0, () => {
       const groups = resolvedGroups.value;
       if (groups.length === 0) return void 0;
       const activeKey = currentGroupKey.value;
@@ -152,7 +170,7 @@ var NotificationCenter = vue.defineComponent({
       );
       return matchedIndex >= 0 ? groups[matchedIndex] : groups[0];
     });
-    const readStateOverrides = vue.ref(/* @__PURE__ */ new Map());
+    const readStateOverrides = _vue.ref.call(void 0, /* @__PURE__ */ new Map());
     const applyReadOverrides = (items) => {
       if (!props.manageReadState || readStateOverrides.value.size === 0) return items;
       return items.map((item) => {
@@ -160,19 +178,19 @@ var NotificationCenter = vue.defineComponent({
         return override !== void 0 ? { ...item, read: override } : item;
       });
     };
-    vue.watch(
+    _vue.watch.call(void 0, 
       () => props.items,
       () => {
         if (props.manageReadState) readStateOverrides.value = /* @__PURE__ */ new Map();
       }
     );
-    const effectiveGroups = vue.computed(
+    const effectiveGroups = _vue.computed.call(void 0, 
       () => resolvedGroups.value.map((group) => ({
         ...group,
         items: applyReadOverrides(group.items)
       }))
     );
-    const effectiveCurrentGroup = vue.computed(() => {
+    const effectiveCurrentGroup = _vue.computed.call(void 0, () => {
       const groups = effectiveGroups.value;
       if (groups.length === 0) return void 0;
       const activeKey = currentGroupKey.value;
@@ -182,9 +200,9 @@ var NotificationCenter = vue.defineComponent({
       );
       return matchedIndex >= 0 ? groups[matchedIndex] : groups[0];
     });
-    const effectiveCurrentGroupItems = vue.computed(() => effectiveCurrentGroup.value?.items ?? []);
-    const effectiveItems = vue.computed(() => applyReadOverrides(props.items));
-    const totalUnread = vue.computed(() => {
+    const effectiveCurrentGroupItems = _vue.computed.call(void 0, () => _nullishCoalesce(_optionalChain([effectiveCurrentGroup, 'access', _ => _.value, 'optionalAccess', _2 => _2.items]), () => ( [])));
+    const effectiveItems = _vue.computed.call(void 0, () => applyReadOverrides(props.items));
+    const totalUnread = _vue.computed.call(void 0, () => {
       const allItems = effectiveGroups.value.flatMap((group) => group.items);
       if (allItems.length === 0) return effectiveItems.value.filter((item) => !item.read).length;
       return allItems.filter((item) => !item.read).length;
@@ -198,32 +216,32 @@ var NotificationCenter = vue.defineComponent({
         return true;
       });
     };
-    const hasUnread = vue.computed(() => effectiveCurrentGroupItems.value.some((item) => !item.read));
-    const groupTabData = vue.computed(
+    const hasUnread = _vue.computed.call(void 0, () => effectiveCurrentGroupItems.value.some((item) => !item.read));
+    const groupTabData = _vue.computed.call(void 0, 
       () => resolvedGroups.value.map((group, index) => {
         const effectiveGroup = effectiveGroups.value.find(
           (eg, ei) => getGroupKey(eg, ei) === getGroupKey(group, index)
         );
-        const groupItems = effectiveGroup?.items ?? group.items;
+        const groupItems = _nullishCoalesce(_optionalChain([effectiveGroup, 'optionalAccess', _3 => _3.items]), () => ( group.items));
         const unreadCount = groupItems.filter((item) => !item.read).length;
-        const labelBase = group.title || String(group.key ?? index);
+        const labelBase = group.title || String(_nullishCoalesce(group.key, () => ( index)));
         const label = unreadCount > 0 ? `${labelBase} (${unreadCount})` : labelBase;
         const filteredItems = filterItems(groupItems);
         return { key: getGroupKey(group, index), label, filteredItems };
       })
     );
-    const filteredFlatItems = vue.computed(() => filterItems(effectiveItems.value));
-    const wrapperClasses = vue.computed(
-      () => tigercatCore.classNames(
+    const filteredFlatItems = _vue.computed.call(void 0, () => filterItems(effectiveItems.value));
+    const wrapperClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
         "tiger-notification-center",
         "w-full",
         "flex",
         "flex-col",
         props.className,
-        tigercatCore.coerceClassValue(attrs.class)
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )
     );
-    const wrapperStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style));
+    const wrapperStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style));
     const handleGroupChange = (key) => {
       if (props.activeGroupKey === void 0) {
         internalActiveGroupKey.value = key;
@@ -264,17 +282,17 @@ var NotificationCenter = vue.defineComponent({
         { key: "unread", label: props.unreadLabel },
         { key: "read", label: props.readLabel }
       ];
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           class: "inline-flex self-start rounded-[var(--tiger-radius-sm,0.375rem)] border border-[var(--tiger-border,#e5e7eb)] overflow-hidden"
         },
         options.map(
-          (option) => vue.h(
+          (option) => _vue.h.call(void 0, 
             "button",
             {
               key: option.key,
-              class: tigercatCore.classNames(
+              class: _tigercatcore.classNames.call(void 0, 
                 "px-3 py-1 text-xs font-medium transition-colors",
                 "border-r border-[var(--tiger-border,#e5e7eb)] last:border-r-0",
                 currentReadFilter.value === option.key ? "bg-[var(--tiger-primary,#2563eb)] text-white" : "bg-[var(--tiger-surface,#ffffff)] text-[var(--tiger-text-muted,#6b7280)] hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
@@ -288,20 +306,20 @@ var NotificationCenter = vue.defineComponent({
     };
     const renderListItem = (item, _index) => {
       const isRead = Boolean(item.read);
-      const timeText = item.time ? tigercatCore.formatActivityTime(item.time) : "";
-      return vue.h(
+      const timeText = item.time ? _tigercatcore.formatActivityTime.call(void 0, item.time) : "";
+      return _vue.h.call(void 0, 
         "div",
         {
-          class: tigercatCore.classNames(
+          class: _tigercatcore.classNames.call(void 0, 
             "flex items-start gap-3 w-full py-0.5 transition-colors",
             !isRead && "border-l-2 border-l-[var(--tiger-primary,#2563eb)] -ml-[2px] pl-[calc(0.75rem-2px)]"
           )
         },
         [
-          vue.h("div", { class: "flex-1 min-w-0" }, [
-            vue.h("div", { class: "flex items-baseline justify-between gap-2" }, [
-              vue.h(
-                chunkDUQ7Q2GO_js.Text,
+          _vue.h.call(void 0, "div", { class: "flex-1 min-w-0" }, [
+            _vue.h.call(void 0, "div", { class: "flex items-baseline justify-between gap-2" }, [
+              _vue.h.call(void 0, 
+                _chunkTGHB5XSTjs.Text,
                 {
                   tag: "span",
                   size: "sm",
@@ -309,7 +327,7 @@ var NotificationCenter = vue.defineComponent({
                 },
                 { default: () => item.title }
               ),
-              timeText ? vue.h(
+              timeText ? _vue.h.call(void 0, 
                 "span",
                 {
                   class: "text-xs text-[var(--tiger-text-muted,#6b7280)] whitespace-nowrap flex-shrink-0"
@@ -317,7 +335,7 @@ var NotificationCenter = vue.defineComponent({
                 timeText
               ) : null
             ]),
-            item.description ? vue.h(
+            item.description ? _vue.h.call(void 0, 
               "div",
               {
                 class: "mt-0.5 text-xs text-[var(--tiger-text-muted,#6b7280)] line-clamp-2 leading-relaxed"
@@ -325,8 +343,8 @@ var NotificationCenter = vue.defineComponent({
               item.description
             ) : null
           ]),
-          vue.h(
-            chunk5436FG3B_js.Button,
+          _vue.h.call(void 0, 
+            _chunk4VLNT2EDjs.Button,
             {
               size: "sm",
               variant: "ghost",
@@ -340,8 +358,8 @@ var NotificationCenter = vue.defineComponent({
         ]
       );
     };
-    const renderList = (items) => vue.h(
-      chunkKVJKG4D3_js.List,
+    const renderList = (items) => _vue.h.call(void 0, 
+      _chunkS6Q7TD6Hjs.List,
       {
         dataSource: items,
         split: true,
@@ -351,11 +369,11 @@ var NotificationCenter = vue.defineComponent({
         onItemClick: handleItemClick
       },
       {
-        renderItem: ({ item, index }) => renderListItem(item)
+        renderItem: ({ item, index }) => renderListItem(item, index)
       }
     );
-    const renderTabs = () => vue.h(
-      chunk63LJVB2M_js.Tabs,
+    const renderTabs = () => _vue.h.call(void 0, 
+      _chunk44N7LE3Qjs.Tabs,
       {
         type: "line",
         size: "small",
@@ -364,15 +382,15 @@ var NotificationCenter = vue.defineComponent({
       },
       {
         default: () => groupTabData.value.map(
-          (tab) => vue.h(
-            chunk63LJVB2M_js.TabPane,
+          (tab) => _vue.h.call(void 0, 
+            _chunk44N7LE3Qjs.TabPane,
             {
               key: tab.key,
               tabKey: tab.key,
               label: tab.label
             },
             {
-              default: () => vue.h(
+              default: () => _vue.h.call(void 0, 
                 "div",
                 { class: "max-h-[380px] overflow-y-auto" },
                 renderList(tab.filteredItems)
@@ -383,11 +401,11 @@ var NotificationCenter = vue.defineComponent({
       }
     );
     return () => {
-      const header = vue.h("div", { class: "flex flex-col gap-3" }, [
-        vue.h("div", { class: "flex items-center justify-between" }, [
-          vue.h("div", { class: "flex items-center gap-2.5" }, [
-            vue.h(chunkDUQ7Q2GO_js.Text, { tag: "div", size: "base", weight: "bold" }, { default: () => props.title }),
-            totalUnread.value > 0 ? vue.h(
+      const header = _vue.h.call(void 0, "div", { class: "flex flex-col gap-3" }, [
+        _vue.h.call(void 0, "div", { class: "flex items-center justify-between" }, [
+          _vue.h.call(void 0, "div", { class: "flex items-center gap-2.5" }, [
+            _vue.h.call(void 0, _chunkTGHB5XSTjs.Text, { tag: "div", size: "base", weight: "bold" }, { default: () => props.title }),
+            totalUnread.value > 0 ? _vue.h.call(void 0, 
               "span",
               {
                 class: "inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-xs font-semibold rounded-full bg-[var(--tiger-primary,#2563eb)] text-white"
@@ -395,8 +413,8 @@ var NotificationCenter = vue.defineComponent({
               String(totalUnread.value)
             ) : null
           ]),
-          vue.h(
-            chunk5436FG3B_js.Button,
+          _vue.h.call(void 0, 
+            _chunk4VLNT2EDjs.Button,
             {
               size: "sm",
               variant: "ghost",
@@ -408,25 +426,25 @@ var NotificationCenter = vue.defineComponent({
         ]),
         renderReadFilterButtons()
       ]);
-      const content = props.loading ? vue.h("div", { class: "flex items-center justify-center py-12" }, [
-        vue.h(chunk2LNNB55E_js.Loading, { text: props.loadingText })
-      ]) : resolvedGroups.value.length > 0 ? vue.h("div", { class: "-mx-4 -mb-4" }, [renderTabs()]) : vue.h("div", { class: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto" }, [
+      const content = props.loading ? _vue.h.call(void 0, "div", { class: "flex items-center justify-center py-12" }, [
+        _vue.h.call(void 0, _chunk2LNNB55Ejs.Loading, { text: props.loadingText })
+      ]) : resolvedGroups.value.length > 0 ? _vue.h.call(void 0, "div", { class: "-mx-4 -mb-4" }, [renderTabs()]) : _vue.h.call(void 0, "div", { class: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto" }, [
         renderList(filteredFlatItems.value)
       ]);
-      const ariaLabel = attrs["aria-label"] ?? (attrs["aria-labelledby"] ? void 0 : props.title);
-      return vue.h(
+      const ariaLabel = _nullishCoalesce(attrs["aria-label"], () => ( (attrs["aria-labelledby"] ? void 0 : props.title)));
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrs,
           class: wrapperClasses.value,
           style: wrapperStyle.value,
-          role: attrs.role ?? "region",
+          role: _nullishCoalesce(attrs.role, () => ( "region")),
           "aria-label": ariaLabel,
           "data-tiger-notification-center": true
         },
         [
-          vue.h(
-            chunkXGXGAK27_js.Card,
+          _vue.h.call(void 0, 
+            _chunkXGXGAK27js.Card,
             { variant: "bordered", className: "w-full" },
             {
               header: () => header,
@@ -440,5 +458,7 @@ var NotificationCenter = vue.defineComponent({
 });
 var NotificationCenter_default = NotificationCenter;
 
-exports.NotificationCenter = NotificationCenter;
-exports.NotificationCenter_default = NotificationCenter_default;
+
+
+
+exports.NotificationCenter = NotificationCenter; exports.NotificationCenter_default = NotificationCenter_default;

package/dist/{chunk-FRFCXRUJ.mjs → chunk-UAD2XROX.mjs}

@@ -1,13 +1,44 @@
-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 { ChartAxis } from './chunk-ZWVA7HT3.mjs';
-import { ChartCanvas } from './chunk-W5RZPTFD.mjs';
-import { ChartGrid } from './chunk-MI6TL3CQ.mjs';
-import { defineComponent, ref, onMounted, computed, h } from 'vue';
-import { getScatterGradientPrefix, getChartInnerRect, getNumberExtent, createLinearScale, resolveChartPalette, getChartElementOpacity, getScatterHoverSize, buildChartLegendItems, resolveChartTooltipContent, SCATTER_ENTRANCE_KEYFRAMES, classNames, getScatterHoverShadow, scatterPointTransitionClasses, SCATTER_ENTRANCE_CLASS, getScatterPointPath } 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 {
+  ChartAxis
+} from "./chunk-ZWVA7HT3.mjs";
+import {
+  ChartCanvas
+} from "./chunk-W5RZPTFD.mjs";
+import {
+  ChartGrid
+} from "./chunk-MI6TL3CQ.mjs";
 
+// src/components/ScatterChart.ts
+import { defineComponent, computed, h, onMounted, ref, useId } from "vue";
+import {
+  classNames,
+  createLinearScale,
+  getChartElementOpacity,
+  getChartInnerRect,
+  getNumberExtent,
+  getStableChartGradientPrefix,
+  getScatterHoverShadow,
+  getScatterHoverSize,
+  getScatterPointPath,
+  scatterPointTransitionClasses,
+  SCATTER_ENTRANCE_KEYFRAMES,
+  SCATTER_ENTRANCE_CLASS,
+  resolveChartPalette,
+  buildChartLegendItems,
+  resolveChartTooltipContent
+} from "@expcat/tigercat-core";
 var ScatterChart = defineComponent({
   name: "TigerScatterChart",
   props: {
@@ -96,7 +127,7 @@ var ScatterChart = defineComponent({
   },
   emits: ["update:hoveredIndex", "update:selectedIndex", "point-click", "point-hover"],
   setup(props, { emit }) {
-    const gradientPrefix = getScatterGradientPrefix();
+    const gradientPrefix = getStableChartGradientPrefix("scatter", useId());
     const mounted = ref(false);
     onMounted(() => {
       if (props.animated) mounted.value = true;
@@ -255,7 +286,7 @@ var ScatterChart = defineComponent({
                   const animDelay = props.animated && mounted.value ? `${index * 60}ms` : void 0;
                   const styleStr = [
                     filterStyle ? `filter:${filterStyle}` : "",
-                    animDelay ? `animation:${SCATTER_ENTRANCE_CLASS} 500ms cubic-bezier(.34,1.56,.64,1) ${animDelay} both` : ""
+                    animDelay ? `animation:${SCATTER_ENTRANCE_CLASS} var(--tiger-motion-duration-slow,500ms) var(--tiger-motion-ease-spring,cubic-bezier(.34,1.56,.64,1)) ${animDelay} both` : ""
                   ].filter(Boolean).join(";");
                   const shared = {
                     fill,
@@ -264,6 +295,7 @@ var ScatterChart = defineComponent({
                     "stroke-width": props.pointBorderWidth,
                     class: classNames(
                       scatterPointTransitionClasses,
+                      animDelay && SCATTER_ENTRANCE_CLASS,
                       interactive && "cursor-pointer"
                     ),
                     style: styleStr || void 0,
@@ -326,4 +358,7 @@ var ScatterChart = defineComponent({
 });
 var ScatterChart_default = ScatterChart;
 
-export { ScatterChart, ScatterChart_default };
+export {
+  ScatterChart,
+  ScatterChart_default
+};