@expcat/tigercat-vue 1.1.0 → 1.2.14

package/dist/{chunk-UYN5WLHQ.mjs → chunk-YCBU3C4T.mjs}

@@ -1,12 +1,32 @@
-import { Tabs, TabPane } from './chunk-UCDB56MB.mjs';
-import { List } from './chunk-V667FK4C.mjs';
-import { Button } from './chunk-UM5GGKIX.mjs';
-import { Loading } from './chunk-PCUUTKQZ.mjs';
-import { Text } from './chunk-6V7XCCXN.mjs';
-import { Card } from './chunk-KOTSKHPQ.mjs';
-import { defineComponent, computed, ref, watch, h } from 'vue';
-import { buildNotificationGroups, classNames, coerceClassValue, mergeStyleValues, formatActivityTime } from '@expcat/tigercat-core';
+import {
+  TabPane,
+  Tabs
+} from "./chunk-SGRUGYQ6.mjs";
+import {
+  List
+} from "./chunk-PZH2RTSS.mjs";
+import {
+  Button
+} from "./chunk-PO5GVU4Q.mjs";
+import {
+  Loading
+} from "./chunk-PCUUTKQZ.mjs";
+import {
+  Text
+} from "./chunk-NN6AINLG.mjs";
+import {
+  Card
+} from "./chunk-KOTSKHPQ.mjs";
 
+// src/components/NotificationCenter.ts
+import { defineComponent, computed, ref, watch, h } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  mergeStyleValues,
+  buildNotificationGroups,
+  formatActivityTime
+} from "@expcat/tigercat-core";
 var getGroupKey = (group, index) => {
   return group.key ?? group.title ?? index;
 };
@@ -140,7 +160,7 @@ var NotificationCenter = defineComponent({
       },
       { immediate: true }
     );
-    computed(() => {
+    const _currentGroup = computed(() => {
       const groups = resolvedGroups.value;
       if (groups.length === 0) return void 0;
       const activeKey = currentGroupKey.value;
@@ -349,7 +369,7 @@ var NotificationCenter = defineComponent({
         onItemClick: handleItemClick
       },
       {
-        renderItem: ({ item, index }) => renderListItem(item)
+        renderItem: ({ item, index }) => renderListItem(item, index)
       }
     );
     const renderTabs = () => h(
@@ -438,4 +458,7 @@ var NotificationCenter = defineComponent({
 });
 var NotificationCenter_default = NotificationCenter;
 
-export { NotificationCenter, NotificationCenter_default };
+export {
+  NotificationCenter,
+  NotificationCenter_default
+};

package/dist/chunk-YEHKQ3JZ.mjs

@@ -1,7 +1,13 @@
-import { defineComponent, computed, h } from 'vue';
-import { getSkeletonClasses, getSkeletonDimensions, getParagraphRowWidth, classNames, mergeStyleValues, coerceClassValue } from '@expcat/tigercat-core';
-
 // src/components/Skeleton.ts
+import { defineComponent, computed, h } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  getSkeletonClasses,
+  getSkeletonDimensions,
+  getParagraphRowWidth,
+  mergeStyleValues
+} from "@expcat/tigercat-core";
 var Skeleton = defineComponent({
   name: "TigerSkeleton",
   inheritAttrs: false,
@@ -102,4 +108,7 @@ var Skeleton = defineComponent({
 });
 var Skeleton_default = Skeleton;
 
-export { Skeleton, Skeleton_default };
+export {
+  Skeleton,
+  Skeleton_default
+};

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

@@ -1,18 +1,19 @@
-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,
   props: {
-    /**
-     * Unique key for the dropdown item
-     */
-    itemKey: {
-      type: [String, Number],
-      default: void 0
-    },
     /**
      * Whether the item is disabled
      * @default false
@@ -91,4 +92,7 @@ var DropdownItem = defineComponent({
 });
 var DropdownItem_default = DropdownItem;
 
-export { DropdownItem, DropdownItem_default };
+export {
+  DropdownItem,
+  DropdownItem_default
+};

package/dist/{chunk-I34OWAAY.mjs → chunk-YSUT2GRP.mjs}

@@ -1,7 +1,20 @@
-import { ChartCanvas } from './chunk-W5RZPTFD.mjs';
-import { defineComponent, computed, ref, watch, onBeforeUnmount, h } from 'vue';
-import { getChartInnerRect, getGaugeGradientPrefix, valueToGaugeAngle, createGaugeAnimation, computeGaugeTicks, createGaugeArcPath, createGaugeNeedlePath, classNames, chartAxisTickTextClasses } from '@expcat/tigercat-core';
+import {
+  ChartCanvas
+} from "./chunk-W5RZPTFD.mjs";
 
+// src/components/GaugeChart.ts
+import { defineComponent, computed, h, ref, watch, onBeforeUnmount, useId } from "vue";
+import {
+  classNames,
+  createGaugeArcPath,
+  createGaugeNeedlePath,
+  valueToGaugeAngle,
+  computeGaugeTicks,
+  getChartInnerRect,
+  chartAxisTickTextClasses,
+  getStableChartGradientPrefix,
+  createGaugeAnimation
+} from "@expcat/tigercat-core";
 var GaugeChart = defineComponent({
   name: "TigerGaugeChart",
   props: {
@@ -34,7 +47,7 @@ var GaugeChart = defineComponent({
     const radius = computed(() => Math.min(innerRect.value.width, innerRect.value.height) / 2 - 4);
     const cx = computed(() => innerRect.value.width / 2);
     const cy = computed(() => innerRect.value.height / 2);
-    const gradientPrefix = getGaugeGradientPrefix();
+    const gradientPrefix = getStableChartGradientPrefix("gauge", useId());
     const valueGradientId = `${gradientPrefix}-value`;
     const targetAngle = computed(
       () => valueToGaugeAngle(props.value, props.min, props.max, props.startAngle, props.endAngle)
@@ -211,4 +224,7 @@ var GaugeChart = defineComponent({
 });
 var GaugeChart_default = GaugeChart;
 
-export { GaugeChart, GaugeChart_default };
+export {
+  GaugeChart,
+  GaugeChart_default
+};

package/dist/chunk-YZP4K6KI.mjs

@@ -1,7 +1,25 @@
-import { RadioGroupKey } from './chunk-Y4V7BOVR.mjs';
-import { defineComponent, getCurrentInstance, inject, computed, ref, h } from 'vue';
-import { getRadioVisualClasses, defaultRadioColors, getRadioDotClasses, getRadioLabelClasses, classNames, radioRootBaseClasses, coerceClassValue } from '@expcat/tigercat-core';
+import {
+  RadioGroupKey
+} from "./chunk-Y4V7BOVR.mjs";
 
+// src/components/Radio.ts
+import {
+  defineComponent,
+  computed,
+  h,
+  inject,
+  ref,
+  getCurrentInstance
+} from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  getRadioDotClasses,
+  getRadioLabelClasses,
+  getRadioVisualClasses,
+  defaultRadioColors,
+  radioRootBaseClasses
+} from "@expcat/tigercat-core";
 var Radio = defineComponent({
   name: "TigerRadio",
   inheritAttrs: false,
@@ -183,4 +201,7 @@ var Radio = defineComponent({
 });
 var Radio_default = Radio;
 
-export { Radio, Radio_default };
+export {
+  Radio,
+  Radio_default
+};

package/dist/chunk-Z2ZECCGD.mjs

@@ -1,7 +1,6 @@
-import { defineComponent, provide, h } from 'vue';
-import { getButtonGroupClasses, coerceClassValue } from '@expcat/tigercat-core';
-
 // src/components/ButtonGroup.ts
+import { defineComponent, h, provide } from "vue";
+import { coerceClassValue, getButtonGroupClasses } from "@expcat/tigercat-core";
 var BUTTON_GROUP_INJECTION_KEY = /* @__PURE__ */ Symbol("TigerButtonGroup");
 var ButtonGroup = defineComponent({
   name: "TigerButtonGroup",
@@ -43,4 +42,8 @@ var ButtonGroup = defineComponent({
 });
 var ButtonGroup_default = ButtonGroup;
 
-export { BUTTON_GROUP_INJECTION_KEY, ButtonGroup, ButtonGroup_default };
+export {
+  BUTTON_GROUP_INJECTION_KEY,
+  ButtonGroup,
+  ButtonGroup_default
+};

package/dist/chunk-Z4SG7REU.mjs

@@ -1,7 +1,17 @@
-import { defineComponent, onBeforeUnmount, h } from 'vue';
-import { createRafRepeatActionController, classNames, stepperBaseClasses, coerceClassValue, getStepperButtonClasses, getStepperInputClasses, stepperIconViewBox, clampStepperValue, minusPathD, plusPathD } from '@expcat/tigercat-core';
-
 // src/components/Stepper.ts
+import { defineComponent, h, onBeforeUnmount } from "vue";
+import {
+  stepperBaseClasses,
+  getStepperInputClasses,
+  getStepperButtonClasses,
+  minusPathD,
+  plusPathD,
+  stepperIconViewBox,
+  clampStepperValue,
+  classNames,
+  coerceClassValue,
+  createRafRepeatActionController
+} from "@expcat/tigercat-core";
 var Stepper = defineComponent({
   name: "TigerStepper",
   props: {
@@ -134,4 +144,7 @@ var Stepper = defineComponent({
 });
 var Stepper_default = Stepper;
 
-export { Stepper, Stepper_default };
+export {
+  Stepper,
+  Stepper_default
+};

package/dist/chunk-Z6HBM73W.js

@@ -0,0 +1,158 @@
+"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 _chunkODQOYMUQjs = require('./chunk-ODQOYMUQ.js');
+
+// src/components/Avatar.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Avatar = _vue.defineComponent.call(void 0, {
+  name: "TigerAvatar",
+  inheritAttrs: false,
+  props: {
+    /**
+     * Avatar size
+     * @default 'md'
+     */
+    size: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Avatar shape
+     * @default 'circle'
+     */
+    shape: {
+      type: String,
+      default: "circle"
+    },
+    /**
+     * Image source URL
+     */
+    src: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Alternative text for image
+     */
+    alt: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Text content to display (e.g., initials)
+     */
+    text: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Background color for text/icon avatars
+     */
+    bgColor: {
+      type: String,
+      default: _tigercatcore.avatarDefaultBgColor
+    },
+    /**
+     * Text color for text/icon avatars
+     */
+    textColor: {
+      type: String,
+      default: _tigercatcore.avatarDefaultTextColor
+    },
+    /**
+     * Additional CSS classes
+     */
+    className: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Custom styles
+     */
+    style: {
+      type: Object,
+      default: void 0
+    }
+  },
+  setup(props, { slots, attrs }) {
+    const imageError = _vue.ref.call(void 0, false);
+    const group = _vue.inject.call(void 0, _chunkODQOYMUQjs.AVATAR_GROUP_INJECTION_KEY, null);
+    const hasImage = _vue.computed.call(void 0, () => Boolean(props.src) && !imageError.value);
+    const resolvedSize = _vue.computed.call(void 0, () => _nullishCoalesce(_nullishCoalesce(props.size, () => ( _optionalChain([group, 'optionalAccess', _ => _.size]))), () => ( "md")));
+    const avatarClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.avatarBaseClasses,
+        _tigercatcore.avatarSizeClasses[resolvedSize.value],
+        _tigercatcore.avatarShapeClasses[props.shape],
+        _optionalChain([group, 'optionalAccess', _2 => _2.itemClass]),
+        !hasImage.value && props.bgColor,
+        !hasImage.value && props.textColor
+      )
+    );
+    const displayText = _vue.computed.call(void 0, () => props.text ? _tigercatcore.getInitials.call(void 0, props.text) : "");
+    return () => {
+      const attrsRecord = attrs;
+      const attrsClass = attrsRecord.class;
+      const attrsStyle = attrsRecord.style;
+      const ariaLabelProp = attrsRecord["aria-label"];
+      const ariaLabelledbyProp = attrsRecord["aria-labelledby"];
+      const ariaHiddenProp = attrsRecord["aria-hidden"];
+      const computedLabel = _nullishCoalesce(_nullishCoalesce(ariaLabelProp, () => ( (props.alt.trim() ? props.alt : void 0))), () => ( (_optionalChain([props, 'access', _3 => _3.text, 'optionalAccess', _4 => _4.trim, 'call', _5 => _5()]) || void 0)));
+      const isDecorative = ariaHiddenProp === true || !computedLabel && !ariaLabelledbyProp;
+      const baseSpanProps = {
+        ...attrs,
+        class: _tigercatcore.classNames.call(void 0, avatarClasses.value, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsClass)),
+        style: _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style)
+      };
+      if (hasImage.value) {
+        return _vue.h.call(void 0, 
+          "span",
+          {
+            ...baseSpanProps,
+            "aria-hidden": isDecorative ? true : ariaHiddenProp
+          },
+          [
+            _vue.h.call(void 0, "img", {
+              src: props.src,
+              alt: props.alt,
+              class: _tigercatcore.avatarImageClasses,
+              onError: () => {
+                imageError.value = true;
+              }
+            })
+          ]
+        );
+      }
+      return _vue.h.call(void 0, 
+        "span",
+        {
+          ...baseSpanProps,
+          ...isDecorative ? { "aria-hidden": true } : {
+            role: "img",
+            "aria-label": computedLabel,
+            "aria-labelledby": ariaLabelledbyProp
+          }
+        },
+        displayText.value || _optionalChain([slots, 'access', _6 => _6.default, 'optionalCall', _7 => _7()])
+      );
+    };
+  }
+});
+var Avatar_default = Avatar;
+
+
+
+
+exports.Avatar = Avatar; exports.Avatar_default = Avatar_default;

package/dist/chunk-Z7ETXBOL.mjs

@@ -1,7 +1,26 @@
-import { defineComponent, ref, computed, h } from 'vue';
-import { splitTransferData, filterTransferItems, classNames, transferBaseClasses, coerceClassValue, transferOperationClasses, getTransferButtonClasses, transferPanelClasses, transferPanelHeaderClasses, transferSearchClasses, getPickerListboxAria, transferPanelBodyClasses, getPickerOptionAria, getTransferItemClasses, getTransferCheckboxClasses, transferEmptyClasses, icon20ViewBox, chevronRightSolidIcon20PathD, chevronLeftSolidIcon20PathD } from '@expcat/tigercat-core';
-
 // src/components/Transfer.ts
+import { defineComponent, h, ref, computed } from "vue";
+import {
+  transferBaseClasses,
+  transferPanelClasses,
+  transferPanelHeaderClasses,
+  transferPanelBodyClasses,
+  transferSearchClasses,
+  transferEmptyClasses,
+  transferOperationClasses,
+  getTransferItemClasses,
+  getTransferCheckboxClasses,
+  getTransferButtonClasses,
+  splitTransferData,
+  filterTransferItems,
+  getPickerListboxAria,
+  getPickerOptionAria,
+  coerceClassValue,
+  classNames,
+  icon20ViewBox,
+  chevronLeftSolidIcon20PathD,
+  chevronRightSolidIcon20PathD
+} from "@expcat/tigercat-core";
 function ArrowIcon(pathD) {
   return h(
     "svg",
@@ -243,4 +262,7 @@ var Transfer = defineComponent({
 });
 var Transfer_default = Transfer;
 
-export { Transfer, Transfer_default };
+export {
+  Transfer,
+  Transfer_default
+};

package/dist/{chunk-COCECPMG.mjs → chunk-ZCT56WB7.mjs}

@@ -1,7 +1,21 @@
-import { defineComponent, ref, computed, h } from 'vue';
-import { avatarDefaultTextColor, avatarDefaultBgColor, classNames, avatarBaseClasses, avatarSizeClasses, avatarShapeClasses, getInitials, mergeStyleValues, coerceClassValue, avatarImageClasses } from '@expcat/tigercat-core';
+import {
+  AVATAR_GROUP_INJECTION_KEY
+} from "./chunk-W6ZFHHD3.mjs";
 
 // src/components/Avatar.ts
+import { defineComponent, computed, h, ref, inject } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  mergeStyleValues,
+  avatarBaseClasses,
+  avatarSizeClasses,
+  avatarShapeClasses,
+  avatarDefaultBgColor,
+  avatarDefaultTextColor,
+  avatarImageClasses,
+  getInitials
+} from "@expcat/tigercat-core";
 var Avatar = defineComponent({
   name: "TigerAvatar",
   inheritAttrs: false,
@@ -12,7 +26,7 @@ var Avatar = defineComponent({
      */
     size: {
       type: String,
-      default: "md"
+      default: void 0
     },
     /**
      * Avatar shape
@@ -74,12 +88,15 @@ var Avatar = defineComponent({
   },
   setup(props, { slots, attrs }) {
     const imageError = ref(false);
+    const group = inject(AVATAR_GROUP_INJECTION_KEY, null);
     const hasImage = computed(() => Boolean(props.src) && !imageError.value);
+    const resolvedSize = computed(() => props.size ?? group?.size ?? "md");
     const avatarClasses = computed(
       () => classNames(
         avatarBaseClasses,
-        avatarSizeClasses[props.size],
+        avatarSizeClasses[resolvedSize.value],
         avatarShapeClasses[props.shape],
+        group?.itemClass,
         !hasImage.value && props.bgColor,
         !hasImage.value && props.textColor
       )
@@ -135,4 +152,7 @@ var Avatar = defineComponent({
 });
 var Avatar_default = Avatar;
 
-export { Avatar, Avatar_default };
+export {
+  Avatar,
+  Avatar_default
+};

package/dist/chunk-ZIOGRGN5.mjs

@@ -1,7 +1,15 @@
-import { defineComponent, ref, computed, onMounted, watch, onBeforeUnmount, h } from 'vue';
-import { classNames, getInfiniteScrollContainerClasses, coerceClassValue, infiniteScrollSentinelClasses, infiniteScrollLoaderClasses, infiniteScrollEndClasses, createInfiniteScrollObserver, shouldLoadMore } from '@expcat/tigercat-core';
-
 // src/components/InfiniteScroll.ts
+import { defineComponent, h, ref, computed, watch, onMounted, onBeforeUnmount } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  shouldLoadMore,
+  createInfiniteScrollObserver,
+  getInfiniteScrollContainerClasses,
+  infiniteScrollLoaderClasses,
+  infiniteScrollEndClasses,
+  infiniteScrollSentinelClasses
+} from "@expcat/tigercat-core";
 var InfiniteScroll = defineComponent({
   name: "TigerInfiniteScroll",
   inheritAttrs: false,
@@ -24,6 +32,7 @@ var InfiniteScroll = defineComponent({
     const containerRef = ref(null);
     const sentinelRef = ref(null);
     let cleanupObserver = null;
+    let _usingFallback = false;
     const containerClasses = computed(
       () => classNames(
         getInfiniteScrollContainerClasses(props.direction, props.className),
@@ -45,6 +54,7 @@ var InfiniteScroll = defineComponent({
     function setupObserver() {
       cleanupObserver?.();
       cleanupObserver = null;
+      _usingFallback = false;
       if (props.disabled || !props.hasMore) return;
       const sentinel = sentinelRef.value;
       if (!sentinel) return;
@@ -57,6 +67,7 @@ var InfiniteScroll = defineComponent({
       if (teardown) {
         cleanupObserver = teardown;
       } else {
+        _usingFallback = true;
         containerRef.value?.addEventListener("scroll", checkScroll, { passive: true });
         cleanupObserver = () => {
           containerRef.value?.removeEventListener("scroll", checkScroll);
@@ -103,4 +114,7 @@ var InfiniteScroll = defineComponent({
 });
 var InfiniteScroll_default = InfiniteScroll;
 
-export { InfiniteScroll, InfiniteScroll_default };
+export {
+  InfiniteScroll,
+  InfiniteScroll_default
+};