@expcat/tigercat-vue 1.5.0 → 2.0.0-preview.2

package/dist/chunk-OQBWITHA.js

@@ -1,387 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
-
-// src/components/ImageViewer.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-function createSvgIcon(pathD, label) {
-  return _vue.h.call(void 0, 
-    "svg",
-    {
-      class: "w-5 h-5",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-width": "2",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "aria-label": label
-    },
-    [_vue.h.call(void 0, "path", { d: pathD })]
-  );
-}
-var ImageViewer = _vue.defineComponent.call(void 0, {
-  name: "TigerImageViewer",
-  inheritAttrs: false,
-  props: {
-    images: {
-      type: Array,
-      required: true
-    },
-    open: {
-      type: Boolean,
-      default: false
-    },
-    currentIndex: {
-      type: Number,
-      default: 0
-    },
-    zoomable: {
-      type: Boolean,
-      default: true
-    },
-    rotatable: {
-      type: Boolean,
-      default: true
-    },
-    showNav: {
-      type: Boolean,
-      default: true
-    },
-    showCounter: {
-      type: Boolean,
-      default: true
-    },
-    maskClosable: {
-      type: Boolean,
-      default: true
-    },
-    minZoom: {
-      type: Number,
-      default: 0.5
-    },
-    maxZoom: {
-      type: Number,
-      default: 3
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    locale: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update:open", "update:currentIndex", "close"],
-  setup(props, { emit, attrs }) {
-    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
-    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
-    const labels = _vue.computed.call(void 0, () => _tigercatcore.getImageViewerLabels.call(void 0, mergedLocale.value));
-    const index = _vue.ref.call(void 0, props.currentIndex);
-    const transform = _vue.ref.call(void 0, _tigercatcore.createDefaultTransform.call(void 0, ));
-    let panState = _tigercatcore.createPanState.call(void 0, );
-    let pinchState = _tigercatcore.createPinchState.call(void 0, );
-    _vue.watch.call(void 0, 
-      () => props.currentIndex,
-      (val) => {
-        index.value = val;
-      }
-    );
-    function resetTransform() {
-      transform.value = _tigercatcore.createDefaultTransform.call(void 0, );
-      panState = _tigercatcore.createPanState.call(void 0, );
-      pinchState = _tigercatcore.createPinchState.call(void 0, );
-    }
-    const handleClose = () => {
-      emit("update:open", false);
-      emit("close");
-    };
-    const handlePrev = () => {
-      index.value = (index.value - 1 + props.images.length) % props.images.length;
-      resetTransform();
-      emit("update:currentIndex", index.value);
-    };
-    const handleNext = () => {
-      index.value = (index.value + 1) % props.images.length;
-      resetTransform();
-      emit("update:currentIndex", index.value);
-    };
-    const handleZoomIn = () => {
-      transform.value = {
-        ...transform.value,
-        scale: _tigercatcore.clampZoom.call(void 0, transform.value.scale + 0.25, props.minZoom, props.maxZoom)
-      };
-    };
-    const handleZoomOut = () => {
-      transform.value = {
-        ...transform.value,
-        scale: _tigercatcore.clampZoom.call(void 0, transform.value.scale - 0.25, props.minZoom, props.maxZoom)
-      };
-    };
-    const handleRotateLeft = () => {
-      transform.value = {
-        ...transform.value,
-        rotation: _tigercatcore.normalizeRotation.call(void 0, transform.value.rotation - 90)
-      };
-    };
-    const handleRotateRight = () => {
-      transform.value = {
-        ...transform.value,
-        rotation: _tigercatcore.normalizeRotation.call(void 0, transform.value.rotation + 90)
-      };
-    };
-    const handleWheel = (e) => {
-      if (!props.zoomable) return;
-      e.preventDefault();
-      const newScale = _tigercatcore.applyWheelZoom.call(void 0, transform.value.scale, e.deltaY, {
-        minZoom: props.minZoom,
-        maxZoom: props.maxZoom
-      });
-      transform.value = { ...transform.value, scale: newScale };
-    };
-    const handleMouseDown = (e) => {
-      if (e.button !== 0) return;
-      e.preventDefault();
-      panState = _tigercatcore.startPan.call(void 0, 
-        e.clientX,
-        e.clientY,
-        transform.value.translateX,
-        transform.value.translateY
-      );
-    };
-    const handleMouseMove = (e) => {
-      if (!panState.isPanning) return;
-      const result = _tigercatcore.movePan.call(void 0, panState, e.clientX, e.clientY);
-      transform.value = { ...transform.value, ...result };
-    };
-    const handleMouseUp = () => {
-      panState = _tigercatcore.createPanState.call(void 0, );
-    };
-    const handleTouchStart = (e) => {
-      if (e.touches.length === 2 && props.zoomable) {
-        e.preventDefault();
-        pinchState = _tigercatcore.startPinch.call(void 0, e.touches[0], e.touches[1], transform.value.scale);
-      } else if (e.touches.length === 1) {
-        panState = _tigercatcore.startPan.call(void 0, 
-          e.touches[0].clientX,
-          e.touches[0].clientY,
-          transform.value.translateX,
-          transform.value.translateY
-        );
-      }
-    };
-    const handleTouchMove = (e) => {
-      if (e.touches.length === 2 && pinchState.isPinching) {
-        e.preventDefault();
-        const newScale = _tigercatcore.movePinch.call(void 0, 
-          pinchState,
-          e.touches[0],
-          e.touches[1],
-          props.minZoom,
-          props.maxZoom
-        );
-        transform.value = { ...transform.value, scale: newScale };
-      } else if (e.touches.length === 1 && panState.isPanning) {
-        const result = _tigercatcore.movePan.call(void 0, panState, e.touches[0].clientX, e.touches[0].clientY);
-        transform.value = { ...transform.value, ...result };
-      }
-    };
-    const handleTouchEnd = () => {
-      pinchState = _tigercatcore.createPinchState.call(void 0, );
-      panState = _tigercatcore.createPanState.call(void 0, );
-    };
-    const handleKeydown = (e) => {
-      if (!props.open) return;
-      switch (e.key) {
-        case "Escape":
-          handleClose();
-          break;
-        case "ArrowLeft":
-          handlePrev();
-          break;
-        case "ArrowRight":
-          handleNext();
-          break;
-      }
-    };
-    _vue.onMounted.call(void 0, () => {
-      document.addEventListener("keydown", handleKeydown);
-    });
-    _vue.onBeforeUnmount.call(void 0, () => {
-      document.removeEventListener("keydown", handleKeydown);
-    });
-    return () => {
-      if (!props.open || props.images.length === 0) return null;
-      const children = [];
-      if (props.showCounter && props.images.length > 1) {
-        children.push(
-          _vue.h.call(void 0, 
-            "div",
-            { class: _tigercatcore.imageViewerCounterClasses },
-            `${index.value + 1} / ${props.images.length}`
-          )
-        );
-      }
-      children.push(
-        _vue.h.call(void 0, 
-          "button",
-          {
-            class: _tigercatcore.imageViewerCloseBtnClasses,
-            onClick: handleClose,
-            "aria-label": labels.value.closeAriaLabel,
-            type: "button"
-          },
-          createSvgIcon(_tigercatcore.imageViewerIcons.close, labels.value.closeAriaLabel)
-        )
-      );
-      if (props.showNav && props.images.length > 1) {
-        children.push(
-          _vue.h.call(void 0, 
-            "button",
-            {
-              class: _tigercatcore.classNames.call(void 0, _tigercatcore.imageViewerNavBtnClasses, "left-4"),
-              onClick: handlePrev,
-              "aria-label": labels.value.previousImageAriaLabel,
-              type: "button"
-            },
-            createSvgIcon(_tigercatcore.imageViewerIcons.prev, labels.value.previousImageAriaLabel)
-          ),
-          _vue.h.call(void 0, 
-            "button",
-            {
-              class: _tigercatcore.classNames.call(void 0, _tigercatcore.imageViewerNavBtnClasses, "right-4"),
-              onClick: handleNext,
-              "aria-label": labels.value.nextImageAriaLabel,
-              type: "button"
-            },
-            createSvgIcon(_tigercatcore.imageViewerIcons.next, labels.value.nextImageAriaLabel)
-          )
-        );
-      }
-      children.push(
-        _vue.h.call(void 0, "img", {
-          class: _tigercatcore.imageViewerImgClasses,
-          src: props.images[index.value],
-          alt: `Image ${index.value + 1}`,
-          style: {
-            transform: _tigercatcore.getImageTransformStyle.call(void 0, transform.value)
-          },
-          draggable: false,
-          onWheel: handleWheel,
-          onMousedown: handleMouseDown,
-          onMousemove: handleMouseMove,
-          onMouseup: handleMouseUp,
-          onMouseleave: handleMouseUp,
-          onTouchstart: handleTouchStart,
-          onTouchmove: handleTouchMove,
-          onTouchend: handleTouchEnd,
-          onTouchcancel: handleTouchEnd
-        })
-      );
-      const toolbarButtons = [];
-      if (props.zoomable) {
-        toolbarButtons.push(
-          _vue.h.call(void 0, 
-            "button",
-            {
-              class: _tigercatcore.imageViewerToolbarBtnClasses,
-              onClick: handleZoomOut,
-              "aria-label": labels.value.zoomOutAriaLabel,
-              type: "button"
-            },
-            createSvgIcon(_tigercatcore.imageViewerIcons.zoomOut, labels.value.zoomOutAriaLabel)
-          ),
-          _vue.h.call(void 0, 
-            "button",
-            {
-              class: _tigercatcore.imageViewerToolbarBtnClasses,
-              onClick: handleZoomIn,
-              "aria-label": labels.value.zoomInAriaLabel,
-              type: "button"
-            },
-            createSvgIcon(_tigercatcore.imageViewerIcons.zoomIn, labels.value.zoomInAriaLabel)
-          )
-        );
-      }
-      if (props.rotatable) {
-        toolbarButtons.push(
-          _vue.h.call(void 0, 
-            "button",
-            {
-              class: _tigercatcore.imageViewerToolbarBtnClasses,
-              onClick: handleRotateLeft,
-              "aria-label": labels.value.rotateLeftAriaLabel,
-              type: "button"
-            },
-            createSvgIcon(_tigercatcore.imageViewerIcons.rotateLeft, labels.value.rotateLeftAriaLabel)
-          ),
-          _vue.h.call(void 0, 
-            "button",
-            {
-              class: _tigercatcore.imageViewerToolbarBtnClasses,
-              onClick: handleRotateRight,
-              "aria-label": labels.value.rotateRightAriaLabel,
-              type: "button"
-            },
-            createSvgIcon(_tigercatcore.imageViewerIcons.rotateRight, labels.value.rotateRightAriaLabel)
-          )
-        );
-      }
-      if (toolbarButtons.length > 0) {
-        children.push(_vue.h.call(void 0, "div", { class: _tigercatcore.imageViewerToolbarClasses }, toolbarButtons));
-      }
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          class: _tigercatcore.classNames.call(void 0, 
-            _tigercatcore.imageViewerBackdropClasses,
-            props.className,
-            _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-          ),
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-label": labels.value.dialogAriaLabel,
-          onClick: (e) => {
-            if (props.maskClosable && e.target === e.currentTarget) {
-              handleClose();
-            }
-          }
-        },
-        children
-      );
-    };
-  }
-});
-var ImageViewer_default = ImageViewer;
-
-
-
-
-exports.ImageViewer = ImageViewer; exports.ImageViewer_default = ImageViewer_default;

package/dist/chunk-OQOJI5Q7.js

@@ -1,158 +0,0 @@
-"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; }
-
-var _chunkBYNTPLGCjs = require('./chunk-BYNTPLGC.js');
-
-// src/components/Avatar.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Avatar = _vue.defineComponent.call(void 0, {
-  name: "TigerAvatar",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Avatar size
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Avatar shape
-     * @default 'circle'
-     */
-    shape: {
-      type: String,
-      default: "circle"
-    },
-    /**
-     * Image source URL
-     */
-    src: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Alternative text for image
-     */
-    alt: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Text content to display (e.g., initials)
-     */
-    text: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Background color for text/icon avatars
-     */
-    bgColor: {
-      type: String,
-      default: _tigercatcore.avatarDefaultBgColor
-    },
-    /**
-     * Text color for text/icon avatars
-     */
-    textColor: {
-      type: String,
-      default: _tigercatcore.avatarDefaultTextColor
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const imageError = _vue.ref.call(void 0, false);
-    const group = _vue.inject.call(void 0, _chunkBYNTPLGCjs.AVATAR_GROUP_INJECTION_KEY, null);
-    const hasImage = _vue.computed.call(void 0, () => Boolean(props.src) && !imageError.value);
-    const resolvedSize = _vue.computed.call(void 0, () => _nullishCoalesce(_nullishCoalesce(props.size, () => ( _optionalChain([group, 'optionalAccess', _ => _.size]))), () => ( "md")));
-    const avatarClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.avatarBaseClasses,
-        _tigercatcore.avatarSizeClasses[resolvedSize.value],
-        _tigercatcore.avatarShapeClasses[props.shape],
-        _optionalChain([group, 'optionalAccess', _2 => _2.itemClass]),
-        !hasImage.value && props.bgColor,
-        !hasImage.value && props.textColor
-      )
-    );
-    const displayText = _vue.computed.call(void 0, () => props.text ? _tigercatcore.getInitials.call(void 0, props.text) : "");
-    return () => {
-      const attrsRecord = attrs;
-      const attrsClass = attrsRecord.class;
-      const attrsStyle = attrsRecord.style;
-      const ariaLabelProp = attrsRecord["aria-label"];
-      const ariaLabelledbyProp = attrsRecord["aria-labelledby"];
-      const ariaHiddenProp = attrsRecord["aria-hidden"];
-      const computedLabel = _nullishCoalesce(_nullishCoalesce(ariaLabelProp, () => ( (props.alt.trim() ? props.alt : void 0))), () => ( (_optionalChain([props, 'access', _3 => _3.text, 'optionalAccess', _4 => _4.trim, 'call', _5 => _5()]) || void 0)));
-      const isDecorative = ariaHiddenProp === true || !computedLabel && !ariaLabelledbyProp;
-      const baseSpanProps = {
-        ...attrs,
-        class: _tigercatcore.classNames.call(void 0, avatarClasses.value, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsClass)),
-        style: _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style)
-      };
-      if (hasImage.value) {
-        return _vue.h.call(void 0, 
-          "span",
-          {
-            ...baseSpanProps,
-            "aria-hidden": isDecorative ? true : ariaHiddenProp
-          },
-          [
-            _vue.h.call(void 0, "img", {
-              src: props.src,
-              alt: props.alt,
-              class: _tigercatcore.avatarImageClasses,
-              onError: () => {
-                imageError.value = true;
-              }
-            })
-          ]
-        );
-      }
-      return _vue.h.call(void 0, 
-        "span",
-        {
-          ...baseSpanProps,
-          ...isDecorative ? { "aria-hidden": true } : {
-            role: "img",
-            "aria-label": computedLabel,
-            "aria-labelledby": ariaLabelledbyProp
-          }
-        },
-        displayText.value || _optionalChain([slots, 'access', _6 => _6.default, 'optionalCall', _7 => _7()])
-      );
-    };
-  }
-});
-var Avatar_default = Avatar;
-
-
-
-
-exports.Avatar = Avatar; exports.Avatar_default = Avatar_default;