@adyen/bento-vue3 1.88.1 → 1.89.2

package/dist/chunks/dashboard-section.CgoLquLP.js

@@ -1,165 +0,0 @@
-import { defineComponent as I, useSlots as F, ref as u, computed as d, watch as g, onUnmounted as L, openBlock as a, createElementBlock as l, createVNode as $, unref as s, mergeProps as R, createSlots as H, withCtx as _, renderSlot as i, createElementVNode as f, normalizeClass as C, createCommentVNode as W, createBlock as w, Fragment as M, renderList as U, onMounted as q } from "vue";
-import { B as E } from "./header.oXqwf2xN.js";
-import { a as A, B as G } from "./tab.DRrnMCxe.js";
-import { d as J } from "./index.Dppy4qHk.js";
-import { o as K } from "./resize.Bqks3WUm.js";
-import { u as N } from "./use-has-slot.B7eQSabc.js";
-import { _ as P } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as Q } from "./divider.BIY84UH7.js";
-import "../assets/dashboard-section.css";
-const X = { class: "b-dashboard-template" }, Y = { class: "b-dashboard-template__container b-dashboard-template__container--tabs" }, Z = {
-  key: 2,
-  class: "b-dashboard-template__container"
-}, x = {}, tt = /* @__PURE__ */ I({
-  ...x,
-  __name: "dashboard-template",
-  props: {
-    header: {},
-    tabs: { default: void 0 },
-    stickyTabs: { type: Boolean, default: !1 },
-    stickyFilters: { type: Boolean, default: !1 }
-  },
-  setup(h) {
-    const o = h, r = F(), n = N(r), b = u(), e = u(null), p = u(!1);
-    let c = null;
-    const v = u(0), m = d(() => e.value && o.stickyFilters), B = d(() => b.value && o.stickyTabs), V = d(() => ({
-      "b-dashboard-template__filters--sticky": o.stickyFilters,
-      "b-dashboard-template__filters--show-border": m.value && !B.value && p.value
-    })), z = d(() => ({
-      "b-dashboard-template__top-section--sticky": o.stickyTabs || o.stickyFilters
-    })), S = d(() => Object.keys(r).filter((t) => t == null ? void 0 : t.includes("tab-"))), O = (t) => {
-      var y, k;
-      return ((k = (y = o == null ? void 0 : o.tabs.tabs) == null ? void 0 : y[t]) == null ? void 0 : k.title) ?? `Tab ${t + 1}`;
-    }, j = d(() => v.value ? { top: v.value } : void 0), { y: D } = J();
-    return g(
-      () => e.value,
-      () => {
-        !c && e.value && (c = K(e.value, () => {
-          if (e.value && B.value) {
-            const t = e.value.offsetHeight;
-            v.value = m.value ? t : 0;
-          }
-        }));
-      }
-    ), g(
-      () => D.value,
-      () => {
-        var t;
-        m.value && (p.value = ((t = e.value) == null ? void 0 : t.getBoundingClientRect().top) === 0);
-      }
-    ), L(() => {
-      c == null || c.disconnect();
-    }), (t, y) => (a(), l("main", X, [
-      $(s(E), R(t.header, {
-        variant: "page",
-        class: "b-dashboard-template__header"
-      }), H({ _: 2 }, [
-        s(n)("infoIconTooltipContent") ? {
-          name: "infoIconTooltipContent",
-          fn: _(() => [
-            i(t.$slots, "infoIconTooltipContent", {}, void 0, !0)
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040),
-      f("div", {
-        class: C(["b-dashboard-template__top-section", z.value])
-      }, [
-        s(n)("filters") ? (a(), l("div", {
-          key: 0,
-          ref_key: "filtersRef",
-          ref: e,
-          class: C(["b-dashboard-template__filters", V.value]),
-          "data-testid": "filters"
-        }, [
-          i(t.$slots, "filters", {}, void 0, !0)
-        ], 2)) : W("", !0),
-        S.value.length > 1 ? (a(), w(s(A), {
-          key: 1,
-          ref_key: "tabsRef",
-          ref: b,
-          "active-tab-index": t.tabs.activeTabIndex,
-          sticky: t.stickyTabs,
-          "sticky-options": j.value,
-          "data-testid": "tabs"
-        }, {
-          default: _(() => [
-            (a(!0), l(M, null, U(S.value, (k, T) => (a(), w(s(G), {
-              key: `tab-${T}`,
-              title: O(T)
-            }, {
-              default: _(() => [
-                f("div", Y, [
-                  i(t.$slots, `tab-${T + 1}`, {}, void 0, !0)
-                ])
-              ]),
-              _: 2
-            }, 1032, ["title"]))), 128))
-          ]),
-          _: 3
-        }, 8, ["active-tab-index", "sticky", "sticky-options"])) : (a(), l("div", Z, [
-          i(t.$slots, "default", {}, void 0, !0)
-        ]))
-      ], 2)
-    ]));
-  }
-}), pt = /* @__PURE__ */ P(tt, [["__scopeId", "data-v-20c70d44"]]), et = {
-  key: 0,
-  class: "b-dashboard-section__controls"
-}, ot = {
-  key: 1,
-  class: "b-dashboard-section__content"
-}, st = {
-  key: 2,
-  class: "b-dashboard-section__columns"
-}, at = { class: "b-dashboard-section__content" }, nt = { class: "b-dashboard-section__content" }, it = {}, lt = /* @__PURE__ */ I({
-  ...it,
-  __name: "dashboard-section",
-  props: {
-    header: {},
-    halfWidth: { type: Boolean, default: !1 }
-  },
-  setup(h) {
-    const o = h, r = F(), n = N(r), b = d(() => ({
-      "b-dashboard-section--half-width": o.halfWidth
-    }));
-    return q(() => {
-      if ((n("content-col-1") || n("content-col-2")) && o.halfWidth)
-        throw new Error("`content-col-1` and `content-col-2` cannot be used with half-width prop");
-    }), (e, p) => (a(), l("div", {
-      class: C(["b-dashboard-section", b.value])
-    }, [
-      $(s(E), R(e.header, {
-        variant: "component",
-        class: "b-dashboard-template__header"
-      }), H({ _: 2 }, [
-        s(n)("infoIconTooltipContent") ? {
-          name: "infoIconTooltipContent",
-          fn: _(() => [
-            i(e.$slots, "infoIconTooltipContent", {}, void 0, !0)
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040),
-      s(n)("controls") ? (a(), l("div", et, [
-        i(e.$slots, "controls", {}, void 0, !0)
-      ])) : W("", !0),
-      !s(n)("content-col-1") && !s(n)("content-col-2") ? (a(), l("div", ot, [
-        i(e.$slots, "default", {}, void 0, !0)
-      ])) : (a(), l("div", st, [
-        f("div", at, [
-          i(e.$slots, "content-col-1", {}, void 0, !0)
-        ]),
-        f("div", nt, [
-          i(e.$slots, "content-col-2", {}, void 0, !0)
-        ])
-      ])),
-      $(s(Q), { class: "b-dashboard-section__divider" })
-    ], 2));
-  }
-}), vt = /* @__PURE__ */ P(lt, [["__scopeId", "data-v-55110156"]]);
-export {
-  pt as a,
-  vt as d
-};
-//# sourceMappingURL=dashboard-section.CgoLquLP.js.map

package/dist/chunks/dashed-underline.wbRHATeE.js

@@ -1,114 +0,0 @@
-import { defineComponent as E, useSlots as C, ref as i, computed as p, watch as D, withDirectives as k, openBlock as h, createElementBlock as w, createElementVNode as T, renderSlot as _, createBlock as N, unref as t, withCtx as u, toHandlers as V, createVNode as P, createTextVNode as y, toDisplayString as I, createCommentVNode as z } from "vue";
-import { e as F, h as L } from "./button-actions.BYBpjNqy.js";
-import { b as M } from "./tooltip.Lwtlhv3u.js";
-import { B as U } from "./typography.B3J6_tYk.js";
-import { u as A } from "./use-has-slot.B7eQSabc.js";
-import { _ as G } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import "../assets/dashed-underline.css";
-const H = { class: "b-dashed-underline__content" }, R = {}, Y = /* @__PURE__ */ E({
-  ...R,
-  __name: "dashed-underline",
-  props: {
-    popoverText: { default: null },
-    popoverTitle: { default: null },
-    popoverPosition: { default: "top" },
-    popoverSize: { default: "fit-content" },
-    teleport: { default: () => ({
-      disabled: !0
-    }) },
-    tooltipText: { default: null },
-    tooltipPosition: { default: "top" }
-  },
-  setup(S) {
-    const n = S, O = C(), b = A(O), o = i(null), l = i(!1), r = i(), s = () => {
-      l.value = !0, r.value && clearTimeout(r.value);
-    }, a = () => {
-      const e = setTimeout(() => {
-        l.value = !1;
-      }, 200);
-      r.value = e;
-    }, d = () => {
-      s();
-    }, c = (e) => {
-      (!o.value || !((e == null ? void 0 : e.relatedTarget) instanceof Element) || !o.value.contains(e.relatedTarget)) && a();
-    }, v = p(() => n.popoverText || b("popover-content")), g = p(() => !n.tooltipText && !v.value);
-    D(
-      g,
-      (e) => {
-        if (e)
-          throw new Error(
-            "BentoDashedUnderline requires either a tooltip or a popover to be configured. Check the docs for more info."
-          );
-      },
-      { immediate: !0 }
-    );
-    const B = p(
-      () => {
-        var e;
-        return ((e = n.teleport) == null ? void 0 : e.disabled) === !1 ? {
-          mouseenter: s,
-          mouseleave: a,
-          focus: d,
-          focusout: c
-        } : {};
-      }
-    );
-    return (e, q) => {
-      var f, m;
-      return k((h(), w("span", {
-        ref_key: "element",
-        ref: o,
-        class: "b-dashed-underline",
-        tabindex: "0",
-        onMouseenter: s,
-        onMouseleave: a,
-        onFocus: d,
-        onFocusout: c
-      }, [
-        T("span", H, [
-          _(e.$slots, "default", {}, void 0, !0)
-        ]),
-        o.value && v.value ? (h(), N(t(F), {
-          key: 0,
-          disabled: (f = e.teleport) == null ? void 0 : f.disabled,
-          to: (m = e.teleport) == null ? void 0 : m.to
-        }, {
-          default: u(() => [
-            T("span", V(B.value, !0), [
-              P(t(L), {
-                open: l.value,
-                "target-element": o.value,
-                position: e.popoverPosition,
-                role: "tooltip",
-                "fit-content": e.popoverSize === "fit-content" || void 0,
-                large: e.popoverSize === "large" || void 0,
-                small: e.popoverSize === "small" || void 0,
-                title: e.popoverTitle,
-                "disable-focus-trap": ""
-              }, {
-                default: u(() => [
-                  _(e.$slots, "popover-content", {}, () => [
-                    P(t(U), null, {
-                      default: u(() => [
-                        y(I(e.popoverText), 1)
-                      ]),
-                      _: 1
-                    })
-                  ], !0)
-                ]),
-                _: 3
-              }, 8, ["open", "target-element", "position", "fit-content", "large", "small", "title"])
-            ], 16)
-          ]),
-          _: 3
-        }, 8, ["disabled", "to"])) : z("", !0)
-      ], 32)), [
-        [t(M), e.tooltipText, e.tooltipPosition]
-      ]);
-    };
-  }
-}), X = /* @__PURE__ */ G(Y, [["__scopeId", "data-v-d87d8c52"]]);
-export {
-  X as B
-};
-//# sourceMappingURL=dashed-underline.wbRHATeE.js.map

package/dist/chunks/data-grid-template.D40V1cmi.js

@@ -1,144 +0,0 @@
-import { defineComponent as E, useSlots as G, ref as f, computed as o, provide as H, openBlock as c, createElementBlock as m, createVNode as T, unref as n, mergeProps as N, toHandlers as O, withCtx as l, renderSlot as s, createElementVNode as P, normalizeProps as j, guardReactiveProps as x, createSlots as V, normalizeClass as w, createCommentVNode as z, createBlock as _, Fragment as L, renderList as F, toRef as C } from "vue";
-import { B as J } from "./header.oXqwf2xN.js";
-import { B as K } from "./inspector.BjLhY3bE.js";
-import { a as M, B as U } from "./tab.DRrnMCxe.js";
-import { u as Y } from "./use-has-slot.B7eQSabc.js";
-import { D as q } from "./data-grid-template.keys.VezYtHtM.js";
-import { _ as Q } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import "../assets/data-grid-template.css";
-const W = { class: "b-data-grid-template" }, X = { class: "b-data-grid-template__header" }, Z = {}, tt = /* @__PURE__ */ E({
-  ...Z,
-  __name: "data-grid-template",
-  props: {
-    /**
-     * The header that goes to the top of the template
-     */
-    header: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * All the tab properties that can be set on the inner tab components.
-     *  - tabs.activeTabIndex: the currenly active tab index.
-     *  - tabs.tabs: an array of BentoTab props, the first item in the array will affect the `tab-1` slot and so on.
-     */
-    tabs: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Renders the additional content slot with a sticky positioning
-     */
-    stickyAdditionalContent: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Renders the tabs with a sticky positioning
-     */
-    stickyTabs: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * All the inspector properties that can be set on the inner inspector component.
-     */
-    inspector: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update:tabs", "update:is-open:inspector", "update:active-page:inspector", "expand:inspector"],
-  setup(i, { emit: g }) {
-    const e = i, b = G(), v = Y(b), p = g, y = f(null), d = f(null), I = f(null), R = o(() => ({
-      "b-data-grid-template__additional-content--sticky": e.stickyAdditionalContent
-    })), h = o(() => ({
-      title: "",
-      ...e.inspector
-    })), B = o(() => {
-      var t;
-      return (t = d == null ? void 0 : d.value) == null ? void 0 : t.offsetHeight;
-    }), S = o(() => {
-      var t, a;
-      return (a = (t = y.value) == null ? void 0 : t.$refs) == null ? void 0 : a.tablistwrapper;
-    }), k = o(() => Object.keys(b).filter((t) => t == null ? void 0 : t.includes("tab-"))), $ = o(() => ({
-      "update:is-open": (t) => p("update:is-open:inspector", t),
-      "update:active-page": (t) => p("update:active-page:inspector", t),
-      expand: (t) => p("expand:inspector", t)
-    })), A = (t) => {
-      p("update:tabs", { ...e.tabs, activeTabIndex: t });
-    }, D = (t) => {
-      var a, r;
-      return ((r = (a = e == null ? void 0 : e.tabs.tabs) == null ? void 0 : a[t]) == null ? void 0 : r.title) ?? `Tab ${t + 1}`;
-    };
-    return H(q, () => {
-      const a = C(e, "stickyTabs"), r = C(e, "stickyAdditionalContent");
-      return {
-        isDataGridTemplate: !0,
-        stickyTabs: a,
-        tabsRef: S,
-        stickyAdditionalContent: r,
-        additionalContentSlotRef: d
-      };
-    }), (t, a) => (c(), m("main", W, [
-      T(n(K), N(h.value, {
-        ref_key: "inspectorRef",
-        ref: I
-      }, O($.value)), {
-        page: l(() => [
-          P("div", X, [
-            s(t.$slots, "header", {}, () => [
-              T(n(J), j(x(i.header)), V({ _: 2 }, [
-                n(v)("infoIconTooltipContent") ? {
-                  name: "infoIconTooltipContent",
-                  fn: l(() => [
-                    s(t.$slots, "infoIconTooltipContent", {}, void 0, !0)
-                  ]),
-                  key: "0"
-                } : void 0
-              ]), 1040)
-            ], !0)
-          ]),
-          n(v)("additionalContent") ? (c(), m("div", {
-            key: 0,
-            ref_key: "additionalContentRef",
-            ref: d,
-            class: w(["b-data-grid-template__additional-content", R.value])
-          }, [
-            s(t.$slots, "additionalContent", {}, void 0, !0)
-          ], 2)) : z("", !0),
-          k.value.length > 1 ? (c(), _(n(M), {
-            key: 1,
-            ref_key: "tabsRef",
-            ref: y,
-            "active-tab-index": i.tabs.activeTabIndex,
-            sticky: i.stickyTabs,
-            "sticky-options": i.stickyAdditionalContent ? { top: B.value } : null,
-            "onUpdate:activeTabIndex": A
-          }, {
-            default: l(() => [
-              (c(!0), m(L, null, F(k.value, (r, u) => (c(), _(n(U), {
-                key: `tab-${u}`,
-                title: D(u)
-              }, {
-                default: l(() => [
-                  s(t.$slots, `tab-${u + 1}`, {}, void 0, !0)
-                ]),
-                _: 2
-              }, 1032, ["title"]))), 128))
-            ]),
-            _: 3
-          }, 8, ["active-tab-index", "sticky", "sticky-options"])) : s(t.$slots, "default", { key: 2 }, void 0, !0)
-        ]),
-        content: l(() => [
-          s(t.$slots, "inspector-content", {}, void 0, !0)
-        ]),
-        _: 3
-      }, 16)
-    ]));
-  }
-}), lt = /* @__PURE__ */ Q(tt, [["__scopeId", "data-v-ae4e472c"]]);
-export {
-  lt as d
-};
-//# sourceMappingURL=data-grid-template.D40V1cmi.js.map