tuikit-atomicx-vue3 3.3.3 → 3.4.1

package/dist/PopoverTrigger-L8abAry7.js

@@ -0,0 +1,607 @@
+import { u as E, c as N, r as A, a as B, F as R, D as I, b as M, d as T, P as $, T as K, e as w } from "./Teleport-CSEuZbpM.js";
+import { P as L, u as j, a as z, b as U, c as h, d as W } from "./PopperContent-XdhqL8Y2.js";
+import { u as S } from "./useId-CtirfF0W.js";
+import { defineComponent as m, toRefs as x, ref as _, createBlock as y, openBlock as v, unref as e, withCtx as f, renderSlot as g, createVNode as C, mergeProps as P, withModifiers as F, normalizeProps as V, guardReactiveProps as G, onMounted as H, resolveDynamicComponent as J } from "vue";
+const [O, Q] = N("PopoverRoot");
+var X = /* @__PURE__ */ m({
+  __name: "PopoverRoot",
+  props: {
+    defaultOpen: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    open: {
+      type: Boolean,
+      required: !1,
+      default: void 0
+    },
+    modal: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  },
+  emits: ["update:open"],
+  setup(u, { emit: d }) {
+    const t = u, a = d, { modal: l } = x(t), r = E(t, "open", a, {
+      defaultValue: t.defaultOpen,
+      passive: t.open === void 0
+    }), n = _(), p = _(!1);
+    return Q({
+      contentId: "",
+      triggerId: "",
+      modal: l,
+      open: r,
+      onOpenChange: (o) => {
+        r.value = o;
+      },
+      onOpenToggle: () => {
+        r.value = !r.value;
+      },
+      triggerElement: n,
+      hasCustomAnchor: p
+    }), (o, s) => (v(), y(e(L), null, {
+      default: f(() => [g(o.$slots, "default", {
+        open: e(r),
+        close: () => r.value = !1
+      })]),
+      _: 3
+    }));
+  }
+}), de = X, Y = /* @__PURE__ */ m({
+  __name: "PopoverContentImpl",
+  props: {
+    trapFocus: {
+      type: Boolean,
+      required: !1
+    },
+    side: {
+      type: null,
+      required: !1
+    },
+    sideOffset: {
+      type: Number,
+      required: !1
+    },
+    sideFlip: {
+      type: Boolean,
+      required: !1
+    },
+    align: {
+      type: null,
+      required: !1
+    },
+    alignOffset: {
+      type: Number,
+      required: !1
+    },
+    alignFlip: {
+      type: Boolean,
+      required: !1
+    },
+    avoidCollisions: {
+      type: Boolean,
+      required: !1
+    },
+    collisionBoundary: {
+      type: null,
+      required: !1
+    },
+    collisionPadding: {
+      type: [Number, Object],
+      required: !1
+    },
+    arrowPadding: {
+      type: Number,
+      required: !1
+    },
+    sticky: {
+      type: String,
+      required: !1
+    },
+    hideWhenDetached: {
+      type: Boolean,
+      required: !1
+    },
+    positionStrategy: {
+      type: String,
+      required: !1
+    },
+    updatePositionStrategy: {
+      type: String,
+      required: !1
+    },
+    disableUpdateOnLayoutShift: {
+      type: Boolean,
+      required: !1
+    },
+    prioritizePosition: {
+      type: Boolean,
+      required: !1
+    },
+    reference: {
+      type: null,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    },
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(u, { emit: d }) {
+    const t = u, a = d, l = j(A(t, "trapFocus", "disableOutsidePointerEvents")), { forwardRef: r } = B(), n = O();
+    return z(), (p, o) => (v(), y(e(R), {
+      "as-child": "",
+      loop: "",
+      trapped: p.trapFocus,
+      onMountAutoFocus: o[5] || (o[5] = (s) => a("openAutoFocus", s)),
+      onUnmountAutoFocus: o[6] || (o[6] = (s) => a("closeAutoFocus", s))
+    }, {
+      default: f(() => [C(e(I), {
+        "as-child": "",
+        "disable-outside-pointer-events": p.disableOutsidePointerEvents,
+        onPointerDownOutside: o[0] || (o[0] = (s) => a("pointerDownOutside", s)),
+        onInteractOutside: o[1] || (o[1] = (s) => a("interactOutside", s)),
+        onEscapeKeyDown: o[2] || (o[2] = (s) => a("escapeKeyDown", s)),
+        onFocusOutside: o[3] || (o[3] = (s) => a("focusOutside", s)),
+        onDismiss: o[4] || (o[4] = (s) => e(n).onOpenChange(!1))
+      }, {
+        default: f(() => [C(e(U), P(e(l), {
+          id: e(n).contentId,
+          ref: e(r),
+          "data-state": e(n).open.value ? "open" : "closed",
+          "aria-labelledby": e(n).triggerId,
+          style: {
+            "--reka-popover-content-transform-origin": "var(--reka-popper-transform-origin)",
+            "--reka-popover-content-available-width": "var(--reka-popper-available-width)",
+            "--reka-popover-content-available-height": "var(--reka-popper-available-height)",
+            "--reka-popover-trigger-width": "var(--reka-popper-anchor-width)",
+            "--reka-popover-trigger-height": "var(--reka-popper-anchor-height)"
+          },
+          role: "dialog"
+        }), {
+          default: f(() => [g(p.$slots, "default")]),
+          _: 3
+        }, 16, [
+          "id",
+          "data-state",
+          "aria-labelledby"
+        ])]),
+        _: 3
+      }, 8, ["disable-outside-pointer-events"])]),
+      _: 3
+    }, 8, ["trapped"]));
+  }
+}), k = Y, Z = /* @__PURE__ */ m({
+  __name: "PopoverContentModal",
+  props: {
+    side: {
+      type: null,
+      required: !1
+    },
+    sideOffset: {
+      type: Number,
+      required: !1
+    },
+    sideFlip: {
+      type: Boolean,
+      required: !1
+    },
+    align: {
+      type: null,
+      required: !1
+    },
+    alignOffset: {
+      type: Number,
+      required: !1
+    },
+    alignFlip: {
+      type: Boolean,
+      required: !1
+    },
+    avoidCollisions: {
+      type: Boolean,
+      required: !1
+    },
+    collisionBoundary: {
+      type: null,
+      required: !1
+    },
+    collisionPadding: {
+      type: [Number, Object],
+      required: !1
+    },
+    arrowPadding: {
+      type: Number,
+      required: !1
+    },
+    sticky: {
+      type: String,
+      required: !1
+    },
+    hideWhenDetached: {
+      type: Boolean,
+      required: !1
+    },
+    positionStrategy: {
+      type: String,
+      required: !1
+    },
+    updatePositionStrategy: {
+      type: String,
+      required: !1
+    },
+    disableUpdateOnLayoutShift: {
+      type: Boolean,
+      required: !1
+    },
+    prioritizePosition: {
+      type: Boolean,
+      required: !1
+    },
+    reference: {
+      type: null,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    },
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(u, { emit: d }) {
+    const t = u, a = d, l = O(), r = _(!1);
+    M(!0);
+    const n = h(t, a), { forwardRef: p, currentElement: o } = B();
+    return T(o), (s, i) => (v(), y(k, P(e(n), {
+      ref: e(p),
+      "trap-focus": e(l).open.value,
+      "disable-outside-pointer-events": "",
+      onCloseAutoFocus: i[0] || (i[0] = F((c) => {
+        var q;
+        a("closeAutoFocus", c), r.value || (q = e(l).triggerElement.value) == null || q.focus();
+      }, ["prevent"])),
+      onPointerDownOutside: i[1] || (i[1] = (c) => {
+        a("pointerDownOutside", c);
+        const q = c.detail.originalEvent, b = q.button === 0 && q.ctrlKey === !0, D = q.button === 2 || b;
+        r.value = D;
+      }),
+      onFocusOutside: i[2] || (i[2] = F(() => {
+      }, ["prevent"]))
+    }), {
+      default: f(() => [g(s.$slots, "default")]),
+      _: 3
+    }, 16, ["trap-focus"]));
+  }
+}), ee = Z, te = /* @__PURE__ */ m({
+  __name: "PopoverContentNonModal",
+  props: {
+    side: {
+      type: null,
+      required: !1
+    },
+    sideOffset: {
+      type: Number,
+      required: !1
+    },
+    sideFlip: {
+      type: Boolean,
+      required: !1
+    },
+    align: {
+      type: null,
+      required: !1
+    },
+    alignOffset: {
+      type: Number,
+      required: !1
+    },
+    alignFlip: {
+      type: Boolean,
+      required: !1
+    },
+    avoidCollisions: {
+      type: Boolean,
+      required: !1
+    },
+    collisionBoundary: {
+      type: null,
+      required: !1
+    },
+    collisionPadding: {
+      type: [Number, Object],
+      required: !1
+    },
+    arrowPadding: {
+      type: Number,
+      required: !1
+    },
+    sticky: {
+      type: String,
+      required: !1
+    },
+    hideWhenDetached: {
+      type: Boolean,
+      required: !1
+    },
+    positionStrategy: {
+      type: String,
+      required: !1
+    },
+    updatePositionStrategy: {
+      type: String,
+      required: !1
+    },
+    disableUpdateOnLayoutShift: {
+      type: Boolean,
+      required: !1
+    },
+    prioritizePosition: {
+      type: Boolean,
+      required: !1
+    },
+    reference: {
+      type: null,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    },
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(u, { emit: d }) {
+    const t = u, a = d, l = O(), r = _(!1), n = _(!1), p = h(t, a);
+    return (o, s) => (v(), y(k, P(e(p), {
+      "trap-focus": !1,
+      "disable-outside-pointer-events": !1,
+      onCloseAutoFocus: s[0] || (s[0] = (i) => {
+        var c;
+        a("closeAutoFocus", i), i.defaultPrevented || (r.value || (c = e(l).triggerElement.value) == null || c.focus(), i.preventDefault()), r.value = !1, n.value = !1;
+      }),
+      onInteractOutside: s[1] || (s[1] = async (i) => {
+        var b;
+        a("interactOutside", i), i.defaultPrevented || (r.value = !0, i.detail.originalEvent.type === "pointerdown" && (n.value = !0));
+        const c = i.target;
+        ((b = e(l).triggerElement.value) == null ? void 0 : b.contains(c)) && i.preventDefault(), i.detail.originalEvent.type === "focusin" && n.value && i.preventDefault();
+      })
+    }), {
+      default: f(() => [g(o.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), oe = te, re = /* @__PURE__ */ m({
+  __name: "PopoverContent",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    side: {
+      type: null,
+      required: !1
+    },
+    sideOffset: {
+      type: Number,
+      required: !1
+    },
+    sideFlip: {
+      type: Boolean,
+      required: !1
+    },
+    align: {
+      type: null,
+      required: !1
+    },
+    alignOffset: {
+      type: Number,
+      required: !1
+    },
+    alignFlip: {
+      type: Boolean,
+      required: !1
+    },
+    avoidCollisions: {
+      type: Boolean,
+      required: !1
+    },
+    collisionBoundary: {
+      type: null,
+      required: !1
+    },
+    collisionPadding: {
+      type: [Number, Object],
+      required: !1
+    },
+    arrowPadding: {
+      type: Number,
+      required: !1
+    },
+    sticky: {
+      type: String,
+      required: !1
+    },
+    hideWhenDetached: {
+      type: Boolean,
+      required: !1
+    },
+    positionStrategy: {
+      type: String,
+      required: !1
+    },
+    updatePositionStrategy: {
+      type: String,
+      required: !1
+    },
+    disableUpdateOnLayoutShift: {
+      type: Boolean,
+      required: !1
+    },
+    prioritizePosition: {
+      type: Boolean,
+      required: !1
+    },
+    reference: {
+      type: null,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    },
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(u, { emit: d }) {
+    const t = u, a = d, l = O(), r = h(t, a), { forwardRef: n } = B();
+    return l.contentId || (l.contentId = S(void 0, "reka-popover-content")), (p, o) => (v(), y(e($), { present: p.forceMount || e(l).open.value }, {
+      default: f(() => [e(l).modal.value ? (v(), y(ee, P({ key: 0 }, e(r), { ref: e(n) }), {
+        default: f(() => [g(p.$slots, "default")]),
+        _: 3
+      }, 16)) : (v(), y(oe, P({ key: 1 }, e(r), { ref: e(n) }), {
+        default: f(() => [g(p.$slots, "default")]),
+        _: 3
+      }, 16))]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), pe = re, ae = /* @__PURE__ */ m({
+  __name: "PopoverPortal",
+  props: {
+    to: {
+      type: null,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    defer: {
+      type: Boolean,
+      required: !1
+    },
+    forceMount: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  setup(u) {
+    const d = u;
+    return (t, a) => (v(), y(e(K), V(G(d)), {
+      default: f(() => [g(t.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), fe = ae, se = /* @__PURE__ */ m({
+  __name: "PopoverTrigger",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "button"
+    }
+  },
+  setup(u) {
+    const d = u, t = O(), { forwardRef: a, currentElement: l } = B();
+    return t.triggerId || (t.triggerId = S(void 0, "reka-popover-trigger")), H(() => {
+      t.triggerElement.value = l.value;
+    }), (r, n) => (v(), y(J(e(t).hasCustomAnchor.value ? e(w) : e(W)), { "as-child": "" }, {
+      default: f(() => [C(e(w), {
+        id: e(t).triggerId,
+        ref: e(a),
+        type: r.as === "button" ? "button" : void 0,
+        "aria-haspopup": "dialog",
+        "aria-expanded": e(t).open.value,
+        "aria-controls": e(t).contentId,
+        "data-state": e(t).open.value ? "open" : "closed",
+        as: r.as,
+        "as-child": d.asChild,
+        onClick: e(t).onOpenToggle
+      }, {
+        default: f(() => [g(r.$slots, "default")]),
+        _: 3
+      }, 8, [
+        "id",
+        "type",
+        "aria-expanded",
+        "aria-controls",
+        "data-state",
+        "as",
+        "as-child",
+        "onClick"
+      ])]),
+      _: 3
+    }));
+  }
+}), ce = se;
+export {
+  de as P,
+  ce as a,
+  fe as b,
+  pe as c
+};