@livestorm/ui-vue 2.0.4 → 3.0.0

package/dist/a11y--y7uaY4j.mjs

@@ -1,217 +0,0 @@
-import { defineComponent as g, createBlock as f, openBlock as c, unref as i, normalizeProps as y, guardReactiveProps as b, withCtx as l, renderSlot as m, computed as r, createVNode as h, mergeProps as T, createCommentVNode as D, getCurrentInstance as B, createElementBlock as A, Fragment as E, createTextVNode as U, toDisplayString as F, ref as N, watch as S, onUnmounted as I, onMounted as H, nextTick as O } from "vue";
-import { TooltipProvider as W, useForwardProps as q, TooltipTrigger as L, useForwardPropsEmits as C, TooltipPortal as M, TooltipContent as z, TooltipArrow as K, TooltipRoot as x } from "reka-ui";
-import { reactiveOmit as V, onKeyDown as R } from "@vueuse/core";
-const X = /* @__PURE__ */ g({
-  __name: "UiTooltipProvider",
-  props: {
-    delayDuration: { default: 700 },
-    skipDelayDuration: { default: 300 },
-    disableHoverableContent: { type: Boolean },
-    disableClosingTrigger: { type: Boolean },
-    disabled: { type: Boolean },
-    ignoreNonKeyboardFocus: { type: Boolean },
-    content: {}
-  },
-  setup(t) {
-    return (s, e) => (c(), f(i(W), y(b(s.$props)), {
-      default: l(() => [
-        m(s.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-}), j = /* @__PURE__ */ g({
-  __name: "UiTooltipTrigger",
-  props: {
-    reference: {},
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(t) {
-    const e = q(t);
-    return (o, p) => (c(), f(i(L), y(b({ ...i(e), ...o.$attrs })), {
-      default: l(() => [
-        m(o.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-}), G = /* @__PURE__ */ g({
-  __name: "UiTooltipContent",
-  props: {
-    colorsSemantic: { default: "light" },
-    maxWidth: { default: "base" },
-    showArrow: { type: Boolean, default: !0 },
-    arrowWidth: { default: 10 },
-    arrowHeight: { default: 5 },
-    forceMount: { type: Boolean },
-    ariaLabel: {},
-    asChild: { type: Boolean },
-    as: {},
-    side: {},
-    sideOffset: { default: 12 },
-    align: {},
-    alignOffset: {},
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: {},
-    arrowPadding: {},
-    sticky: {},
-    hideWhenDetached: { type: Boolean },
-    positionStrategy: {},
-    updatePositionStrategy: {}
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside"],
-  setup(t, { emit: s }) {
-    const e = t, p = C(e, s), u = r(() => ({
-      xs: "max-w-[150px]",
-      sm: "max-w-[240px]",
-      md: "max-w-md",
-      base: "max-w-xs",
-      lg: "max-w-lg",
-      xl: "max-w-xl"
-    })[e.maxWidth]);
-    return (a, w) => (c(), f(i(M), null, {
-      default: l(() => [
-        h(i(z), T({ ...i(p), ...a.$attrs }, {
-          "data-colors-semantic": e.colorsSemantic,
-          class: [
-            "ui-tooltip-content py-1.5 px-3 bg-surface-neutral-invert-bg-alpha text-text-neutral-invert-base text-content-text-md-regular rounded-md text-center z-50 shadow-shadows-drop-shadow-lg",
-            "data-[state=delayed-open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=delayed-open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=delayed-open]:zoom-in-95",
-            u.value
-          ]
-        }), {
-          default: l(() => [
-            m(a.$slots, "default"),
-            e.showArrow ? (c(), f(i(K), {
-              key: 0,
-              width: e.arrowWidth,
-              height: e.arrowHeight,
-              class: "fill-surface-neutral-invert-bg-alpha"
-            }, null, 8, ["width", "height"])) : D("", !0)
-          ]),
-          _: 3
-        }, 16, ["data-colors-semantic", "class"])
-      ]),
-      _: 3
-    }));
-  }
-}), te = /* @__PURE__ */ g({
-  inheritAttrs: !1,
-  __name: "UiTooltip",
-  props: {
-    content: {},
-    side: {},
-    defaultOpen: { type: Boolean },
-    open: { type: Boolean },
-    delayDuration: {},
-    disableHoverableContent: { type: Boolean },
-    disableClosingTrigger: { type: Boolean },
-    disabled: { type: Boolean },
-    ignoreNonKeyboardFocus: { type: Boolean }
-  },
-  emits: ["update:open"],
-  setup(t, { emit: s }) {
-    const e = t, o = s, p = r(() => {
-      const a = B()?.vnode.props;
-      return !!a && "content" in a;
-    }), u = C(V(e, "content", "side"), o);
-    return (a, w) => p.value ? (c(), A(E, { key: 0 }, [
-      t.content ? (c(), f(X, { key: 0 }, {
-        default: l(() => [
-          h(i(x), y(b({ ...i(u), ...a.$attrs })), {
-            default: l(() => [
-              h(j, { "as-child": "" }, {
-                default: l(() => [
-                  m(a.$slots, "default")
-                ]),
-                _: 3
-              }),
-              h(G, { side: t.side }, {
-                default: l(() => [
-                  U(F(t.content), 1)
-                ]),
-                _: 1
-              }, 8, ["side"])
-            ]),
-            _: 3
-          }, 16)
-        ]),
-        _: 3
-      })) : m(a.$slots, "default", { key: 1 })
-    ], 64)) : (c(), f(i(x), y(T({ key: 1 }, { ...i(u), ...a.$attrs })), {
-      default: l(() => [
-        m(a.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-});
-let J = 0;
-const d = N([]), Q = r(() => d.value.length > 0);
-function oe(t, s) {
-  const e = J++, o = r(() => d.value.findIndex((n) => n.id === e));
-  function p() {
-    d.value.some((n) => n.id === e) || d.value.push({
-      id: e,
-      type: s
-    });
-  }
-  function u() {
-    o.value !== -1 && d.value.splice(o.value, 1);
-  }
-  S(t, (n) => {
-    n ? p() : u();
-  }, {
-    immediate: !0
-  }), I(() => {
-    u();
-  });
-  const a = r(() => e === d.value[d.value.length - 1]?.id), w = r(() => o.value > 0), v = r(() => d.value.filter((n) => n.type === s)), _ = r(() => v.value.findIndex((n) => n.id === e) < v.value.length - 1), $ = r(() => v.value.findIndex((n) => n.id === e) > 0), k = [];
-  function P(n) {
-    k.push(n);
-  }
-  return R("Escape", () => {
-    a.value && k.forEach((n) => n());
-  }), {
-    isActiveStacked: a,
-    hasStackedBehind: w,
-    isBehindSameType: _,
-    hasStackedSameTypeBehind: $,
-    stackIndex: o,
-    onClose: P
-  };
-}
-typeof document < "u" && S(Q, (t) => {
-  t ? document.documentElement.classList.add("overflow-hidden") : document.documentElement.classList.remove("overflow-hidden");
-}, {
-  immediate: !0
-});
-function ae() {
-  const t = B();
-  let s = null;
-  H(async () => {
-    await O();
-    const e = t.proxy.$el;
-    if (!e?.querySelector) return;
-    let o = e.querySelector("[data-stackview-autofocus]");
-    o ? ["INPUT", "A", "BUTTON", "TEXTAREA"].includes(o.tagName) || (o = o.querySelector("input, a, button, textarea") || o) : (o = e.querySelector('button[type="submit"]'), console.warn(
-      "%cDEV",
-      "background: red; color: white; padding: 2px 4px; border-radius: 3px; font-weight: bold;",
-      "A element should have the data-stackview-autofocus attribute in this component. Fallback to submit button."
-    )), clearTimeout(s), s = setTimeout(() => o?.focus(), 150);
-  });
-}
-function ne(t) {
-  t.preventDefault(), (t.target.closest('[role="menu"]') || t.target).querySelector("a")?.focus();
-}
-export {
-  te as _,
-  G as a,
-  X as b,
-  j as c,
-  ae as d,
-  ne as f,
-  Q as h,
-  oe as u
-};