@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/chunk-W5RZPTFD.mjs

@@ -0,0 +1,112 @@
+// src/components/ChartCanvas.ts
+import { defineComponent, computed, h, onBeforeUnmount, onMounted, ref, watch } from "vue";
+import {
+  chartCanvasBaseClasses,
+  classNames,
+  coerceClassValue,
+  createChartResizeObserverController,
+  getChartInnerRect,
+  resolveResponsiveChartSize
+} from "@expcat/tigercat-core";
+var ChartCanvas = defineComponent({
+  name: "TigerChartCanvas",
+  inheritAttrs: false,
+  props: {
+    width: {
+      type: Number,
+      default: 320
+    },
+    height: {
+      type: Number,
+      default: 200
+    },
+    responsive: {
+      type: Boolean,
+      default: false
+    },
+    padding: {
+      type: [Number, Object],
+      default: 24
+    },
+    className: {
+      type: String
+    },
+    title: {
+      type: String
+    },
+    desc: {
+      type: String
+    }
+  },
+  setup(props, { slots, attrs }) {
+    const svgRef = ref(null);
+    const observedSize = ref(null);
+    const resizeController = createChartResizeObserverController({
+      onSizeChange: (size) => {
+        observedSize.value = size;
+      }
+    });
+    const resolvedSize = computed(
+      () => resolveResponsiveChartSize(
+        { width: props.width, height: props.height },
+        props.responsive ? observedSize.value : null
+      )
+    );
+    const innerRect = computed(
+      () => getChartInnerRect(resolvedSize.value.width, resolvedSize.value.height, props.padding)
+    );
+    const svgClasses = computed(
+      () => classNames(chartCanvasBaseClasses, coerceClassValue(attrs.class), props.className)
+    );
+    const svgStyle = computed(() => ({
+      ...attrs.style
+    }));
+    const syncResponsiveObserver = () => {
+      if (!props.responsive) {
+        resizeController.disconnect();
+        observedSize.value = null;
+        return;
+      }
+      const target = svgRef.value?.parentElement;
+      if (target) {
+        resizeController.observe(target);
+      }
+    };
+    onMounted(syncResponsiveObserver);
+    watch(() => props.responsive, syncResponsiveObserver);
+    onBeforeUnmount(() => resizeController.disconnect());
+    return () => {
+      const rect = innerRect.value;
+      const size = resolvedSize.value;
+      return h(
+        "svg",
+        {
+          ...attrs,
+          ref: svgRef,
+          width: size.width,
+          height: size.height,
+          viewBox: `0 0 ${size.width} ${size.height}`,
+          class: svgClasses.value,
+          style: svgStyle.value
+        },
+        [
+          props.title ? h("title", props.title) : null,
+          props.desc ? h("desc", props.desc) : null,
+          h(
+            "g",
+            {
+              transform: `translate(${rect.x}, ${rect.y})`
+            },
+            slots.default?.({ innerRect: rect })
+          )
+        ].filter(Boolean)
+      );
+    };
+  }
+});
+var ChartCanvas_default = ChartCanvas;
+
+export {
+  ChartCanvas,
+  ChartCanvas_default
+};

package/dist/{chunk-NAHD6ZRR.mjs → chunk-W6ZFHHD3.mjs}

@@ -1,7 +1,14 @@
-import { defineComponent, provide, computed, h } from 'vue';
-import { avatarGroupItemClasses, avatarSizeClasses, classNames, avatarGroupBaseClasses, coerceClassValue, avatarGroupOverflowClasses } from '@expcat/tigercat-core';
-
 // src/components/AvatarGroup.ts
+import { defineComponent, h, provide } from "vue";
+import {
+  coerceClassValue,
+  getAvatarGroupClasses,
+  getAvatarGroupItemClasses,
+  getAvatarGroupOverflowClasses,
+  getAvatarGroupOverflowLabel,
+  getAvatarGroupOverflowText,
+  getVisibleGroupItems
+} from "@expcat/tigercat-core";
 var AVATAR_GROUP_INJECTION_KEY = /* @__PURE__ */ Symbol("TigerAvatarGroup");
 var AvatarGroup = defineComponent({
   name: "TigerAvatarGroup",
@@ -23,9 +30,8 @@ var AvatarGroup = defineComponent({
   setup(props, { slots, attrs }) {
     provide(AVATAR_GROUP_INJECTION_KEY, {
       size: props.size,
-      itemClass: avatarGroupItemClasses
+      itemClass: getAvatarGroupItemClasses()
     });
-    const overflowSizeClass = computed(() => avatarSizeClasses[props.size ?? "md"]);
     return () => {
       const children = slots.default?.() ?? [];
       const flatChildren = children.flatMap(
@@ -33,27 +39,24 @@ var AvatarGroup = defineComponent({
       );
       const attrsRecord = attrs;
       const attrsClass = attrsRecord.class;
-      const total = flatChildren.length;
-      const visibleCount = props.max != null && props.max < total ? props.max : total;
-      const overflow = total - visibleCount;
-      const visible = flatChildren.slice(0, visibleCount);
+      const { visibleItems, overflowCount } = getVisibleGroupItems(flatChildren, props.max);
       return h(
         "div",
         {
           ...attrs,
-          class: classNames(avatarGroupBaseClasses, props.className, coerceClassValue(attrsClass)),
+          class: getAvatarGroupClasses(props.className, coerceClassValue(attrsClass)),
           role: "group",
           "aria-label": "Avatar group"
         },
         [
-          ...visible,
-          overflow > 0 ? h(
+          ...visibleItems,
+          overflowCount > 0 ? h(
             "span",
             {
-              class: classNames(avatarGroupOverflowClasses, overflowSizeClass.value),
-              "aria-label": `${overflow} more`
+              class: getAvatarGroupOverflowClasses(props.size ?? "md"),
+              "aria-label": getAvatarGroupOverflowLabel(overflowCount)
             },
-            `+${overflow}`
+            getAvatarGroupOverflowText(overflowCount)
           ) : null
         ]
       );
@@ -62,4 +65,8 @@ var AvatarGroup = defineComponent({
 });
 var AvatarGroup_default = AvatarGroup;
 
-export { AVATAR_GROUP_INJECTION_KEY, AvatarGroup, AvatarGroup_default };
+export {
+  AVATAR_GROUP_INJECTION_KEY,
+  AvatarGroup,
+  AvatarGroup_default
+};

package/dist/{chunk-DVFDA2P2.mjs → chunk-WE4DGU2T.mjs}

@@ -1,7 +1,12 @@
-import { defineComponent, ref, computed, reactive, provide, h } from 'vue';
-import { normalizeActiveKeys, classNames, getCollapseContainerClasses, coerceClassValue, togglePanelKey } from '@expcat/tigercat-core';
-
 // src/components/Collapse.ts
+import { defineComponent, computed, ref, provide, h, reactive } from "vue";
+import {
+  classNames,
+  getCollapseContainerClasses,
+  normalizeActiveKeys,
+  togglePanelKey,
+  coerceClassValue
+} from "@expcat/tigercat-core";
 var CollapseContextKey = /* @__PURE__ */ Symbol("CollapseContext");
 var Collapse = defineComponent({
   name: "TigerCollapse",
@@ -69,9 +74,7 @@ var Collapse = defineComponent({
   },
   emits: ["update:activeKey", "change"],
   setup(props, { slots, emit, attrs }) {
-    const internalActiveKeys = ref(
-      normalizeActiveKeys(props.defaultActiveKey)
-    );
+    const internalActiveKeys = ref(normalizeActiveKeys(props.defaultActiveKey));
     const currentActiveKeys = computed(() => {
       return props.activeKey !== void 0 ? normalizeActiveKeys(props.activeKey) : internalActiveKeys.value;
     });
@@ -129,4 +132,8 @@ var Collapse = defineComponent({
 });
 var Collapse_default = Collapse;
 
-export { Collapse, CollapseContextKey, Collapse_default };
+export {
+  CollapseContextKey,
+  Collapse,
+  Collapse_default
+};

package/dist/chunk-WFISP42H.mjs

@@ -1,7 +1,17 @@
-import { defineComponent, computed, h } from 'vue';
-import { getEmptyDescription, emptyImageClasses, emptyIllustrationPaths, emptyIllustrationViewBox, emptyDescriptionClasses, emptyActionsClasses, mergeStyleValues, classNames, emptyBaseClasses, coerceClassValue } from '@expcat/tigercat-core';
-
 // src/components/Empty.ts
+import { defineComponent, computed, h } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  mergeStyleValues,
+  emptyBaseClasses,
+  emptyImageClasses,
+  emptyDescriptionClasses,
+  emptyActionsClasses,
+  emptyIllustrationViewBox,
+  emptyIllustrationPaths,
+  getEmptyDescription
+} from "@expcat/tigercat-core";
 var Empty = defineComponent({
   name: "TigerEmpty",
   inheritAttrs: false,
@@ -90,4 +100,7 @@ var Empty = defineComponent({
 });
 var Empty_default = Empty;
 
-export { Empty, Empty_default };
+export {
+  Empty,
+  Empty_default
+};

package/dist/chunk-WGNJHM34.js

@@ -0,0 +1,230 @@
+"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/Breadcrumb.ts
+
+
+
+
+
+
+var _vue = require('vue');
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var BreadcrumbContextKey = /* @__PURE__ */ Symbol("BreadcrumbContext");
+var BreadcrumbItem = _vue.defineComponent.call(void 0, {
+  name: "TigerBreadcrumbItem",
+  props: {
+    /**
+     * Navigation link URL
+     */
+    href: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Link target attribute
+     */
+    target: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Whether this is the current/last item
+     * @default false
+     */
+    current: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Custom separator for this item (overrides global separator)
+     */
+    separator: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Additional CSS classes
+     */
+    className: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Inline styles
+     */
+    style: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * Icon to display before the item content
+     */
+    icon: {
+      type: [String, Object],
+      default: void 0
+    }
+  },
+  emits: {
+    /**
+     * Emitted when breadcrumb item is clicked
+     */
+    click: (event) => event instanceof MouseEvent
+  },
+  setup(props, { slots, emit, attrs }) {
+    const breadcrumbContext = _vue.inject.call(void 0, BreadcrumbContextKey, {
+      separator: "/"
+    });
+    const itemClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.getBreadcrumbItemClasses.call(void 0, props.className);
+    });
+    const linkClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.getBreadcrumbLinkClasses.call(void 0, props.current);
+    });
+    const separatorClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.getBreadcrumbSeparatorClasses.call(void 0, );
+    });
+    const separatorContent = _vue.computed.call(void 0, () => {
+      const separator = props.separator !== void 0 ? props.separator : breadcrumbContext.separator;
+      return _tigercatcore.getSeparatorContent.call(void 0, separator);
+    });
+    const handleClick = (event) => {
+      if (!props.current) {
+        emit("click", event);
+      }
+    };
+    const computedRel = _vue.computed.call(void 0, () => {
+      if (props.target === "_blank") {
+        return "noopener noreferrer";
+      }
+      return void 0;
+    });
+    return () => {
+      const children = slots.default ? slots.default() : [];
+      const iconElement = props.icon ? _vue.h.call(void 0, "span", { class: "inline-flex" }, props.icon) : null;
+      const contentElements = iconElement ? [iconElement, ...children] : children;
+      const linkElement = props.href && !props.current ? _vue.h.call(void 0, 
+        "a",
+        {
+          class: linkClasses.value,
+          href: props.href,
+          target: props.target,
+          rel: computedRel.value,
+          onClick: handleClick
+        },
+        contentElements
+      ) : _vue.h.call(void 0, 
+        "span",
+        {
+          class: linkClasses.value,
+          "aria-current": props.current ? "page" : void 0
+        },
+        contentElements
+      );
+      const separatorElement = !props.current ? _vue.h.call(void 0, 
+        "span",
+        {
+          class: separatorClasses.value,
+          "aria-hidden": "true"
+        },
+        separatorContent.value
+      ) : null;
+      return _vue.h.call(void 0, 
+        "li",
+        {
+          ...attrs,
+          class: [itemClasses.value, attrs.class],
+          style: [props.style, attrs.style]
+        },
+        [linkElement, separatorElement]
+      );
+    };
+  }
+});
+var Breadcrumb = _vue.defineComponent.call(void 0, {
+  name: "TigerBreadcrumb",
+  props: {
+    /**
+     * Custom separator between breadcrumb items
+     * @default '/'
+     */
+    separator: {
+      type: String,
+      default: "/"
+    },
+    /**
+     * Additional CSS classes
+     */
+    className: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Inline styles
+     */
+    style: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * Extra content aligned to the end of the breadcrumb
+     */
+    extra: {
+      type: null,
+      default: void 0
+    }
+  },
+  setup(props, { slots, attrs }) {
+    const extraContent = _vue.computed.call(void 0, () => {
+      const slotValue = _optionalChain([slots, 'access', _ => _.extra, 'optionalCall', _2 => _2()]);
+      if (slotValue && slotValue.length > 0) return slotValue;
+      if (props.extra != null) return props.extra;
+      return null;
+    });
+    const containerClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.classNames.call(void 0, _tigercatcore.breadcrumbContainerClasses, extraContent.value && "w-full", props.className);
+    });
+    _vue.provide.call(void 0, BreadcrumbContextKey, {
+      separator: props.separator
+    });
+    return () => {
+      return _vue.h.call(void 0, 
+        "nav",
+        {
+          "aria-label": "Breadcrumb",
+          ...attrs,
+          class: [containerClasses.value, attrs.class],
+          style: [props.style, attrs.style]
+        },
+        [
+          _vue.h.call(void 0, 
+            "ol",
+            {
+              class: "flex items-center flex-wrap gap-2"
+            },
+            _optionalChain([slots, 'access', _3 => _3.default, 'optionalCall', _4 => _4()])
+          ),
+          extraContent.value ? _vue.h.call(void 0, 
+            "div",
+            {
+              class: "ml-auto flex items-center"
+            },
+            extraContent.value
+          ) : null
+        ]
+      );
+    };
+  }
+});
+var Breadcrumb_default = Breadcrumb;
+
+
+
+
+
+
+exports.BreadcrumbContextKey = BreadcrumbContextKey; exports.BreadcrumbItem = BreadcrumbItem; exports.Breadcrumb = Breadcrumb; exports.Breadcrumb_default = Breadcrumb_default;

package/dist/chunk-WM4ESIHG.mjs

@@ -1,7 +1,13 @@
-import { defineComponent, computed, h } from 'vue';
-import { classNames, layoutSidebarClasses, layoutSidebarCollapsedClasses, coerceClassValue, getSidebarStyle, mergeStyleValues } from '@expcat/tigercat-core';
-
 // src/components/Sidebar.ts
+import { defineComponent, h, computed } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  layoutSidebarClasses,
+  layoutSidebarCollapsedClasses,
+  getSidebarStyle,
+  mergeStyleValues
+} from "@expcat/tigercat-core";
 var Sidebar = defineComponent({
   name: "TigerSidebar",
   inheritAttrs: false,
@@ -71,4 +77,7 @@ var Sidebar = defineComponent({
 });
 var Sidebar_default = Sidebar;
 
-export { Sidebar, Sidebar_default };
+export {
+  Sidebar,
+  Sidebar_default
+};

package/dist/chunk-WPIDP6IG.js

@@ -1,10 +1,18 @@
-'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; }// src/components/Avatar.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Avatar.ts
-var Avatar = vue.defineComponent({
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Avatar = _vue.defineComponent.call(void 0, {
   name: "TigerAvatar",
   inheritAttrs: false,
   props: {
@@ -50,14 +58,14 @@ var Avatar = vue.defineComponent({
      */
     bgColor: {
       type: String,
-      default: tigercatCore.avatarDefaultBgColor
+      default: _tigercatcore.avatarDefaultBgColor
     },
     /**
      * Text color for text/icon avatars
      */
     textColor: {
       type: String,
-      default: tigercatCore.avatarDefaultTextColor
+      default: _tigercatcore.avatarDefaultTextColor
     },
     /**
      * Additional CSS classes
@@ -75,18 +83,18 @@ var Avatar = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const imageError = vue.ref(false);
-    const hasImage = vue.computed(() => Boolean(props.src) && !imageError.value);
-    const avatarClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.avatarBaseClasses,
-        tigercatCore.avatarSizeClasses[props.size],
-        tigercatCore.avatarShapeClasses[props.shape],
+    const imageError = _vue.ref.call(void 0, false);
+    const hasImage = _vue.computed.call(void 0, () => Boolean(props.src) && !imageError.value);
+    const avatarClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.avatarBaseClasses,
+        _tigercatcore.avatarSizeClasses[props.size],
+        _tigercatcore.avatarShapeClasses[props.shape],
         !hasImage.value && props.bgColor,
         !hasImage.value && props.textColor
       )
     );
-    const displayText = vue.computed(() => props.text ? tigercatCore.getInitials(props.text) : "");
+    const displayText = _vue.computed.call(void 0, () => props.text ? _tigercatcore.getInitials.call(void 0, props.text) : "");
     return () => {
       const attrsRecord = attrs;
       const attrsClass = attrsRecord.class;
@@ -94,25 +102,25 @@ var Avatar = vue.defineComponent({
       const ariaLabelProp = attrsRecord["aria-label"];
       const ariaLabelledbyProp = attrsRecord["aria-labelledby"];
       const ariaHiddenProp = attrsRecord["aria-hidden"];
-      const computedLabel = ariaLabelProp ?? (props.alt.trim() ? props.alt : void 0) ?? (props.text?.trim() || void 0);
+      const computedLabel = _nullishCoalesce(_nullishCoalesce(ariaLabelProp, () => ( (props.alt.trim() ? props.alt : void 0))), () => ( (_optionalChain([props, 'access', _ => _.text, 'optionalAccess', _2 => _2.trim, 'call', _3 => _3()]) || void 0)));
       const isDecorative = ariaHiddenProp === true || !computedLabel && !ariaLabelledbyProp;
       const baseSpanProps = {
         ...attrs,
-        class: tigercatCore.classNames(avatarClasses.value, props.className, tigercatCore.coerceClassValue(attrsClass)),
-        style: tigercatCore.mergeStyleValues(attrsStyle, props.style)
+        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(
+        return _vue.h.call(void 0, 
           "span",
           {
             ...baseSpanProps,
             "aria-hidden": isDecorative ? true : ariaHiddenProp
           },
           [
-            vue.h("img", {
+            _vue.h.call(void 0, "img", {
               src: props.src,
               alt: props.alt,
-              class: tigercatCore.avatarImageClasses,
+              class: _tigercatcore.avatarImageClasses,
               onError: () => {
                 imageError.value = true;
               }
@@ -120,7 +128,7 @@ var Avatar = vue.defineComponent({
           ]
         );
       }
-      return vue.h(
+      return _vue.h.call(void 0, 
         "span",
         {
           ...baseSpanProps,
@@ -130,12 +138,14 @@ var Avatar = vue.defineComponent({
             "aria-labelledby": ariaLabelledbyProp
           }
         },
-        displayText.value || slots.default?.()
+        displayText.value || _optionalChain([slots, 'access', _4 => _4.default, 'optionalCall', _5 => _5()])
       );
     };
   }
 });
 var Avatar_default = Avatar;
 
-exports.Avatar = Avatar;
-exports.Avatar_default = Avatar_default;
+
+
+
+exports.Avatar = Avatar; exports.Avatar_default = Avatar_default;

package/dist/chunk-WQXZ3234.mjs

@@ -1,7 +1,19 @@
-import { defineComponent, computed, h } from 'vue';
-import { classNames, iconWrapperClasses, coerceClassValue, iconSvgBaseClasses, iconSizeClasses, iconSvgDefaultStrokeLinejoin, iconSvgDefaultStrokeLinecap, iconSvgDefaultStrokeWidth, SVG_DEFAULT_STROKE, SVG_DEFAULT_FILL, SVG_DEFAULT_VIEWBOX_24, SVG_DEFAULT_XMLNS } from '@expcat/tigercat-core';
-
 // src/components/Icon.ts
+import { defineComponent, computed, h } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  iconSizeClasses,
+  iconSvgBaseClasses,
+  iconSvgDefaultStrokeLinecap,
+  iconSvgDefaultStrokeLinejoin,
+  iconSvgDefaultStrokeWidth,
+  iconWrapperClasses,
+  SVG_DEFAULT_FILL,
+  SVG_DEFAULT_STROKE,
+  SVG_DEFAULT_VIEWBOX_24,
+  SVG_DEFAULT_XMLNS
+} from "@expcat/tigercat-core";
 var Icon = defineComponent({
   name: "TigerIcon",
   inheritAttrs: false,
@@ -68,4 +80,7 @@ var Icon = defineComponent({
 });
 var Icon_default = Icon;
 
-export { Icon, Icon_default };
+export {
+  Icon,
+  Icon_default
+};