@expcat/tigercat-vue 2.0.19 → 2.1.1

package/dist/{chunk-DCMRB3HR.mjs → chunk-WV25G4M3.mjs}

@@ -7,6 +7,7 @@ import { defineComponent, h, ref, computed } from "vue";
 import {
   rateBaseClasses,
   getRateStarClasses,
+  rateHalfStarInnerClasses,
   rateActiveColor,
   rateInactiveColor,
   rateHoverColor,
@@ -126,7 +127,7 @@ var Rate = defineComponent({
               [h("path", { d: starPathD })]
             )
           ]),
-          // Active half (clipped left 50%)
+          // Active half (clipped left 50%; inner glyph keeps full-star width)
           h(
             "span",
             {
@@ -137,12 +138,12 @@ var Rate = defineComponent({
               style: { width: "50%" }
             },
             [
-              isChar ? h("span", null, props.character) : h(
+              isChar ? h("span", { class: rateHalfStarInnerClasses }, props.character) : h(
                 "svg",
                 {
                   viewBox: starViewBox,
                   fill: "currentColor",
-                  class: "w-full h-full"
+                  class: rateHalfStarInnerClasses
                 },
                 [h("path", { d: starPathD })]
               )

package/dist/{chunk-3KITFMBJ.mjs → chunk-X5LJT76O.mjs}

@@ -1,24 +1,25 @@
 import {
   useChartInteraction
-} from "./chunk-PE5OA4YG.mjs";
+} from "./chunk-FHUGOSEY.mjs";
+import {
+  ChartSeries
+} from "./chunk-2ZUEXCVJ.mjs";
 import {
   ChartTooltip
 } from "./chunk-SPFL55TF.mjs";
 import {
   ChartCanvas
-} from "./chunk-W5RZPTFD.mjs";
+} from "./chunk-SNNT64HK.mjs";
 import {
   ChartLegend
 } from "./chunk-V443QIJM.mjs";
-import {
-  ChartSeries
-} from "./chunk-2ZUEXCVJ.mjs";
 
 // src/components/SunburstChart.ts
 import { defineComponent, computed, h, useId } from "vue";
 import {
   classNames,
   computeSunburstArcs,
+  getSunburstLabelPoint,
   getChartElementOpacity,
   getChartInnerRect,
   getStableChartGradientPrefix,
@@ -75,6 +76,7 @@ var SunburstChart = defineComponent({
       wrapperClasses
     } = useChartInteraction({
       hoverable: computed(() => props.hoverable),
+      showTooltip: computed(() => props.showTooltip),
       hoveredIndexProp: () => props.hoveredIndex,
       selectable: computed(() => props.selectable),
       selectedIndexProp: () => props.selectedIndex,
@@ -166,45 +168,60 @@ var SunburstChart = defineComponent({
                 )
               )
             ) : null;
+            const paths = arcs.value.map((arc) => {
+              const opacity = getChartElementOpacity(arc.index, activeIndex.value, {
+                activeOpacity: props.activeOpacity,
+                inactiveOpacity: props.inactiveOpacity
+              });
+              return h("path", {
+                key: `arc-${arc.index}`,
+                d: arc.path,
+                fill: props.gradient ? `url(#${gradientPrefix}-${arc.index})` : arc.color,
+                opacity,
+                stroke: "var(--tiger-surface,#ffffff)",
+                "stroke-width": 1,
+                class: classNames(interactive && "cursor-pointer"),
+                style: {
+                  transition: "opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out), filter var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out)",
+                  filter: activeIndex.value === arc.index ? "var(--tiger-chart-block-active-filter, none)" : "none"
+                },
+                tabindex: props.selectable ? 0 : void 0,
+                role: props.selectable ? "button" : "img",
+                "aria-label": arc.label,
+                onMouseenter: (e) => handleMouseEnter(arc.index, e),
+                onMousemove: handleMouseMove,
+                onMouseleave: handleMouseLeave,
+                onClick: () => handleClick(arc.index)
+              });
+            });
+            const labels = props.showLabels ? arcs.value.map((arc) => {
+              const { x, y } = getSunburstLabelPoint(arc, cx.value, cy.value);
+              return h(
+                "text",
+                {
+                  key: `label-${arc.index}`,
+                  x,
+                  y,
+                  "text-anchor": "middle",
+                  "dominant-baseline": "middle",
+                  class: "fill-white text-xs",
+                  style: { pointerEvents: "none" },
+                  "aria-hidden": "true"
+                },
+                arc.label
+              );
+            }) : [];
             return h(
               ChartSeries,
               { data: arcs.value, type: "sunburst" },
               {
-                default: () => [
-                  gradientDefs,
-                  ...arcs.value.map((arc) => {
-                    const opacity = getChartElementOpacity(arc.index, activeIndex.value, {
-                      activeOpacity: props.activeOpacity,
-                      inactiveOpacity: props.inactiveOpacity
-                    });
-                    return h("path", {
-                      key: `arc-${arc.index}`,
-                      d: arc.path,
-                      fill: props.gradient ? `url(#${gradientPrefix}-${arc.index})` : arc.color,
-                      opacity,
-                      stroke: "var(--tiger-surface,#ffffff)",
-                      "stroke-width": 1,
-                      class: classNames(interactive && "cursor-pointer"),
-                      style: {
-                        transition: "opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out), filter var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out)",
-                        filter: activeIndex.value === arc.index ? "var(--tiger-chart-block-active-filter, none)" : "none"
-                      },
-                      tabindex: props.selectable ? 0 : void 0,
-                      role: props.selectable ? "button" : "img",
-                      "aria-label": arc.label,
-                      onMouseenter: (e) => handleMouseEnter(arc.index, e),
-                      onMousemove: handleMouseMove,
-                      onMouseleave: handleMouseLeave,
-                      onClick: () => handleClick(arc.index)
-                    });
-                  })
-                ]
+                default: () => [gradientDefs, ...paths, ...labels]
               }
             );
           }
         }
       );
-      const tooltip = props.showTooltip && props.hoverable ? h(ChartTooltip, {
+      const tooltip = props.showTooltip ? h(ChartTooltip, {
         content: tooltipContent.value,
         open: resolvedHoveredIndex.value !== null && tooltipContent.value !== "",
         x: tooltipPosition.value.x,

package/dist/{chunk-BNYA5IUB.mjs → chunk-YNXP34KO.mjs}

@@ -411,6 +411,44 @@ var Upload = defineComponent({
     };
     const renderUploadButton = () => {
       if (props.drag) {
+        const dragInner = slots.default ? slots.default() : [
+          h(
+            "svg",
+            {
+              class: "w-12 h-12 mb-3 text-gray-400",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true"
+            },
+            [
+              h("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
+              })
+            ]
+          ),
+          h("p", { class: "mb-2 text-sm" }, [
+            h("span", { class: "font-semibold" }, labels.value.clickToUploadText),
+            ` ${labels.value.dragAndDropText}`
+          ]),
+          props.accept && h(
+            "p",
+            { class: "text-xs text-gray-500" },
+            interpolateUploadLabel(labels.value.acceptInfoText, {
+              accept: props.accept
+            })
+          ),
+          props.maxSize && h(
+            "p",
+            { class: "text-xs text-gray-500" },
+            interpolateUploadLabel(labels.value.maxSizeInfoText, {
+              maxSize: formatFileSize(props.maxSize)
+            })
+          )
+        ];
         return h(
           "div",
           {
@@ -425,44 +463,7 @@ var Upload = defineComponent({
             "aria-disabled": props.disabled,
             "aria-label": labels.value.dragAreaAriaLabel
           },
-          [
-            h(
-              "svg",
-              {
-                class: "w-12 h-12 mb-3 text-gray-400",
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                "aria-hidden": "true"
-              },
-              [
-                h("path", {
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  "stroke-width": "2",
-                  d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
-                })
-              ]
-            ),
-            h("p", { class: "mb-2 text-sm" }, [
-              h("span", { class: "font-semibold" }, labels.value.clickToUploadText),
-              ` ${labels.value.dragAndDropText}`
-            ]),
-            props.accept && h(
-              "p",
-              { class: "text-xs text-gray-500" },
-              interpolateUploadLabel(labels.value.acceptInfoText, {
-                accept: props.accept
-              })
-            ),
-            props.maxSize && h(
-              "p",
-              { class: "text-xs text-gray-500" },
-              interpolateUploadLabel(labels.value.maxSizeInfoText, {
-                maxSize: formatFileSize(props.maxSize)
-              })
-            )
-          ]
+          dragInner
         );
       }
       return h(

package/dist/{chunk-2T2NEZRZ.mjs → chunk-YVDTXHQ6.mjs}

@@ -2,7 +2,7 @@ import {
   Dropdown,
   DropdownItem,
   DropdownMenu
-} from "./chunk-KROVW4AW.mjs";
+} from "./chunk-PJQTRDIG.mjs";
 import {
   useTigerConfig
 } from "./chunk-UOJOJBEU.mjs";

package/dist/{chunk-AUMTHL6N.mjs → chunk-ZOP7PEKY.mjs}

@@ -18,6 +18,7 @@ import {
   getLoadingDotsWrapperClasses,
   getLoadingTextClasses,
   getSpinnerSVG,
+  DEFAULT_LOADING_BACKGROUND,
   loadingContainerBaseClasses,
   loadingFullscreenBaseClasses,
   loadingColorClasses,
@@ -57,7 +58,7 @@ var Loading = defineComponent({
     },
     background: {
       type: String,
-      default: "rgba(255, 255, 255, 0.9)"
+      default: DEFAULT_LOADING_BACKGROUND
     },
     customColor: {
       type: String,

package/dist/components/ActivityFeed.d.mts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { ActivityItem, ActivityGroup, ActivityFeedProps } from '@expcat/tigercat-core';
+import { ActivityItem, ActivityGroup, TigerLocale, TigerLocaleActivityFeed, ActivityFeedProps } from '@expcat/tigercat-core';
 
 interface VueActivityFeedProps extends Omit<ActivityFeedProps, 'renderItem' | 'renderGroupHeader'> {
     className?: string;
@@ -29,11 +29,19 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     loadingText: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     emptyText: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
+    };
+    locale: {
+        type: PropType<Partial<TigerLocale>>;
+        default: undefined;
+    };
+    labels: {
+        type: PropType<Partial<TigerLocaleActivityFeed>>;
+        default: undefined;
     };
     showAvatar: {
         type: BooleanConstructor;
@@ -80,11 +88,19 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     loadingText: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     emptyText: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
+    };
+    locale: {
+        type: PropType<Partial<TigerLocale>>;
+        default: undefined;
+    };
+    labels: {
+        type: PropType<Partial<TigerLocaleActivityFeed>>;
+        default: undefined;
     };
     showAvatar: {
         type: BooleanConstructor;
@@ -107,18 +123,20 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    className: string;
-    style: Record<string, string | number>;
-    loadingText: string;
-    emptyText: string;
-    loading: boolean;
-    groupBy: (item: ActivityItem) => string;
     items: ActivityItem[];
     groups: ActivityGroup[];
+    groupBy: (item: ActivityItem) => string;
     groupOrder: string[];
+    loading: boolean;
+    loadingText: string;
+    emptyText: string;
+    locale: Partial<TigerLocale>;
+    labels: Partial<TigerLocaleActivityFeed>;
     showAvatar: boolean;
     showTime: boolean;
     showGroupTitle: boolean;
+    className: string;
+    style: Record<string, string | number>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { ActivityFeed, type VueActivityFeedProps, ActivityFeed as default };

package/dist/components/ActivityFeed.mjs

@@ -1,16 +1,16 @@
 import {
   ActivityFeed,
   ActivityFeed_default
-} from "../chunk-RID7A5V7.mjs";
+} from "../chunk-RRNQL6MJ.mjs";
 import "../chunk-JQSIWPNM.mjs";
 import "../chunk-3MO7A4GU.mjs";
-import "../chunk-AUMTHL6N.mjs";
+import "../chunk-ZOP7PEKY.mjs";
 import "../chunk-342DH5CF.mjs";
 import "../chunk-NN6AINLG.mjs";
 import "../chunk-TC6ZPQFT.mjs";
-import "../chunk-Q7Y22OFX.mjs";
 import "../chunk-ZFTRR3KW.mjs";
 import "../chunk-JHFM6IFO.mjs";
+import "../chunk-Q7Y22OFX.mjs";
 import "../chunk-UOJOJBEU.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/components/Affix.d.mts

@@ -64,12 +64,12 @@ declare const Affix: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    offsetTop: number;
-    offsetBottom: number;
-    target: string;
-    zIndex: number;
     className: string;
     style: Record<string, string | number>;
+    target: string;
+    zIndex: number;
+    offsetTop: number;
+    offsetBottom: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { Affix, type VueAffixProps, Affix as default };

package/dist/components/Affix.mjs

@@ -1,7 +1,7 @@
 import {
   Affix,
   Affix_default
-} from "../chunk-7W3NALIL.mjs";
+} from "../chunk-3FPS7XVB.mjs";
 export {
   Affix,
   Affix_default as default

package/dist/components/Alert.d.mts

@@ -204,16 +204,16 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: AlertType;
+    size: AlertSize;
     className: string;
     style: Record<string, string | number>;
+    type: AlertType;
     title: string;
+    closable: boolean;
     closeAriaLabel: string;
-    size: AlertSize;
+    duration: number;
     description: string;
-    closable: boolean;
     showIcon: boolean;
-    duration: number;
     banner: boolean;
     showCountdown: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/Anchor.d.mts

@@ -84,9 +84,9 @@ declare const AnchorLink: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    target: string;
     className: string;
     title: string;
+    target: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
     /**
@@ -236,10 +236,10 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    offsetTop: number;
     className: string;
     style: Record<string, unknown>;
     direction: AnchorDirection;
+    offsetTop: number;
     targetOffset: number;
     bounds: number;
     getContainer: () => HTMLElement | Window;

package/dist/components/Anchor.mjs

@@ -3,7 +3,7 @@ import {
   AnchorContextKey,
   AnchorLink,
   Anchor_default
-} from "../chunk-ALIUAGJO.mjs";
+} from "../chunk-QZLOF36M.mjs";
 export {
   Anchor,
   AnchorContextKey,

package/dist/components/AreaChart.d.mts

@@ -421,12 +421,12 @@ declare const AreaChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSeries-click"?: ((...args: any[]) => any) | undefined;
     "onSeries-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
-    width: number;
-    height: number;
     padding: ChartPadding;
-    gradient: boolean;
     hoverable: boolean;
     strokeWidth: number;
+    width: number;
+    height: number;
+    gradient: boolean;
     fillOpacity: number;
     selectable: boolean;
     responsive: boolean;

package/dist/components/AreaChart.mjs

@@ -1,14 +1,15 @@
 import {
   AreaChart,
   AreaChart_default
-} from "../chunk-ZGA66PSG.mjs";
-import "../chunk-PE5OA4YG.mjs";
+} from "../chunk-IK2WHKDA.mjs";
+import "../chunk-UEGNXN5B.mjs";
+import "../chunk-FHUGOSEY.mjs";
+import "../chunk-2ZUEXCVJ.mjs";
 import "../chunk-SPFL55TF.mjs";
 import "../chunk-ZWVA7HT3.mjs";
-import "../chunk-W5RZPTFD.mjs";
+import "../chunk-SNNT64HK.mjs";
 import "../chunk-MI6TL3CQ.mjs";
 import "../chunk-V443QIJM.mjs";
-import "../chunk-2ZUEXCVJ.mjs";
 export {
   AreaChart,
   AreaChart_default as default

package/dist/components/AspectRatio.d.mts

@@ -0,0 +1,44 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { AspectRatioValue } from '@expcat/tigercat-core';
+
+interface VueAspectRatioProps {
+    ratio?: AspectRatioValue;
+    className?: string;
+    contentClassName?: string;
+}
+declare const AspectRatio: vue.DefineComponent<vue.ExtractPropTypes<{
+    ratio: {
+        type: PropType<AspectRatioValue>;
+        default: string;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    contentClassName: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    ratio: {
+        type: PropType<AspectRatioValue>;
+        default: string;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    contentClassName: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string;
+    ratio: AspectRatioValue;
+    contentClassName: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { AspectRatio, type VueAspectRatioProps, AspectRatio as default };

package/dist/components/AspectRatio.mjs

@@ -0,0 +1,8 @@
+import {
+  AspectRatio,
+  AspectRatio_default
+} from "../chunk-P6FMU4AT.mjs";
+export {
+  AspectRatio,
+  AspectRatio_default as default
+};

package/dist/components/AutoComplete.d.mts

@@ -118,11 +118,11 @@ declare const AutoComplete: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
     "onSearch-change"?: ((...args: any[]) => any) | undefined;
 }>, {
-    locale: Partial<TigerLocale>;
-    emptyText: string;
-    placeholder: string;
     size: ComponentSize;
+    emptyText: string;
+    locale: Partial<TigerLocale>;
     disabled: boolean;
+    placeholder: string;
     modelValue: string | number;
     options: AutoCompleteOption[];
     searchValue: string;

package/dist/components/AutoComplete.mjs

@@ -1,7 +1,7 @@
 import {
   AutoComplete,
   AutoComplete_default
-} from "../chunk-7KCOF5US.mjs";
+} from "../chunk-VY6FVIOZ.mjs";
 import "../chunk-Q7Y22OFX.mjs";
 import "../chunk-UOJOJBEU.mjs";
 import "../chunk-TGXBCKOU.mjs";

package/dist/components/Avatar.d.mts

@@ -148,12 +148,12 @@ declare const Avatar: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    size: AvatarSize;
     className: string;
     style: Record<string, string | number>;
-    size: AvatarSize;
-    text: string;
     src: string;
     alt: string;
+    text: string;
     shape: AvatarShape;
     bgColor: string;
     textColor: string;

package/dist/components/AvatarGroup.d.mts

@@ -63,10 +63,10 @@ declare const AvatarGroup: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    className: string;
+    size: AvatarSize;
     locale: Partial<TigerLocale>;
     labels: Partial<TigerLocaleAvatarGroup>;
-    size: AvatarSize;
+    className: string;
     max: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/BackTop.d.mts

@@ -102,12 +102,12 @@ declare const BackTop: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    target: () => HTMLElement | Window | null;
     className: string;
     style: Record<string, unknown>;
+    position: BackTopPosition;
+    target: () => HTMLElement | Window | null;
     placement: ViewportPlacement;
     offset: ViewportOffset;
-    position: BackTopPosition;
     duration: number;
     visibilityHeight: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/Badge.d.mts

@@ -100,15 +100,15 @@ declare const Badge: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    type: BadgeType;
+    size: BadgeSize;
+    locale: Partial<TigerLocale>;
     className: string;
     style: Record<string, string | number>;
-    locale: Partial<TigerLocale>;
-    size: BadgeSize;
+    type: BadgeType;
     variant: BadgeVariant;
-    max: number;
-    content: string | number;
     position: BadgePosition;
+    content: string | number;
+    max: number;
     showZero: boolean;
     standalone: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/BarChart.d.mts

@@ -382,11 +382,11 @@ declare const BarChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onBar-click"?: ((...args: any[]) => any) | undefined;
     "onBar-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    padding: ChartPadding;
+    hoverable: boolean;
     width: number;
     height: number;
-    padding: ChartPadding;
     gradient: boolean;
-    hoverable: boolean;
     selectable: boolean;
     responsive: boolean;
     xTicks: number;