@adyen/bento-vue3 1.95.0 → 1.96.0

package/dist/chunks/secondary-nav.BqqNrHZE.js

@@ -1,306 +0,0 @@
-import { defineComponent as R, inject as W, ref as O, computed as p, watch as j, resolveComponent as Z, openBlock as n, createElementBlock as c, createElementVNode as _, unref as t, normalizeClass as q, createVNode as b, withCtx as i, createTextVNode as x, toDisplayString as y, createBlock as f, createCommentVNode as M, withModifiers as ee, Transition as ae, normalizeStyle as oe, Fragment as z, renderList as F, toRef as te, readonly as ne, provide as re } from "vue";
-import { B as se } from "./dropdown.CK8cdMyV.js";
-import { B as $ } from "./typography.B3J6_tYk.js";
-import { B as G } from "./tag.Uu-6AQys.js";
-import { C as J } from "./cross-circle-fill.BWCKKn0E.js";
-import { b as le } from "./index.oOAkh64h.js";
-import { u as P } from "./index.B875RXHM.js";
-import { a as ie } from "./es6.Cu3DYUPA.js";
-import { B as ue } from "./button.DWF7FSIw.js";
-import { C as ce } from "./chevron-down.XeE-LBV_.js";
-import { C as de } from "./chevron-up.Cmgl2a3x.js";
-import { g as ve } from "./generate-uid.DBWe4g6T.js";
-import { u as me } from "./use-expandable-content-height.Bdd9hQwq.js";
-import { _ as U } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import "../assets/secondary-nav.css";
-const Q = /* @__PURE__ */ Symbol("secondary nav state"), X = {
-  "en-US": { errorCount: "error | errors" }
-}, be = { class: "b-secondary-nav-item" }, pe = { class: "b-secondary-nav-item__wrapper" }, _e = ["aria-current", "aria-expanded", "aria-controls"], ye = { class: "b-secondary-nav-item__visually-hidden" }, fe = ["id"], ge = { i18n: { messages: X } }, he = /* @__PURE__ */ R({
-  ...ge,
-  __name: "secondary-nav-item",
-  props: {
-    label: {},
-    value: {},
-    items: {},
-    isSubItem: { type: Boolean },
-    errorCounter: {}
-  },
-  emits: ["click"],
-  setup(N, { emit: g }) {
-    const { tc: D } = P({ messages: X }), { activeItemValue: d, updateActiveItemValue: H, allowExpandableItemNavigation: L } = W(Q), u = "b-secondary-nav-item__animation--content", v = N, r = O(!1), h = ve("secondary-nav-sub-items"), A = O(null), C = p(() => !!v.items?.length), S = p(() => d.value === v.value), s = p(() => C.value && !L.value), { contentHeight: B } = me(A, r), T = p(() => B.value ? { "max-height": B.value } : {}), k = p(() => ({
-      "b-secondary-nav-item__option--active": S.value,
-      "b-secondary-nav-item__option--expandable": C.value,
-      "b-secondary-nav-item__option--sub-item": v.isSubItem
-    })), E = g, V = (o) => {
-      E("click", o), H(v.value);
-    }, e = () => {
-      r.value = !r.value;
-    }, l = (o, m) => o.some(
-      (w) => w.value === m || (w.items ? l(w.items, m) : !1)
-    ), a = (o) => o.some((m) => !!m.errorCounter || (m.items ? a(m.items) : !1));
-    return j(
-      [d, () => v.items],
-      ([o]) => {
-        C.value && v.items && (l(v.items, o) || a(v.items)) && (r.value = !0);
-      },
-      { immediate: !0, deep: !0 }
-    ), (o, m) => {
-      const w = Z("secondary-nav-item", !0);
-      return n(), c("div", be, [
-        _("div", pe, [
-          _("button", {
-            class: q(["b-secondary-nav-item__option", k.value]),
-            "aria-current": S.value ? "page" : void 0,
-            "aria-expanded": s.value ? `${r.value}` : void 0,
-            "aria-controls": s.value ? t(h) : void 0,
-            onClick: m[0] || (m[0] = (I) => s.value ? e() : V(I))
-          }, [
-            b(t($), {
-              class: "b-secondary-nav-item__title",
-              variant: "body",
-              stronger: ""
-            }, {
-              default: i(() => [
-                x(y(o.label), 1)
-              ]),
-              _: 1
-            }),
-            o.errorCounter ? (n(), f(t(G), {
-              key: 0,
-              class: "b-secondary-nav-item__error-counter",
-              variant: "red"
-            }, {
-              icon: i(() => [
-                b(t(J), { "aria-hidden": "true" })
-              ]),
-              default: i(() => [
-                _("span", null, y(o.errorCounter), 1),
-                _("span", ye, y(t(D)("errorCount", o.errorCounter)), 1)
-              ]),
-              _: 1
-            })) : M("", !0)
-          ], 10, _e),
-          C.value ? (n(), f(t(ue), {
-            key: 0,
-            "aria-hidden": s.value,
-            tabindex: s.value ? -1 : void 0,
-            class: "b-secondary-nav-item__toggle",
-            variant: "tertiary",
-            "aria-label": r.value ? `Collapse ${o.label}` : `Expand ${o.label}`,
-            "aria-expanded": s.value ? void 0 : `${r.value}`,
-            "aria-controls": s.value ? void 0 : t(h),
-            onClick: ee(e, ["stop"])
-          }, {
-            iconLeft: i(() => [
-              r.value ? (n(), f(t(de), {
-                key: 0,
-                class: "b-secondary-nav-item__icon",
-                "aria-hidden": "true"
-              })) : (n(), f(t(ce), {
-                key: 1,
-                class: "b-secondary-nav-item__icon",
-                "aria-hidden": "true"
-              }))
-            ]),
-            _: 1
-          }, 8, ["aria-hidden", "tabindex", "aria-label", "aria-expanded", "aria-controls"])) : M("", !0)
-        ]),
-        b(ae, { name: u }, {
-          default: i(() => [
-            C.value && r.value ? (n(), c("div", {
-              key: 0,
-              id: t(h),
-              style: oe(T.value)
-            }, [
-              _("ul", {
-                ref_key: "subItemsRef",
-                ref: A,
-                class: "b-secondary-nav-item__sub-items"
-              }, [
-                (n(!0), c(z, null, F(o.items, (I) => (n(), c("li", {
-                  key: I.value
-                }, [
-                  b(w, {
-                    label: I.label,
-                    value: I.value,
-                    items: I.items,
-                    "error-counter": I.errorCounter,
-                    "is-sub-item": ""
-                  }, null, 8, ["label", "value", "items", "error-counter"])
-                ]))), 128))
-              ], 512)
-            ], 12, fe)) : M("", !0)
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-}), Y = /* @__PURE__ */ U(he, [["__scopeId", "data-v-0d3fb0ab"]]), Ce = ["aria-label"], Ie = { class: "b-secondary-nav__list" }, ke = {}, we = /* @__PURE__ */ R({
-  ...ke,
-  __name: "secondary-nav-category",
-  props: {
-    label: {},
-    items: {}
-  },
-  setup(N) {
-    return (g, D) => (n(), c("section", {
-      class: "b-secondary-nav-category",
-      "aria-label": g.label
-    }, [
-      b(t($), {
-        el: "h1",
-        class: "b-secondary-nav-category__label",
-        variant: "caption",
-        stronger: ""
-      }, {
-        default: i(() => [
-          x(y(g.label), 1)
-        ]),
-        _: 1
-      }),
-      _("ul", Ie, [
-        (n(!0), c(z, null, F(g.items, (d) => (n(), c("li", {
-          key: d.value
-        }, [
-          b(t(Y), {
-            label: d.label,
-            value: d.value,
-            items: d.items,
-            "error-counter": d.errorCounter
-          }, null, 8, ["label", "value", "items", "error-counter"])
-        ]))), 128))
-      ])
-    ], 8, Ce));
-  }
-}), Ne = /* @__PURE__ */ U(we, [["__scopeId", "data-v-7b080ce9"]]), K = {
-  "de-DE": { mobileDropdownAriaLabel: "Navigationsoptionen Dropdown-Menü" },
-  "en-GB": { mobileDropdownAriaLabel: "Navigation options drop-down" },
-  "en-US": { errorCount: "error | errors", mobileDropdownAriaLabel: "Navigation options dropdown" },
-  "es-ES": { mobileDropdownAriaLabel: "Menú desplegable de opciones de navegación" },
-  "es-MX": { mobileDropdownAriaLabel: "Menú desplegable de opciones de navegación" },
-  "fr-FR": { mobileDropdownAriaLabel: "Menu déroulant des options de navigation" },
-  "it-IT": { mobileDropdownAriaLabel: "Menu a tendina delle opzioni di navigazione" },
-  "ja-JP": { mobileDropdownAriaLabel: "ナビゲーションオプションのドロップダウン" },
-  "pt-BR": { mobileDropdownAriaLabel: "Menu suspenso de opções de navegação" },
-  "zh-CN": { mobileDropdownAriaLabel: "导航选项下拉菜单" }
-}, De = { class: "b-secondary-nav" }, Ae = { class: "b-secondary-nav__visually-hidden" }, Se = {
-  key: 1,
-  class: "b-secondary-nav__list"
-}, Be = {
-  i18n: { messages: K }
-}, Ee = /* @__PURE__ */ R({
-  ...Be,
-  __name: "secondary-nav",
-  props: {
-    items: {},
-    value: {},
-    allowExpandableItemNavigation: { type: Boolean }
-  },
-  emits: ["change"],
-  setup(N, { emit: g }) {
-    const { t: D, tc: d } = P({ messages: K }), L = le({
-      s: ie
-    }).smallerOrEqual("s"), u = N, v = g, r = (e) => "items" in e && !("value" in e), h = (e, l = 0) => e.flatMap((a) => {
-      const o = {
-        label: a.label,
-        value: a.value,
-        data: { level: l, hasSubItems: !!a.items?.length, errorCounter: a.errorCounter }
-      };
-      return a.items?.length ? [o, ...h(a.items, l + 1)] : [o];
-    }), A = (e) => !u.allowExpandableItemNavigation && e.data?.hasSubItems, C = p(() => u.items.some((e) => r(e))), S = p(() => u.items.flatMap((e) => r(e) ? [
-      {
-        label: e.label,
-        value: `category-${e.label}`,
-        items: h(e.items)
-      }
-    ] : e.items?.length ? h([e]) : [
-      {
-        label: e.label,
-        value: e.value,
-        data: { level: 0, errorCounter: e.errorCounter }
-      }
-    ])), s = (e) => e.flatMap((l) => [l, ...l.items?.length ? s(l.items) : []]), B = (e) => s(e).find((l) => u.allowExpandableItemNavigation || !l.items?.length)?.value ?? "", T = p(() => u.items.length ? B(
-      u.items.flatMap(
-        (e) => r(e) ? s(e.items) : s([e])
-      )
-    ) : ""), k = O(u.value ?? T.value), E = (e) => {
-      k.value = e, v("change", e);
-    }, V = {
-      activeItemValue: ne(k),
-      updateActiveItemValue: E,
-      allowExpandableItemNavigation: te(u, "allowExpandableItemNavigation")
-    };
-    return j(
-      () => u.value,
-      (e) => {
-        e !== void 0 && (k.value = e);
-      }
-    ), re(Q, V), (e, l) => (n(), c("nav", De, [
-      t(L) ? (n(), f(t(se), {
-        key: 0,
-        "aria-label": t(D)("mobileDropdownAriaLabel"),
-        items: S.value,
-        "static-categories": C.value,
-        "model-value": k.value,
-        "is-option-disabled": A,
-        "onUpdate:modelValue": E
-      }, {
-        "display-value": i(({ label: a }) => [
-          b(t($), { el: "span" }, {
-            default: i(() => [
-              x(y(a), 1)
-            ]),
-            _: 2
-          }, 1024)
-        ]),
-        default: i(({ label: a, data: o }) => [
-          b(t($), {
-            el: "div",
-            class: q({ "b-secondary-nav__option": !0, "b-secondary-nav__nested-option": !!o?.level })
-          }, {
-            default: i(() => [
-              x(y(a) + " ", 1),
-              o?.errorCounter ? (n(), f(t(G), {
-                key: 0,
-                class: "b-secondary-nav__error-counter",
-                variant: "red"
-              }, {
-                icon: i(() => [
-                  b(t(J), { "aria-hidden": "true" })
-                ]),
-                default: i(() => [
-                  _("span", null, y(o.errorCounter), 1),
-                  _("span", Ae, y(t(d)("errorCount", o.errorCounter)), 1)
-                ]),
-                _: 2
-              }, 1024)) : M("", !0)
-            ]),
-            _: 2
-          }, 1032, ["class"])
-        ]),
-        _: 1
-      }, 8, ["aria-label", "items", "static-categories", "model-value"])) : (n(), c("ul", Se, [
-        (n(!0), c(z, null, F(e.items, (a) => (n(), c("li", {
-          key: a.label
-        }, [
-          "items" in a && !("value" in a) ? (n(), f(t(Ne), {
-            key: 0,
-            label: a.label,
-            items: a.items
-          }, null, 8, ["label", "items"])) : (n(), f(t(Y), {
-            key: 1,
-            label: a.label,
-            value: a.value,
-            items: a.items,
-            "error-counter": a.errorCounter
-          }, null, 8, ["label", "value", "items", "error-counter"]))
-        ]))), 128))
-      ]))
-    ]));
-  }
-}), Ge = /* @__PURE__ */ U(Ee, [["__scopeId", "data-v-34eeb7b8"]]);
-export {
-  Ge as s
-};
-//# sourceMappingURL=secondary-nav.BqqNrHZE.js.map