@expcat/tigercat-vue 0.3.0 → 0.3.70

package/dist/chunk-D45QLF65.js

@@ -1,270 +0,0 @@
-'use strict';
-
-var chunkIVTBNUKQ_js = require('./chunk-IVTBNUKQ.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var tooltipIdCounter = 0;
-var createTooltipId = () => `tiger-tooltip-${++tooltipIdCounter}`;
-var Tooltip = vue.defineComponent({
-  name: "TigerTooltip",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Whether the tooltip is visible (controlled mode)
-     */
-    visible: {
-      type: Boolean,
-      default: void 0
-    },
-    /**
-     * Default visibility (uncontrolled mode)
-     * @default false
-     */
-    defaultVisible: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Tooltip content text
-     */
-    content: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Trigger type for showing/hiding tooltip
-     * @default 'hover'
-     */
-    trigger: {
-      type: String,
-      default: "hover"
-    },
-    /**
-     * Tooltip placement relative to trigger
-     * @default 'top'
-     */
-    placement: {
-      type: String,
-      default: "top"
-    },
-    /**
-     * Whether the tooltip is disabled
-     * @default false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Offset distance from trigger (in pixels)
-     * @default 8
-     */
-    offset: {
-      type: Number,
-      default: 8
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: [String, Object, Array],
-      default: void 0
-    }
-  },
-  emits: ["update:visible", "visible-change"],
-  setup(props, { slots, emit, attrs }) {
-    const attrsRecord = attrs;
-    const coerceBoolean = (val) => {
-      if (val === "") return true;
-      return Boolean(val);
-    };
-    const internalVisible = vue.ref(
-      props.visible !== void 0 ? coerceBoolean(props.visible) : props.defaultVisible
-    );
-    const isControlled = vue.computed(() => props.visible !== void 0);
-    vue.watch(
-      () => props.visible,
-      (next) => {
-        if (next === void 0) return;
-        internalVisible.value = coerceBoolean(next);
-      }
-    );
-    const currentVisible = vue.computed(() => internalVisible.value);
-    const containerRef = vue.ref(null);
-    const triggerRef = vue.ref(null);
-    const floatingRef = vue.ref(null);
-    const tooltipId = createTooltipId();
-    const {
-      x,
-      y,
-      placement: actualPlacement
-    } = chunkIVTBNUKQ_js.useVueFloating({
-      referenceRef: triggerRef,
-      floatingRef,
-      enabled: currentVisible,
-      placement: props.placement,
-      offset: props.offset
-    });
-    const setVisible = (nextVisible) => {
-      if (props.disabled && nextVisible) return;
-      if (!isControlled.value) {
-        internalVisible.value = nextVisible;
-      }
-      emit("update:visible", nextVisible);
-      emit("visible-change", nextVisible);
-    };
-    const handleTriggerClick = () => {
-      if (props.disabled || props.trigger !== "click") return;
-      setVisible(!currentVisible.value);
-    };
-    const handleTriggerMouseEnter = () => {
-      if (props.disabled || props.trigger !== "hover") return;
-      setVisible(true);
-    };
-    const handleTriggerMouseLeave = () => {
-      if (props.disabled || props.trigger !== "hover") return;
-      setVisible(false);
-    };
-    const handleTriggerFocus = () => {
-      if (props.disabled || props.trigger !== "focus") return;
-      setVisible(true);
-    };
-    const handleTriggerBlur = () => {
-      if (props.disabled || props.trigger !== "focus") return;
-      setVisible(false);
-    };
-    const shouldHandleClickOutside = vue.computed(
-      () => currentVisible.value && props.trigger === "click"
-    );
-    let cleanupClickOutside = null;
-    vue.watch(
-      shouldHandleClickOutside,
-      (shouldHandle) => {
-        if (cleanupClickOutside) {
-          cleanupClickOutside();
-          cleanupClickOutside = null;
-        }
-        if (shouldHandle) {
-          cleanupClickOutside = chunkIVTBNUKQ_js.useVueClickOutside({
-            enabled: currentVisible,
-            containerRef,
-            onOutsideClick: () => setVisible(false),
-            defer: true
-          });
-        }
-      },
-      { immediate: true }
-    );
-    let cleanupEscapeKey = null;
-    vue.watch(
-      currentVisible,
-      (visible) => {
-        if (cleanupEscapeKey) {
-          cleanupEscapeKey();
-          cleanupEscapeKey = null;
-        }
-        if (visible) {
-          cleanupEscapeKey = chunkIVTBNUKQ_js.useVueEscapeKey({
-            enabled: currentVisible,
-            onEscape: () => setVisible(false)
-          });
-        }
-      },
-      { immediate: true }
-    );
-    vue.onBeforeUnmount(() => {
-      if (cleanupClickOutside) cleanupClickOutside();
-      if (cleanupEscapeKey) cleanupEscapeKey();
-    });
-    const containerClasses = vue.computed(() => {
-      return tigercatCore.classNames(
-        tigercatCore.getTooltipContainerClasses(),
-        props.className,
-        tigercatCore.coerceClassValue(attrsRecord.class)
-      );
-    });
-    const triggerClasses = vue.computed(() => {
-      return tigercatCore.getTooltipTriggerClasses(props.disabled);
-    });
-    const contentClasses = vue.computed(() => {
-      return tigercatCore.getTooltipContentClasses();
-    });
-    const floatingStyles = vue.computed(() => ({
-      position: "absolute",
-      left: `${x.value}px`,
-      top: `${y.value}px`,
-      transformOrigin: tigercatCore.getTransformOrigin(actualPlacement.value),
-      zIndex: 1e3
-    }));
-    return () => {
-      const defaultSlot = slots.default?.();
-      if (!defaultSlot || defaultSlot.length === 0) {
-        return null;
-      }
-      const {
-        class: _class,
-        style: _style,
-        ...restAttrs
-      } = attrsRecord;
-      const hasTooltipContent = Boolean(props.content || slots.content);
-      const triggerHandlers = {};
-      if (props.trigger === "click") {
-        triggerHandlers.onClick = handleTriggerClick;
-      } else if (props.trigger === "hover") {
-        triggerHandlers.onMouseenter = handleTriggerMouseEnter;
-        triggerHandlers.onMouseleave = handleTriggerMouseLeave;
-      } else if (props.trigger === "focus") {
-        triggerHandlers.onFocus = handleTriggerFocus;
-        triggerHandlers.onBlur = handleTriggerBlur;
-      }
-      const trigger = vue.h(
-        "div",
-        {
-          ref: triggerRef,
-          class: triggerClasses.value,
-          "aria-describedby": hasTooltipContent ? tooltipId : void 0,
-          ...triggerHandlers
-        },
-        defaultSlot
-      );
-      const content = currentVisible.value ? vue.h(
-        "div",
-        {
-          ref: floatingRef,
-          style: floatingStyles.value,
-          "aria-hidden": false
-        },
-        [
-          vue.h(
-            "div",
-            {
-              id: tooltipId,
-              role: "tooltip",
-              class: contentClasses.value
-            },
-            slots.content ? slots.content() : props.content
-          )
-        ]
-      ) : null;
-      return vue.h(
-        "div",
-        {
-          ...restAttrs,
-          ref: containerRef,
-          class: containerClasses.value,
-          style: props.style
-        },
-        [trigger, content]
-      );
-    };
-  }
-});
-var Tooltip_default = Tooltip;
-
-exports.Tooltip = Tooltip;
-exports.Tooltip_default = Tooltip_default;

package/dist/chunk-H6CUKJYY.mjs

@@ -1,300 +0,0 @@
-import { useVueFloating, useVueClickOutside, useVueEscapeKey } from './chunk-CU4M5ABS.mjs';
-import { defineComponent, ref, computed, watch, onBeforeUnmount, h } from 'vue';
-import { classNames, getPopoverContainerClasses, coerceClassValue, getPopoverTriggerClasses, getPopoverContentClasses, getPopoverTitleClasses, getPopoverContentTextClasses, getTransformOrigin } from '@expcat/tigercat-core';
-
-var popoverIdCounter = 0;
-var createPopoverId = () => `tiger-popover-${++popoverIdCounter}`;
-var Popover = defineComponent({
-  name: "TigerPopover",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Whether the popover is visible (controlled mode)
-     */
-    visible: {
-      type: Boolean,
-      default: void 0
-    },
-    /**
-     * Default visibility (uncontrolled mode)
-     * @default false
-     */
-    defaultVisible: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Popover title text
-     */
-    title: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Popover content text
-     */
-    content: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Trigger type for showing/hiding popover
-     * @default 'click'
-     */
-    trigger: {
-      type: String,
-      default: "click"
-    },
-    /**
-     * Popover placement relative to trigger
-     * @default 'top'
-     */
-    placement: {
-      type: String,
-      default: "top"
-    },
-    /**
-     * Whether the popover is disabled
-     * @default false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Popover width (CSS value)
-     * @default 'auto'
-     */
-    width: {
-      type: [String, Number],
-      default: void 0
-    },
-    /**
-     * Offset distance from trigger (in pixels)
-     * @default 8
-     */
-    offset: {
-      type: Number,
-      default: 8
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: [String, Object, Array],
-      default: void 0
-    }
-  },
-  emits: ["update:visible", "visible-change"],
-  setup(props, { slots, emit, attrs }) {
-    const attrsRecord = attrs;
-    const coerceBoolean = (val) => {
-      if (val === "") return true;
-      return Boolean(val);
-    };
-    const internalVisible = ref(
-      props.visible !== void 0 ? coerceBoolean(props.visible) : props.defaultVisible
-    );
-    const isControlled = computed(() => props.visible !== void 0);
-    watch(
-      () => props.visible,
-      (next) => {
-        if (next === void 0) return;
-        internalVisible.value = coerceBoolean(next);
-      }
-    );
-    const currentVisible = computed(() => internalVisible.value);
-    const containerRef = ref(null);
-    const triggerRef = ref(null);
-    const floatingRef = ref(null);
-    const popoverId = createPopoverId();
-    const titleId = `${popoverId}-title`;
-    const contentId = `${popoverId}-content`;
-    const {
-      x,
-      y,
-      placement: actualPlacement
-    } = useVueFloating({
-      referenceRef: triggerRef,
-      floatingRef,
-      enabled: currentVisible,
-      placement: props.placement,
-      offset: props.offset
-    });
-    const setVisible = (nextVisible) => {
-      if (props.disabled && nextVisible) return;
-      if (!isControlled.value) {
-        internalVisible.value = nextVisible;
-      }
-      emit("update:visible", nextVisible);
-      emit("visible-change", nextVisible);
-    };
-    const handleTriggerClick = () => {
-      if (props.disabled || props.trigger !== "click") return;
-      setVisible(!currentVisible.value);
-    };
-    const handleTriggerMouseEnter = () => {
-      if (props.disabled || props.trigger !== "hover") return;
-      setVisible(true);
-    };
-    const handleTriggerMouseLeave = () => {
-      if (props.disabled || props.trigger !== "hover") return;
-      setVisible(false);
-    };
-    const handleTriggerFocus = () => {
-      if (props.disabled || props.trigger !== "focus") return;
-      setVisible(true);
-    };
-    const handleTriggerBlur = () => {
-      if (props.disabled || props.trigger !== "focus") return;
-      setVisible(false);
-    };
-    let outsideClickCleanup;
-    let escapeKeyCleanup;
-    watch([currentVisible, () => props.trigger], ([visible, trigger]) => {
-      outsideClickCleanup?.();
-      outsideClickCleanup = void 0;
-      escapeKeyCleanup?.();
-      escapeKeyCleanup = void 0;
-      if (visible && trigger === "click") {
-        outsideClickCleanup = useVueClickOutside({
-          enabled: currentVisible,
-          containerRef,
-          onOutsideClick: () => setVisible(false),
-          defer: true
-        });
-      }
-      if (visible && trigger !== "manual") {
-        escapeKeyCleanup = useVueEscapeKey({
-          enabled: currentVisible,
-          onEscape: () => setVisible(false)
-        });
-      }
-    });
-    onBeforeUnmount(() => {
-      outsideClickCleanup?.();
-      escapeKeyCleanup?.();
-    });
-    const containerClasses = computed(() => {
-      return classNames(
-        getPopoverContainerClasses(),
-        props.className,
-        coerceClassValue(attrsRecord.class)
-      );
-    });
-    const triggerClasses = computed(() => {
-      return getPopoverTriggerClasses(props.disabled);
-    });
-    const contentClasses = computed(() => {
-      return getPopoverContentClasses(props.width);
-    });
-    const titleClasses = computed(() => {
-      return getPopoverTitleClasses();
-    });
-    const contentTextClasses = computed(() => {
-      return getPopoverContentTextClasses();
-    });
-    const floatingStyles = computed(() => ({
-      position: "absolute",
-      left: `${x.value}px`,
-      top: `${y.value}px`,
-      transformOrigin: getTransformOrigin(actualPlacement.value),
-      zIndex: 1e3
-    }));
-    return () => {
-      const defaultSlot = slots.default?.();
-      if (!defaultSlot || defaultSlot.length === 0) {
-        return null;
-      }
-      const {
-        class: _class,
-        style: _style,
-        ...restAttrs
-      } = attrsRecord;
-      const hasTitle = Boolean(props.title || slots.title);
-      const hasContent = Boolean(props.content || slots.content);
-      const triggerA11yProps = {
-        "aria-haspopup": "dialog",
-        "aria-disabled": props.disabled ? "true" : void 0
-      };
-      const triggerHandlers = {};
-      if (props.trigger === "click") {
-        triggerHandlers.onClick = handleTriggerClick;
-      } else if (props.trigger === "hover") {
-        triggerHandlers.onMouseenter = handleTriggerMouseEnter;
-        triggerHandlers.onMouseleave = handleTriggerMouseLeave;
-      } else if (props.trigger === "focus") {
-        triggerHandlers.onFocusin = handleTriggerFocus;
-        triggerHandlers.onFocusout = handleTriggerBlur;
-      }
-      const trigger = h(
-        "div",
-        {
-          ref: triggerRef,
-          class: triggerClasses.value,
-          ...triggerA11yProps,
-          ...triggerHandlers
-        },
-        defaultSlot
-      );
-      const content = currentVisible.value ? h(
-        "div",
-        {
-          ref: floatingRef,
-          style: floatingStyles.value,
-          "aria-hidden": false
-        },
-        [
-          h(
-            "div",
-            {
-              id: popoverId,
-              role: "dialog",
-              "aria-modal": "false",
-              "aria-labelledby": hasTitle ? titleId : void 0,
-              "aria-describedby": hasContent ? contentId : void 0,
-              class: contentClasses.value
-            },
-            [
-              // Title
-              (props.title || slots.title) && h(
-                "div",
-                {
-                  id: titleId,
-                  class: titleClasses.value
-                },
-                slots.title ? slots.title() : props.title
-              ),
-              // Content
-              (props.content || slots.content) && h(
-                "div",
-                {
-                  id: contentId,
-                  class: contentTextClasses.value
-                },
-                slots.content ? slots.content() : props.content
-              )
-            ].filter(Boolean)
-          )
-        ]
-      ) : null;
-      return h(
-        "div",
-        {
-          ...restAttrs,
-          ref: containerRef,
-          class: containerClasses.value,
-          style: props.style
-        },
-        [trigger, content]
-      );
-    };
-  }
-});
-var Popover_default = Popover;
-
-export { Popover, Popover_default };