@expcat/tigercat-vue 2.1.4 → 2.2.0

package/dist/chunk-OEHI4BZZ.mjs

@@ -0,0 +1,168 @@
+import {
+  useTigerConfig
+} from "./chunk-4GOTWNOO.mjs";
+
+// src/components/Text.ts
+import { defineComponent, computed, h, onBeforeUnmount, ref } from "vue";
+import {
+  copyTextToClipboard,
+  createCopyStatusReset,
+  getCodeLabels,
+  getIconDefinition,
+  getTextClasses,
+  isTextCopyable,
+  mergeTigerLocale,
+  resolveLocaleText,
+  resolveTextCopyableOptions,
+  resolveTextCopyContent,
+  resolveTextTag,
+  textCopyableBodyClasses,
+  textCopyableButtonClasses,
+  textCopyableLiveClasses,
+  textCopyableRootClasses
+} from "@expcat/tigercat-core";
+var copyIcon = getIconDefinition("copy");
+var Text = defineComponent({
+  name: "TigerText",
+  inheritAttrs: false,
+  props: {
+    tag: {
+      type: String,
+      default: "p"
+    },
+    size: {
+      type: String,
+      default: "base"
+    },
+    weight: {
+      type: String,
+      default: "normal"
+    },
+    align: {
+      type: String
+    },
+    color: {
+      type: String,
+      default: "default"
+    },
+    truncate: {
+      type: Boolean,
+      default: false
+    },
+    italic: {
+      type: Boolean,
+      default: false
+    },
+    underline: {
+      type: Boolean,
+      default: false
+    },
+    lineThrough: {
+      type: Boolean,
+      default: false
+    },
+    copyable: {
+      type: [Boolean, Object],
+      default: false
+    },
+    locale: {
+      type: Object,
+      default: void 0
+    }
+  },
+  emits: ["copy"],
+  setup(props, { slots, attrs, emit }) {
+    const config = useTigerConfig();
+    const textClasses = computed(() => getTextClasses(props));
+    const resolvedTag = computed(() => resolveTextTag(props.tag));
+    const copyable = computed(() => isTextCopyable(props.copyable));
+    const copyOptions = computed(() => resolveTextCopyableOptions(props.copyable));
+    const bodyRef = ref(null);
+    const copyStatus = ref("idle");
+    const reset = createCopyStatusReset((status) => {
+      copyStatus.value = status;
+    });
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const labels = computed(() => getCodeLabels(mergedLocale.value));
+    const idleLabel = computed(
+      () => resolveLocaleText(labels.value.copyLabel, copyOptions.value?.tooltip)
+    );
+    const buttonLabel = computed(() => {
+      if (copyStatus.value === "failed") return labels.value.copyFailedLabel;
+      if (copyStatus.value === "copied") return labels.value.copiedLabel;
+      return idleLabel.value;
+    });
+    const liveText = computed(() => copyStatus.value === "idle" ? "" : buttonLabel.value);
+    const handleCopy = async () => {
+      const options = copyOptions.value;
+      if (!options) return;
+      const fallback = bodyRef.value?.textContent ?? "";
+      const text = resolveTextCopyContent(options, fallback);
+      const ok = await copyTextToClipboard(text);
+      if (ok) {
+        reset.schedule("copied");
+        options.onCopy?.(text);
+        emit("copy", text);
+      } else {
+        reset.schedule("failed");
+      }
+    };
+    onBeforeUnmount(() => {
+      reset.dispose();
+    });
+    return () => {
+      const content = slots.default?.();
+      if (!copyable.value) {
+        return h(resolvedTag.value, { ...attrs, class: [textClasses.value, attrs.class] }, content);
+      }
+      const bodyClass = [
+        textCopyableBodyClasses,
+        props.truncate ? "truncate" : void 0,
+        textClasses.value
+      ];
+      const copySvg = copyIcon ? h(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: copyIcon.viewBox,
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          class: "h-3.5 w-3.5",
+          "aria-hidden": "true"
+        },
+        copyIcon.paths.map((d) => h("path", { d }))
+      ) : void 0;
+      return h(resolvedTag.value, { ...attrs, class: [textCopyableRootClasses, attrs.class] }, [
+        h(
+          "span",
+          {
+            ref: bodyRef,
+            class: bodyClass
+          },
+          content
+        ),
+        h(
+          "button",
+          {
+            type: "button",
+            class: textCopyableButtonClasses,
+            "aria-label": buttonLabel.value,
+            title: buttonLabel.value,
+            onClick: handleCopy
+          },
+          copySvg
+        ),
+        h("span", { class: textCopyableLiveClasses, "aria-live": "polite" }, liveText.value)
+      ]);
+    };
+  }
+});
+var Text_default = Text;
+
+export {
+  Text,
+  Text_default
+};

package/dist/{chunk-ZW2VXGO3.mjs → chunk-RBST5GCI.mjs}

@@ -83,8 +83,10 @@ var BackTop = defineComponent({
     const config = useTigerConfig();
     const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const labelSet = computed(() => getBackTopLabels(mergedLocale.value, props.labels));
+    const hostRef = ref(null);
+    const resolveRoot = () => resolveScrollRoot(props.target, { from: hostRef.value });
     const resolvedKey = computed(() => {
-      const root = resolveScrollRoot(props.target);
+      const root = resolveRoot();
       return root.isWindow ? "window" : root.target;
     });
     let visibilityController;
@@ -99,7 +101,7 @@ var BackTop = defineComponent({
     };
     const bind = () => {
       unbind();
-      const root = resolveScrollRoot(props.target);
+      const root = resolveRoot();
       const eventTarget = getScrollRootEventTarget(root);
       const scrollNode = root.target;
       if (!eventTarget || !scrollNode) return;
@@ -115,7 +117,7 @@ var BackTop = defineComponent({
       visibilityController.update();
     };
     const handleClick = (event) => {
-      const root = resolveScrollRoot(props.target);
+      const root = resolveRoot();
       if (!root.target) {
         emit("click", event);
         return;
@@ -165,6 +167,7 @@ var BackTop = defineComponent({
         "button",
         {
           ...attrs,
+          ref: hostRef,
           type: "button",
           class: buttonClasses.value,
           style: mergedStyle.value,

package/dist/{chunk-HSKBYNCP.mjs → chunk-ZMSGID63.mjs}

@@ -110,10 +110,10 @@ var ScrollSpy = defineComponent({
       () => currentActiveKey.value === void 0 ? "" : getScrollSpyKeyString(currentActiveKey.value)
     );
     const flatItems = computed(() => flattenScrollSpyItems(props.items));
+    const hostRef = ref(null);
     let stopObserver = null;
-    const scrollLock = createProgrammaticScrollLock(
-      () => resolveScrollSpyContainer(props.getContainer)
-    );
+    const resolveContainer = () => resolveScrollSpyContainer(props.getContainer, hostRef.value);
+    const scrollLock = createProgrammaticScrollLock(() => resolveContainer());
     const emitActive = (item, source) => {
       const nextKeyString = getScrollSpyKeyString(item.key);
       if (nextKeyString === activeKeyString.value) return;
@@ -126,6 +126,7 @@ var ScrollSpy = defineComponent({
       stopObserver?.();
       stopObserver = createScrollSpyObserver(props.items, {
         container: props.getContainer,
+        from: hostRef.value,
         offsetTop: offset.value,
         bounds: props.bounds,
         onChange: (item) => {
@@ -144,7 +145,7 @@ var ScrollSpy = defineComponent({
       emit("click", item, event);
       emitActive(item, "click");
       scrollLock.lock();
-      activateScrollSpyClick(item, resolveScrollSpyContainer(props.getContainer), offset.value);
+      activateScrollSpyClick(item, resolveContainer(), offset.value);
     };
     onMounted(() => {
       nextTick(() => setupObserver());
@@ -155,7 +156,7 @@ var ScrollSpy = defineComponent({
         offset,
         () => props.bounds,
         () => {
-          const container = resolveScrollSpyContainer(props.getContainer);
+          const container = resolveContainer();
           return container === window ? "window" : container;
         }
       ],
@@ -212,6 +213,7 @@ var ScrollSpy = defineComponent({
         "nav",
         {
           ...attrs,
+          ref: hostRef,
           class: classNames(
             getScrollSpyRootClasses(props.sticky, props.className),
             coerceClassValue(attrsRecord.class)

package/dist/components/ActivityFeed.mjs

@@ -1,12 +1,12 @@
 import {
   ActivityFeed,
   ActivityFeed_default
-} from "../chunk-MWYNO42Z.mjs";
+} from "../chunk-5IVN54XY.mjs";
 import "../chunk-K46SNCCE.mjs";
 import "../chunk-2HP6DX7Q.mjs";
 import "../chunk-NWPALCKN.mjs";
 import "../chunk-7PLYHGMY.mjs";
-import "../chunk-I77GUQV4.mjs";
+import "../chunk-OEHI4BZZ.mjs";
 import "../chunk-W4A6L2TC.mjs";
 import "../chunk-OGXSLKXD.mjs";
 import "../chunk-PVJDEAOW.mjs";

package/dist/components/Anchor.mjs

@@ -3,7 +3,7 @@ import {
   AnchorContextKey,
   AnchorLink,
   Anchor_default
-} from "../chunk-TQEN6GDE.mjs";
+} from "../chunk-IKM3NBMK.mjs";
 import "../chunk-S3A7X7PP.mjs";
 import "../chunk-4GOTWNOO.mjs";
 export {

package/dist/components/BackTop.mjs

@@ -1,7 +1,7 @@
 import {
   BackTop,
   BackTop_default
-} from "../chunk-ZW2VXGO3.mjs";
+} from "../chunk-RBST5GCI.mjs";
 import "../chunk-4GOTWNOO.mjs";
 export {
   BackTop,

package/dist/components/Calendar.d.mts

@@ -1,8 +1,8 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { CalendarMode, WeekStartsOn, TigerLocale, CalendarProps as CalendarProps$1 } from '@expcat/tigercat-core';
+import { CalendarMode, WeekStartsOn, TigerLocale, CalendarEvent, CalendarProps as CalendarProps$1 } from '@expcat/tigercat-core';
 
-interface VueCalendarProps extends Omit<CalendarProps$1, 'value' | 'onChange' | 'onPanelChange'> {
+interface VueCalendarProps extends Omit<CalendarProps$1, 'value' | 'onChange' | 'onPanelChange' | 'dateCellRender'> {
     modelValue?: Date | string | null;
 }
 type CalendarProps = VueCalendarProps;
@@ -51,6 +51,10 @@ declare const Calendar: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: undefined;
     };
+    events: {
+        type: PropType<CalendarEvent[]>;
+        default: undefined;
+    };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:modelValue" | "update:mode" | "panel-change")[], "change" | "update:modelValue" | "update:mode" | "panel-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
@@ -98,6 +102,10 @@ declare const Calendar: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: undefined;
     };
+    events: {
+        type: PropType<CalendarEvent[]>;
+        default: undefined;
+    };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -105,16 +113,17 @@ declare const Calendar: vue.DefineComponent<vue.ExtractPropTypes<{
     "onPanel-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     locale: Partial<TigerLocale>;
+    fullscreen: boolean;
     mode: CalendarMode;
     now: Date;
     className: string;
     modelValue: string | Date | null;
     defaultValue: string | Date | null;
     defaultMode: CalendarMode;
-    fullscreen: boolean;
     disabledDate: (date: Date) => boolean;
     weekStartsOn: WeekStartsOn;
     rangeValue: [Date | null, Date | null];
+    events: CalendarEvent[];
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { Calendar, type CalendarProps, type VueCalendarProps, Calendar as default };

package/dist/components/Calendar.mjs

@@ -1,7 +1,7 @@
 import {
   Calendar,
   Calendar_default
-} from "../chunk-XCIQNTJN.mjs";
+} from "../chunk-77L52YWC.mjs";
 import "../chunk-4GOTWNOO.mjs";
 export {
   Calendar,

package/dist/components/Code.d.mts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { TigerLocale, TigerLocaleCode, CodeProps } from '@expcat/tigercat-core';
+import { CodeHighlighter, TigerLocale, TigerLocaleCode, CodeProps } from '@expcat/tigercat-core';
 
 interface VueCodeProps extends CodeProps {
     className?: string;
@@ -15,6 +15,14 @@ declare const Code: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    language: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    highlighter: {
+        type: PropType<CodeHighlighter>;
+        default: undefined;
+    };
     copyLabel: {
         type: StringConstructor;
         default: undefined;
@@ -54,6 +62,14 @@ declare const Code: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    language: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    highlighter: {
+        type: PropType<CodeHighlighter>;
+        default: undefined;
+    };
     copyLabel: {
         type: StringConstructor;
         default: undefined;
@@ -93,6 +109,8 @@ declare const Code: vue.DefineComponent<vue.ExtractPropTypes<{
     copyFailedLabel: string;
     className: string;
     copyable: boolean;
+    language: string;
+    highlighter: CodeHighlighter;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { Code, type VueCodeProps, Code as default };

package/dist/components/Code.mjs

@@ -1,7 +1,7 @@
 import {
   Code,
   Code_default
-} from "../chunk-35JLHFUT.mjs";
+} from "../chunk-ETW3MBHS.mjs";
 import "../chunk-4GOTWNOO.mjs";
 export {
   Code,

package/dist/components/CodeEditor.d.mts

@@ -217,15 +217,15 @@ declare const CodeEditor: vue.DefineComponent<vue.ExtractPropTypes<{
     id: string;
     modelValue: string;
     defaultValue: string;
+    language: CodeLanguage;
+    highlighter: CodeHighlighter;
     maxLines: number;
     tabSize: number;
     wordWrap: boolean;
     readOnly: boolean;
-    language: CodeLanguage;
     lineNumbers: boolean;
     highlightActiveLine: boolean;
     minLines: number;
-    highlighter: CodeHighlighter;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { CodeEditor, type VueCodeEditorProps, CodeEditor as default };

package/dist/components/CommentThread.mjs

@@ -1,10 +1,10 @@
 import {
   CommentThread,
   CommentThread_default
-} from "../chunk-ETJ4QD6U.mjs";
+} from "../chunk-AYCK22RG.mjs";
 import "../chunk-ZQCKZXQI.mjs";
 import "../chunk-7PLYHGMY.mjs";
-import "../chunk-I77GUQV4.mjs";
+import "../chunk-OEHI4BZZ.mjs";
 import "../chunk-OGXSLKXD.mjs";
 import "../chunk-PVJDEAOW.mjs";
 import "../chunk-FEVDV3I6.mjs";

package/dist/components/DataTableWithToolbar.mjs

@@ -4,9 +4,9 @@ import {
 } from "../chunk-I4BT2CJO.mjs";
 import "../chunk-5XIHKQL7.mjs";
 import "../chunk-FM2P4ENM.mjs";
+import "../chunk-KIGQEL2O.mjs";
 import "../chunk-AFNJO6KJ.mjs";
 import "../chunk-63I4VHHU.mjs";
-import "../chunk-KIGQEL2O.mjs";
 import "../chunk-IOSUZR6Z.mjs";
 import "../chunk-OZZKYZD6.mjs";
 import "../chunk-CMYPAPF2.mjs";

package/dist/components/DatePicker.mjs

@@ -1,8 +1,8 @@
 import {
   DatePicker,
   DatePicker_default
-} from "../chunk-4KFAGTGA.mjs";
-import "../chunk-XCIQNTJN.mjs";
+} from "../chunk-3GNK4XIP.mjs";
+import "../chunk-77L52YWC.mjs";
 import "../chunk-J4HGCSOE.mjs";
 import "../chunk-P2LZ2MR5.mjs";
 import "../chunk-VFRB5L7W.mjs";

package/dist/components/Drag.d.mts

@@ -0,0 +1,62 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { DragItem, DragConfig } from '@expcat/tigercat-core';
+
+interface VueDragProps {
+    items?: DragItem[];
+    config?: DragConfig;
+    containerId?: string;
+    className?: string;
+}
+type DragProps = VueDragProps;
+declare const Drag: vue.DefineComponent<vue.ExtractPropTypes<{
+    items: {
+        type: PropType<DragItem[]>;
+        default: () => never[];
+    };
+    config: {
+        type: PropType<DragConfig>;
+        default: undefined;
+    };
+    containerId: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("drop" | "update:items" | "items-change" | "drag-start" | "drag-over" | "drag-end")[], "drop" | "update:items" | "items-change" | "drag-start" | "drag-over" | "drag-end", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    items: {
+        type: PropType<DragItem[]>;
+        default: () => never[];
+    };
+    config: {
+        type: PropType<DragConfig>;
+        default: undefined;
+    };
+    containerId: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onDrop?: ((...args: any[]) => any) | undefined;
+    "onUpdate:items"?: ((...args: any[]) => any) | undefined;
+    "onItems-change"?: ((...args: any[]) => any) | undefined;
+    "onDrag-start"?: ((...args: any[]) => any) | undefined;
+    "onDrag-over"?: ((...args: any[]) => any) | undefined;
+    "onDrag-end"?: ((...args: any[]) => any) | undefined;
+}>, {
+    className: string;
+    items: DragItem[];
+    config: DragConfig;
+    containerId: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { Drag, type DragProps, type VueDragProps, Drag as default };

package/dist/components/Drag.mjs

@@ -0,0 +1,9 @@
+import {
+  Drag,
+  Drag_default
+} from "../chunk-7L5MXXHC.mjs";
+import "../chunk-DXL3YHRP.mjs";
+export {
+  Drag,
+  Drag_default as default
+};

package/dist/components/Footer.d.mts

@@ -5,6 +5,7 @@ interface VueFooterProps {
     className?: string;
     as?: string;
     height?: string;
+    size?: 'default' | 'compact';
     style?: Record<string, string | number>;
 }
 declare const Footer: vue.DefineComponent<vue.ExtractPropTypes<{
@@ -20,6 +21,10 @@ declare const Footer: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<string>;
         default: undefined;
     };
+    size: {
+        type: PropType<"default" | "compact">;
+        default: string;
+    };
     style: {
         type: PropType<Record<string, string | number>>;
         default: undefined;
@@ -39,12 +44,17 @@ declare const Footer: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<string>;
         default: undefined;
     };
+    size: {
+        type: PropType<"default" | "compact">;
+        default: string;
+    };
     style: {
         type: PropType<Record<string, string | number>>;
         default: undefined;
     };
 }>> & Readonly<{}>, {
     style: Record<string, string | number>;
+    size: "default" | "compact";
     className: string;
     height: string;
     as: string;

package/dist/components/Footer.mjs

@@ -1,7 +1,7 @@
 import {
   Footer,
   Footer_default
-} from "../chunk-BFIYTA3E.mjs";
+} from "../chunk-72XR5ZIW.mjs";
 export {
   Footer,
   Footer_default as default

package/dist/components/FullscreenButton.d.mts

@@ -0,0 +1,58 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { TigerLocale, TigerLocaleFullscreen } from '@expcat/tigercat-core';
+
+interface VueFullscreenButtonProps {
+    target?: Element | (() => Element | null | undefined) | null;
+    locale?: Partial<TigerLocale>;
+    labels?: Partial<TigerLocaleFullscreen>;
+    className?: string;
+}
+type FullscreenButtonProps = VueFullscreenButtonProps;
+declare const FullscreenButton: vue.DefineComponent<vue.ExtractPropTypes<{
+    target: {
+        type: PropType<Element | (() => Element | null | undefined) | null>;
+        default: undefined;
+    };
+    locale: {
+        type: PropType<Partial<TigerLocale>>;
+        default: undefined;
+    };
+    labels: {
+        type: PropType<Partial<TigerLocaleFullscreen>>;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "error")[], "change" | "error", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    target: {
+        type: PropType<Element | (() => Element | null | undefined) | null>;
+        default: undefined;
+    };
+    locale: {
+        type: PropType<Partial<TigerLocale>>;
+        default: undefined;
+    };
+    labels: {
+        type: PropType<Partial<TigerLocaleFullscreen>>;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
+}>, {
+    locale: Partial<TigerLocale>;
+    labels: Partial<TigerLocaleFullscreen>;
+    className: string;
+    target: Element | (() => Element | null | undefined) | null;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { FullscreenButton, type FullscreenButtonProps, type VueFullscreenButtonProps, FullscreenButton as default };

package/dist/components/FullscreenButton.mjs

@@ -0,0 +1,10 @@
+import {
+  FullscreenButton,
+  FullscreenButton_default
+} from "../chunk-GFSZU7EJ.mjs";
+import "../chunk-JUSJUVFQ.mjs";
+import "../chunk-4GOTWNOO.mjs";
+export {
+  FullscreenButton,
+  FullscreenButton_default as default
+};