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

package/dist/chunk-67RSRWWY.js

@@ -1,451 +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 _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
-
-
-var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
-
-// src/components/Drawer.ts
-
-
-
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var drawerIdCounter = 0;
-var createDrawerId = () => `tiger-drawer-${++drawerIdCounter}`;
-var Drawer = _vue.defineComponent.call(void 0, {
-  name: "TigerDrawer",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Whether the drawer is open
-     * @default false
-     */
-    open: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Drawer placement
-     * @default 'right'
-     */
-    placement: {
-      type: String,
-      default: "right"
-    },
-    /**
-     * Drawer size
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Custom width/height (overrides size)
-     */
-    width: {
-      type: [String, Number],
-      default: void 0
-    },
-    /**
-     * Drawer title
-     */
-    title: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Whether to show close button
-     * @default true
-     */
-    closable: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Whether to show mask/backdrop
-     * @default true
-     */
-    mask: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Whether clicking mask closes the drawer
-     * @default true
-     */
-    maskClosable: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * z-index of the drawer
-     * @default 1000
-     */
-    zIndex: {
-      type: Number,
-      default: 1e3
-    },
-    /**
-     * Additional CSS class for the drawer container
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Additional CSS class for the drawer body
-     */
-    bodyClassName: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Padding override for the drawer body. `false` removes the built-in
-     * padding; a string supplies a custom padding utility class.
-     */
-    bodyPadding: {
-      type: [Boolean, String],
-      default: void 0
-    },
-    /**
-     * Whether to destroy content on close
-     * @default false
-     */
-    destroyOnClose: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * When destroyOnClose is true, wait for leave animation before unmounting.
-     * @default false
-     */
-    destroyOnCloseAfterLeave: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether the drawer panel should become fullscreen on mobile viewports.
-     * @default true
-     */
-    fullscreenOnMobile: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Additional CSS class for drawer panel.
-     */
-    panelClassName: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Custom inline style for drawer panel
-     */
-    style: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Custom inline style for drawer panel.
-     */
-    panelStyle: {
-      type: [String, Object, Array],
-      default: void 0
-    },
-    /**
-     * Close button aria-label
-     * @default 'Close drawer'
-     */
-    closeAriaLabel: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Locale overrides for common texts
-     */
-    locale: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Flat custom-text overrides for single-language use (no i18n needed).
-     */
-    labels: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Disable teleport (useful for testing)
-     * @default false
-     * @internal
-     */
-    disableTeleport: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:open", "close", "after-enter", "after-leave"],
-  setup(props, { slots, 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 instanceId = _vue.ref.call(void 0, createDrawerId());
-    const hasBeenOpened = _vue.ref.call(void 0, false);
-    const deferredRendered = _vue.ref.call(void 0, props.open);
-    const dialogRef = _vue.ref.call(void 0, null);
-    const closeButtonRef = _vue.ref.call(void 0, null);
-    const previousActiveElement = _vue.ref.call(void 0, null);
-    let touchStartPoint = null;
-    let touchCurrentPoint = null;
-    const titleId = _vue.computed.call(void 0, () => `${instanceId.value}-title`);
-    const shouldRender = _vue.computed.call(void 0, () => {
-      if (props.open) {
-        hasBeenOpened.value = true;
-        return true;
-      }
-      if (props.destroyOnClose) {
-        return props.destroyOnCloseAfterLeave ? deferredRendered.value : false;
-      }
-      return hasBeenOpened.value;
-    });
-    const handleClose = () => {
-      emit("update:open", false);
-      emit("close");
-    };
-    const handleMaskClick = (event) => {
-      if (_tigercatcore.shouldCloseOnMaskClick.call(void 0, event, props.maskClosable)) {
-        handleClose();
-      }
-    };
-    const resetTouchGesture = () => {
-      touchStartPoint = null;
-      touchCurrentPoint = null;
-    };
-    const handleTouchStart = (event) => {
-      if (!props.open) return;
-      const point = _tigercatcore.getGestureTouchPoint.call(void 0, event.touches);
-      touchStartPoint = point;
-      touchCurrentPoint = point;
-    };
-    const handleTouchMove = (event) => {
-      if (!touchStartPoint) return;
-      const point = _tigercatcore.getGestureTouchPoint.call(void 0, event.touches);
-      if (point) {
-        touchCurrentPoint = point;
-      }
-    };
-    const handleTouchEnd = (event) => {
-      const gesture = _tigercatcore.resolveSwipeGesture.call(void 0, 
-        touchStartPoint,
-        _nullishCoalesce(_tigercatcore.getGestureTouchPoint.call(void 0, event.changedTouches), () => ( touchCurrentPoint)),
-        { minDistance: 48, minVelocity: 0.15 }
-      );
-      resetTouchGesture();
-      if (_tigercatcore.isDrawerSwipeCloseGesture.call(void 0, props.placement, gesture)) {
-        handleClose();
-      }
-    };
-    const escapeEnabled = _vue.computed.call(void 0, () => props.open);
-    let cleanupEscape;
-    _chunkEQW6IUHGjs.useVueBodyScrollLock.call(void 0, escapeEnabled);
-    _chunkEQW6IUHGjs.useVueFocusTrap.call(void 0, { enabled: escapeEnabled, containerRef: dialogRef });
-    _vue.onMounted.call(void 0, () => {
-      cleanupEscape = _chunkEQW6IUHGjs.useVueEscapeKey.call(void 0, {
-        enabled: escapeEnabled,
-        onEscape: handleClose
-      });
-    });
-    _vue.onBeforeUnmount.call(void 0, () => {
-      _optionalChain([cleanupEscape, 'optionalCall', _ => _()]);
-    });
-    _vue.watch.call(void 0, 
-      () => props.open,
-      async (nextVisible) => {
-        if (nextVisible) {
-          deferredRendered.value = true;
-          previousActiveElement.value = _tigercatcore.captureActiveElement.call(void 0, );
-          await _vue.nextTick.call(void 0, );
-          _tigercatcore.focusFirst.call(void 0, [closeButtonRef.value, dialogRef.value]);
-          return;
-        }
-        if (props.destroyOnClose && !props.destroyOnCloseAfterLeave) {
-          deferredRendered.value = false;
-        }
-        _tigercatcore.restoreFocus.call(void 0, previousActiveElement.value);
-      }
-    );
-    _vue.watch.call(void 0, 
-      () => props.open,
-      (nextVisible, prevVisible, onCleanup) => {
-        if (nextVisible === prevVisible || typeof prevVisible === "undefined" && !nextVisible)
-          return;
-        const timer = window.setTimeout(() => {
-          emit(nextVisible ? "after-enter" : "after-leave");
-          if (!nextVisible && props.destroyOnClose && props.destroyOnCloseAfterLeave) {
-            deferredRendered.value = false;
-          }
-        }, _tigercatcore.ANIMATION_DURATION_MS);
-        onCleanup(() => window.clearTimeout(timer));
-      },
-      { immediate: true }
-    );
-    return () => {
-      if (!shouldRender.value) return null;
-      const forwardedAttrs = Object.fromEntries(
-        Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")
-      );
-      const ariaLabelledbyFromAttrs = typeof attrs["aria-labelledby"] === "string" ? attrs["aria-labelledby"] : void 0;
-      const ariaLabelledby = _nullishCoalesce(ariaLabelledbyFromAttrs, () => ( (props.title || slots.header ? titleId.value : void 0)));
-      const containerClasses = _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getDrawerContainerClasses.call(void 0, ),
-        !props.open && "pointer-events-none"
-      );
-      const maskClasses = _tigercatcore.getDrawerMaskClasses.call(void 0, props.open);
-      const panelClasses = _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getDrawerPanelClasses.call(void 0, props.placement, props.open, props.size, props.fullscreenOnMobile),
-        "flex flex-col",
-        props.className,
-        props.panelClassName,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      );
-      const isHorizontal = props.placement === "left" || props.placement === "right";
-      const widthStyle = props.width ? {
-        [isHorizontal ? "width" : "height"]: typeof props.width === "number" ? `${props.width}px` : props.width
-      } : void 0;
-      const mergedStyle = _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.panelStyle, props.style, widthStyle);
-      const headerClasses = _tigercatcore.getDrawerHeaderClasses.call(void 0, );
-      const bodyClasses = _tigercatcore.getDrawerBodyClasses.call(void 0, props.bodyClassName, props.bodyPadding);
-      const footerClasses = _tigercatcore.getDrawerFooterClasses.call(void 0, );
-      const closeButtonClasses = _tigercatcore.getDrawerCloseButtonClasses.call(void 0, );
-      const titleClasses = _tigercatcore.getDrawerTitleClasses.call(void 0, );
-      const resolvedCloseAriaLabel = _tigercatcore.resolveLocaleText.call(void 0, 
-        "Close drawer",
-        props.closeAriaLabel,
-        _optionalChain([props, 'access', _2 => _2.labels, 'optionalAccess', _3 => _3.closeAriaLabel]),
-        _optionalChain([mergedLocale, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.drawer, 'optionalAccess', _6 => _6.closeAriaLabel]),
-        _optionalChain([mergedLocale, 'access', _7 => _7.value, 'optionalAccess', _8 => _8.common, 'optionalAccess', _9 => _9.closeText])
-      );
-      const closeIcon = _vue.h.call(void 0, 
-        "svg",
-        {
-          class: "w-5 h-5",
-          fill: "none",
-          stroke: "currentColor",
-          viewBox: _tigercatcore.closeIconViewBox,
-          xmlns: "http://www.w3.org/2000/svg"
-        },
-        [
-          _vue.h.call(void 0, "path", {
-            "stroke-linecap": _tigercatcore.closeIconPathStrokeLinecap,
-            "stroke-linejoin": _tigercatcore.closeIconPathStrokeLinejoin,
-            "stroke-width": _tigercatcore.closeIconPathStrokeWidth,
-            d: _tigercatcore.closeIconPathD
-          })
-        ]
-      );
-      const header = props.title || slots.header || props.closable ? _vue.h.call(void 0, "div", { class: headerClasses }, [
-        props.title || slots.header ? _vue.h.call(void 0, 
-          "h3",
-          {
-            id: titleId.value,
-            class: titleClasses
-          },
-          slots.header ? slots.header() : props.title
-        ) : null,
-        props.closable ? _vue.h.call(void 0, 
-          "button",
-          {
-            type: "button",
-            class: closeButtonClasses,
-            onClick: handleClose,
-            "aria-label": resolvedCloseAriaLabel,
-            ref: closeButtonRef
-          },
-          closeIcon
-        ) : null
-      ]) : null;
-      const body = slots.default ? _vue.h.call(void 0, "div", { class: bodyClasses }, slots.default()) : null;
-      const footer = slots.footer ? _vue.h.call(void 0, "div", { class: footerClasses }, slots.footer()) : null;
-      const mask = props.mask ? _vue.h.call(void 0, "div", {
-        class: maskClasses,
-        onClick: handleMaskClick,
-        "aria-hidden": "true",
-        "data-tiger-drawer-mask": ""
-      }) : null;
-      const panel = _vue.h.call(void 0, 
-        "div",
-        {
-          ...forwardedAttrs,
-          class: panelClasses,
-          style: mergedStyle,
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-labelledby": ariaLabelledby,
-          tabindex: -1,
-          ref: dialogRef,
-          onTouchstart: handleTouchStart,
-          onTouchmove: handleTouchMove,
-          onTouchend: handleTouchEnd,
-          onTouchcancel: resetTouchGesture,
-          "data-tiger-drawer": ""
-        },
-        [header, body, footer]
-      );
-      const root = _vue.h.call(void 0, 
-        "div",
-        {
-          class: containerClasses,
-          style: { zIndex: props.zIndex },
-          hidden: !props.open && !(props.destroyOnClose && props.destroyOnCloseAfterLeave),
-          "aria-hidden": !props.open ? "true" : void 0,
-          "data-tiger-drawer-root": ""
-        },
-        [mask, panel]
-      );
-      return _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, [root], props.disableTeleport);
-    };
-  }
-});
-var Drawer_default = Drawer;
-
-
-
-
-exports.Drawer = Drawer; exports.Drawer_default = Drawer_default;