@expcat/tigercat-vue 1.1.0 → 1.2.14

package/dist/chunk-DZXZ3YEL.js

@@ -1,10 +1,26 @@
-'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/BackTop.ts
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/BackTop.ts
-var DefaultIcon = vue.h(
+
+
+
+
+
+
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var DefaultIcon = _vue.h.call(void 0, 
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -15,9 +31,9 @@ var DefaultIcon = vue.h(
     class: "h-5 w-5",
     "aria-hidden": "true"
   },
-  [vue.h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: tigercatCore.backTopIconPath })]
+  [_vue.h.call(void 0, "path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: _tigercatcore.backTopIconPath })]
 );
-var BackTop = vue.defineComponent({
+var BackTop = _vue.defineComponent.call(void 0, {
   name: "TigerBackTop",
   inheritAttrs: false,
   props: {
@@ -56,17 +72,17 @@ var BackTop = vue.defineComponent({
   },
   emits: ["click"],
   setup(props, { slots, emit, attrs }) {
-    const visible = vue.ref(false);
-    const targetElement = vue.shallowRef(null);
+    const visible = _vue.ref.call(void 0, false);
+    const targetElement = _vue.shallowRef.call(void 0, null);
     let visibilityController;
     const handleClick = (event) => {
       if (!targetElement.value) return;
-      tigercatCore.scrollToTop(targetElement.value, props.duration);
+      _tigercatcore.scrollToTop.call(void 0, targetElement.value, props.duration);
       emit("click", event);
     };
-    vue.onMounted(() => {
-      targetElement.value = props.target() ?? window;
-      visibilityController = tigercatCore.createBackTopVisibilityController({
+    _vue.onMounted.call(void 0, () => {
+      targetElement.value = _nullishCoalesce(props.target(), () => ( window));
+      visibilityController = _tigercatcore.createBackTopVisibilityController.call(void 0, {
         target: targetElement.value,
         getVisibilityHeight: () => props.visibilityHeight,
         onChange: (nextVisible) => {
@@ -78,34 +94,34 @@ var BackTop = vue.defineComponent({
       });
       visibilityController.update();
     });
-    vue.onBeforeUnmount(() => {
+    _vue.onBeforeUnmount.call(void 0, () => {
       if (targetElement.value && visibilityController) {
         targetElement.value.removeEventListener("scroll", visibilityController.schedule);
       }
-      visibilityController?.cancel();
+      _optionalChain([visibilityController, 'optionalAccess', _ => _.cancel, 'call', _2 => _2()]);
     });
-    const buttonClasses = vue.computed(() => {
-      const target = targetElement.value ?? props.target();
+    const buttonClasses = _vue.computed.call(void 0, () => {
+      const target = _nullishCoalesce(targetElement.value, () => ( props.target()));
       const isWindowTarget = !target || target === window;
-      const positionClasses = isWindowTarget ? tigercatCore.backTopButtonClasses : tigercatCore.backTopContainerClasses;
-      return tigercatCore.classNames(
+      const positionClasses = isWindowTarget ? _tigercatcore.backTopButtonClasses : _tigercatcore.backTopContainerClasses;
+      return _tigercatcore.classNames.call(void 0, 
         positionClasses,
-        visible.value ? tigercatCore.backTopVisibleClasses : tigercatCore.backTopHiddenClasses,
+        visible.value ? _tigercatcore.backTopVisibleClasses : _tigercatcore.backTopHiddenClasses,
         props.className,
-        tigercatCore.coerceClassValue(attrs.class)
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       );
     });
-    const mergedStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style));
+    const mergedStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style));
     return () => {
       const content = slots.default ? slots.default() : DefaultIcon;
-      return vue.h(
+      return _vue.h.call(void 0, 
         "button",
         {
           ...attrs,
           type: "button",
           class: buttonClasses.value,
           style: mergedStyle.value,
-          "aria-label": attrs["aria-label"] ?? "Back to top",
+          "aria-label": _nullishCoalesce(attrs["aria-label"], () => ( "Back to top")),
           onClick: handleClick
         },
         content
@@ -115,5 +131,7 @@ var BackTop = vue.defineComponent({
 });
 var BackTop_default = BackTop;
 
-exports.BackTop = BackTop;
-exports.BackTop_default = BackTop_default;
+
+
+
+exports.BackTop = BackTop; exports.BackTop_default = BackTop_default;

package/dist/chunk-E2GQSWHK.mjs

@@ -1,7 +1,13 @@
-import { defineComponent, computed, h } from 'vue';
-import { classNames, getPrintLayoutClasses, coerceClassValue, printLayoutHeaderClasses, printLayoutFooterClasses, printLayoutPageBreakClasses } from '@expcat/tigercat-core';
-
 // src/components/PrintLayout.ts
+import { defineComponent, h, computed } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  getPrintLayoutClasses,
+  printLayoutHeaderClasses,
+  printLayoutFooterClasses,
+  printLayoutPageBreakClasses
+} from "@expcat/tigercat-core";
 var PrintLayout = defineComponent({
   name: "TigerPrintLayout",
   inheritAttrs: false,
@@ -90,4 +96,8 @@ var PrintPageBreak = defineComponent({
 });
 var PrintLayout_default = PrintLayout;
 
-export { PrintLayout, PrintLayout_default, PrintPageBreak };
+export {
+  PrintLayout,
+  PrintPageBreak,
+  PrintLayout_default
+};

package/dist/chunk-E6RGBYI3.mjs

@@ -1,7 +1,29 @@
-import { defineComponent, inject, onMounted, onBeforeUnmount, computed, h, ref, watch, nextTick, reactive, provide } from 'vue';
-import { classNames, getAnchorLinkClasses, coerceClassValue, getAnchorWrapperClasses, getAnchorInkContainerClasses, getAnchorInkActiveClasses, getAnchorLinkListClasses, mergeStyleValues, createAnchorObserver, scrollToAnchor } from '@expcat/tigercat-core';
-
 // src/components/Anchor.ts
+import {
+  defineComponent,
+  h,
+  ref,
+  computed,
+  provide,
+  inject,
+  onMounted,
+  onBeforeUnmount,
+  watch,
+  nextTick,
+  reactive
+} from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  mergeStyleValues,
+  getAnchorWrapperClasses,
+  getAnchorInkContainerClasses,
+  getAnchorInkActiveClasses,
+  getAnchorLinkClasses,
+  getAnchorLinkListClasses,
+  createAnchorObserver,
+  scrollToAnchor
+} from "@expcat/tigercat-core";
 var AnchorContextKey = /* @__PURE__ */ Symbol("AnchorContext");
 var AnchorLink = defineComponent({
   name: "TigerAnchorLink",
@@ -323,4 +345,9 @@ var Anchor = defineComponent({
 });
 var Anchor_default = Anchor;
 
-export { Anchor, AnchorContextKey, AnchorLink, Anchor_default };
+export {
+  AnchorContextKey,
+  AnchorLink,
+  Anchor,
+  Anchor_default
+};

package/dist/chunk-EJZBG5RT.js

@@ -0,0 +1,298 @@
+"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: "/"
+    },
+    /**
+     * Maximum number of visible items before collapsing the middle into '...'.
+     * Shows the first item, the last `maxItems - 1` items, and a clickable
+     * ellipsis for the rest. Ignored when `maxItems <= 0` or `>=` item count.
+     */
+    maxItems: {
+      type: Number,
+      default: void 0
+    },
+    /**
+     * 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 expanded = _vue.ref.call(void 0, false);
+    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
+    });
+    const renderItems = () => {
+      const rawChildren = _optionalChain([slots, 'access', _3 => _3.default, 'optionalCall', _4 => _4()]) || [];
+      const items = [];
+      const flatten = (vnodes) => {
+        for (const vnode of vnodes) {
+          if (vnode.type === _vue.Fragment && Array.isArray(vnode.children)) {
+            flatten(vnode.children);
+          } else {
+            items.push(vnode);
+          }
+        }
+      };
+      flatten(rawChildren);
+      const maxItems = props.maxItems;
+      if (expanded.value || maxItems === void 0 || maxItems <= 0 || maxItems >= items.length) {
+        return items;
+      }
+      const { collapsed } = _tigercatcore.getBreadcrumbCollapsedItems.call(void 0, items.length, maxItems);
+      if (collapsed.length === 0) return items;
+      const collapsedSet = new Set(collapsed);
+      const result = [];
+      let ellipsisInserted = false;
+      items.forEach((item, index) => {
+        if (collapsedSet.has(index)) {
+          if (!ellipsisInserted) {
+            ellipsisInserted = true;
+            result.push(
+              _vue.h.call(void 0, "li", { key: "__tiger-breadcrumb-ellipsis", class: _tigercatcore.getBreadcrumbItemClasses.call(void 0, ) }, [
+                _vue.h.call(void 0, 
+                  "button",
+                  {
+                    type: "button",
+                    class: _tigercatcore.breadcrumbEllipsisClasses,
+                    "aria-label": "Show collapsed breadcrumb items",
+                    onClick: () => {
+                      expanded.value = true;
+                    }
+                  },
+                  "..."
+                ),
+                _vue.h.call(void 0, 
+                  "span",
+                  { class: _tigercatcore.getBreadcrumbSeparatorClasses.call(void 0, ), "aria-hidden": "true" },
+                  _tigercatcore.getSeparatorContent.call(void 0, props.separator)
+                )
+              ])
+            );
+          }
+          return;
+        }
+        result.push(item);
+      });
+      return result;
+    };
+    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"
+            },
+            renderItems()
+          ),
+          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;