@adyen/bento-vue2 1.94.0 → 1.96.0

package/dist/chunks/navigation-menu-group.DHWp-pJO.js

@@ -1,216 +0,0 @@
-import { defineComponent as B, useSlots as A, ref as h, computed as c, provide as O, toRef as j, inject as $, onMounted as G, onBeforeUnmount as z, watch as J, onUnmounted as K } from "vue";
-import { B as T } from "./typography.C8lPlsbD.js";
-import { B as Y } from "./button.C9b2AC9w.js";
-/* empty css              */
-import { n as L } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { u as E } from "./use-has-slot.C9lQZ6nz.js";
-import { g as y } from "./generate-uid.NJ8tVoha.js";
-import { u as R } from "./index.B6WW_F-J.js";
-import { b as M } from "./tooltip.DmFTmAGi.js";
-import { m as D } from "./index.DZx81HG1.js";
-import { B as q } from "./link.DB5g6d48.js";
-import { u as Q } from "./use-expandable-content-height.2WJLCL-R.js";
-import { C as X } from "./chevron-down.eYtgv5ly.js";
-import { C as ee } from "./chevron-up.d8cwIlA_.js";
-import "../assets/navigation-menu-group.css";
-let k = 0;
-const te = {
-  beforeCreate() {
-    this.uuid = k.toString(), k += 1;
-  }
-};
-var ne = function() {
-  var e = this, n = e._self._c;
-  return n("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? n("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), n("path", { attrs: { fill: "#001222", d: "M15.5303 13.4697L14.4697 14.5303L12 12.0605L9.53027 14.5303L8.46973 13.4697L12 9.93945L15.5303 13.4697Z" } }), n("path", { attrs: { fill: "#001222", d: "M7 13.75H0V12.25H7V13.75Z" } }), n("path", { attrs: { fill: "#001222", d: "M7 8.75H0V7.25H7V8.75Z" } }), n("path", { attrs: { fill: "#001222", d: "M15.5303 2.53027L12 6.06055L8.46973 2.53027L9.53027 1.46973L12 3.93945L14.4697 1.46973L15.5303 2.53027Z" } }), n("path", { attrs: { fill: "#001222", d: "M7 3.75H0V2.25H7V3.75Z" } })]);
-}, ae = [], se = /* @__PURE__ */ L(
-  te,
-  ne,
-  ae,
-  !1,
-  null,
-  null
-);
-const oe = se.exports;
-let N = 0;
-const ie = {
-  beforeCreate() {
-    this.uuid = N.toString(), N += 1;
-  }
-};
-var le = function() {
-  var e = this, n = e._self._c;
-  return n("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? n("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), n("path", { attrs: { fill: "#001222", d: "M15.5303 11.5303L12 15.0605L8.46973 11.5303L9.53027 10.4697L12 12.9395L14.4697 10.4697L15.5303 11.5303Z" } }), n("path", { attrs: { fill: "#001222", d: "M7 13.75H0V12.25H7V13.75Z" } }), n("path", { attrs: { fill: "#001222", d: "M7 8.75H0V7.25H7V8.75Z" } }), n("path", { attrs: { fill: "#001222", d: "M15.5303 4.46973L14.4697 5.53027L12 3.06055L9.53027 5.53027L8.46973 4.46973L12 0.939453L15.5303 4.46973Z" } }), n("path", { attrs: { fill: "#001222", d: "M7 3.75H0V2.25H7V3.75Z" } })]);
-}, re = [], ue = /* @__PURE__ */ L(
-  ie,
-  le,
-  re,
-  !1,
-  null,
-  null
-);
-const ce = ue.exports, H = /* @__PURE__ */ Symbol("navigation menu state injection key"), Z = {
-  "en-US": {
-    hideAllPages: "Hide all pages",
-    showAllPages: "Show all pages",
-    showingCurrentPage: "Showing current page"
-  }
-}, de = {
-  i18n: { messages: Z }
-}, ve = /* @__PURE__ */ B({
-  ...de,
-  __name: "navigation-menu",
-  props: {
-    label: { default: void 0 },
-    showExpandAllButton: { type: Boolean, default: !1 },
-    activePage: { default: void 0 }
-  },
-  emits: ["update:active-page"],
-  setup(p, { emit: e }) {
-    const n = p, t = A(), b = E(t), C = y("navigation-menu-title"), { t: _ } = R(), l = h([]), v = (o, a, x) => {
-      l.value.push({ id: o, setOpen: a, getIsOpen: x });
-    }, r = (o) => {
-      l.value = l.value.filter((a) => a.id !== o);
-    }, s = c(() => l.value.length > 0 && l.value.every((o) => o.getIsOpen())), m = c(() => l.value.length > 0 && n.showExpandAllButton), w = c(() => n.label || b("headerActions") || m.value), g = c(() => s.value ? _("hideAllPages") : _("showAllPages")), f = () => {
-      const o = !s.value;
-      l.value.forEach(({ setOpen: a }) => a(o));
-    }, d = (o) => {
-      e("update:active-page", o);
-    };
-    return O(H, {
-      registerGroup: v,
-      unregisterGroup: r,
-      activePage: j(n, "activePage"),
-      updateActivePage: d
-    }), { __sfc: !0, props: n, emit: e, slots: t, hasSlot: b, titleId: C, t: _, groups: l, registerGroup: v, unregisterGroup: r, allExpanded: s, computedShowExpandAll: m, showHeader: w, expandButtonLabel: g, toggleAllGroups: f, updateActivePage: d, BentoTypography: T, BentoButton: Y, MenuCollapseIcon: oe, MenuExpandIcon: ce, vBentoTooltipDirective: M };
-  }
-});
-var pe = function() {
-  var e = this, n = e._self._c, t = e._self._setupProxy;
-  return n("nav", { staticClass: "b-navigation-menu", attrs: { "aria-labelledby": e.label ? t.titleId : void 0 } }, [t.showHeader ? n("div", { staticClass: "b-navigation-menu__header" }, [e.label ? n(t.BentoTypography, { staticClass: "b-navigation-menu__title", attrs: { id: t.titleId, el: "p", variant: "caption", stronger: "" } }, [e._v(" " + e._s(e.label) + " ")]) : e._e(), n("div", { staticClass: "b-navigation-menu__actions-container" }, [t.hasSlot("headerActions") ? n("div", { staticClass: "b-navigation-menu__actions" }, [e._t("headerActions")], 2) : e._e(), t.computedShowExpandAll ? n(t.BentoButton, { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive", value: t.expandButtonLabel, expression: "expandButtonLabel" }], attrs: { variant: "tertiary-with-background", "aria-label": t.expandButtonLabel }, on: { click: t.toggleAllGroups }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
-    return [t.allExpanded ? n(t.MenuCollapseIcon) : n(t.MenuExpandIcon)];
-  }, proxy: !0 }], null, !1, 3696454570) }) : e._e()], 1)], 1) : e._e(), n("ul", { staticClass: "b-navigation-menu__content" }, [e._t("default")], 2)]);
-}, _e = [], ge = /* @__PURE__ */ L(
-  ve,
-  pe,
-  _e,
-  !1,
-  null,
-  "ff9bef84"
-);
-const Re = ge.exports, U = /* @__PURE__ */ Symbol("navigation menu group state injection key"), me = {
-  name: "bento-navigation-menu-item"
-}, fe = /* @__PURE__ */ B({
-  ...me,
-  props: {
-    nested: { type: Boolean, default: !1 },
-    label: null,
-    link: { default: void 0 },
-    value: null,
-    alwaysShowActions: { type: Boolean, default: !1 }
-  },
-  setup(p) {
-    const e = p, n = A(), t = E(n), b = c(() => e.link ? q : "div"), C = c(() => e.link ? { ...e.link, disableTypography: !0 } : {}), _ = h(null), l = h(!1);
-    D(_, () => {
-      var o;
-      const d = ((o = _.value) == null ? void 0 : o.$el) ?? _.value;
-      d && (l.value = d.scrollWidth > d.clientWidth);
-    });
-    const v = y("navigation-menu-item"), r = $(U, null), s = $(H, null), m = c(() => {
-      var d;
-      return ((d = s == null ? void 0 : s.activePage) == null ? void 0 : d.value) === e.value;
-    }), w = c(() => !r || !r.isSemiCollapsed.value ? !0 : m.value), g = c(() => ({
-      "b-navigation-menu-item--selected": m.value,
-      "b-navigation-menu-item--nested": e.nested,
-      "b-navigation-menu-item--hidden": !w.value,
-      "b-navigation-menu-item--always-show-actions": e.alwaysShowActions
-    }));
-    G(() => {
-      r && e.nested && r.registerItem(v, () => m.value);
-    });
-    const f = () => {
-      s == null || s.updateActivePage(e.value);
-    };
-    return z(() => {
-      r && e.nested && r.unregisterItem(v);
-    }), { __sfc: !0, props: e, slots: n, hasSlot: t, wrapperComponent: b, wrapperProps: C, labelRef: _, isTruncated: l, itemId: v, groupState: r, menuState: s, isSelected: m, isVisible: w, conditionalClasses: g, handleClick: f, BentoTypography: T, vBentoTooltipDirective: M };
-  }
-});
-var he = function() {
-  var e = this, n = e._self._c, t = e._self._setupProxy;
-  return n("li", [n(t.wrapperComponent, e._b({ tag: "component", staticClass: "b-navigation-menu-item", class: {
-    ...t.conditionalClasses,
-    "b-navigation-menu-item--no-icon": !t.hasSlot("icon")
-  }, attrs: { "aria-current": t.isSelected && e.link ? "page" : void 0, "aria-hidden": t.isVisible ? void 0 : "true", tabindex: t.isVisible ? void 0 : -1, inert: t.isVisible ? void 0 : "" }, on: { click: t.handleClick } }, "component", t.wrapperProps, !1), [!e.nested && t.hasSlot("icon") ? n("div", { staticClass: "b-navigation-menu-item__icon" }, [e._t("icon")], 2) : e._e(), n(t.BentoTypography, { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive", value: t.isTruncated ? e.label : void 0, expression: "isTruncated ? label : undefined" }], ref: "labelRef", staticClass: "b-navigation-menu-item__label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.label) + " ")]), t.hasSlot("action") ? n("div", { staticClass: "b-navigation-menu-item__action" }, [e._t("action")], 2) : e._e()], 1)], 1);
-}, be = [], Ce = /* @__PURE__ */ L(
-  fe,
-  he,
-  be,
-  !1,
-  null,
-  "0f8822ce"
-);
-const De = Ce.exports, we = {
-  name: "bento-navigation-menu-group",
-  i18n: { messages: Z }
-}, xe = /* @__PURE__ */ B({
-  ...we,
-  props: {
-    isExpanded: { type: Boolean, default: !1 },
-    label: null
-  },
-  emits: ["update:is-expanded"],
-  setup(p, { emit: e }) {
-    const n = p, t = A(), b = E(t), { t: C } = R(), _ = c(() => ({
-      "b-navigation-menu-group__header--expanded": u.value && !a.value
-    })), l = c(() => a.value ? C("showingCurrentPage") : void 0), v = h(null), r = h(!1);
-    D(v, () => {
-      var I;
-      const i = ((I = v.value) == null ? void 0 : I.$el) ?? v.value;
-      i && (r.value = i.scrollWidth > i.clientWidth);
-    });
-    const s = y("navigation-menu-group"), m = y("navigation-menu-group-button"), w = y("navigation-menu-group-content"), g = $(H, null), f = h([]), d = (i, I) => {
-      f.value.push({ id: i, isSelected: I });
-    }, o = (i) => {
-      f.value = f.value.filter((I) => I.id !== i);
-    }, a = h(!1);
-    O(U, {
-      registerItem: d,
-      unregisterItem: o,
-      isSemiCollapsed: a
-    });
-    const x = c(() => f.value.some((i) => i.isSelected())), u = h(n.isExpanded), P = h(null), { contentHeight: S } = Q(P, u), F = c(() => S.value ? { "max-height": S.value } : {}), W = () => {
-      u.value && !a.value ? x.value ? a.value = !0 : u.value = !1 : a.value ? a.value = !1 : u.value = !0, e("update:is-expanded", u.value && !a.value);
-    }, V = (i) => {
-      i ? (u.value = !0, a.value = !1) : x.value ? a.value = !0 : (a.value = !1, u.value = !1), e("update:is-expanded", i);
-    };
-    return J(
-      () => n.isExpanded,
-      (i) => {
-        a.value || (u.value = i);
-      }
-    ), G(() => {
-      x.value && !u.value && (u.value = !0, e("update:is-expanded", !0)), g && g.registerGroup(s, V, () => u.value && !a.value);
-    }), K(() => g == null ? void 0 : g.unregisterGroup(s)), { __sfc: !0, props: n, slots: t, hasSlot: b, t: C, headerClasses: _, headerAriaDescription: l, labelRef: v, isTruncated: r, groupId: s, buttonId: m, contentId: w, navigationMenuState: g, nestedItems: f, registerItem: d, unregisterItem: o, isSemiCollapsed: a, hasActiveItem: x, emit: e, isOpen: u, contentDiv: P, contentHeight: S, contentMaxHeight: F, toggleGroup: W, setOpen: V, BentoTypography: T, vBentoTooltipDirective: M, ChevronDownIcon: X, ChevronUpIcon: ee };
-  }
-});
-var Ie = function() {
-  var e = this, n = e._self._c, t = e._self._setupProxy;
-  return n("li", { staticClass: "b-navigation-menu-group" }, [n("button", { staticClass: "b-navigation-menu-group__header", class: {
-    ...t.headerClasses,
-    "b-navigation-menu-group__header--no-icon": !t.hasSlot("icon")
-  }, attrs: { id: t.buttonId, type: "button", "aria-expanded": `${t.isOpen && !t.isSemiCollapsed}`, "aria-controls": t.contentId, "aria-description": t.headerAriaDescription }, on: { click: t.toggleGroup } }, [t.hasSlot("icon") ? n("div", { staticClass: "b-navigation-menu-group__icon" }, [e._t("icon")], 2) : e._e(), n(t.BentoTypography, { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive", value: t.isTruncated ? e.label : void 0, expression: "isTruncated ? label : undefined" }], ref: "labelRef", staticClass: "b-navigation-menu-group__label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.label) + " ")]), n("div", { staticClass: "b-navigation-menu-group__icon b-navigation-menu-group__icon--chevron" }, [t.isOpen && !t.isSemiCollapsed ? n(t.ChevronUpIcon, { attrs: { "aria-hidden": "true" } }) : n(t.ChevronDownIcon, { attrs: { "aria-hidden": "true" } })], 1)], 1), n("Transition", { attrs: { name: "b-navigation-menu-group__animation--content" } }, [n("div", { directives: [{ name: "show", rawName: "v-show", value: t.isOpen, expression: "isOpen" }], staticClass: "b-navigation-menu-group__content-wrapper", style: t.contentMaxHeight, attrs: { id: t.contentId, role: "region", "aria-labelledby": t.buttonId } }, [n("ul", { ref: "contentDiv", staticClass: "b-navigation-menu-group__content" }, [e._t("default")], 2)])])], 1);
-}, ye = [], Le = /* @__PURE__ */ L(
-  xe,
-  Ie,
-  ye,
-  !1,
-  null,
-  "261c9dd1"
-);
-const Ze = Le.exports;
-export {
-  Ze as a,
-  De as b,
-  Re as n
-};
-//# sourceMappingURL=navigation-menu-group.DHWp-pJO.js.map

package/dist/chunks/navigation-menu-group.DHWp-pJO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"navigation-menu-group.DHWp-pJO.js","sources":["../../../ui-assets/icons-16/dist/vue/menu-collapse.vue","../../../ui-assets/icons-16/dist/vue/menu-expand.vue","../../src/components/navigation-menu/navigation-menu.keys.ts","../../src/components/navigation-menu/navigation-menu.vue","../../src/components/navigation-menu/components/navigation-menu-group/navigation-menu-group.keys.ts","../../src/components/navigation-menu/components/navigation-menu-item/navigation-menu-item.vue","../../src/components/navigation-menu/components/navigation-menu-group/navigation-menu-group.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M15.5303 13.4697L14.4697 14.5303L12 12.0605L9.53027 14.5303L8.46973 13.4697L12 9.93945L15.5303 13.4697Z\"/><path fill=\"#001222\" d=\"M7 13.75H0V12.25H7V13.75Z\"/><path fill=\"#001222\" d=\"M7 8.75H0V7.25H7V8.75Z\"/><path fill=\"#001222\" d=\"M15.5303 2.53027L12 6.06055L8.46973 2.53027L9.53027 1.46973L12 3.93945L14.4697 1.46973L15.5303 2.53027Z\"/><path fill=\"#001222\" d=\"M7 3.75H0V2.25H7V3.75Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M15.5303 11.5303L12 15.0605L8.46973 11.5303L9.53027 10.4697L12 12.9395L14.4697 10.4697L15.5303 11.5303Z\"/><path fill=\"#001222\" d=\"M7 13.75H0V12.25H7V13.75Z\"/><path fill=\"#001222\" d=\"M7 8.75H0V7.25H7V8.75Z\"/><path fill=\"#001222\" d=\"M15.5303 4.46973L14.4697 5.53027L12 3.06055L9.53027 5.53027L8.46973 4.46973L12 0.939453L15.5303 4.46973Z\"/><path fill=\"#001222\" d=\"M7 3.75H0V2.25H7V3.75Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","export const NAVIGATION_MENU_STATE_INJECTION_KEY = Symbol('navigation menu state injection key');\n","<template>\n    <nav class=\"b-navigation-menu\" :aria-labelledby=\"label ? titleId : undefined\">\n        <div v-if=\"showHeader\" class=\"b-navigation-menu__header\">\n            <bento-typography\n                v-if=\"label\"\n                :id=\"titleId\"\n                el=\"p\"\n                variant=\"caption\"\n                stronger\n                class=\"b-navigation-menu__title\"\n            >\n                {{ label }}\n            </bento-typography>\n            <div class=\"b-navigation-menu__actions-container\">\n                <div v-if=\"hasSlot('headerActions')\" class=\"b-navigation-menu__actions\">\n                    <slot name=\"headerActions\" />\n                </div>\n                <bento-button\n                    v-if=\"computedShowExpandAll\"\n                    v-bento-tooltip-directive=\"expandButtonLabel\"\n                    variant=\"tertiary-with-background\"\n                    :aria-label=\"expandButtonLabel\"\n                    @click=\"toggleAllGroups\"\n                >\n                    <template #iconLeft>\n                        <menu-collapse-icon v-if=\"allExpanded\" />\n                        <menu-expand-icon v-else />\n                    </template>\n                </bento-button>\n            </div>\n        </div>\n\n        <ul class=\"b-navigation-menu__content\">\n            <slot />\n        </ul>\n    </nav>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, provide, ref, toRef, useSlots } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoButton } from '@/components/button';\n    import MenuCollapseIcon from '@adyen/ui-assets-icons-16/vue/menu-collapse';\n    import MenuExpandIcon from '@adyen/ui-assets-icons-16/vue/menu-expand';\n    import { useHasSlot } from '@/composables';\n    import { BentoTooltipDirective as vBentoTooltipDirective } from '@/directives/tooltip';\n    import { generateUid } from '@/core/utils/ts';\n    import { useI18n } from '@/utils/ts/i18n';\n    import type {\n        BentoNavigationMenuGroupRegistration,\n        BentoNavigationMenuProps,\n        BentoNavigationMenuState,\n    } from './navigation-menu.types';\n    import { NAVIGATION_MENU_STATE_INJECTION_KEY } from './navigation-menu.keys';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n  label: { default: undefined },\n  showExpandAllButton: { type: Boolean, default: false },\n  activePage: { default: undefined }\n});\n\n    const emit = defineEmits([\"update:active-page\"]);\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const titleId = generateUid('navigation-menu-title');\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const groups = ref<Array<BentoNavigationMenuGroupRegistration>>([]);\n\n    const registerGroup = (groupId: string, setOpen: (open: boolean) => void, getIsOpen: () => boolean) => {\n        groups.value.push({ id: groupId, setOpen, getIsOpen });\n    };\n\n    const unregisterGroup = (groupId: string) => {\n        groups.value = groups.value.filter(g => g.id !== groupId);\n    };\n\n    const allExpanded = computed(() => groups.value.length > 0 && groups.value.every(group => group.getIsOpen()));\n\n    const computedShowExpandAll = computed(() => groups.value.length > 0 && props.showExpandAllButton);\n\n    const showHeader = computed(() => props.label || hasSlot('headerActions') || computedShowExpandAll.value);\n\n    const expandButtonLabel = computed(() => (allExpanded.value ? t('hideAllPages') : t('showAllPages')));\n\n    const toggleAllGroups = () => {\n        const shouldExpand = !allExpanded.value;\n        groups.value.forEach(({ setOpen }) => setOpen(shouldExpand));\n    };\n\n    const updateActivePage = (value: string) => {\n        emit('update:active-page', value);\n    };\n\n    provide<BentoNavigationMenuState>(NAVIGATION_MENU_STATE_INJECTION_KEY, {\n        registerGroup,\n        unregisterGroup,\n        activePage: toRef(props, 'activePage'),\n        updateActivePage,\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Navigation menu container component with optional header and action buttons.\n     *\n     * @usage\n     * import { BentoNavigationMenu, BentoNavigationMenuItem, BentoNavigationMenuGroup } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoNavigationMenu, BentoNavigationMenuItem, BentoNavigationMenuGroup },\n     *     template: `\n     *          <bento-navigation-menu label=\"Pages\" active-page=\"home\">\n     *              <template #headerActions>\n     *                  <button>Search</button>\n     *              </template>\n     *              <bento-navigation-menu-item value=\"home\" label=\"Home\">\n     *                  <template #icon><home-icon /></template>\n     *              </bento-navigation-menu-item>\n     *              <bento-navigation-menu-group label=\"Settings\">\n     *                  <template #icon><folder-icon /></template>\n     *                  <bento-navigation-menu-item nested value=\"general\" label=\"General\" />\n     *              </bento-navigation-menu-group>\n     *          </bento-navigation-menu>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./navigation-menu.scss\" />\n","export const NAVIGATION_MENU_GROUP_STATE_INJECTION_KEY = Symbol('navigation menu group state injection key');\n","<template>\n    <li>\n        <component\n            :is=\"wrapperComponent\"\n            v-bind=\"wrapperProps\"\n            class=\"b-navigation-menu-item\"\n            :class=\"{\n                ...conditionalClasses,\n                'b-navigation-menu-item--no-icon': !hasSlot('icon'),\n            }\"\n            :aria-current=\"isSelected && link ? 'page' : undefined\"\n            :aria-hidden=\"!isVisible ? 'true' : undefined\"\n            :tabindex=\"!isVisible ? -1 : undefined\"\n            :inert=\"!isVisible ? '' : undefined\"\n            @click=\"handleClick\"\n        >\n            <div v-if=\"!nested && hasSlot('icon')\" class=\"b-navigation-menu-item__icon\">\n                <slot name=\"icon\" />\n            </div>\n            <bento-typography\n                ref=\"labelRef\"\n                v-bento-tooltip-directive=\"isTruncated ? label : undefined\"\n                el=\"span\"\n                variant=\"body\"\n                stronger\n                class=\"b-navigation-menu-item__label\"\n            >\n                {{ label }}\n            </bento-typography>\n            <div v-if=\"hasSlot('action')\" class=\"b-navigation-menu-item__action\">\n                <slot name=\"action\" />\n            </div>\n        </component>\n    </li>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, onBeforeUnmount, onMounted, ref, useSlots } from 'vue';\n    import { useResizeObserver } from '@vueuse/core';\n    import { BentoLink } from '@/components/link';\n    import { BentoTypography } from '@/components/typography';\n    import { generateUid } from '@/core/utils/ts';\n    import { useHasSlot } from '@/composables';\n    import { BentoTooltipDirective as vBentoTooltipDirective } from '@/directives/tooltip';\n    import type { BentoNavigationMenuItemProps } from './navigation-menu-item.types';\n    import type { BentoNavigationMenuGroupState } from '../navigation-menu-group/navigation-menu-group.types';\n    import { NAVIGATION_MENU_GROUP_STATE_INJECTION_KEY } from '../navigation-menu-group/navigation-menu-group.keys';\n    import type { BentoNavigationMenuState } from '../../navigation-menu.types';\n    import { NAVIGATION_MENU_STATE_INJECTION_KEY } from '../../navigation-menu.keys';\n\n    const props = defineProps({\n  nested: { type: Boolean, default: false },\n  label: null,\n  link: { default: undefined },\n  value: null,\n  alwaysShowActions: { type: Boolean, default: false }\n});\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const wrapperComponent = computed(() => (props.link ? BentoLink : 'div'));\n    const wrapperProps = computed(() => (props.link ? { ...props.link, disableTypography: true } : {}));\n\n    const labelRef = ref(null);\n    const isTruncated = ref(false);\n\n    useResizeObserver(labelRef, () => {\n        const el = labelRef.value?.$el ?? labelRef.value;\n        if (el) {\n            isTruncated.value = el.scrollWidth > el.clientWidth;\n        }\n    });\n\n    const itemId = generateUid('navigation-menu-item');\n    const groupState = inject<BentoNavigationMenuGroupState | null>(NAVIGATION_MENU_GROUP_STATE_INJECTION_KEY, null);\n    const menuState = inject<BentoNavigationMenuState | null>(NAVIGATION_MENU_STATE_INJECTION_KEY, null);\n\n    const isSelected = computed(() => menuState?.activePage?.value === props.value);\n\n    const isVisible = computed(() => {\n        if (!groupState) {\n            return true;\n        }\n        if (!groupState.isSemiCollapsed.value) {\n            return true;\n        }\n        return isSelected.value;\n    });\n\n    const conditionalClasses = computed(() => ({\n        'b-navigation-menu-item--selected': isSelected.value,\n        'b-navigation-menu-item--nested': props.nested,\n        'b-navigation-menu-item--hidden': !isVisible.value,\n        'b-navigation-menu-item--always-show-actions': props.alwaysShowActions,\n    }));\n\n    onMounted(() => {\n        if (groupState && props.nested) {\n            groupState.registerItem(itemId, () => isSelected.value);\n        }\n    });\n\n    const handleClick = () => {\n        menuState?.updateActivePage(props.value);\n    };\n\n    onBeforeUnmount(() => {\n        if (groupState && props.nested) {\n            groupState.unregisterItem(itemId);\n        }\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Navigation menu item component for rendering individual navigation links.\n     * Can be used standalone or nested within a navigation-menu-group.\n     *\n     * @usage\n     * import { BentoNavigationMenuItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoNavigationMenuItem },\n     *     template: `\n     *          <bento-navigation-menu-item value=\"home\" label=\"Home\">\n     *              <template #icon><home-icon /></template>\n     *              <template #action><star-icon /></template>\n     *          </bento-navigation-menu-item>\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-navigation-menu-item',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./navigation-menu-item.scss\" />\n","<template>\n    <li class=\"b-navigation-menu-group\">\n        <button\n            :id=\"buttonId\"\n            type=\"button\"\n            class=\"b-navigation-menu-group__header\"\n            :class=\"{\n                ...headerClasses,\n                'b-navigation-menu-group__header--no-icon': !hasSlot('icon'),\n            }\"\n            :aria-expanded=\"`${isOpen && !isSemiCollapsed}`\"\n            :aria-controls=\"contentId\"\n            :aria-description=\"headerAriaDescription\"\n            @click=\"toggleGroup\"\n        >\n            <div v-if=\"hasSlot('icon')\" class=\"b-navigation-menu-group__icon\">\n                <slot name=\"icon\" />\n            </div>\n            <bento-typography\n                ref=\"labelRef\"\n                v-bento-tooltip-directive=\"isTruncated ? label : undefined\"\n                el=\"span\"\n                variant=\"body\"\n                stronger\n                class=\"b-navigation-menu-group__label\"\n            >\n                {{ label }}\n            </bento-typography>\n            <div class=\"b-navigation-menu-group__icon b-navigation-menu-group__icon--chevron\">\n                <chevron-up-icon v-if=\"isOpen && !isSemiCollapsed\" aria-hidden=\"true\" />\n                <chevron-down-icon v-else aria-hidden=\"true\" />\n            </div>\n        </button>\n\n        <Transition name=\"b-navigation-menu-group__animation--content\">\n            <div\n                v-show=\"isOpen\"\n                :id=\"contentId\"\n                class=\"b-navigation-menu-group__content-wrapper\"\n                role=\"region\"\n                :aria-labelledby=\"buttonId\"\n                :style=\"contentMaxHeight\"\n            >\n                <ul ref=\"contentDiv\" class=\"b-navigation-menu-group__content\">\n                    <slot />\n                </ul>\n            </div>\n        </Transition>\n    </li>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, onMounted, onUnmounted, provide, ref, useSlots, watch } from 'vue';\n    import { useResizeObserver } from '@vueuse/core';\n    import { BentoTypography } from '@/components/typography';\n    import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';\n    import { useHasSlot } from '@/composables';\n    import { BentoTooltipDirective as vBentoTooltipDirective } from '@/directives/tooltip';\n    import { generateUid } from '@/core/utils/ts';\n    import { useI18n } from '@/utils/ts/i18n';\n    import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n    import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n    import type {\n        BentoNavigationMenuGroupProps,\n        BentoNavigationMenuGroupState,\n        BentoNavigationMenuItemRegistration,\n    } from './navigation-menu-group.types';\n    import { NAVIGATION_MENU_STATE_INJECTION_KEY } from '../../navigation-menu.keys';\n    import { NAVIGATION_MENU_GROUP_STATE_INJECTION_KEY } from './navigation-menu-group.keys';\n    import { type BentoNavigationMenuState } from '../../navigation-menu.types';\n    import messages from '../../messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n  isExpanded: { type: Boolean, default: false },\n  label: null\n});\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const headerClasses = computed(() => ({\n        'b-navigation-menu-group__header--expanded': isOpen.value && !isSemiCollapsed.value,\n    }));\n\n    const headerAriaDescription = computed(() => (isSemiCollapsed.value ? t('showingCurrentPage') : undefined));\n\n    const labelRef = ref(null);\n    const isTruncated = ref(false);\n\n    useResizeObserver(labelRef, () => {\n        const el = labelRef.value?.$el ?? labelRef.value;\n        if (el) {\n            isTruncated.value = el.scrollWidth > el.clientWidth;\n        }\n    });\n\n    const groupId = generateUid('navigation-menu-group');\n    const buttonId = generateUid('navigation-menu-group-button');\n    const contentId = generateUid('navigation-menu-group-content');\n    const navigationMenuState = inject<BentoNavigationMenuState | null>(NAVIGATION_MENU_STATE_INJECTION_KEY, null);\n\n    const nestedItems = ref<Array<BentoNavigationMenuItemRegistration>>([]);\n\n    const registerItem = (itemId: string, isSelected: () => boolean) => {\n        nestedItems.value.push({ id: itemId, isSelected });\n    };\n\n    const unregisterItem = (itemId: string) => {\n        nestedItems.value = nestedItems.value.filter(item => item.id !== itemId);\n    };\n\n    const isSemiCollapsed = ref(false);\n\n    provide<BentoNavigationMenuGroupState>(NAVIGATION_MENU_GROUP_STATE_INJECTION_KEY, {\n        registerItem,\n        unregisterItem,\n        isSemiCollapsed,\n    });\n\n    const hasActiveItem = computed(() => nestedItems.value.some(item => item.isSelected()));\n\n    const emit = defineEmits([\"update:is-expanded\"]);\n\n    const isOpen = ref(props.isExpanded);\n    const contentDiv = ref<HTMLUListElement>(null);\n\n    const { contentHeight } = useExpandableContentHeight(contentDiv, isOpen);\n    const contentMaxHeight = computed(() => (contentHeight.value ? { 'max-height': contentHeight.value } : {}));\n\n    const toggleGroup = () => {\n        if (isOpen.value && !isSemiCollapsed.value) {\n            if (hasActiveItem.value) {\n                isSemiCollapsed.value = true;\n            } else {\n                isOpen.value = false;\n            }\n        } else if (isSemiCollapsed.value) {\n            isSemiCollapsed.value = false;\n        } else {\n            isOpen.value = true;\n        }\n        emit('update:is-expanded', isOpen.value && !isSemiCollapsed.value);\n    };\n\n    const setOpen = (open: boolean) => {\n        if (open) {\n            isOpen.value = true;\n            isSemiCollapsed.value = false;\n        } else if (hasActiveItem.value) {\n            isSemiCollapsed.value = true;\n        } else {\n            isSemiCollapsed.value = false;\n            isOpen.value = false;\n        }\n        emit('update:is-expanded', open);\n    };\n\n    watch(\n        () => props.isExpanded,\n        value => {\n            if (!isSemiCollapsed.value) {\n                isOpen.value = value;\n            }\n        }\n    );\n\n    onMounted(() => {\n        if (hasActiveItem.value && !isOpen.value) {\n            isOpen.value = true;\n            emit('update:is-expanded', true);\n        }\n        if (navigationMenuState) {\n            navigationMenuState.registerGroup(groupId, setOpen, () => isOpen.value && !isSemiCollapsed.value);\n        }\n    });\n\n    onUnmounted(() => navigationMenuState?.unregisterGroup(groupId));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Navigation menu group component for creating collapsible sections.\n     *\n     * @usage\n     * import { BentoNavigationMenuGroup, BentoNavigationMenuItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoNavigationMenuGroup, BentoNavigationMenuItem },\n     *     template: `\n     *          <bento-navigation-menu-group label=\"Section\" :is-expanded=\"true\">\n     *              <template #icon><folder-icon /></template>\n     *              <bento-navigation-menu-item nested value=\"item-1\" label=\"Item 1\" />\n     *              <bento-navigation-menu-item nested value=\"item-2\" label=\"Item 2\" />\n     *          </bento-navigation-menu-group>\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-navigation-menu-group',\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./navigation-menu-group.scss\" />\n"],"names":["uuid$1","_sfc_main$4","uuid","_sfc_main$3","NAVIGATION_MENU_STATE_INJECTION_KEY","__default__$2","messages","slots","useSlots","hasSlot","useHasSlot","titleId","generateUid","t","useI18n","groups","ref","registerGroup","groupId","setOpen","getIsOpen","unregisterGroup","g","allExpanded","computed","group","computedShowExpandAll","props","showHeader","expandButtonLabel","toggleAllGroups","shouldExpand","updateActivePage","value","emit","provide","toRef","NAVIGATION_MENU_GROUP_STATE_INJECTION_KEY","__default__$1","wrapperComponent","BentoLink","wrapperProps","labelRef","isTruncated","useResizeObserver","el","_a","itemId","groupState","inject","menuState","isSelected","isVisible","conditionalClasses","onMounted","handleClick","onBeforeUnmount","__default__","headerClasses","isOpen","isSemiCollapsed","headerAriaDescription","buttonId","contentId","navigationMenuState","nestedItems","registerItem","unregisterItem","item","hasActiveItem","contentDiv","contentHeight","useExpandableContentHeight","contentMaxHeight","toggleGroup","open","watch","onUnmounted"],"mappings":"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"}

package/dist/chunks/popover.types.CQ5g4kw2.js

@@ -1,6 +0,0 @@
-import { b as o } from "./popper-container.D10i5aF5.js";
-const i = { ...o };
-export {
-  i as B
-};
-//# sourceMappingURL=popover.types.CQ5g4kw2.js.map

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

@@ -1,223 +0,0 @@
-import { defineComponent as w, inject as $, ref as T, computed as p, watch as D, toRef as L, readonly as R, provide as V } from "vue";
-import { B as F } from "./dropdown.Dx0HybJ8.js";
-import { B as S } from "./typography.C8lPlsbD.js";
-import { B as A } from "./tag.lfN7xFuw.js";
-import { C as O } from "./cross-circle-fill.DTDtgLMf.js";
-import { a as P } from "./index.DZx81HG1.js";
-import { u as M } from "./index.B6WW_F-J.js";
-import { a as U } from "./es6.Cu3DYUPA.js";
-import { B as z } from "./button.C9b2AC9w.js";
-import { C as H } from "./chevron-down.eYtgv5ly.js";
-import { C as j } from "./chevron-up.d8cwIlA_.js";
-import { g as q } from "./generate-uid.NJ8tVoha.js";
-import { u as G } from "./use-expandable-content-height.2WJLCL-R.js";
-import { n as B } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/secondary-nav.css";
-const k = /* @__PURE__ */ Symbol("secondary nav state"), J = {
-  "en-US": {
-    errorCount: "error | errors"
-  }
-}, Q = { i18n: { messages: J } }, X = /* @__PURE__ */ w({
-  ...Q,
-  __name: "secondary-nav-item",
-  props: {
-    label: null,
-    value: null,
-    items: null,
-    isSubItem: { type: Boolean },
-    errorCounter: null
-  },
-  emits: ["click"],
-  setup(_, { emit: t }) {
-    const e = _, { tc: a } = M(), { activeItemValue: n, updateActiveItemValue: i, allowExpandableItemNavigation: g } = $(k), m = "b-secondary-nav-item__animation--content", c = T(!1), N = q("secondary-nav-sub-items"), I = T(null), v = p(() => {
-      var r;
-      return !!((r = e.items) != null && r.length);
-    }), d = p(() => n.value === e.value), C = p(() => v.value && !g.value), { contentHeight: b } = G(I, c), y = p(() => b.value ? { "max-height": b.value } : {}), h = p(() => ({
-      "b-secondary-nav-item__option--active": d.value,
-      "b-secondary-nav-item__option--expandable": v.value,
-      "b-secondary-nav-item__option--sub-item": e.isSubItem
-    })), x = (r) => {
-      t("click", r), i(e.value);
-    }, o = () => {
-      c.value = !c.value;
-    }, s = (r, u) => r.some(
-      (f) => f.value === u || (f.items ? s(f.items, u) : !1)
-    ), l = (r) => r.some((u) => !!u.errorCounter || (u.items ? l(u.items) : !1));
-    return D(
-      [n, () => e.items],
-      ([r]) => {
-        v.value && e.items && (s(e.items, r) || l(e.items)) && (c.value = !0);
-      },
-      { immediate: !0, deep: !0 }
-    ), { __sfc: !0, tc: a, activeItemValue: n, updateActiveItemValue: i, allowExpandableItemNavigation: g, CONTENT_TRANSITION_NAME: m, props: e, isOpen: c, subItemsId: N, subItemsRef: I, hasSubItems: v, isItemSelected: d, expandleItemIsToggleOnly: C, contentHeight: b, subItemsMaxHeight: y, conditionalClasses: h, emit: t, onClick: x, onToggleClick: o, hasActiveDescendant: s, hasDescendantErrors: l, BentoButton: z, BentoTag: A, BentoTypography: S, ChevronDownIcon: H, ChevronUpIcon: j, CrossCircleFillIcon: O };
-  }
-});
-var Y = function() {
-  var t = this, e = t._self._c, a = t._self._setupProxy;
-  return e("div", { staticClass: "b-secondary-nav-item" }, [e("div", { staticClass: "b-secondary-nav-item__wrapper" }, [e("button", { staticClass: "b-secondary-nav-item__option", class: a.conditionalClasses, attrs: { "aria-current": a.isItemSelected ? "page" : void 0, "aria-expanded": a.expandleItemIsToggleOnly ? `${a.isOpen}` : void 0, "aria-controls": a.expandleItemIsToggleOnly ? a.subItemsId : void 0 }, on: { click: function(n) {
-    a.expandleItemIsToggleOnly ? a.onToggleClick() : a.onClick(n);
-  } } }, [e(a.BentoTypography, { staticClass: "b-secondary-nav-item__title", attrs: { variant: "body", stronger: "" } }, [t._v(" " + t._s(t.label) + " ")]), t.errorCounter ? e(a.BentoTag, { staticClass: "b-secondary-nav-item__error-counter", attrs: { variant: "red" }, scopedSlots: t._u([{ key: "icon", fn: function() {
-    return [e(a.CrossCircleFillIcon, { attrs: { "aria-hidden": "true" } })];
-  }, proxy: !0 }], null, !1, 196511213) }, [e("span", [t._v(t._s(t.errorCounter))]), e("span", { staticClass: "b-secondary-nav-item__visually-hidden" }, [t._v(t._s(a.tc("errorCount", t.errorCounter)))])]) : t._e()], 1), a.hasSubItems ? e(a.BentoButton, { staticClass: "b-secondary-nav-item__toggle", attrs: { "aria-hidden": a.expandleItemIsToggleOnly, tabindex: a.expandleItemIsToggleOnly ? -1 : void 0, variant: "tertiary", "aria-label": a.isOpen ? `Collapse ${t.label}` : `Expand ${t.label}`, "aria-expanded": a.expandleItemIsToggleOnly ? void 0 : `${a.isOpen}`, "aria-controls": a.expandleItemIsToggleOnly ? void 0 : a.subItemsId }, on: { click: function(n) {
-    return n.stopPropagation(), a.onToggleClick.apply(null, arguments);
-  } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
-    return [a.isOpen ? e(a.ChevronUpIcon, { staticClass: "b-secondary-nav-item__icon", attrs: { "aria-hidden": "true" } }) : e(a.ChevronDownIcon, { staticClass: "b-secondary-nav-item__icon", attrs: { "aria-hidden": "true" } })];
-  }, proxy: !0 }], null, !1, 3107710104) }) : t._e()], 1), e("Transition", { attrs: { name: a.CONTENT_TRANSITION_NAME } }, [a.hasSubItems && a.isOpen ? e("div", { style: a.subItemsMaxHeight, attrs: { id: a.subItemsId } }, [e("ul", { ref: "subItemsRef", staticClass: "b-secondary-nav-item__sub-items" }, t._l(t.items, function(n) {
-    return e("li", { key: n.value }, [e("secondary-nav-item", { attrs: { label: n.label, value: n.value, items: n.items, "error-counter": n.errorCounter, "is-sub-item": "" } })], 1);
-  }), 0)]) : t._e()])], 1);
-}, K = [], W = /* @__PURE__ */ B(
-  X,
-  Y,
-  K,
-  !1,
-  null,
-  "14334916"
-);
-const E = W.exports, Z = {}, ee = /* @__PURE__ */ w({
-  ...Z,
-  __name: "secondary-nav-category",
-  props: {
-    label: null,
-    items: null
-  },
-  setup(_) {
-    return { __sfc: !0, BentoTypography: S, SecondaryNavItem: E };
-  }
-});
-var ae = function() {
-  var t = this, e = t._self._c, a = t._self._setupProxy;
-  return e("section", { staticClass: "b-secondary-nav-category", attrs: { "aria-label": t.label } }, [e(a.BentoTypography, { staticClass: "b-secondary-nav-category__label", attrs: { el: "h1", variant: "caption", stronger: "" } }, [t._v(t._s(t.label))]), e("ul", { staticClass: "b-secondary-nav__list" }, t._l(t.items, function(n) {
-    return e("li", { key: n.value }, [e(a.SecondaryNavItem, { attrs: { label: n.label, value: n.value, items: n.items, "error-counter": n.errorCounter } })], 1);
-  }), 0)], 1);
-}, te = [], ne = /* @__PURE__ */ B(
-  ee,
-  ae,
-  te,
-  !1,
-  null,
-  "777b2ce6"
-);
-const oe = ne.exports, se = {
-  "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: "导航选项下拉菜单"
-  }
-}, re = {
-  i18n: { messages: se }
-}, le = /* @__PURE__ */ w({
-  ...re,
-  __name: "secondary-nav",
-  props: {
-    items: null,
-    value: null,
-    allowExpandableItemNavigation: { type: Boolean }
-  },
-  emits: ["change"],
-  setup(_, { emit: t }) {
-    const e = _, { t: a, tc: n } = M(), i = P({
-      s: U
-    }), g = i.smallerOrEqual("s"), m = (o) => "items" in o && !("value" in o), c = (o, s = 0) => o.flatMap((l) => {
-      var u, f;
-      const r = {
-        label: l.label,
-        value: l.value,
-        data: { level: s, hasSubItems: !!((u = l.items) != null && u.length), errorCounter: l.errorCounter }
-      };
-      return (f = l.items) != null && f.length ? [r, ...c(l.items, s + 1)] : [r];
-    }), N = (o) => {
-      var s;
-      return !e.allowExpandableItemNavigation && ((s = o.data) == null ? void 0 : s.hasSubItems);
-    }, I = p(() => e.items.some((o) => m(o))), v = p(() => e.items.flatMap((o) => {
-      var s;
-      return m(o) ? [
-        {
-          label: o.label,
-          value: `category-${o.label}`,
-          items: c(o.items)
-        }
-      ] : (s = o.items) != null && s.length ? c([o]) : [
-        {
-          label: o.label,
-          value: o.value,
-          data: { level: 0, errorCounter: o.errorCounter }
-        }
-      ];
-    })), d = (o) => o.flatMap((s) => {
-      var l;
-      return [s, ...(l = s.items) != null && l.length ? d(s.items) : []];
-    }), C = (o) => {
-      var s;
-      return ((s = d(o).find((l) => {
-        var r;
-        return e.allowExpandableItemNavigation || !((r = l.items) != null && r.length);
-      })) == null ? void 0 : s.value) ?? "";
-    }, b = p(() => e.items.length ? C(
-      e.items.flatMap(
-        (o) => m(o) ? d(o.items) : d([o])
-      )
-    ) : ""), y = T(e.value ?? b.value), h = (o) => {
-      y.value = o, t("change", o);
-    }, x = {
-      activeItemValue: R(y),
-      updateActiveItemValue: h,
-      allowExpandableItemNavigation: L(e, "allowExpandableItemNavigation")
-    };
-    return D(
-      () => e.value,
-      (o) => {
-        o !== void 0 && (y.value = o);
-      }
-    ), V(k, x), { __sfc: !0, t: a, tc: n, breakpoints: i, isMobile: g, props: e, emit: t, isCategory: m, mapNestedItems: c, isMobileOptionDisabled: N, hasCategories: I, mobileDropdownItems: v, flattenNestedItems: d, findFirstSelectableNestedItemValue: C, activeItemValueFallback: b, activeItemValue: y, updateActiveItemValue: h, state: x, SecondaryNavItem: E, SecondaryNavCategory: oe, BentoDropdown: F, BentoTypography: S, BentoTag: A, CrossCircleFillIcon: O };
-  }
-});
-var ie = function() {
-  var t = this, e = t._self._c, a = t._self._setupProxy;
-  return e("nav", { staticClass: "b-secondary-nav" }, [a.isMobile ? e(a.BentoDropdown, { attrs: { "aria-label": a.t("mobileDropdownAriaLabel"), items: a.mobileDropdownItems, "static-categories": a.hasCategories, "model-value": a.activeItemValue, "is-option-disabled": a.isMobileOptionDisabled }, on: { "update:model-value": a.updateActiveItemValue }, scopedSlots: t._u([{ key: "display-value", fn: function({ label: n }) {
-    return [e(a.BentoTypography, { attrs: { el: "span" } }, [t._v(" " + t._s(n) + " ")])];
-  } }, { key: "default", fn: function({ label: n, data: i }) {
-    return [e(a.BentoTypography, { class: { "b-secondary-nav__option": !0, "b-secondary-nav__nested-option": !!(i != null && i.level) }, attrs: { el: "div" } }, [t._v(" " + t._s(n) + " "), i != null && i.errorCounter ? e(a.BentoTag, { staticClass: "b-secondary-nav__error-counter", attrs: { variant: "red" }, scopedSlots: t._u([{ key: "icon", fn: function() {
-      return [e(a.CrossCircleFillIcon, { attrs: { "aria-hidden": "true" } })];
-    }, proxy: !0 }], null, !0) }, [e("span", [t._v(t._s(i.errorCounter))]), e("span", { staticClass: "b-secondary-nav__visually-hidden" }, [t._v(t._s(a.tc("errorCount", i.errorCounter)))])]) : t._e()], 1)];
-  } }], null, !1, 2211008849) }) : e("ul", { staticClass: "b-secondary-nav__list" }, t._l(t.items, function(n) {
-    return e("li", { key: n.label }, ["items" in n && !("value" in n) ? e(a.SecondaryNavCategory, { attrs: { label: n.label, items: n.items } }) : e(a.SecondaryNavItem, { attrs: { label: n.label, value: n.value, items: n.items, "error-counter": n.errorCounter } })], 1);
-  }), 0)], 1);
-}, ce = [], ue = /* @__PURE__ */ B(
-  le,
-  ie,
-  ce,
-  !1,
-  null,
-  "900dc964"
-);
-const Te = ue.exports;
-export {
-  Te as s
-};
-//# sourceMappingURL=secondary-nav.BLF9iQOV.js.map