@expcat/tigercat-vue 1.4.0 → 2.0.0-preview.1

package/dist/chunk-DUMPRNDR.js

@@ -1,389 +0,0 @@
-"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; }
-
-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 closeText = _vue.computed.call(void 0, 
-      () => _tigercatcore.resolveLocaleText.call(void 0, "Close", _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.common, 'optionalAccess', _3 => _3.closeText]))
-    );
-    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": closeText.value,
-            type: "button"
-          },
-          createSvgIcon(_tigercatcore.imageViewerIcons.close, closeText.value)
-        )
-      );
-      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": "Previous image",
-              type: "button"
-            },
-            createSvgIcon(_tigercatcore.imageViewerIcons.prev, "Previous")
-          ),
-          _vue.h.call(void 0, 
-            "button",
-            {
-              class: _tigercatcore.classNames.call(void 0, _tigercatcore.imageViewerNavBtnClasses, "right-4"),
-              onClick: handleNext,
-              "aria-label": "Next image",
-              type: "button"
-            },
-            createSvgIcon(_tigercatcore.imageViewerIcons.next, "Next")
-          )
-        );
-      }
-      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": "Zoom out",
-              type: "button"
-            },
-            createSvgIcon(_tigercatcore.imageViewerIcons.zoomOut, "Zoom out")
-          ),
-          _vue.h.call(void 0, 
-            "button",
-            {
-              class: _tigercatcore.imageViewerToolbarBtnClasses,
-              onClick: handleZoomIn,
-              "aria-label": "Zoom in",
-              type: "button"
-            },
-            createSvgIcon(_tigercatcore.imageViewerIcons.zoomIn, "Zoom in")
-          )
-        );
-      }
-      if (props.rotatable) {
-        toolbarButtons.push(
-          _vue.h.call(void 0, 
-            "button",
-            {
-              class: _tigercatcore.imageViewerToolbarBtnClasses,
-              onClick: handleRotateLeft,
-              "aria-label": "Rotate left",
-              type: "button"
-            },
-            createSvgIcon(_tigercatcore.imageViewerIcons.rotateLeft, "Rotate left")
-          ),
-          _vue.h.call(void 0, 
-            "button",
-            {
-              class: _tigercatcore.imageViewerToolbarBtnClasses,
-              onClick: handleRotateRight,
-              "aria-label": "Rotate right",
-              type: "button"
-            },
-            createSvgIcon(_tigercatcore.imageViewerIcons.rotateRight, "Rotate right")
-          )
-        );
-      }
-      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": "Image viewer",
-          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-DYSLYJ2W.js

@@ -1,92 +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; }// src/components/InputGroup.ts
-var _vue = require('vue');
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var INPUT_GROUP_INJECTION_KEY = /* @__PURE__ */ Symbol("TigerInputGroup");
-var InputGroup = _vue.defineComponent.call(void 0, {
-  name: "TigerInputGroup",
-  inheritAttrs: false,
-  props: {
-    size: {
-      type: String,
-      default: "md"
-    },
-    compact: {
-      type: Boolean,
-      default: false
-    },
-    className: {
-      type: String,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    _vue.provide.call(void 0, INPUT_GROUP_INJECTION_KEY, {
-      get size() {
-        return props.size;
-      },
-      get compact() {
-        return props.compact;
-      }
-    });
-    const classes = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getInputGroupClasses.call(void 0, props.compact, props.className),
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    return () => _vue.h.call(void 0, 
-      "div",
-      {
-        ...attrs,
-        class: classes.value,
-        role: "group"
-      },
-      _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()])
-    );
-  }
-});
-var InputGroupAddon = _vue.defineComponent.call(void 0, {
-  name: "TigerInputGroupAddon",
-  inheritAttrs: false,
-  props: {
-    type: {
-      type: String,
-      default: "text"
-    },
-    className: {
-      type: String,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const ctx = _vue.inject.call(void 0, INPUT_GROUP_INJECTION_KEY, null);
-    return () => {
-      const size = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _3 => _3.size]), () => ( "md"));
-      const compact = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _4 => _4.compact]), () => ( true));
-      return _vue.h.call(void 0, 
-        "span",
-        {
-          ...attrs,
-          class: _tigercatcore.classNames.call(void 0, 
-            _tigercatcore.getInputGroupAddonClasses.call(void 0, size, compact, props.className),
-            _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-          )
-        },
-        _optionalChain([slots, 'access', _5 => _5.default, 'optionalCall', _6 => _6()])
-      );
-    };
-  }
-});
-var InputGroup_default = InputGroup;
-
-
-
-
-
-
-exports.INPUT_GROUP_INJECTION_KEY = INPUT_GROUP_INJECTION_KEY; exports.InputGroup = InputGroup; exports.InputGroupAddon = InputGroupAddon; exports.InputGroup_default = InputGroup_default;

package/dist/chunk-DZXZ3YEL.js

@@ -1,137 +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; }// src/components/BackTop.ts
-
-
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var DefaultIcon = _vue.h.call(void 0, 
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    "stroke-width": "2",
-    class: "h-5 w-5",
-    "aria-hidden": "true"
-  },
-  [_vue.h.call(void 0, "path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: _tigercatcore.backTopIconPath })]
-);
-var BackTop = _vue.defineComponent.call(void 0, {
-  name: "TigerBackTop",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Scroll height to show the BackTop button
-     * @default 400
-     */
-    visibilityHeight: {
-      type: Number,
-      default: 400
-    },
-    /**
-     * Target element to listen for scroll events
-     * @default () => window
-     */
-    target: {
-      type: Function,
-      default: () => window
-    },
-    /**
-     * Use immediate scroll when set to 0; positive values use native smooth scrolling
-     * @default 450
-     */
-    duration: {
-      type: Number,
-      default: 450
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["click"],
-  setup(props, { slots, emit, attrs }) {
-    const visible = _vue.ref.call(void 0, false);
-    const targetElement = _vue.shallowRef.call(void 0, null);
-    let visibilityController;
-    const handleClick = (event) => {
-      if (!targetElement.value) return;
-      _tigercatcore.scrollToTop.call(void 0, targetElement.value, props.duration);
-      emit("click", event);
-    };
-    _vue.onMounted.call(void 0, () => {
-      targetElement.value = _nullishCoalesce(props.target(), () => ( window));
-      visibilityController = _tigercatcore.createBackTopVisibilityController.call(void 0, {
-        target: targetElement.value,
-        getVisibilityHeight: () => props.visibilityHeight,
-        onChange: (nextVisible) => {
-          visible.value = nextVisible;
-        }
-      });
-      targetElement.value.addEventListener("scroll", visibilityController.schedule, {
-        passive: true
-      });
-      visibilityController.update();
-    });
-    _vue.onBeforeUnmount.call(void 0, () => {
-      if (targetElement.value && visibilityController) {
-        targetElement.value.removeEventListener("scroll", visibilityController.schedule);
-      }
-      _optionalChain([visibilityController, 'optionalAccess', _ => _.cancel, 'call', _2 => _2()]);
-    });
-    const buttonClasses = _vue.computed.call(void 0, () => {
-      const target = _nullishCoalesce(targetElement.value, () => ( props.target()));
-      const isWindowTarget = !target || target === window;
-      const positionClasses = isWindowTarget ? _tigercatcore.backTopButtonClasses : _tigercatcore.backTopContainerClasses;
-      return _tigercatcore.classNames.call(void 0, 
-        positionClasses,
-        visible.value ? _tigercatcore.backTopVisibleClasses : _tigercatcore.backTopHiddenClasses,
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      );
-    });
-    const mergedStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style));
-    return () => {
-      const content = slots.default ? slots.default() : DefaultIcon;
-      return _vue.h.call(void 0, 
-        "button",
-        {
-          ...attrs,
-          type: "button",
-          class: buttonClasses.value,
-          style: mergedStyle.value,
-          "aria-label": _nullishCoalesce(attrs["aria-label"], () => ( "Back to top")),
-          onClick: handleClick
-        },
-        content
-      );
-    };
-  }
-});
-var BackTop_default = BackTop;
-
-
-
-
-exports.BackTop = BackTop; exports.BackTop_default = BackTop_default;