@adyen/bento-vue3 1.88.1 → 1.89.2

package/dist/chunks/tooltip.Lwtlhv3u.js

@@ -1,202 +0,0 @@
-import { defineComponent as C, computed as _, openBlock as k, createBlock as I, unref as f, normalizeClass as x, withCtx as b, createVNode as U, createTextVNode as H, toDisplayString as W, nextTick as $, createApp as q, h as L, reactive as F } from "vue";
-import { l as p } from "./events.BQOQSSb7.js";
-import { g as G } from "./generate-uid.NJ8tVoha.js";
-import { c as S, P as j, a as M } from "./popper-container.DAK7c9uS.js";
-import { B as V } from "./typography.B3J6_tYk.js";
-import { _ as z } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import "../assets/tooltip.css";
-const A = { ...S };
-var Y = /* @__PURE__ */ ((t) => (t.HIDDEN = "hidden", t))(Y || {}), O = /* @__PURE__ */ ((t) => (t.ESCAPE = "Escape", t.ENTER = "Enter", t.ARROW_LEFT = "ArrowLeft", t.ARROW_UP = "ArrowUp", t.ARROW_RIGHT = "ArrowRight", t.ARROW_DOWN = "ArrowDown", t.PAGE_UP = "PageUp", t.PAGE_DOWN = "PageDown", t.END = "End", t.HOME = "Home", t.TAB = "Tab", t))(O || {});
-const v = { ...S };
-var D = /* @__PURE__ */ ((t) => (t.HIDDEN = "hidden", t))(D || {});
-const J = {
-  name: "tooltip"
-}, Q = /* @__PURE__ */ C({
-  ...J,
-  props: {
-    /**
-     * The tooltip's id. Necessary for accessibility purposes.
-     */
-    id: { type: String, default: null },
-    /**
-     * Tooltip's target reference to the DOM element or Vue component.
-     * The tooltip will position itself relatively to target element, in the specified position.
-     */
-    targetElement: { type: [Element, Object], required: !0 },
-    /**
-     * Tooltip's position relative to the target element.
-     * Possible values are: 'top', 'bottom', 'left' and 'right'.
-     */
-    position: {
-      type: String,
-      default: v.TOP,
-      validator: (t) => Object.values(v).includes(t)
-    },
-    /**
-     * Tooltip's offset.
-     * If specified, the tooltip will have an offset in pixels between it and the target element
-     * in specified position.
-     */
-    offset: { type: Number, default: 0 },
-    /**
-     * Tooltip's text content.
-     */
-    content: { type: String, required: !0 },
-    /**
-     * Shows / Hides the Tooltip component
-     */
-    isShown: { type: Boolean, default: !1 },
-    /**
-     * Allows to configure to fallback position to the one specified, it could be 'auto' or ['right', 'top', ...].
-     * Useful when not using auto as starting placement.
-     * @see {@link https://floating-ui.com/docs/flip#fallbackplacements}
-     */
-    fallbackPosition: {
-      type: [Array, String],
-      default: () => ["top", "bottom", "right", "left"]
-    },
-    /**
-     * Disables focus-trap for tooltip.
-     * Useful for maintaining focus on the target element.
-     */
-    disabledFocusTrap: { type: Boolean, default: !1 }
-  },
-  setup(t) {
-    const e = t, n = _(() => ({
-      [`b-tooltip--${D.HIDDEN}`]: !e.isShown
-    }));
-    return (i, l) => (k(), I(f(j), {
-      id: t.id,
-      "aria-role": f(M).TOOLTIP,
-      arrow: { classes: ["b-tooltip__arrow"] },
-      class: x([n.value, "b-tooltip"]),
-      "fallback-position": t.fallbackPosition,
-      "is-hidden": !t.isShown,
-      offset: [0, 4],
-      position: t.position,
-      "target-element": t.targetElement,
-      "disabled-focus-trap": t.disabledFocusTrap
-    }, {
-      default: b(() => [
-        U(f(V), {
-          el: "span",
-          variant: "caption"
-        }, {
-          default: b(() => [
-            H(W(t.content), 1)
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["id", "aria-role", "class", "fallback-position", "is-hidden", "position", "target-element", "disabled-focus-trap"]));
-  }
-}), w = /* @__PURE__ */ z(Q, [["__scopeId", "data-v-72e03ce3"]]), c = [], B = "aria-describedby", N = G("tooltip");
-let d, o, h = !1;
-const a = F({
-  targetElement: null,
-  content: "START_MESSAGE",
-  id: N,
-  position: void 0,
-  isShown: !1
-}), X = (t) => {
-  t.setAttribute("tabindex", "0"), a.targetElement = t, o = q({
-    components: { Tooltip: w },
-    setup() {
-      return () => L(w, { ...a }, "");
-    }
-  }), d = document.createElement("div"), d.id = "tooltip-parent", document.body.appendChild(d), o.mount("#tooltip-parent");
-}, Z = () => {
-  o.unmount(), document.contains(d) && document.body.removeChild(d), o = void 0;
-}, y = (t) => Object.values(A).includes(t.arg) ? t.arg : A.TOP, T = (t) => c.find(
-  (e) => (
-    // isEqualNode doesn't work correct for svg element, hence the second check here
-    e.target.isEqualNode(t) && e.target === t
-  )
-), R = (t) => {
-  var i, l, s, u;
-  const e = T(t);
-  if (!e || !e.content || !t || !o)
-    return;
-  t && t.setAttribute(B, N);
-  let n = !1;
-  document.querySelectorAll("dialog").forEach((r) => {
-    n = (r == null ? void 0 : r.open) || n;
-  }), n && ((l = (i = o == null ? void 0 : o._instance) == null ? void 0 : i.vnode) != null && l.el && t.after((u = (s = o == null ? void 0 : o._instance) == null ? void 0 : s.vnode) == null ? void 0 : u.el), n = !1), h = !0, o.content = e.content, o.position = e.position, a.content = e.content, a.position = e.position, $(() => {
-    !h || !o || (o.targetElement = t, o.isShown = !0, a.targetElement = t, a.isShown = !0);
-  });
-}, g = (t) => {
-  var e, n;
-  (n = (e = o == null ? void 0 : o.$el) == null ? void 0 : e.parentElement) != null && n.tagName && o.$el.parentElement.tagName !== "BODY" && document.body.appendChild(o.$el), h = !1, o && (o.isShown = !1), a.isShown = !1, t && t.removeAttribute(B);
-}, E = (t, e) => {
-  if (!e.hasOwnProperty("value") || e.value) {
-    c.length === 0 && X(t);
-    const n = () => R(t), i = () => g(t), l = {
-      target: t,
-      content: e.value,
-      position: y(e),
-      removeListeners: [
-        p(t, "mouseenter", n),
-        p(t, "mouseleave", i),
-        p(t, "focus", () => {
-          t.matches(":focus-visible") && n();
-        }),
-        p(t, "blur", (s) => {
-          var r;
-          ((r = s.relatedTarget) == null ? void 0 : r.getAttribute("role")) !== "tooltip" && i();
-        }),
-        p(t, "keydown", (s) => {
-          s.key === O.ESCAPE && i();
-        })
-      ]
-    };
-    c.push(l);
-  }
-}, m = (t, e) => {
-  const n = T(t);
-  if (n) {
-    if ((n == null ? void 0 : n.content) !== e.value && (n.content = e.value, o.isShown && o.targetElement.isEqualNode(t) && (n.content ? o.content = e.value : o.isShown = !1, g(t), R(t))), n.position !== e.arg) {
-      const i = y(e);
-      n.position = i, o.position = i;
-    }
-  } else !n && e.value && E(t, e);
-}, P = (t) => {
-  const e = T(t);
-  e && (e.removeListeners.forEach((n) => {
-    n();
-  }), g(), c.splice(c.indexOf(e), 1), c.length === 0 && Z());
-}, at = {
-  // Vue 2 Directive hooks
-  bind(t, e) {
-    E(t, e);
-  },
-  update(t, e) {
-    m(t, e);
-  },
-  unbind(t) {
-    P(t);
-  },
-  // Vue 3 Directive hooks
-  beforeMount(t, e) {
-    E(t, e);
-  },
-  mounted(t, e) {
-    m(t, e);
-  },
-  updated(t, e) {
-    m(t, e);
-  },
-  unmounted(t) {
-    P(t);
-  }
-};
-export {
-  v as B,
-  O as E,
-  w as T,
-  D as a,
-  at as b,
-  A as c,
-  Y as d
-};
-//# sourceMappingURL=tooltip.Lwtlhv3u.js.map

package/dist/chunks/truncate.BfIl_-71.js

@@ -1,8 +0,0 @@
-const l = (s, c) => {
-  const o = s == null ? void 0 : s.toString();
-  return (o == null ? void 0 : o.length) > c ? `${o == null ? void 0 : o.slice(0, c)}...` : o;
-};
-export {
-  l as t
-};
-//# sourceMappingURL=truncate.BfIl_-71.js.map