@expcat/tigercat-vue 2.1.2 → 2.1.4

package/dist/chunk-P3VAY2IQ.mjs

@@ -1,112 +0,0 @@
-// src/components/CheckboxGroup.ts
-import { defineComponent, computed, provide, ref, h } from "vue";
-import {
-  classNames,
-  coerceClassValue
-} from "@expcat/tigercat-core";
-var CheckboxGroupKey = /* @__PURE__ */ Symbol("CheckboxGroup");
-var CheckboxGroup = defineComponent({
-  name: "TigerCheckboxGroup",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Selected values (v-model)
-     */
-    modelValue: {
-      type: Array
-    },
-    /**
-     * Default selected values (uncontrolled mode)
-     * @default []
-     */
-    defaultValue: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * Whether all checkboxes are disabled
-     * @default false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Checkbox size for all checkboxes
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String
-    },
-    /**
-     * Inline styles
-     */
-    style: {
-      type: Object
-    }
-  },
-  emits: {
-    /**
-     * Emitted when selected values change (for v-model)
-     */
-    "update:modelValue": (value) => Array.isArray(value),
-    /**
-     * Emitted when selected values change
-     */
-    change: (value) => Array.isArray(value)
-  },
-  setup(props, { slots, emit, attrs }) {
-    const internalValue = ref(props.defaultValue);
-    const isControlled = computed(() => props.modelValue !== void 0);
-    const value = computed(() => {
-      return props.modelValue !== void 0 ? props.modelValue : internalValue.value;
-    });
-    const updateValue = (val, checked) => {
-      if (props.disabled) return;
-      const currentValue = [...value.value];
-      const index = currentValue.indexOf(val);
-      if (checked && index === -1) {
-        currentValue.push(val);
-      } else if (!checked && index !== -1) {
-        currentValue.splice(index, 1);
-      }
-      if (!isControlled.value) {
-        internalValue.value = currentValue;
-      }
-      emit("update:modelValue", currentValue);
-      emit("change", currentValue);
-    };
-    provide(
-      CheckboxGroupKey,
-      computed(() => ({
-        value: value.value,
-        disabled: props.disabled,
-        size: props.size,
-        updateValue
-      }))
-    );
-    return () => h(
-      "div",
-      {
-        ...attrs,
-        class: classNames(props.className, coerceClassValue(attrs.class)),
-        style: [attrs.style, props.style]
-      },
-      slots.default?.()
-    );
-  }
-});
-var CheckboxGroup_default = CheckboxGroup;
-
-export {
-  CheckboxGroupKey,
-  CheckboxGroup,
-  CheckboxGroup_default
-};

package/dist/chunk-P7X46BAW.mjs

@@ -1,308 +0,0 @@
-import {
-  useTigerConfig
-} from "./chunk-UOJOJBEU.mjs";
-
-// src/components/Signature.ts
-import {
-  computed,
-  defineComponent,
-  h,
-  onMounted,
-  onUnmounted,
-  ref,
-  watch
-} from "vue";
-import {
-  classNames,
-  clampSignatureLineWidth,
-  cloneSignatureStrokes,
-  coerceClassValue,
-  drawSignatureStrokes,
-  getSignatureCanvasDataUrl,
-  getSignatureCanvasWrapClasses,
-  getSignaturePoint,
-  isBrowser,
-  isSignatureEmpty,
-  mergeStyleValues,
-  mergeTigerLocale,
-  resolveLocaleText,
-  signatureCanvasClasses,
-  signatureClearButtonClasses,
-  signatureRootClasses,
-  signatureStrokesToSvg,
-  signatureSvgToDataUrl,
-  signatureToolbarClasses
-} from "@expcat/tigercat-core";
-var DEFAULT_WIDTH = 480;
-var DEFAULT_HEIGHT = 180;
-var Signature = defineComponent({
-  name: "TigerSignature",
-  inheritAttrs: false,
-  props: {
-    modelValue: { type: String, default: void 0 },
-    width: { type: Number, default: DEFAULT_WIDTH },
-    height: { type: Number, default: DEFAULT_HEIGHT },
-    penColor: { type: String, default: "#111827" },
-    backgroundColor: { type: String, default: void 0 },
-    lineWidth: { type: Number, default: 2 },
-    disabled: { type: Boolean, default: false },
-    readonly: { type: Boolean, default: false },
-    clearable: { type: Boolean, default: true },
-    exportType: {
-      type: String,
-      default: "image/png"
-    },
-    quality: { type: Number, default: 0.92 },
-    ariaLabel: { type: String, default: "Signature pad" },
-    clearText: { type: String, default: void 0 },
-    locale: { type: Object, default: void 0 },
-    className: { type: String, default: void 0 },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update:modelValue", "change", "begin", "end", "clear"],
-  setup(props, { attrs, emit, expose }) {
-    const config = useTigerConfig();
-    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
-    const canvasRef = ref(null);
-    const strokes = ref([]);
-    const activeStroke = ref(null);
-    const capturedPointerId = ref(null);
-    const isDisabled = computed(() => props.disabled || props.readonly);
-    const normalizedLineWidth = computed(() => clampSignatureLineWidth(props.lineWidth));
-    let documentPointerListening = false;
-    const draw = (nextStrokes) => {
-      const canvas = canvasRef.value;
-      const context = canvas?.getContext("2d");
-      if (!canvas || !context) return;
-      const ratio = !isBrowser() ? 1 : window.devicePixelRatio || 1;
-      canvas.width = props.width * ratio;
-      canvas.height = props.height * ratio;
-      canvas.style.width = `${props.width}px`;
-      canvas.style.height = `${props.height}px`;
-      context.setTransform(ratio, 0, 0, ratio, 0, 0);
-      drawSignatureStrokes(context, nextStrokes, {
-        width: props.width,
-        height: props.height,
-        backgroundColor: props.backgroundColor
-      });
-    };
-    watch(
-      [strokes, () => props.width, () => props.height, () => props.backgroundColor],
-      () => draw(strokes.value),
-      { deep: true, flush: "post" }
-    );
-    watch(
-      () => props.modelValue,
-      (value) => {
-        if (value === "" && !isSignatureEmpty(strokes.value)) {
-          strokes.value = [];
-          activeStroke.value = null;
-          detachDocumentPointerListeners();
-          releaseCanvasPointer();
-          draw([]);
-        }
-      }
-    );
-    onMounted(() => {
-      draw(strokes.value);
-    });
-    const toSVG = () => signatureStrokesToSvg(strokes.value, {
-      width: props.width,
-      height: props.height,
-      backgroundColor: props.backgroundColor
-    });
-    const toDataURL = (type = props.exportType, quality = props.quality) => {
-      if (type === "image/svg+xml") return signatureSvgToDataUrl(toSVG());
-      return getSignatureCanvasDataUrl(canvasRef.value, type, quality);
-    };
-    const createPayload = (nextStrokes) => {
-      const value = props.exportType === "image/svg+xml" ? signatureSvgToDataUrl(
-        signatureStrokesToSvg(nextStrokes, {
-          width: props.width,
-          height: props.height,
-          backgroundColor: props.backgroundColor
-        })
-      ) : getSignatureCanvasDataUrl(canvasRef.value, props.exportType, props.quality);
-      return {
-        value,
-        empty: isSignatureEmpty(nextStrokes),
-        strokes: cloneSignatureStrokes(nextStrokes),
-        exportType: props.exportType
-      };
-    };
-    const emitChange = (nextStrokes) => {
-      const payload = createPayload(nextStrokes);
-      emit("update:modelValue", payload.value);
-      emit("change", payload);
-      return payload;
-    };
-    const clear = () => {
-      strokes.value = [];
-      activeStroke.value = null;
-      detachDocumentPointerListeners();
-      releaseCanvasPointer();
-      draw([]);
-      emitChange([]);
-      emit("clear");
-    };
-    const getPointFromEvent = (event) => {
-      const canvas = canvasRef.value;
-      const rect = canvas?.getBoundingClientRect() ?? {
-        left: 0,
-        top: 0,
-        width: props.width,
-        height: props.height
-      };
-      return getSignaturePoint(event.clientX, event.clientY, rect, props.width, props.height);
-    };
-    const captureCanvasPointer = (pointerId) => {
-      capturedPointerId.value = pointerId;
-      const canvas = canvasRef.value;
-      if (!canvas || typeof canvas.setPointerCapture !== "function") return;
-      try {
-        canvas.setPointerCapture(pointerId);
-      } catch {
-      }
-    };
-    const releaseCanvasPointer = () => {
-      const canvas = canvasRef.value;
-      const pointerId = capturedPointerId.value;
-      capturedPointerId.value = null;
-      if (!canvas || pointerId == null || typeof canvas.releasePointerCapture !== "function") return;
-      if (typeof canvas.hasPointerCapture === "function") {
-        try {
-          if (!canvas.hasPointerCapture(pointerId)) return;
-        } catch {
-          return;
-        }
-      }
-      try {
-        canvas.releasePointerCapture(pointerId);
-      } catch {
-      }
-    };
-    const handleDocumentPointerEnd = () => {
-      finishStroke();
-    };
-    const attachDocumentPointerListeners = () => {
-      if (documentPointerListening || !isBrowser()) return;
-      document.addEventListener("pointerup", handleDocumentPointerEnd);
-      document.addEventListener("pointercancel", handleDocumentPointerEnd);
-      documentPointerListening = true;
-    };
-    const detachDocumentPointerListeners = () => {
-      if (!documentPointerListening || !isBrowser()) return;
-      document.removeEventListener("pointerup", handleDocumentPointerEnd);
-      document.removeEventListener("pointercancel", handleDocumentPointerEnd);
-      documentPointerListening = false;
-    };
-    const handlePointerDown = (event) => {
-      if (isDisabled.value) return;
-      event.preventDefault();
-      canvasRef.value?.focus();
-      const pointerId = event.pointerId;
-      if (typeof pointerId === "number") {
-        captureCanvasPointer(pointerId);
-      }
-      const stroke = {
-        color: props.penColor,
-        lineWidth: normalizedLineWidth.value,
-        points: [getPointFromEvent(event)]
-      };
-      activeStroke.value = stroke;
-      strokes.value = [...strokes.value, stroke];
-      attachDocumentPointerListeners();
-      emit("begin");
-    };
-    const handlePointerMove = (event) => {
-      if (!activeStroke.value || isDisabled.value) return;
-      event.preventDefault();
-      activeStroke.value.points.push(getPointFromEvent(event));
-      strokes.value = [...strokes.value];
-    };
-    function finishStroke() {
-      if (!activeStroke.value) return;
-      activeStroke.value = null;
-      const payload = emitChange(strokes.value);
-      emit("end", payload);
-      detachDocumentPointerListeners();
-      releaseCanvasPointer();
-    }
-    onUnmounted(() => {
-      detachDocumentPointerListeners();
-      releaseCanvasPointer();
-    });
-    const handleKeyDown = (event) => {
-      if (!props.clearable || isDisabled.value) return;
-      if (event.key !== "Delete" && event.key !== "Backspace") return;
-      event.preventDefault();
-      clear();
-    };
-    expose({
-      clear,
-      isEmpty: () => isSignatureEmpty(strokes.value),
-      toDataURL,
-      toSVG
-    });
-    const rootClasses = computed(
-      () => classNames(signatureRootClasses, props.className, coerceClassValue(attrs.class))
-    );
-    const rootStyle = computed(
-      () => mergeStyleValues(props.style, attrs.style)
-    );
-    return () => {
-      const forwardedAttrs = Object.fromEntries(
-        Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")
-      );
-      return h(
-        "div",
-        {
-          ...forwardedAttrs,
-          class: rootClasses.value,
-          style: rootStyle.value
-        },
-        [
-          h("div", { class: getSignatureCanvasWrapClasses(props.disabled, props.readonly) }, [
-            h("canvas", {
-              ref: canvasRef,
-              class: signatureCanvasClasses,
-              width: props.width,
-              height: props.height,
-              tabindex: isDisabled.value ? -1 : 0,
-              role: "img",
-              "aria-label": props.ariaLabel,
-              "aria-disabled": isDisabled.value || void 0,
-              onPointerdown: handlePointerDown,
-              onPointermove: handlePointerMove,
-              onPointerup: finishStroke,
-              onPointercancel: finishStroke,
-              onLostpointercapture: finishStroke,
-              onKeydown: handleKeyDown
-            })
-          ]),
-          props.clearable ? h("div", { class: signatureToolbarClasses }, [
-            h(
-              "button",
-              {
-                type: "button",
-                class: signatureClearButtonClasses,
-                disabled: isDisabled.value || isSignatureEmpty(strokes.value),
-                onClick: clear
-              },
-              resolveLocaleText("Clear", props.clearText, mergedLocale.value?.common?.clearText)
-            )
-          ]) : null
-        ]
-      );
-    };
-  }
-});
-var Signature_default = Signature;
-
-export {
-  Signature,
-  Signature_default
-};

package/dist/chunk-PD2PKYJE.mjs

@@ -1,213 +0,0 @@
-// src/components/Resizable.ts
-import { defineComponent, h, ref, computed, onBeforeUnmount } from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  resizableBaseClasses,
-  getResizableHandleClasses,
-  calculateResizeDelta,
-  clampDimensions,
-  applyAspectRatio,
-  defaultResizeHandles,
-  createDocumentDragSession,
-  getResizeKeyboardDelta,
-  getResizeHandleOrientation
-} from "@expcat/tigercat-core";
-var Resizable = defineComponent({
-  name: "TigerResizable",
-  props: {
-    defaultWidth: { type: Number, default: void 0 },
-    defaultHeight: { type: Number, default: void 0 },
-    minWidth: { type: Number, default: 0 },
-    minHeight: { type: Number, default: 0 },
-    maxWidth: { type: Number, default: void 0 },
-    maxHeight: { type: Number, default: void 0 },
-    handles: {
-      type: Array,
-      default: () => [...defaultResizeHandles]
-    },
-    axis: {
-      type: String,
-      default: "both"
-    },
-    disabled: { type: Boolean, default: false },
-    lockAspectRatio: { type: Boolean, default: false },
-    className: { type: String, default: void 0 },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["resize-start", "resize", "resize-end"],
-  setup(props, { slots, emit, attrs }) {
-    const width = ref(props.defaultWidth);
-    const height = ref(props.defaultHeight);
-    const draggingHandle = ref(null);
-    const startMouseX = ref(0);
-    const startMouseY = ref(0);
-    const startWidth = ref(0);
-    const startHeight = ref(0);
-    let dragSession = null;
-    const containerClasses = computed(
-      () => classNames(
-        resizableBaseClasses,
-        "group/resizable",
-        props.className,
-        coerceClassValue(attrs.class)
-      )
-    );
-    const containerStyle = computed(() => {
-      const s = {};
-      if (width.value != null) s.width = `${width.value}px`;
-      if (height.value != null) s.height = `${height.value}px`;
-      return s;
-    });
-    const cleanupDragSession = () => {
-      dragSession?.dispose();
-      dragSession = null;
-    };
-    const onMouseDown = (handle, e) => {
-      if (props.disabled) return;
-      e.preventDefault();
-      cleanupDragSession();
-      draggingHandle.value = handle;
-      startMouseX.value = e.clientX;
-      startMouseY.value = e.clientY;
-      startWidth.value = width.value ?? 0;
-      startHeight.value = height.value ?? 0;
-      emit("resize-start", {
-        width: startWidth.value,
-        height: startHeight.value,
-        handle,
-        deltaX: 0,
-        deltaY: 0
-      });
-      dragSession = createDocumentDragSession({
-        startX: e.clientX,
-        startY: e.clientY,
-        ownerDocument: e.currentTarget?.ownerDocument,
-        onMove: ({ currentX, currentY }) => {
-          applyResize(currentX, currentY, (event) => emit("resize", event));
-        },
-        onEnd: ({ currentX, currentY }) => {
-          applyResize(currentX, currentY, (event) => emit("resize-end", event));
-          draggingHandle.value = null;
-          dragSession = null;
-        }
-      });
-    };
-    const applyResize = (currentX, currentY, notify) => {
-      const handle = draggingHandle.value;
-      if (!handle) return;
-      const mouseDeltaX = currentX - startMouseX.value;
-      const mouseDeltaY = currentY - startMouseY.value;
-      const { deltaWidth, deltaHeight } = calculateResizeDelta(
-        handle,
-        mouseDeltaX,
-        mouseDeltaY,
-        props.axis
-      );
-      let newW = startWidth.value + deltaWidth;
-      let newH = startHeight.value + deltaHeight;
-      if (props.lockAspectRatio) {
-        const ar = applyAspectRatio(newW, newH, startWidth.value, startHeight.value);
-        newW = ar.width;
-        newH = ar.height;
-      }
-      const clamped = clampDimensions(
-        newW,
-        newH,
-        props.minWidth,
-        props.minHeight,
-        props.maxWidth,
-        props.maxHeight
-      );
-      width.value = clamped.width;
-      height.value = clamped.height;
-      notify({
-        width: clamped.width,
-        height: clamped.height,
-        handle,
-        deltaX: clamped.width - startWidth.value,
-        deltaY: clamped.height - startHeight.value
-      });
-    };
-    const onKeyDown = (handle, e) => {
-      if (props.disabled) return;
-      const delta = getResizeKeyboardDelta(e.key);
-      if (!delta) return;
-      e.preventDefault();
-      const startW = width.value ?? 0;
-      const startH = height.value ?? 0;
-      const { deltaWidth, deltaHeight } = calculateResizeDelta(
-        handle,
-        delta.deltaX,
-        delta.deltaY,
-        props.axis
-      );
-      let newW = startW + deltaWidth;
-      let newH = startH + deltaHeight;
-      if (props.lockAspectRatio) {
-        const ar = applyAspectRatio(newW, newH, startW, startH);
-        newW = ar.width;
-        newH = ar.height;
-      }
-      const clamped = clampDimensions(
-        newW,
-        newH,
-        props.minWidth,
-        props.minHeight,
-        props.maxWidth,
-        props.maxHeight
-      );
-      width.value = clamped.width;
-      height.value = clamped.height;
-      const evt = {
-        width: clamped.width,
-        height: clamped.height,
-        handle,
-        deltaX: clamped.width - startW,
-        deltaY: clamped.height - startH
-      };
-      emit("resize", evt);
-      emit("resize-end", evt);
-    };
-    onBeforeUnmount(() => {
-      cleanupDragSession();
-    });
-    return () => {
-      const handleNodes = props.handles.map((pos) => {
-        const usesHeight = pos === "top" || pos === "bottom";
-        const valueNow = Math.round((usesHeight ? height.value : width.value) ?? 0);
-        return h("div", {
-          class: getResizableHandleClasses(pos, draggingHandle.value === pos, props.disabled),
-          "data-handle": pos,
-          role: "separator",
-          "aria-label": `Resize ${pos}`,
-          "aria-orientation": getResizeHandleOrientation(pos),
-          "aria-valuenow": valueNow,
-          "aria-valuemin": usesHeight ? props.minHeight : props.minWidth,
-          "aria-valuemax": usesHeight ? props.maxHeight : props.maxWidth,
-          tabindex: props.disabled ? -1 : 0,
-          onMousedown: (e) => onMouseDown(pos, e),
-          onKeydown: (e) => onKeyDown(pos, e)
-        });
-      });
-      return h(
-        "div",
-        {
-          class: containerClasses.value,
-          style: { ...containerStyle.value, ...props.style },
-          "data-resizable": ""
-        },
-        [...slots.default?.() || [], ...handleNodes]
-      );
-    };
-  }
-});
-var Resizable_default = Resizable;
-
-export {
-  Resizable,
-  Resizable_default
-};