@expcat/tigercat-vue 1.1.0 → 1.2.14

package/dist/chunk-GOBWUEHV.js

@@ -1,10 +1,23 @@
-'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/RichTextEditor.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/RichTextEditor.ts
-var RichTextEditor = vue.defineComponent({
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var RichTextEditor = _vue.defineComponent.call(void 0, {
   name: "TigerRichTextEditor",
   props: {
     value: { type: String, default: void 0 },
@@ -32,15 +45,15 @@ var RichTextEditor = vue.defineComponent({
   },
   emits: ["update:value", "change"],
   setup(props, { emit, attrs }) {
-    const editorRef = vue.ref(null);
-    const internalValue = vue.ref(props.defaultValue || "");
-    const activeFormats = vue.ref(/* @__PURE__ */ new Set());
+    const editorRef = _vue.ref.call(void 0, null);
+    const internalValue = _vue.ref.call(void 0, props.defaultValue || "");
+    const activeFormats = _vue.ref.call(void 0, /* @__PURE__ */ new Set());
     let engineInstance = null;
-    const isControlled = vue.computed(() => props.value !== void 0);
-    const currentContent = vue.computed(() => isControlled.value ? props.value : internalValue.value);
-    const toolbarItems = vue.computed(() => props.toolbar ?? tigercatCore.defaultToolbar);
-    const isEmpty = vue.computed(() => tigercatCore.isContentEmpty(currentContent.value));
-    vue.watch(
+    const isControlled = _vue.computed.call(void 0, () => props.value !== void 0);
+    const currentContent = _vue.computed.call(void 0, () => isControlled.value ? props.value : internalValue.value);
+    const toolbarItems = _vue.computed.call(void 0, () => _nullishCoalesce(props.toolbar, () => ( _tigercatcore.defaultToolbar)));
+    const isEmpty = _vue.computed.call(void 0, () => _tigercatcore.isContentEmpty.call(void 0, currentContent.value));
+    _vue.watch.call(void 0, 
       () => props.value,
       (newVal) => {
         if (newVal !== void 0 && engineInstance) {
@@ -48,15 +61,15 @@ var RichTextEditor = vue.defineComponent({
         }
       }
     );
-    vue.watch(
+    _vue.watch.call(void 0, 
       () => [props.readOnly, props.disabled],
       ([ro, dis]) => {
-        engineInstance?.setReadOnly(ro, dis);
+        _optionalChain([engineInstance, 'optionalAccess', _ => _.setReadOnly, 'call', _2 => _2(ro, dis)]);
       }
     );
-    vue.onMounted(() => {
+    _vue.onMounted.call(void 0, () => {
       if (!editorRef.value) return;
-      const engine = props.engine ?? tigercatCore.builtinRichTextEngine;
+      const engine = _nullishCoalesce(props.engine, () => ( _tigercatcore.builtinRichTextEngine));
       engineInstance = engine.create({
         element: editorRef.value,
         initialValue: currentContent.value,
@@ -74,8 +87,8 @@ var RichTextEditor = vue.defineComponent({
         }
       });
     });
-    vue.onBeforeUnmount(() => {
-      engineInstance?.destroy();
+    _vue.onBeforeUnmount.call(void 0, () => {
+      _optionalChain([engineInstance, 'optionalAccess', _3 => _3.destroy, 'call', _4 => _4()]);
       engineInstance = null;
     });
     function execButtonAction(btn) {
@@ -84,65 +97,65 @@ var RichTextEditor = vue.defineComponent({
         btn.action(editorRef.value);
         return;
       }
-      engineInstance?.exec(btn.name);
+      _optionalChain([engineInstance, 'optionalAccess', _5 => _5.exec, 'call', _6 => _6(btn.name)]);
     }
     function handleKeydown(e) {
-      const match = tigercatCore.findHotkeyMatch(toolbarItems.value, e);
+      const match = _tigercatcore.findHotkeyMatch.call(void 0, toolbarItems.value, e);
       if (match) {
         e.preventDefault();
         execButtonAction(match);
       }
     }
-    const containerClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.getRichTextContainerClasses(props.disabled, props.className),
-        tigercatCore.coerceClassValue(attrs.class)
+    const containerClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getRichTextContainerClasses.call(void 0, props.disabled, props.className),
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )
     );
-    const editorAreaClasses = vue.computed(() => tigercatCore.getEditorAreaClasses(props.readOnly));
-    const containerStyle = vue.computed(() => {
-      const ht = tigercatCore.parseHeight(props.height);
+    const editorAreaClasses = _vue.computed.call(void 0, () => _tigercatcore.getEditorAreaClasses.call(void 0, props.readOnly));
+    const containerStyle = _vue.computed.call(void 0, () => {
+      const ht = _tigercatcore.parseHeight.call(void 0, props.height);
       if (!ht) return void 0;
       return { height: ht };
     });
     return () => {
-      const toolbarEl = vue.h(
+      const toolbarEl = _vue.h.call(void 0, 
         "div",
         {
-          class: tigercatCore.richTextToolbarClasses,
+          class: _tigercatcore.richTextToolbarClasses,
           role: "toolbar",
           "aria-label": "Text formatting"
         },
         toolbarItems.value.map((item, idx) => {
-          if (tigercatCore.isToolbarSeparator(item)) {
-            return vue.h("div", {
+          if (_tigercatcore.isToolbarSeparator.call(void 0, item)) {
+            return _vue.h.call(void 0, "div", {
               key: `sep-${idx}`,
-              class: tigercatCore.richTextToolbarSeparatorClasses,
+              class: _tigercatcore.richTextToolbarSeparatorClasses,
               role: "separator",
               "aria-orientation": "vertical"
             });
           }
           const btn = item;
-          return vue.h(
+          return _vue.h.call(void 0, 
             "button",
             {
               key: btn.name,
               type: "button",
-              class: tigercatCore.getToolbarButtonClasses(activeFormats.value.has(btn.name)),
-              title: btn.tooltip ?? btn.label,
+              class: _tigercatcore.getToolbarButtonClasses.call(void 0, activeFormats.value.has(btn.name)),
+              title: _nullishCoalesce(btn.tooltip, () => ( btn.label)),
               "aria-label": btn.label,
-              "aria-pressed": tigercatCore.isInlineFormat(btn.name) ? activeFormats.value.has(btn.name) : void 0,
+              "aria-pressed": _tigercatcore.isInlineFormat.call(void 0, btn.name) ? activeFormats.value.has(btn.name) : void 0,
               disabled: props.disabled || props.readOnly,
               onClick: (e) => {
                 e.preventDefault();
                 execButtonAction(btn);
               }
             },
-            btn.icon ? vue.h("span", { innerHTML: btn.icon }) : btn.label
+            btn.icon ? _vue.h.call(void 0, "span", { innerHTML: btn.icon }) : btn.label
           );
         })
       );
-      const editorEl = vue.h("div", {
+      const editorEl = _vue.h.call(void 0, "div", {
         ref: editorRef,
         class: editorAreaClasses.value,
         role: "textbox",
@@ -153,19 +166,19 @@ var RichTextEditor = vue.defineComponent({
         "data-placeholder": props.placeholder,
         onKeydown: handleKeydown
       });
-      const placeholderEl = isEmpty.value && props.placeholder ? vue.h(
+      const placeholderEl = isEmpty.value && props.placeholder ? _vue.h.call(void 0, 
         "div",
         {
-          class: `${tigercatCore.richTextPlaceholderClasses} absolute top-0 left-0 p-4 pointer-events-none text-sm`,
+          class: `${_tigercatcore.richTextPlaceholderClasses} absolute top-0 left-0 p-4 pointer-events-none text-sm`,
           "aria-hidden": true
         },
         props.placeholder
       ) : null;
-      const editorWrapper = vue.h("div", { class: "relative flex-1 overflow-hidden" }, [
+      const editorWrapper = _vue.h.call(void 0, "div", { class: "relative flex-1 overflow-hidden" }, [
         editorEl,
         placeholderEl
       ]);
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           class: containerClasses.value,
@@ -178,5 +191,7 @@ var RichTextEditor = vue.defineComponent({
 });
 var RichTextEditor_default = RichTextEditor;
 
-exports.RichTextEditor = RichTextEditor;
-exports.RichTextEditor_default = RichTextEditor_default;
+
+
+
+exports.RichTextEditor = RichTextEditor; exports.RichTextEditor_default = RichTextEditor_default;

package/dist/{chunk-WPEFGEAK.mjs → chunk-GQAVLQEZ.mjs}

@@ -1,7 +1,14 @@
-import { ImagePreview } from './chunk-RKU54YLW.mjs';
-import { defineComponent, ref, provide, onBeforeUnmount, h } from 'vue';
-import { getImageGroupClasses, unregisterImageGroupItem, registerImageGroupItem } from '@expcat/tigercat-core';
+import {
+  ImagePreview
+} from "./chunk-KY3O3FWK.mjs";
 
+// src/components/ImageGroup.ts
+import { defineComponent, h, ref, provide, onBeforeUnmount } from "vue";
+import {
+  getImageGroupClasses,
+  registerImageGroupItem,
+  unregisterImageGroupItem
+} from "@expcat/tigercat-core";
 var IMAGE_GROUP_INJECTION_KEY = "tiger-image-group";
 var ImageGroup = defineComponent({
   name: "TigerImageGroup",
@@ -53,4 +60,8 @@ var ImageGroup = defineComponent({
 });
 var ImageGroup_default = ImageGroup;
 
-export { IMAGE_GROUP_INJECTION_KEY, ImageGroup, ImageGroup_default };
+export {
+  IMAGE_GROUP_INJECTION_KEY,
+  ImageGroup,
+  ImageGroup_default
+};

package/dist/chunk-GQPSQJ5I.mjs

@@ -1,7 +1,6 @@
-import { defineComponent, computed, h } from 'vue';
-import { classNames, layoutContentClasses, coerceClassValue } from '@expcat/tigercat-core';
-
 // src/components/Content.ts
+import { defineComponent, h, computed } from "vue";
+import { classNames, coerceClassValue, layoutContentClasses } from "@expcat/tigercat-core";
 var Content = defineComponent({
   name: "TigerContent",
   inheritAttrs: false,
@@ -34,4 +33,7 @@ var Content = defineComponent({
 });
 var Content_default = Content;
 
-export { Content, Content_default };
+export {
+  Content,
+  Content_default
+};

package/dist/chunk-GVZRR2WP.mjs

@@ -1,8 +1,22 @@
-import { useFloatingPopup } from './chunk-DBTS5QBX.mjs';
-import { renderVueBodyTeleport } from './chunk-7RIWAO2A.mjs';
-import { defineComponent, computed, h } from 'vue';
-import { createFloatingIdFactory, classNames, getPopoverContainerClasses, coerceClassValue, getPopoverTriggerClasses, getPopoverContentClasses, POPOVER_TITLE_CLASSES, POPOVER_TEXT_CLASSES } from '@expcat/tigercat-core';
+import {
+  useFloatingPopup
+} from "./chunk-DBTS5QBX.mjs";
+import {
+  renderVueBodyTeleport
+} from "./chunk-7RIWAO2A.mjs";
 
+// src/components/Popover.ts
+import { defineComponent, computed, h } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  createFloatingIdFactory,
+  getPopoverContainerClasses,
+  getPopoverTriggerClasses,
+  getPopoverContentClasses,
+  POPOVER_TITLE_CLASSES,
+  POPOVER_TEXT_CLASSES
+} from "@expcat/tigercat-core";
 var createPopoverId = createFloatingIdFactory("popover");
 var Popover = defineComponent({
   name: "TigerPopover",
@@ -115,4 +129,7 @@ var Popover = defineComponent({
 });
 var Popover_default = Popover;
 
-export { Popover, Popover_default };
+export {
+  Popover,
+  Popover_default
+};

package/dist/chunk-HBFFINAI.js

@@ -1,10 +1,10 @@
-'use strict';
+"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/ChartSeries.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/ChartSeries.ts
-var ChartSeries = vue.defineComponent({
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var ChartSeries = _vue.defineComponent.call(void 0, {
   name: "TigerChartSeries",
   inheritAttrs: false,
   props: {
@@ -29,28 +29,30 @@ var ChartSeries = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    return () => vue.h(
+    return () => _vue.h.call(void 0, 
       "g",
       {
         ...attrs,
-        class: tigercatCore.classNames(tigercatCore.coerceClassValue(attrs.class), props.className),
+        class: _tigercatcore.classNames.call(void 0, _tigercatcore.coerceClassValue.call(void 0, attrs.class), props.className),
         "data-series-name": props.name,
         "data-series-type": props.type,
         fill: props.color,
         stroke: props.color,
         opacity: props.opacity
       },
-      slots.default?.({
+      _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2({
         data: props.data,
         name: props.name,
         color: props.color,
         opacity: props.opacity,
         type: props.type
-      })
+      })])
     );
   }
 });
 var ChartSeries_default = ChartSeries;
 
-exports.ChartSeries = ChartSeries;
-exports.ChartSeries_default = ChartSeries_default;
+
+
+
+exports.ChartSeries = ChartSeries; exports.ChartSeries_default = ChartSeries_default;

package/dist/{chunk-J73M5UTG.mjs → chunk-HCANI7ZG.mjs}

@@ -1,7 +1,23 @@
-import { defineComponent, inject, computed, h, provide } from 'vue';
-import { getBreadcrumbItemClasses, getBreadcrumbLinkClasses, getBreadcrumbSeparatorClasses, getSeparatorContent, classNames, breadcrumbContainerClasses } from '@expcat/tigercat-core';
-
 // src/components/Breadcrumb.ts
+import {
+  defineComponent,
+  computed,
+  inject,
+  provide,
+  ref,
+  Fragment,
+  h
+} from "vue";
+import {
+  classNames,
+  breadcrumbContainerClasses,
+  breadcrumbEllipsisClasses,
+  getBreadcrumbItemClasses,
+  getBreadcrumbLinkClasses,
+  getBreadcrumbSeparatorClasses,
+  getSeparatorContent,
+  getBreadcrumbCollapsedItems
+} from "@expcat/tigercat-core";
 var BreadcrumbContextKey = /* @__PURE__ */ Symbol("BreadcrumbContext");
 var BreadcrumbItem = defineComponent({
   name: "TigerBreadcrumbItem",
@@ -144,6 +160,15 @@ var Breadcrumb = defineComponent({
       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
      */
@@ -167,6 +192,7 @@ var Breadcrumb = defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
+    const expanded = ref(false);
     const extraContent = computed(() => {
       const slotValue = slots.extra?.();
       if (slotValue && slotValue.length > 0) return slotValue;
@@ -179,6 +205,60 @@ var Breadcrumb = defineComponent({
     provide(BreadcrumbContextKey, {
       separator: props.separator
     });
+    const renderItems = () => {
+      const rawChildren = slots.default?.() || [];
+      const items = [];
+      const flatten = (vnodes) => {
+        for (const vnode of vnodes) {
+          if (vnode.type === 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 } = getBreadcrumbCollapsedItems(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(
+              h("li", { key: "__tiger-breadcrumb-ellipsis", class: getBreadcrumbItemClasses() }, [
+                h(
+                  "button",
+                  {
+                    type: "button",
+                    class: breadcrumbEllipsisClasses,
+                    "aria-label": "Show collapsed breadcrumb items",
+                    onClick: () => {
+                      expanded.value = true;
+                    }
+                  },
+                  "..."
+                ),
+                h(
+                  "span",
+                  { class: getBreadcrumbSeparatorClasses(), "aria-hidden": "true" },
+                  getSeparatorContent(props.separator)
+                )
+              ])
+            );
+          }
+          return;
+        }
+        result.push(item);
+      });
+      return result;
+    };
     return () => {
       return h(
         "nav",
@@ -194,7 +274,7 @@ var Breadcrumb = defineComponent({
             {
               class: "flex items-center flex-wrap gap-2"
             },
-            slots.default?.()
+            renderItems()
           ),
           extraContent.value ? h(
             "div",
@@ -210,4 +290,9 @@ var Breadcrumb = defineComponent({
 });
 var Breadcrumb_default = Breadcrumb;
 
-export { Breadcrumb, BreadcrumbContextKey, BreadcrumbItem, Breadcrumb_default };
+export {
+  BreadcrumbContextKey,
+  BreadcrumbItem,
+  Breadcrumb,
+  Breadcrumb_default
+};