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

package/dist/chunk-T4DF24UV.js

@@ -1,114 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Skeleton.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Skeleton = _vue.defineComponent.call(void 0, {
-  name: "TigerSkeleton",
-  inheritAttrs: false,
-  props: {
-    variant: {
-      type: String,
-      default: "text"
-    },
-    animation: {
-      type: String,
-      default: "pulse"
-    },
-    width: {
-      type: String,
-      default: void 0
-    },
-    height: {
-      type: String,
-      default: void 0
-    },
-    shape: {
-      type: String,
-      default: "circle"
-    },
-    rows: {
-      type: Number,
-      default: 1
-    },
-    paragraph: {
-      type: Boolean,
-      default: false
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { attrs }) {
-    const visualClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.getSkeletonClasses.call(void 0, props.variant, props.animation, props.shape)
-    );
-    const dimensions = _vue.computed.call(void 0, 
-      () => _tigercatcore.getSkeletonDimensions.call(void 0, props.variant, props.width, props.height)
-    );
-    return () => {
-      const attrsRecord = attrs;
-      const attrsClass = attrsRecord.class;
-      const attrsStyle = attrsRecord.style;
-      const hasAriaLabel = typeof attrsRecord["aria-label"] === "string" || typeof attrsRecord["aria-labelledby"] === "string";
-      const ariaHiddenRaw = attrsRecord["aria-hidden"];
-      const computedAriaHidden = typeof ariaHiddenRaw === "boolean" ? ariaHiddenRaw : hasAriaLabel ? void 0 : true;
-      if (props.variant === "text" && props.rows > 1) {
-        const rows = [];
-        for (let i = 0; i < props.rows; i++) {
-          const rowStyle = {
-            height: dimensions.value.height
-          };
-          if (props.paragraph) {
-            rowStyle.width = _tigercatcore.getParagraphRowWidth.call(void 0, i, props.rows);
-          } else if (dimensions.value.width) {
-            rowStyle.width = dimensions.value.width;
-          }
-          rows.push(
-            _vue.h.call(void 0, "div", {
-              key: i,
-              class: _tigercatcore.classNames.call(void 0, visualClasses.value, i < props.rows - 1 && "mb-2"),
-              style: rowStyle
-            })
-          );
-        }
-        return _vue.h.call(void 0, 
-          "div",
-          {
-            ...attrs,
-            class: _tigercatcore.classNames.call(void 0, "flex flex-col", props.className, _tigercatcore.coerceClassValue.call(void 0, attrsClass)),
-            style: _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style),
-            "aria-hidden": computedAriaHidden
-          },
-          rows
-        );
-      }
-      const dim = dimensions.value;
-      return _vue.h.call(void 0, "div", {
-        ...attrs,
-        class: _tigercatcore.classNames.call(void 0, visualClasses.value, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsClass)),
-        style: _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style, {
-          ...dim.width ? { width: dim.width } : void 0,
-          height: dim.height
-        }),
-        "aria-hidden": computedAriaHidden
-      });
-    };
-  }
-});
-var Skeleton_default = Skeleton;
-
-
-
-
-exports.Skeleton = Skeleton; exports.Skeleton_default = Skeleton_default;

package/dist/chunk-T5N2UHVP.js

@@ -1,283 +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 _chunkX6FG4RPFjs = require('./chunk-X6FG4RPF.js');
-
-
-var _chunkQOMWROWEjs = require('./chunk-QOMWROWE.js');
-
-
-var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
-
-// src/components/Image.ts
-
-
-
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var IMAGE_GROUP_INJECTION_KEY = "tiger-image-group";
-var Image = _vue.defineComponent.call(void 0, {
-  name: "TigerImage",
-  inheritAttrs: false,
-  props: {
-    src: { type: String, default: void 0 },
-    alt: { type: String, default: "" },
-    width: { type: [Number, String], default: void 0 },
-    height: { type: [Number, String], default: void 0 },
-    fit: { type: String, default: "cover" },
-    fallbackSrc: { type: String, default: void 0 },
-    preview: { type: Boolean, default: true },
-    previewTrigger: {
-      type: String,
-      default: "click"
-    },
-    lazy: { type: Boolean, default: false },
-    className: { type: String, default: void 0 },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["load", "error", "preview-open-change"],
-  setup(props, { slots, emit, attrs }) {
-    const loading = _vue.ref.call(void 0, true);
-    const error = _vue.ref.call(void 0, false);
-    const actualSrc = _vue.ref.call(void 0, props.lazy ? "" : props.src);
-    const containerRef = _vue.ref.call(void 0, null);
-    const previewVisible = _vue.ref.call(void 0, false);
-    let observer = null;
-    const group = _vue.inject.call(void 0, IMAGE_GROUP_INJECTION_KEY, null);
-    const hoverPreviewEnabled = _vue.computed.call(void 0, 
-      () => props.preview && props.previewTrigger === "hover" && !group
-    );
-    const clickPreviewEnabled = _vue.computed.call(void 0, () => props.preview && props.previewTrigger !== "hover");
-    const floatingPopupProps = {
-      get trigger() {
-        return "hover";
-      },
-      get placement() {
-        return "right";
-      },
-      get offset() {
-        return 12;
-      },
-      get disabled() {
-        return !hoverPreviewEnabled.value;
-      }
-    };
-    const {
-      currentVisible: hoverVisible,
-      triggerRef: hoverTriggerRef,
-      floatingRef: hoverFloatingRef,
-      floatingStyles: hoverFloatingStyles,
-      triggerHandlers: hoverTriggerHandlers
-    } = _chunkQOMWROWEjs.useFloatingPopup.call(void 0, { props: floatingPopupProps, emit });
-    const setContainerRef = (el) => {
-      containerRef.value = el;
-      hoverTriggerRef.value = el;
-    };
-    const registeredIndex = _vue.ref.call(void 0, -1);
-    _vue.onMounted.call(void 0, () => {
-      if (group && props.src) {
-        registeredIndex.value = group.register(props.src);
-      }
-      if (props.lazy && containerRef.value) {
-        observer = new IntersectionObserver(
-          (entries) => {
-            if (_optionalChain([entries, 'access', _ => _[0], 'optionalAccess', _2 => _2.isIntersecting])) {
-              actualSrc.value = props.src;
-              _optionalChain([observer, 'optionalAccess', _3 => _3.disconnect, 'call', _4 => _4()]);
-              observer = null;
-            }
-          },
-          { threshold: 0.01 }
-        );
-        observer.observe(containerRef.value);
-      }
-    });
-    _vue.onBeforeUnmount.call(void 0, () => {
-      _optionalChain([observer, 'optionalAccess', _5 => _5.disconnect, 'call', _6 => _6()]);
-      if (group && props.src) {
-        group.unregister(props.src);
-      }
-    });
-    _vue.watch.call(void 0, 
-      () => props.src,
-      (newSrc) => {
-        if (props.lazy) return;
-        actualSrc.value = newSrc;
-        error.value = false;
-        loading.value = true;
-      }
-    );
-    const handleLoad = () => {
-      loading.value = false;
-      error.value = false;
-      emit("load");
-    };
-    const handleError = () => {
-      loading.value = false;
-      error.value = true;
-      if (props.fallbackSrc && actualSrc.value !== props.fallbackSrc) {
-        actualSrc.value = props.fallbackSrc;
-        error.value = false;
-        loading.value = true;
-      }
-      emit("error");
-    };
-    const handleClick = () => {
-      if (!clickPreviewEnabled.value) return;
-      if (group) {
-        group.openPreview(registeredIndex.value >= 0 ? registeredIndex.value : 0);
-      } else {
-        previewVisible.value = true;
-        emit("preview-open-change", true);
-      }
-    };
-    const containerClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.imageBaseClasses,
-        props.preview && _tigercatcore.imagePreviewCursorClass,
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    const containerStyle = _vue.computed.call(void 0, () => {
-      const base = {};
-      const w = _tigercatcore.toCSSSize.call(void 0, props.width);
-      const ht = _tigercatcore.toCSSSize.call(void 0, props.height);
-      if (w) base.width = w;
-      if (ht) base.height = ht;
-      return _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style, base);
-    });
-    const imgClasses = _vue.computed.call(void 0, () => _tigercatcore.getImageImgClasses.call(void 0, _nullishCoalesce(props.fit, () => ( "cover"))));
-    return () => {
-      const forwardedAttrs = Object.fromEntries(
-        Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")
-      );
-      let content;
-      if (error.value && !props.fallbackSrc) {
-        content = slots.error ? slots.error() : _vue.h.call(void 0, "div", { class: _tigercatcore.imageErrorClasses }, [
-          _vue.h.call(void 0, 
-            "svg",
-            {
-              class: "w-8 h-8",
-              xmlns: "http://www.w3.org/2000/svg",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor"
-            },
-            [
-              _vue.h.call(void 0, "path", {
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                "stroke-width": "1.5",
-                d: _tigercatcore.imageErrorIconPath
-              })
-            ]
-          )
-        ]);
-      } else if (loading.value && !actualSrc.value) {
-        content = slots.placeholder ? slots.placeholder() : _vue.h.call(void 0, "div", { class: _tigercatcore.imageLoadingClasses }, [
-          _vue.h.call(void 0, 
-            "svg",
-            {
-              class: "w-8 h-8",
-              xmlns: "http://www.w3.org/2000/svg",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor"
-            },
-            [
-              _vue.h.call(void 0, "path", {
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                "stroke-width": "1.5",
-                d: _tigercatcore.imageErrorIconPath
-              })
-            ]
-          )
-        ]);
-      } else {
-        content = _vue.h.call(void 0, "img", {
-          src: actualSrc.value,
-          alt: props.alt,
-          class: imgClasses.value,
-          onLoad: handleLoad,
-          onError: handleError
-        });
-      }
-      const previewEl = !group && previewVisible.value && props.src ? _vue.h.call(void 0, _chunkX6FG4RPFjs.ImagePreview, {
-        open: previewVisible.value,
-        images: [props.src],
-        currentIndex: 0,
-        "onUpdate:open": (val) => {
-          previewVisible.value = val;
-          emit("preview-open-change", val);
-        }
-      }) : null;
-      const hoverPreviewEl = hoverPreviewEnabled.value && hoverVisible.value && props.src ? _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, 
-        _vue.h.call(void 0, 
-          "div",
-          {
-            ref: hoverFloatingRef,
-            style: hoverFloatingStyles.value,
-            "aria-hidden": true,
-            class: "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] p-1 shadow-lg"
-          },
-          [
-            _vue.h.call(void 0, "img", {
-              src: props.src,
-              alt: "",
-              class: "block max-w-[16rem] max-h-[16rem] object-contain"
-            })
-          ]
-        )
-      ) : null;
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...forwardedAttrs,
-          ref: setContainerRef,
-          class: containerClasses.value,
-          style: containerStyle.value,
-          role: clickPreviewEnabled.value ? "button" : void 0,
-          tabindex: clickPreviewEnabled.value ? 0 : void 0,
-          "aria-label": clickPreviewEnabled.value ? `Preview ${props.alt || "image"}` : void 0,
-          onClick: handleClick,
-          onKeydown: (e) => {
-            if (clickPreviewEnabled.value && (e.key === "Enter" || e.key === " ")) {
-              e.preventDefault();
-              handleClick();
-            }
-          },
-          ...hoverPreviewEnabled.value ? hoverTriggerHandlers.value : {}
-        },
-        [content, previewEl, hoverPreviewEl]
-      );
-    };
-  }
-});
-var Image_default = Image;
-
-
-
-
-
-exports.IMAGE_GROUP_INJECTION_KEY = IMAGE_GROUP_INJECTION_KEY; exports.Image = Image; exports.Image_default = Image_default;