@expcat/tigercat-vue 2.1.2 → 2.1.4

package/dist/chunk-PGF7HLLR.mjs

@@ -1,145 +0,0 @@
-import {
-  renderVueOverlayTeleport,
-  useVueAnchoredOverlay
-} from "./chunk-Q7Y22OFX.mjs";
-
-// src/components/Mentions.ts
-import { defineComponent, h, ref, computed } from "vue";
-import { classNames, coerceClassValue } from "@expcat/tigercat-core";
-import {
-  getMentionsInputClasses,
-  mentionsDropdownClasses,
-  getMentionsOptionClasses,
-  extractMentionQuery,
-  getCyclicIndex
-} from "@expcat/tigercat-core";
-var Mentions = defineComponent({
-  name: "TigerMentions",
-  props: {
-    modelValue: { type: String, default: "" },
-    prefix: { type: String, default: "@" },
-    options: { type: Array, default: () => [] },
-    placeholder: { type: String, default: void 0 },
-    disabled: { type: Boolean, default: false },
-    size: { type: String, default: "md" },
-    rows: { type: Number, default: 3 }
-  },
-  emits: ["update:modelValue", "change", "select"],
-  setup(props, { emit, attrs }) {
-    const isOpen = ref(false);
-    const activeIndex = ref(0);
-    const mentionStartPos = ref(-1);
-    const query = ref("");
-    const textareaRef = ref(null);
-    const dropdownRef = ref(null);
-    const containerRef = ref(null);
-    const filteredOptions = computed(() => {
-      if (!query.value) return props.options || [];
-      const q = query.value.toLowerCase();
-      return (props.options || []).filter((o) => !o.disabled && o.label.toLowerCase().includes(q));
-    });
-    const overlayEnabled = computed(() => isOpen.value && filteredOptions.value.length > 0);
-    const overlay = useVueAnchoredOverlay({
-      enabled: overlayEnabled,
-      referenceRef: textareaRef,
-      floatingRef: dropdownRef,
-      containerRef,
-      placement: "bottom-start",
-      offset: 4,
-      dismissOnOutside: true,
-      dismissOnEscape: true,
-      restoreFocusOnDismiss: true,
-      onDismiss: () => isOpen.value = false
-    });
-    function handleInput(e) {
-      const target = e.target;
-      const value = target.value;
-      emit("update:modelValue", value);
-      emit("change", value);
-      const cursorPos = target.selectionStart ?? value.length;
-      const result = extractMentionQuery(value, cursorPos, props.prefix ?? "@");
-      if (result && filteredOptions.value.length > 0) {
-        query.value = result.query;
-        mentionStartPos.value = result.startPos;
-        isOpen.value = true;
-        activeIndex.value = 0;
-      } else {
-        isOpen.value = false;
-      }
-    }
-    function selectOption(option) {
-      if (option.disabled) return;
-      const val = props.modelValue || "";
-      const before = val.slice(0, mentionStartPos.value);
-      const after = val.slice(textareaRef.value?.selectionStart ?? val.length);
-      const newValue = `${before}${props.prefix}${option.value} ${after}`;
-      emit("update:modelValue", newValue);
-      emit("change", newValue);
-      emit("select", option);
-      isOpen.value = false;
-    }
-    function handleKeydown(e) {
-      if (!isOpen.value) return;
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
-        activeIndex.value = getCyclicIndex(filteredOptions.value.length, activeIndex.value, 1);
-      } else if (e.key === "ArrowUp") {
-        e.preventDefault();
-        activeIndex.value = getCyclicIndex(filteredOptions.value.length, activeIndex.value, -1);
-      } else if (e.key === "Enter") {
-        e.preventDefault();
-        const opt = filteredOptions.value[activeIndex.value];
-        if (opt) selectOption(opt);
-      } else if (e.key === "Escape") {
-        isOpen.value = false;
-      }
-    }
-    return () => {
-      const wrapperClass = classNames("relative", coerceClassValue(attrs.class));
-      return h("div", { ref: containerRef, class: wrapperClass }, [
-        h("textarea", {
-          ref: textareaRef,
-          value: props.modelValue,
-          class: getMentionsInputClasses(props.size ?? "md", props.disabled ?? false),
-          placeholder: props.placeholder,
-          disabled: props.disabled,
-          rows: props.rows,
-          onInput: handleInput,
-          onKeydown: handleKeydown
-        }),
-        isOpen.value && filteredOptions.value.length > 0 ? renderVueOverlayTeleport(
-          h(
-            "div",
-            {
-              ref: dropdownRef,
-              class: classNames(mentionsDropdownClasses, overlay.floatingClasses.value),
-              style: overlay.floatingStyles.value,
-              "data-positioned": overlay.positioned.value,
-              role: "listbox"
-            },
-            filteredOptions.value.map(
-              (opt, i) => h(
-                "div",
-                {
-                  key: opt.value,
-                  class: getMentionsOptionClasses(i === activeIndex.value, !!opt.disabled),
-                  role: "option",
-                  "aria-selected": i === activeIndex.value,
-                  onClick: () => selectOption(opt)
-                },
-                opt.label
-              )
-            )
-          ),
-          overlay.target.value
-        ) : null
-      ]);
-    };
-  }
-});
-var Mentions_default = Mentions;
-
-export {
-  Mentions,
-  Mentions_default
-};

package/dist/chunk-PSGVG4TN.mjs

@@ -1,229 +0,0 @@
-// src/components/Splitter.ts
-import { defineComponent, h, ref, computed, onMounted, onBeforeUnmount, watch } from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  getSplitterContainerClasses,
-  getSplitterGutterClasses,
-  getSplitterGutterCssVars,
-  getSplitterGutterHandleClasses,
-  getPaneStyle,
-  resizePanes,
-  resolveInitialPaneSizes,
-  createDocumentDragSession
-} from "@expcat/tigercat-core";
-var Splitter = defineComponent({
-  name: "TigerSplitter",
-  props: {
-    direction: {
-      type: String,
-      default: "horizontal"
-    },
-    sizes: {
-      type: Array,
-      default: void 0
-    },
-    min: {
-      type: Number,
-      default: 0
-    },
-    max: {
-      type: Number,
-      default: void 0
-    },
-    gutterSize: {
-      type: Number,
-      default: 4
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update:sizes", "resize-start", "resize", "resize-end"],
-  setup(props, { slots, emit, attrs }) {
-    const containerRef = ref(null);
-    const paneSizes = ref([]);
-    const draggingIndex = ref(-1);
-    const startPos = ref(0);
-    const startSizes = ref([]);
-    let dragSession = null;
-    const getPaneCount = () => {
-      if (props.sizes && props.sizes.length > 0) return props.sizes.length;
-      const el = containerRef.value;
-      if (!el) return 0;
-      let n = 0;
-      for (let i = 0; i < el.children.length; i++) {
-        if (el.children[i].classList.contains("tiger-splitter-pane")) n++;
-      }
-      return n;
-    };
-    const resolveAndApplySizes = () => {
-      const paneCount = getPaneCount();
-      if (paneCount === 0) return;
-      const el = containerRef.value;
-      const containerSize = el ? props.direction === "horizontal" ? el.clientWidth : el.clientHeight : 0;
-      const resolved = resolveInitialPaneSizes(
-        paneCount,
-        containerSize,
-        props.gutterSize,
-        props.sizes,
-        props.min,
-        props.max
-      );
-      if (resolved) {
-        paneSizes.value = resolved;
-      }
-    };
-    watch(
-      () => [props.sizes, props.min, props.max, props.gutterSize, props.direction],
-      () => {
-        resolveAndApplySizes();
-      },
-      { immediate: true, deep: true }
-    );
-    onMounted(resolveAndApplySizes);
-    const containerClasses = computed(
-      () => classNames(
-        getSplitterContainerClasses(props.direction, props.className),
-        coerceClassValue(attrs.class)
-      )
-    );
-    const getMins = () => paneSizes.value.map(() => props.min);
-    const getMaxes = () => paneSizes.value.map(() => props.max);
-    const cleanupDragSession = () => {
-      dragSession?.dispose();
-      dragSession = null;
-    };
-    const onMouseDown = (index, e) => {
-      if (props.disabled) return;
-      e.preventDefault();
-      cleanupDragSession();
-      draggingIndex.value = index;
-      startPos.value = props.direction === "horizontal" ? e.clientX : e.clientY;
-      startSizes.value = [...paneSizes.value];
-      emit("resize-start", { index, sizes: [...paneSizes.value] });
-      dragSession = createDocumentDragSession({
-        startX: e.clientX,
-        startY: e.clientY,
-        ownerDocument: e.currentTarget?.ownerDocument,
-        onMove: ({ currentX, currentY }) => {
-          applyDragResize(currentX, currentY);
-        },
-        onEnd: ({ currentX, currentY }) => {
-          applyDragResize(currentX, currentY);
-          if (draggingIndex.value >= 0) {
-            emit("resize-end", {
-              index: draggingIndex.value,
-              sizes: [...paneSizes.value]
-            });
-          }
-          draggingIndex.value = -1;
-          dragSession = null;
-        }
-      });
-    };
-    const applyDragResize = (currentX, currentY) => {
-      if (draggingIndex.value < 0) return;
-      const currentPos = props.direction === "horizontal" ? currentX : currentY;
-      const delta = currentPos - startPos.value;
-      const newSizes = resizePanes(
-        startSizes.value,
-        draggingIndex.value,
-        delta,
-        getMins(),
-        getMaxes()
-      );
-      if (newSizes) {
-        paneSizes.value = newSizes;
-        emit("update:sizes", newSizes);
-        emit("resize", { index: draggingIndex.value, sizes: newSizes });
-      }
-    };
-    onBeforeUnmount(() => {
-      cleanupDragSession();
-    });
-    return () => {
-      const children = slots.default?.() || [];
-      const nodes = [];
-      children.forEach((child, i) => {
-        const size = paneSizes.value[i];
-        const paneStyle = size != null ? getPaneStyle(size, props.direction) : void 0;
-        nodes.push(
-          h(
-            "div",
-            {
-              class: "tiger-splitter-pane relative overflow-auto",
-              style: paneStyle,
-              "data-pane-index": i
-            },
-            [child]
-          )
-        );
-        if (i < children.length - 1) {
-          const isDragging = draggingIndex.value === i;
-          nodes.push(
-            h(
-              "div",
-              {
-                class: getSplitterGutterClasses(props.direction, isDragging, props.disabled),
-                role: "separator",
-                "aria-orientation": props.direction === "horizontal" ? "vertical" : "horizontal",
-                tabindex: props.disabled ? -1 : 0,
-                "data-gutter-index": i,
-                onMousedown: (e) => onMouseDown(i, e),
-                onKeydown: (e) => {
-                  if (props.disabled) return;
-                  const step = 10;
-                  let delta = 0;
-                  if (props.direction === "horizontal" && e.key === "ArrowLeft" || props.direction === "vertical" && e.key === "ArrowUp") {
-                    delta = -step;
-                  } else if (props.direction === "horizontal" && e.key === "ArrowRight" || props.direction === "vertical" && e.key === "ArrowDown") {
-                    delta = step;
-                  }
-                  if (delta !== 0) {
-                    e.preventDefault();
-                    const newSizes = resizePanes(paneSizes.value, i, delta, getMins(), getMaxes());
-                    if (newSizes) {
-                      paneSizes.value = newSizes;
-                      emit("update:sizes", newSizes);
-                      emit("resize", { index: i, sizes: newSizes });
-                    }
-                  }
-                }
-              },
-              [h("div", { class: getSplitterGutterHandleClasses(props.direction) })]
-            )
-          );
-        }
-      });
-      return h(
-        "div",
-        {
-          ref: containerRef,
-          class: containerClasses.value,
-          style: {
-            ...props.style,
-            ...getSplitterGutterCssVars(props.gutterSize)
-          },
-          "data-direction": props.direction
-        },
-        nodes
-      );
-    };
-  }
-});
-var Splitter_default = Splitter;
-
-export {
-  Splitter,
-  Splitter_default
-};

package/dist/chunk-PVPLDEC5.mjs

@@ -1,39 +0,0 @@
-// src/components/Layout.ts
-import { defineComponent, h, computed } from "vue";
-import { classNames, coerceClassValue, layoutRootClasses } from "@expcat/tigercat-core";
-var Layout = defineComponent({
-  name: "TigerLayout",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const layoutClasses = computed(
-      () => classNames(
-        layoutRootClasses,
-        props.className,
-        coerceClassValue(attrs.class)
-      )
-    );
-    return () => h("div", { ...attrs, class: layoutClasses.value, style: props.style }, slots.default?.());
-  }
-});
-var Layout_default = Layout;
-
-export {
-  Layout,
-  Layout_default
-};

package/dist/chunk-QMECRLHW.mjs

@@ -1,122 +0,0 @@
-// src/components/PrintLayout.ts
-import {
-  defineComponent,
-  h,
-  computed,
-  provide,
-  inject
-} from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  getPrintLayoutClasses,
-  printLayoutHeaderClasses,
-  printLayoutFooterClasses,
-  printLayoutPageBreakClasses
-} from "@expcat/tigercat-core";
-var PrintLayoutShowPageBreaksKey = /* @__PURE__ */ Symbol(
-  "tigerPrintShowPageBreaks"
-);
-var PrintLayout = defineComponent({
-  name: "TigerPrintLayout",
-  inheritAttrs: false,
-  props: {
-    pageSize: {
-      type: String,
-      default: "A4"
-    },
-    orientation: {
-      type: String,
-      default: "portrait"
-    },
-    showHeader: {
-      type: Boolean,
-      default: false
-    },
-    showFooter: {
-      type: Boolean,
-      default: false
-    },
-    headerText: {
-      type: String,
-      default: void 0
-    },
-    footerText: {
-      type: String,
-      default: void 0
-    },
-    showPageBreaks: {
-      type: Boolean,
-      default: true
-    },
-    className: {
-      type: String,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    provide(
-      PrintLayoutShowPageBreaksKey,
-      computed(() => props.showPageBreaks)
-    );
-    const classes = computed(
-      () => classNames(
-        getPrintLayoutClasses(props.pageSize, props.orientation, props.className),
-        coerceClassValue(attrs.class)
-      )
-    );
-    return () => {
-      const children = [];
-      if (props.showHeader && (props.headerText || slots.header)) {
-        children.push(
-          h(
-            "div",
-            { class: printLayoutHeaderClasses },
-            slots.header ? slots.header() : props.headerText
-          )
-        );
-      }
-      children.push(h("div", { class: "tiger-print-content" }, slots.default?.()));
-      if (props.showFooter && (props.footerText || slots.footer)) {
-        children.push(
-          h(
-            "div",
-            { class: printLayoutFooterClasses },
-            slots.footer ? slots.footer() : props.footerText
-          )
-        );
-      }
-      return h(
-        "div",
-        {
-          ...attrs,
-          class: classes.value
-        },
-        children
-      );
-    };
-  }
-});
-var PrintPageBreak = defineComponent({
-  name: "TigerPrintPageBreak",
-  setup(_, { attrs }) {
-    const showPageBreaks = inject(PrintLayoutShowPageBreaksKey, null);
-    return () => h("div", {
-      ...attrs,
-      // Always force the print page break; only show the on-screen dashed indicator
-      // when the enclosing PrintLayout has `showPageBreaks` enabled.
-      class: classNames(
-        (showPageBreaks?.value ?? true) && printLayoutPageBreakClasses,
-        "print:break-before-page"
-      ),
-      "aria-hidden": "true"
-    });
-  }
-});
-var PrintLayout_default = PrintLayout;
-
-export {
-  PrintLayout,
-  PrintPageBreak,
-  PrintLayout_default
-};

package/dist/chunk-QWLD5FMJ.mjs

@@ -1,67 +0,0 @@
-import {
-  ImagePreview
-} from "./chunk-SAC4PAG3.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",
-  props: {
-    preview: { type: Boolean, default: true }
-  },
-  emits: ["preview-open-change"],
-  setup(props, { slots, emit }) {
-    const images = ref([]);
-    const previewVisible = ref(false);
-    const previewIndex = ref(0);
-    const context = {
-      register(src) {
-        const result = registerImageGroupItem(images.value, src);
-        images.value = result.items;
-        return result.index;
-      },
-      unregister(src) {
-        images.value = unregisterImageGroupItem(images.value, src);
-      },
-      openPreview(index) {
-        if (!props.preview) return;
-        previewIndex.value = index;
-        previewVisible.value = true;
-        emit("preview-open-change", true);
-      }
-    };
-    provide(IMAGE_GROUP_INJECTION_KEY, context);
-    onBeforeUnmount(() => {
-      images.value = [];
-    });
-    return () => {
-      const children = slots.default?.();
-      const preview = props.preview ? h(ImagePreview, {
-        open: previewVisible.value,
-        images: images.value,
-        currentIndex: previewIndex.value,
-        "onUpdate:open": (val) => {
-          previewVisible.value = val;
-          if (!val) emit("preview-open-change", false);
-        },
-        "onUpdate:currentIndex": (val) => {
-          previewIndex.value = val;
-        }
-      }) : null;
-      return h("div", { class: getImageGroupClasses(), role: "group" }, [children, preview]);
-    };
-  }
-});
-var ImageGroup_default = ImageGroup;
-
-export {
-  IMAGE_GROUP_INJECTION_KEY,
-  ImageGroup,
-  ImageGroup_default
-};