@adyen/bento-vue3 1.84.2 → 1.86.0

package/dist/chunks/anchor-scroller.CKIQu3NK.js

@@ -0,0 +1,215 @@
+import { defineComponent as V, ref as k, computed as h, watch as D, openBlock as g, createElementBlock as x, Fragment as K, renderList as L, createVNode as I, withKeys as C, withModifiers as T, normalizeClass as M, withCtx as w, createTextVNode as N, toDisplayString as R, watchEffect as H, toRef as O, createElementVNode as B, unref as b, renderSlot as W, createCommentVNode as j } from "vue";
+import { f as z, d as U, u as J, g as Y, t as A, h as q, w as G } from "./index.CbxHJr39.js";
+import { p as E, B as P } from "./typography.B3J6_tYk.js";
+import { u as Q } from "./index.B875RXHM.js";
+import { g as X } from "./generate-uid.NJ8tVoha.js";
+import { u as y } from "./utils.BzUwtTXc.js";
+import { F as Z } from "./fixed-scroller.i1tmEmst.js";
+import { B as ee } from "./button.C6t9_lzm.js";
+import { _ as $ } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import "../assets/anchor-scroller.css";
+const te = /* @__PURE__ */ V({
+  __name: "anchor-scroller-list",
+  props: {
+    activeIndex: { default: void 0 },
+    items: {},
+    scrollOffset: { default: void 0 }
+  },
+  setup(m) {
+    const s = m, c = k([]), r = h(
+      () => s.items.map((t, a) => ({ disabled: t.disabled, originalIndex: a })).filter(({ disabled: t }) => !t).map(({ originalIndex: t }) => t)
+    ), {
+      state: d,
+      next: f,
+      prev: u
+    } = z(r, {
+      initialValue: s.activeIndex ?? r.value[0]
+    });
+    D(d, async (t) => {
+      const a = c.value[t], n = y(a);
+      n && typeof n.focus == "function" && n.focus();
+    });
+    const l = (t, a) => {
+      if (a)
+        return;
+      const n = y(t);
+      if (!n) {
+        E("[bento-anchor-scroller] element ref not found");
+        return;
+      }
+      if (!n.style.scrollMarginTop && s.scrollOffset) {
+        const o = window.getComputedStyle(n).scrollMarginTop;
+        (o === "0px" || o === "") && (n.style.scrollMarginTop = `${s.scrollOffset}px`);
+      }
+      n.hasAttribute("tabindex") || n.setAttribute("tabindex", "-1"), n.scrollIntoView({
+        behavior: "smooth",
+        block: "start",
+        inline: "nearest"
+      }), n.focus({ preventScroll: !0 });
+    }, v = (t) => {
+      switch (t.key) {
+        case "ArrowRight":
+          t.preventDefault(), f();
+          break;
+        case "ArrowLeft":
+          t.preventDefault(), u();
+          break;
+        case "Home":
+          t.preventDefault(), d.value = 0;
+          break;
+        case "End":
+          t.preventDefault(), d.value = r.value.length - 1;
+          break;
+      }
+    };
+    return (t, a) => (g(), x("ul", {
+      class: "b-anchor-scroller-list",
+      onKeydown: v
+    }, [
+      (g(!0), x(K, null, L(t.items, ({ title: n, disabled: o, elementRef: p }, i) => (g(), x("li", {
+        key: i,
+        class: "b-anchor-scroller-list__item"
+      }, [
+        I(ee, {
+          ref_for: !0,
+          ref_key: "listItemRefs",
+          ref: c,
+          "aria-current": t.activeIndex === i ? "location" : null,
+          class: M(["b-anchor-scroller-list__item-button", {
+            "b-anchor-scroller-list__item-button--active": t.activeIndex === i,
+            "b-anchor-scroller-list__item-button--disabled": o
+          }]),
+          "aria-disabled": o,
+          tabindex: t.activeIndex === i ? null : "-1",
+          variant: "tertiary-with-background",
+          onClick: (e) => l(p, o),
+          onKeydown: [
+            C(T((e) => l(p, o), ["prevent"]), ["space", "native"]),
+            C(T((e) => l(p, o), ["prevent"]), ["enter", "native"])
+          ]
+        }, {
+          default: w(() => [
+            N(R(n), 1)
+          ]),
+          _: 2
+        }, 1032, ["aria-current", "class", "aria-disabled", "tabindex", "onClick", "onKeydown"])
+      ]))), 128))
+    ], 32));
+  }
+}), ne = /* @__PURE__ */ $(te, [["__scopeId", "data-v-03d99bd8"]]), F = {
+  "en-US": {
+    jumpTo: "Jump to"
+  }
+}, oe = (m, s) => {
+  var u;
+  const c = k(((u = s.default) == null ? void 0 : u.value) ?? -1), { y: r } = U(), { height: d } = J(), f = () => {
+    const l = A(m), v = d.value, t = v / 2;
+    let a = -1, n = 0;
+    for (let o = 0; o < l.length; o++) {
+      const i = l[o];
+      if (!i)
+        continue;
+      const e = i.getBoundingClientRect();
+      if (e.top > t)
+        continue;
+      const _ = Math.min(e.bottom, v) - Math.max(e.top, 0);
+      if (_ <= 0)
+        continue;
+      const S = _ / e.height;
+      S > n && (n = S, a = o);
+    }
+    a !== -1 && c.value !== a && (c.value = a);
+  };
+  return Y([r, d], f, { throttle: 100, trailing: !0 }), H(() => {
+    A(m).length && f();
+  }), {
+    activeIndex: c
+  };
+}, ae = {
+  key: 0,
+  class: "b-anchor-scroller"
+}, re = ["aria-labelledby"], ie = { class: "b-anchor-scroller__navigation-panel" }, le = {
+  i18n: { messages: F },
+  name: "bento-anchor-scroller"
+}, se = /* @__PURE__ */ V({
+  ...le,
+  props: {
+    activeIndex: { default: void 0 },
+    items: {}
+  },
+  emits: ["update:active-index"],
+  setup(m, { emit: s }) {
+    const { t: c } = Q({ messages: F }), r = m, d = s, f = k(null), u = h(() => r.items.map((e) => ({ ...e }))), l = h(
+      () => r.items.map((e, _) => ({
+        element: y(e.elementRef),
+        originalIndex: _,
+        disabled: e.disabled
+      })).filter(
+        (e) => !e.disabled && !!e.element
+      )
+    ), v = h(() => l.value.map((e) => e.element)), t = h(() => ({
+      "b-anchor-scroller__navigation--pinned": o.value <= 1
+    })), a = h(() => {
+      const e = l.value[n.value];
+      return e ? e.originalIndex : 0;
+    }), { activeIndex: n } = oe(v, {
+      default: O(r, "activeIndex")
+    }), { top: o, bottom: p } = q(f);
+    G(
+      a,
+      (e) => {
+        Number.isFinite(e) && d("update:active-index", e);
+      },
+      {
+        debounce: 250
+        // ensure that if you are scrolling through multiple sections quickly, it fires only once.
+      }
+    ), D(
+      () => r.activeIndex,
+      (e) => {
+        Number.isFinite(e) && u.value[e].disabled && E("[bento-anchor-scroller] activeIndex should not be a disabled item");
+      }
+    );
+    const i = X("bento-anchor-scroller-label");
+    return (e, _) => u.value.length ? (g(), x("div", ae, [
+      B("nav", {
+        ref_key: "navigationRef",
+        ref: f,
+        class: M(["b-anchor-scroller__navigation", t.value]),
+        "aria-labelledby": b(i)
+      }, [
+        I(b(Z), {
+          condensed: "",
+          centered: ""
+        }, {
+          default: w(() => [
+            B("div", ie, [
+              I(P, {
+                id: b(i),
+                el: "span",
+                class: "b-anchor-scroller__navigation-panel-label",
+                stronger: ""
+              }, {
+                default: w(() => [
+                  N(R(b(c)("jumpTo")), 1)
+                ]),
+                _: 1
+              }, 8, ["id"]),
+              I(b(ne), {
+                items: u.value,
+                "active-index": a.value,
+                "scroll-offset": b(p)
+              }, null, 8, ["items", "active-index", "scroll-offset"])
+            ])
+          ]),
+          _: 1
+        })
+      ], 10, re),
+      W(e.$slots, "default", {}, void 0, !0)
+    ])) : j("", !0);
+  }
+}), _e = /* @__PURE__ */ $(se, [["__scopeId", "data-v-4628dbb5"]]);
+export {
+  _e as a
+};
+//# sourceMappingURL=anchor-scroller.CKIQu3NK.js.map

package/dist/chunks/anchor-scroller.CKIQu3NK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor-scroller.CKIQu3NK.js","sources":["../../../vue2/src/components/anchor-scroller/components/anchor-scroller-list/anchor-scroller-list.vue","../../../vue2/src/components/anchor-scroller/composables/use-scroll-spy/use-scroll-spy.ts","../../../vue2/src/components/anchor-scroller/anchor-scroller.vue"],"sourcesContent":["<template>\n    <ul class=\"b-anchor-scroller-list\" @keydown=\"onKeydownNavigation\">\n        <li v-for=\"({ title, disabled, elementRef }, index) in items\" :key=\"index\" class=\"b-anchor-scroller-list__item\">\n            <bento-button\n                ref=\"listItemRefs\"\n                :aria-current=\"activeIndex === index ? 'location' : null\"\n                class=\"b-anchor-scroller-list__item-button\"\n                :class=\"{\n                    'b-anchor-scroller-list__item-button--active': activeIndex === index,\n                    'b-anchor-scroller-list__item-button--disabled': disabled,\n                }\"\n                :aria-disabled=\"disabled\"\n                :tabindex=\"activeIndex === index ? null : '-1'\"\n                variant=\"tertiary-with-background\"\n                @click=\"scrollToSection(elementRef, disabled)\"\n                @keydown.space.native.prevent=\"scrollToSection(elementRef, disabled)\"\n                @keydown.enter.native.prevent=\"scrollToSection(elementRef, disabled)\"\n            >\n                {{ title }}\n            </bento-button>\n        </li>\n    </ul>\n</template>\n\n<script setup lang=\"ts\">\n    import BentoButton from '@/components/button/button.vue';\n    import { unrefElement } from '@/directives/click-outside/utils';\n    import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n    import { type BentoAnchorScrollerItem } from '../../anchor-scroller.types';\n    import { type AnchorScrollerListProps } from './anchor-scroller-list.types';\n    import { computed, ref, watch } from 'vue';\n    import { useCycleList } from '@vueuse/core';\n\n    const props = withDefaults(defineProps<AnchorScrollerListProps>(), {\n        activeIndex: undefined,\n        scrollOffset: undefined,\n    });\n\n    const listItemRefs = ref([]);\n    const listIndices = computed(() =>\n        props.items\n            .map((item, index) => ({ disabled: item.disabled, originalIndex: index }))\n            .filter(({ disabled }) => !disabled)\n            .map(({ originalIndex }) => originalIndex)\n    );\n\n    const {\n        state: focusedIndex,\n        next,\n        prev,\n    } = useCycleList(listIndices, {\n        initialValue: props.activeIndex ?? listIndices.value[0],\n    });\n\n    watch(focusedIndex, async newIndex => {\n        const targetComponent = listItemRefs.value[newIndex];\n        const el = unrefElement(targetComponent); // Handles Component or DOM node\n\n        if (el && typeof el.focus === 'function') {\n            el.focus();\n        }\n    });\n\n    const scrollToSection = (elementRef: BentoAnchorScrollerItem['elementRef'], disabled?: boolean) => {\n        if (disabled) {\n            return;\n        }\n\n        const el = unrefElement(elementRef);\n\n        if (!el) {\n            printDevelopmentWarning(`[bento-anchor-scroller] element ref not found`);\n            return;\n        }\n\n        if (!el.style.scrollMarginTop && props.scrollOffset) {\n            const currentScrollMargin = window.getComputedStyle(el).scrollMarginTop;\n\n            if (currentScrollMargin === '0px' || currentScrollMargin === '') {\n                el.style.scrollMarginTop = `${props.scrollOffset}px`;\n            }\n        }\n\n        if (!el.hasAttribute('tabindex')) {\n            el.setAttribute('tabindex', '-1');\n        }\n\n        el.scrollIntoView({\n            behavior: 'smooth',\n            block: 'start',\n            inline: 'nearest',\n        });\n\n        el.focus({ preventScroll: true });\n    };\n\n    const onKeydownNavigation = (e: KeyboardEvent) => {\n        switch (e.key) {\n            case 'ArrowRight':\n                e.preventDefault();\n                next();\n                break;\n            case 'ArrowLeft':\n                e.preventDefault();\n                prev();\n                break;\n            case 'Home':\n                e.preventDefault();\n                focusedIndex.value = 0;\n                break;\n            case 'End':\n                e.preventDefault();\n                focusedIndex.value = listIndices.value.length - 1;\n                break;\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./anchor-scroller-list.scss\" />\n","import { type Ref, ref, watchEffect } from 'vue';\nimport { type MaybeRef, toValue, useWindowScroll, useWindowSize, watchThrottled } from '@vueuse/core';\n\n/**\n * Options for the useScrollSpy composable.\n */\nexport interface useScrollSpyOptions {\n    /**\n     * The default active index to use when no item is active or initially.\n     */\n    default?: Ref<number>;\n}\n\n/**\n * Composable to spy on scroll position and determine the active item based on visibility.\n *\n * @param items - The list of elements to spy on.\n * @param options - Configuration options for the scroll spy.\n * @returns An object containing the active index.\n */\nexport const useScrollSpy = (items: MaybeRef<Array<Element>>, options: useScrollSpyOptions) => {\n    const activeIndex = ref(options.default?.value ?? -1);\n\n    const { y: scrollY } = useWindowScroll();\n    const { height: windowHeight } = useWindowSize();\n\n    // Logic to find the \"winner\" when there are multiple items on the same page\n    const calculateActiveIndex = () => {\n        const list = toValue(items);\n        const viewportHeight = windowHeight.value;\n        const midpoint = viewportHeight / 2;\n\n        let winnerIndex = -1;\n        let maxVisibleRatio = 0;\n\n        for (let i = 0; i < list.length; i++) {\n            const item = list[i];\n            const el = item;\n\n            if (!el) {\n                continue;\n            }\n\n            const rect = el.getBoundingClientRect();\n\n            // Constraint 1: Must pass midpoint\n            if (rect.top > midpoint) {\n                continue;\n            }\n\n            // Constraint 2: Must be visible\n            const visibleHeight = Math.min(rect.bottom, viewportHeight) - Math.max(rect.top, 0);\n            if (visibleHeight <= 0) {\n                continue;\n            }\n\n            // Constraint 3: Highest visible % wins\n            const ratio = visibleHeight / rect.height;\n\n            if (ratio > maxVisibleRatio) {\n                maxVisibleRatio = ratio;\n                winnerIndex = i;\n            }\n        }\n\n        // Only update if changed to avoid unnecessary patch triggers\n        if (winnerIndex !== -1 && activeIndex.value !== winnerIndex) {\n            activeIndex.value = winnerIndex;\n        }\n    };\n\n    watchThrottled([scrollY, windowHeight], calculateActiveIndex, { throttle: 100, trailing: true });\n\n    watchEffect(() => {\n        if (toValue(items).length) {\n            calculateActiveIndex();\n        }\n    });\n\n    return {\n        activeIndex,\n    };\n};\n","<template>\n    <div v-if=\"computedItems.length\" class=\"b-anchor-scroller\">\n        <nav\n            ref=\"navigationRef\"\n            class=\"b-anchor-scroller__navigation\"\n            :class=\"navigationConditionalClasses\"\n            :aria-labelledby=\"navLabelId\"\n        >\n            <fixed-scroller condensed centered>\n                <div class=\"b-anchor-scroller__navigation-panel\">\n                    <bento-typography\n                        :id=\"navLabelId\"\n                        el=\"span\"\n                        class=\"b-anchor-scroller__navigation-panel-label\"\n                        stronger\n                    >\n                        {{ t('jumpTo') }}\n                    </bento-typography>\n\n                    <anchor-scroller-list\n                        :items=\"computedItems\"\n                        :active-index=\"currentActiveIndex\"\n                        :scroll-offset=\"bottom\"\n                    />\n                </div>\n            </fixed-scroller>\n        </nav>\n\n        <slot />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, ref, toRef, watch } from 'vue';\n    import { useElementBounding, watchDebounced } from '@vueuse/core';\n    import BentoTypography from '@/components/typography/typography.vue';\n    import { FixedScroller } from '@/internal';\n    import { type BentoAnchorScrollerItem, type BentoAnchorScrollerProps } from './anchor-scroller.types';\n    import { AnchorScrollerList } from './components/anchor-scroller-list';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { generateUid } from '@/core/utils/ts';\n    import { unrefElement } from '@/directives/click-outside/utils';\n    import messages from './messages.json';\n    import { useScrollSpy } from './composables';\n    import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const props = withDefaults(defineProps<BentoAnchorScrollerProps>(), {\n        activeIndex: undefined,\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emits update event when the active index is changed\n         */\n        (e: 'update:active-index', value: number): void;\n    }>();\n\n    const navigationRef = ref(null);\n\n    const computedItems = computed<Array<BentoAnchorScrollerItem>>(() => props.items.map(item => ({ ...item })));\n\n    // Skip and cache only items that are enabled\n    const enabledItems = computed(() =>\n        props.items\n            .map((item, originalIndex) => ({\n                element: unrefElement(item.elementRef),\n                originalIndex,\n                disabled: item.disabled,\n            }))\n            .filter(\n                (item): item is { element: Element; originalIndex: number; disabled: boolean } =>\n                    !item.disabled && !!item.element\n            )\n    );\n\n    // Extract strictly the elements for the ScrollSpy to watch\n    const scrollToTargets = computed(() => enabledItems.value.map(c => c.element));\n\n    const navigationConditionalClasses = computed(() => ({\n        'b-anchor-scroller__navigation--pinned': top.value <= 1,\n    }));\n\n    const currentActiveIndex = computed(() => {\n        const candidate = enabledItems.value[relativeActiveIndex.value];\n\n        return candidate ? candidate.originalIndex : 0;\n    });\n\n    const { activeIndex: relativeActiveIndex } = useScrollSpy(scrollToTargets, {\n        default: toRef(props, 'activeIndex'),\n    });\n\n    const { top, bottom } = useElementBounding(navigationRef);\n\n    watchDebounced(\n        currentActiveIndex,\n        val => {\n            if (Number.isFinite(val)) {\n                emit('update:active-index', val);\n            }\n        },\n        {\n            debounce: 250, // ensure that if you are scrolling through multiple sections quickly, it fires only once.\n        }\n    );\n\n    watch(\n        () => props.activeIndex,\n        val => {\n            if (Number.isFinite(val) && computedItems.value[val].disabled) {\n                printDevelopmentWarning(`[bento-anchor-scroller] activeIndex should not be a disabled item`);\n            }\n        }\n    );\n\n    const navLabelId = generateUid('bento-anchor-scroller-label');\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A navigation component that tracks page scroll and allows jumping to sections.\n     *\n     * @example\n     * import { BentoAnchorScroller } from '@adyen/bento-vue2';\n     * import { ref } from 'vue';\n     *\n     * export default {\n     *     components: { BentoAnchorScroller },\n     *     template: `\n     *          <bento-anchor-scroller :items=\"items\">\n     *              <section ref=\"section1\">Section 1</section>\n     *              <section ref=\"section2\">Section 2</section>\n     *          </bento-anchor-scroller>\n     *     `,\n     *      setup() {\n     *          const section1 = ref(null);\n     *          const section2 = ref(null);\n     *          const items = ref([\n     *              { title: 'Section 1', elementRef: section1 },\n     *              { title: 'Section 2', elementRef: section2 },\n     *          ]);\n     *          return {\n     *              items,\n     *              section1,\n     *              section2,\n     *          }\n     *      }\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-anchor-scroller',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./anchor-scroller.scss\" />\n"],"names":["props","__props","listItemRefs","ref","listIndices","computed","item","index","disabled","originalIndex","focusedIndex","next","prev","useCycleList","watch","newIndex","targetComponent","el","unrefElement","scrollToSection","elementRef","printDevelopmentWarning","currentScrollMargin","onKeydownNavigation","e","useScrollSpy","items","options","activeIndex","_a","scrollY","useWindowScroll","windowHeight","useWindowSize","calculateActiveIndex","list","toValue","viewportHeight","midpoint","winnerIndex","maxVisibleRatio","i","rect","visibleHeight","ratio","watchThrottled","watchEffect","__default__","messages","t","useI18n","emit","__emit","navigationRef","computedItems","enabledItems","scrollToTargets","c","navigationConditionalClasses","top","currentActiveIndex","candidate","relativeActiveIndex","toRef","bottom","useElementBounding","watchDebounced","val","navLabelId","generateUid"],"mappings":"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"}

package/dist/chunks/aria-label.CaUURpnB.js.map

@@ -1 +1 @@
-{"version":3,"file":"aria-label.CaUURpnB.js","sources":["../../../vue2/src/utils/ts/aria-label.ts"],"sourcesContent":["import { computed, type ComputedRef, ref } from 'vue';\nimport { type MaybeRef } from '@/types/maybe-ref';\n\ninterface ariaLabelOptions {\n    ariaLabel?: MaybeRef<string | null>;\n    label?: MaybeRef<string | null>;\n    defaultFallback?: MaybeRef<string | null>;\n}\n\n/**\n * Returns a valid aria-label for the element it's invoked for\n * @param ariaLabel - The aria label, which has to be set manually through the homonymous prop\n * @param label - Any other label provided, usually the component's main text\n * @param defaultFallback - The default fallback if no other value is provided\n * @returns {string | null} - A string corresponding to the aria label or null if no value is provided\n */\nexport const useAriaLabel = ({\n    ariaLabel = null,\n    label = null,\n    defaultFallback = null,\n}: ariaLabelOptions): ComputedRef<string> => {\n    const computedAriaLabel = ref(ariaLabel);\n    const computedLabel = ref(label);\n    const computedDefaultFallback = ref(defaultFallback);\n\n    return computed(() => computedAriaLabel.value ?? computedLabel.value ?? computedDefaultFallback.value);\n};\n"],"names":["useAriaLabel","ariaLabel","label","defaultFallback","computedAriaLabel","ref","computedLabel","computedDefaultFallback","computed"],"mappings":";AAgBO,MAAMA,IAAe,CAAC;AAAA,EACzB,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,iBAAAC,IAAkB;AACtB,MAA6C;AACnC,QAAAC,IAAoBC,EAAIJ,CAAS,GACjCK,IAAgBD,EAAIH,CAAK,GACzBK,IAA0BF,EAAIF,CAAe;AAEnD,SAAOK,EAAS,MAAMJ,EAAkB,SAASE,EAAc,SAASC,EAAwB,KAAK;AACzG;"}
+{"version":3,"file":"aria-label.CaUURpnB.js","sources":["../../../vue2/src/utils/ts/aria-label.ts"],"sourcesContent":["import { computed, type ComputedRef, ref } from 'vue';\nimport { type MaybeRef } from '@/types/maybe-ref';\n\ninterface ariaLabelOptions {\n    ariaLabel?: MaybeRef<string | null>;\n    label?: MaybeRef<string | null>;\n    defaultFallback?: MaybeRef<string | null>;\n}\n\n/**\n * Returns a valid aria-label for the element it's invoked for\n * @param ariaLabel - The aria label, which has to be set manually through the homonymous prop\n * @param label - Any other label provided, usually the component's main text\n * @param defaultFallback - The default fallback if no other value is provided\n * @returns {string | null} - A string corresponding to the aria label or null if no value is provided\n */\nexport const useAriaLabel = ({\n    ariaLabel = null,\n    label = null,\n    defaultFallback = null,\n}: ariaLabelOptions): ComputedRef<string> => {\n    const computedAriaLabel = ref(ariaLabel);\n    const computedLabel = ref(label);\n    const computedDefaultFallback = ref(defaultFallback);\n\n    return computed(() => computedAriaLabel.value ?? computedLabel.value ?? computedDefaultFallback.value);\n};\n"],"names":["useAriaLabel","ariaLabel","label","defaultFallback","computedAriaLabel","ref","computedLabel","computedDefaultFallback","computed"],"mappings":";AAgBO,MAAMA,IAAe,CAAC;AAAA,EACzB,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,iBAAAC,IAAkB;AACtB,MAA6C;AACzC,QAAMC,IAAoBC,EAAIJ,CAAS,GACjCK,IAAgBD,EAAIH,CAAK,GACzBK,IAA0BF,EAAIF,CAAe;AAEnD,SAAOK,EAAS,MAAMJ,EAAkB,SAASE,EAAc,SAASC,EAAwB,KAAK;AACzG;"}

package/dist/chunks/arrow-left.C6UiqO-c.js

@@ -0,0 +1,29 @@
+/* empty css              */
+import { openBlock as o, createElementBlock as r, mergeProps as i, toDisplayString as n, createCommentVNode as l, createElementVNode as a } from "vue";
+import { _ as p } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+let s = 0;
+const m = {
+  beforeCreate() {
+    this.uuid = s.toString(), s += 1;
+  }
+}, c = { key: 0 };
+function d(t, e, f, g, u, L) {
+  return o(), r("svg", i({ role: "img" }, t.$attrs, {
+    class: "ui-assets-icons-16",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    t.$attrs["svg-title"] ? (o(), r("title", c, n(t.$attrs["svg-title"]), 1)) : l("", !0),
+    e[0] || (e[0] = a("path", {
+      fill: "#001222",
+      d: "M3.80655 7.25434L8.06077 3.00011L7.00011 1.93945L0.939453 8.00011L7.00011 14.0608L8.06077 13.0001L3.81499 8.75433L14.7508 8.74316L14.7492 7.24316L3.80655 7.25434Z"
+    }, null, -1))
+  ], 16);
+}
+const _ = /* @__PURE__ */ p(m, [["render", d]]);
+export {
+  _ as A
+};
+//# sourceMappingURL=arrow-left.C6UiqO-c.js.map

package/dist/chunks/arrow-left.C6UiqO-c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-left.C6UiqO-c.js","sources":["../../../ui-assets/icons-16/dist/vue/arrow-left.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=\"M3.80655 7.25434L8.06077 3.00011L7.00011 1.93945L0.939453 8.00011L7.00011 14.0608L8.06077 13.0001L3.81499 8.75433L14.7508 8.74316L14.7492 7.24316L3.80655 7.25434Z\"/></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"],"names":["uuid","_sfc_main","_openBlock","_createElementBlock","_mergeProps","_ctx","_hoisted_1","_createCommentVNode","_createElementVNode"],"mappings":";;;AAOI,IAAIA,IAAO;AAEX,MAAKC,IAAU;AAAA,EACX,eAAe;AACX,SAAK,OAAOD,EAAK,SAAQ,GACzBA,KAAQ;AAAA,EACZ;SAbR,KAAA,EAAA;;AAEI,SAAAE,EAAA,GAAAC,EAAuY,OAAvYC,EAAuY,EAAlY,MAAK,MAAK,GAASC,EAAA,QAAM;AAAA,IAAE,OAAM;AAAA,IAAqB,OAAM;AAAA,IAA6B,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,MAAK;AAAA;IAAoBA,EAAA,OAAM,WAAA,UAAnBF,EAAmE,SAFxMG,KAE0KD,EAAA,OAAM,WAAA,CAAA,GAAA,CAAA,KAFhLE,EAAA,IAAA,EAAA;AAAA,oBAEwMC,EAA6L,QAAA;AAAA,MAAvL,MAAK;AAAA,MAAU,GAAE;AAAA;;;;"}

package/dist/chunks/arrow-right.fSdLV_ho.js

@@ -0,0 +1,29 @@
+/* empty css              */
+import { openBlock as o, createElementBlock as r, mergeProps as i, toDisplayString as n, createCommentVNode as l, createElementVNode as a } from "vue";
+import { _ as p } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+let s = 0;
+const m = {
+  beforeCreate() {
+    this.uuid = s.toString(), s += 1;
+  }
+}, c = { key: 0 };
+function g(t, e, d, u, f, L) {
+  return o(), r("svg", i({ role: "img" }, t.$attrs, {
+    class: "ui-assets-icons-16",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    t.$attrs["svg-title"] ? (o(), r("title", c, n(t.$attrs["svg-title"]), 1)) : l("", !0),
+    e[0] || (e[0] = a("path", {
+      fill: "#001222",
+      d: "M12.1933 8.7454L7.93903 12.9996L8.99969 14.0603L15.0604 7.99963L8.99969 1.93896L7.93903 2.99963L12.1848 7.24541L1.24902 7.25658L1.25056 8.75658L12.1933 8.7454Z"
+    }, null, -1))
+  ], 16);
+}
+const _ = /* @__PURE__ */ p(m, [["render", g]]);
+export {
+  _ as A
+};
+//# sourceMappingURL=arrow-right.fSdLV_ho.js.map

package/dist/chunks/arrow-right.fSdLV_ho.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-right.fSdLV_ho.js","sources":["../../../ui-assets/icons-16/dist/vue/arrow-right.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=\"M12.1933 8.7454L7.93903 12.9996L8.99969 14.0603L15.0604 7.99963L8.99969 1.93896L7.93903 2.99963L12.1848 7.24541L1.24902 7.25658L1.25056 8.75658L12.1933 8.7454Z\"/></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"],"names":["uuid","_sfc_main","_openBlock","_createElementBlock","_mergeProps","_ctx","_hoisted_1","_createCommentVNode","_createElementVNode"],"mappings":";;;AAOI,IAAIA,IAAO;AAEX,MAAKC,IAAU;AAAA,EACX,eAAe;AACX,SAAK,OAAOD,EAAK,SAAQ,GACzBA,KAAQ;AAAA,EACZ;SAbR,KAAA,EAAA;;AAEI,SAAAE,EAAA,GAAAC,EAAoY,OAApYC,EAAoY,EAA/X,MAAK,MAAK,GAASC,EAAA,QAAM;AAAA,IAAE,OAAM;AAAA,IAAqB,OAAM;AAAA,IAA6B,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,MAAK;AAAA;IAAoBA,EAAA,OAAM,WAAA,UAAnBF,EAAmE,SAFxMG,KAE0KD,EAAA,OAAM,WAAA,CAAA,GAAA,CAAA,KAFhLE,EAAA,IAAA,EAAA;AAAA,oBAEwMC,EAA0L,QAAA;AAAA,MAApL,MAAK;AAAA,MAAU,GAAE;AAAA;;;;"}

package/dist/chunks/artificial-intelligence-ai-filled.AhDHffzT.js

@@ -0,0 +1,44 @@
+/* empty css              */
+import { openBlock as s, createElementBlock as l, mergeProps as n, toDisplayString as r, createCommentVNode as a, createElementVNode as t } from "vue";
+import { _ as u } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+let o = 0;
+const d = {
+  beforeCreate() {
+    this.uuid = o.toString(), o += 1;
+  }
+}, c = { key: 0 }, f = ["clip-path"], p = ["id"];
+function _(i, e, g, m, h, V) {
+  return s(), l("svg", n({ role: "img" }, i.$attrs, {
+    class: "ui-assets-icons-16",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    i.$attrs["svg-title"] ? (s(), l("title", c, r(i.$attrs["svg-title"]), 1)) : a("", !0),
+    t("g", {
+      "clip-path": "url(#uia-ui-assets/icons-16-artificial_intelligence_ai_filled__a" + i.uuid + ")"
+    }, e[0] || (e[0] = [
+      t("path", {
+        fill: "#001222",
+        d: "M8.75 2.75C8.75 5.23579 10.7642 7.25 13.25 7.25H15.5V8.75H13.25C10.7642 8.75 8.75 10.7642 8.75 13.25V15.5H7.25V13.25C7.25 10.7642 5.23579 8.75 2.75 8.75H0.5V7.25H2.75C5.23579 7.25 7.25 5.23579 7.25 2.75V0.5H8.75V2.75Z"
+      }, null, -1)
+    ]), 8, f),
+    t("defs", null, [
+      t("clipPath", {
+        id: "uia-ui-assets/icons-16-artificial_intelligence_ai_filled__a" + i.uuid
+      }, e[1] || (e[1] = [
+        t("rect", {
+          width: "16",
+          height: "16",
+          fill: "#fff"
+        }, null, -1)
+      ]), 8, p)
+    ])
+  ], 16);
+}
+const H = /* @__PURE__ */ u(d, [["render", _]]);
+export {
+  H as A
+};
+//# sourceMappingURL=artificial-intelligence-ai-filled.AhDHffzT.js.map

package/dist/chunks/artificial-intelligence-ai-filled.AhDHffzT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"artificial-intelligence-ai-filled.AhDHffzT.js","sources":["../../../ui-assets/icons-16/dist/vue/artificial-intelligence-ai-filled.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><g :clip-path=\"'url(#uia-ui-assets/icons-16-artificial_intelligence_ai_filled__a' + uuid + ')'\"><path fill=\"#001222\" d=\"M8.75 2.75C8.75 5.23579 10.7642 7.25 13.25 7.25H15.5V8.75H13.25C10.7642 8.75 8.75 10.7642 8.75 13.25V15.5H7.25V13.25C7.25 10.7642 5.23579 8.75 2.75 8.75H0.5V7.25H2.75C5.23579 7.25 7.25 5.23579 7.25 2.75V0.5H8.75V2.75Z\"/></g><defs><clipPath :id=\"'uia-ui-assets/icons-16-artificial_intelligence_ai_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></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"],"names":["uuid","_sfc_main","_hoisted_2","_hoisted_3","_openBlock","_createElementBlock","_mergeProps","_ctx","_hoisted_1","_createCommentVNode","_createElementVNode"],"mappings":";;;AAOI,IAAIA,IAAO;AAEX,MAAKC,IAAU;AAAA,EACX,eAAe;AACX,SAAK,OAAOD,EAAK,SAAQ,GACzBA,KAAQ;AAAA,EACZ;SAbR,KAAA,EAAA,GAAAE,IAAA,CAAA,WAAA,GAAAC,IAAA,CAAA,IAAA;;AAEI,SAAAC,EAAA,GAAAC,EAAyrB,OAAzrBC,EAAyrB,EAAprB,MAAK,MAAK,GAASC,EAAA,QAAM;AAAA,IAAE,OAAM;AAAA,IAAqB,OAAM;AAAA,IAA6B,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,MAAK;AAAA;IAAoBA,EAAA,OAAM,WAAA,UAAnBF,EAAmE,SAFxMG,KAE0KD,EAAA,OAAM,WAAA,CAAA,GAAA,CAAA,KAFhLE,EAAA,IAAA,EAAA;AAAA,IAEwMC,EAAwV,KAAA;AAAA,MAApV,kFAAgFH,EAAA,OAAI;AAAA;MAAQG,EAAoP,QAAA;AAAA,QAA9O,MAAK;AAAA,QAAU,GAAE;AAAA;IAF/T,IAAA,GAAAR,CAAA;AAAA,IAEgiBQ,EAAuJ,QAAA,MAAA;AAAA,MAAjJA,EAA0I,YAAA;AAAA,QAA/H,oEAAoEH,EAAA;AAAA;QAAMG,EAA0C,QAAA;AAAA,UAApC,OAAM;AAAA,UAAK,QAAO;AAAA,UAAK,MAAK;AAAA;MAF7pB,IAAA,GAAAP,CAAA;AAAA;;;;"}

package/dist/chunks/{avatar.CNGMjwg3.js → avatar.Caeba-pw.js}

@@ -1,5 +1,5 @@
-import { ref as k, computed as r, defineComponent as _, toRefs as f, createElementBlock as d, openBlock as l, normalizeClass as R, createVNode as b, unref as n, withCtx as L, createTextVNode as y, toDisplayString as h, createBlock as B, createCommentVNode as S } from "vue";
-import { B as E } from "./typography.6Oo5TOMP.js";
+import { ref as k, computed as r, defineComponent as _, toRefs as f, openBlock as l, createElementBlock as d, normalizeClass as R, createVNode as b, unref as n, withCtx as L, createTextVNode as y, toDisplayString as h, createBlock as B, createCommentVNode as S } from "vue";
+import { B as E } from "./typography.B3J6_tYk.js";
 import { _ as g } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/avatar.css";
 const O = (e) => {
@@ -92,4 +92,4 @@ const N = ["src"], U = {
 export {
   j as B
 };
-//# sourceMappingURL=avatar.CNGMjwg3.js.map
+//# sourceMappingURL=avatar.Caeba-pw.js.map

package/dist/chunks/{avatar.CNGMjwg3.js.map → avatar.Caeba-pw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatar.CNGMjwg3.js","sources":["../../../vue2/src/composables/initials.ts","../../../vue2/src/components/avatar/components/avatar-image/avatar-image.types.ts","../../../vue2/src/components/avatar/components/avatar-image/avatar-image.vue","../../../vue2/src/components/avatar/avatar.vue"],"sourcesContent":["import { computed, type ComputedRef, ref } from 'vue';\nimport { type MaybeRef } from '@/types/refs';\n\n/** Extracts the first letter of a username\n * @param username - The name to return the initials of\n * Common patterns:\n * 1. John => J\n * 2. John Smith => J\n * John Smith Doe Holly => J\n */\nexport const useInitials = (username: MaybeRef<string | null>): ComputedRef<string | null> => {\n    const computedUsername = ref(username);\n    return computed(() => (computedUsername.value ? computedUsername.value.trim().charAt(0).toUpperCase() : null));\n};\n","export enum BentoAvatarImageVariant {\n    LARGE = 'large',\n    SMALL = 'small',\n}\n\nexport enum BentoAvatarImageColor {\n    BLUE = 'blue',\n    GREEN = 'green',\n    RED = 'red',\n    YELLOW = 'yellow',\n}\n","<template>\n    <div class=\"b-avatar-image\" :class=\"conditionalClasses\" aria-hidden=\"true\" data-testid=\"avatar\">\n        <img v-if=\"src\" :src=\"src\" class=\"b-avatar-image__image\" alt=\"\" data-testid=\"avatar-content\" />\n        <div v-else class=\"b-avatar-image__default\" data-testid=\"avatar-content\">\n            <bento-typography el=\"span\" variant=\"body\" strongest>\n                {{ initials }}\n            </bento-typography>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, toRefs } from 'vue';\n    import { BentoAvatarImageColor, BentoAvatarImageVariant } from './avatar-image.types';\n    import { BentoTypography } from '@/components/typography';\n    import { useInitials } from '@/composables';\n\n    const props = withDefaults(\n        defineProps<{\n            /**\n             * Avatar color. Defaults to yellow.\n             */\n            color?: BentoAvatarImageColor;\n\n            /**\n             * Image src to load the profile picture.\n             */\n            src?: string;\n\n            /**\n             * Name of the user that will be used to extract initials to display default value.\n             * John => J\n             * John Smith => JS\n             * John Smith Doe => JD\n             * John Smith Doe Holly => JH\n             */\n            username?: string;\n\n            /**\n             * Variants supported for small and large.\n             * Default - large\n             */\n            variant?: BentoAvatarImageVariant;\n        }>(),\n        {\n            color: BentoAvatarImageColor.YELLOW,\n            src: null,\n            username: null,\n            variant: BentoAvatarImageVariant.LARGE,\n        }\n    );\n\n    const { username } = toRefs(props);\n    const initials = useInitials(username);\n\n    const conditionalClasses = computed(() => ({\n        [`b-avatar-image--${BentoAvatarImageVariant.SMALL}`]: props.variant === BentoAvatarImageVariant.SMALL,\n        [`b-avatar-image--${props.color}`]: props.color,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Image used as user profile inside bento-avatar.\n     *\n     * @example\n     * import { AvatarImage } from './components/avatar-image';\n     *\n     * export default {\n     *     components: { AvatarImage },\n     *     template: `<avatar-image :src=\"userAvatarSrc\" username=\"Jane\" />`\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./avatar-image.scss\" />\n","<template>\n    <div class=\"b-avatar\" :role=\"iconOnly ? 'img' : null\" :aria-label=\"computedAriaLabel\">\n        <avatar-image\n            :src=\"src\"\n            :username=\"computedUsername\"\n            :variant=\"BentoAvatarImageVariant.SMALL\"\n            :color=\"avatarColor\"\n        />\n        <bento-typography v-if=\"!iconOnly\" class=\"b-avatar__label\" el=\"span\" variant=\"body\">\n            {{ username }}\n        </bento-typography>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, toRefs } from 'vue';\n    import { AvatarImage, BentoAvatarImageColor, BentoAvatarImageVariant } from './components/avatar-image';\n    import { BentoTypography } from '@/components/typography';\n    import { useInitials } from '@/composables';\n\n    const props = withDefaults(\n        defineProps<{\n            /**\n             * Displays the user profile without the label.\n             */\n            iconOnly?: boolean;\n\n            /**\n             * Image src to load the profile picture.\n             */\n            src?: string;\n\n            /**\n             * Name of the user that will be used both in the label and to extract initials to display default value.\n             * John => J\n             * John Smith => JS\n             * John Smith Doe => JD\n             * John Smith Doe Holly => JH\n             */\n            username: string;\n        }>(),\n        {\n            iconOnly: false,\n            src: null,\n        }\n    );\n\n    const { username } = toRefs(props);\n\n    const computedAriaLabel = computed(() => (props.iconOnly ? props.username : null));\n    const computedUsername = computed(() => (!props.src ? props.username : null));\n    const initials = useInitials(username);\n\n    // Returns the UTF-16 char code\n    const charCode = computed(() => (initials.value ? initials.value.charCodeAt(0) - 65 : null));\n\n    // Returns a computed color based on the letter passed\n    const avatarColor = computed(() => {\n        const numberOfAlphabetLetters = 26;\n        const numberOfColors = Object.keys(BentoAvatarImageColor).length;\n        const rangeStep = numberOfAlphabetLetters / numberOfColors;\n\n        if (charCode.value <= rangeStep) {\n            return BentoAvatarImageColor.YELLOW;\n        }\n        if (charCode.value <= rangeStep * 2) {\n            return BentoAvatarImageColor.BLUE;\n        }\n        if (charCode.value <= rangeStep * 3) {\n            return BentoAvatarImageColor.GREEN;\n        }\n        return BentoAvatarImageColor.RED;\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Displays an user profile including an avatar and optionally a label.\n     *\n     * @example\n     * import { BentoAvatar } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAvatar },\n     *     template: `<bento-avatar :src=\"userAvatarSrc\" username=\"Jane\" />`\n     * }\n     */\n    export default {\n        name: 'bento-avatar',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./avatar.scss\" />\n"],"names":["useInitials","username","computedUsername","ref","computed","BentoAvatarImageVariant","BentoAvatarImageVariant2","BentoAvatarImageColor","BentoAvatarImageColor2","__default__$1","props","__props","toRefs","initials","conditionalClasses","__default__","computedAriaLabel","charCode","avatarColor","rangeStep"],"mappings":";;;;AAUa,MAAAA,IAAA,CAAAC,MAAA;AACT,QAAAC,IAAAC,EAAAF,CAAA;AACA,SAAAG,EAAA,MAAAF,EAAA,QAAAA,EAAA,MAAA,KAAA,EAAA,OAAA,CAAA,EAAA,YAAA,IAAA,IAAA;AACJ;ACbY,IAAAG,IAAA,kBAAAC,OACRA,EAAA,QAAA,SACAA,EAAA,QAAA,SAFQA,IAAAD,KAAA,CAAA,CAAA,GAKAE,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,QAAA,SACAA,EAAA,MAAA,OACAA,EAAA,SAAA,UAJQA,IAAAD,KAAA,CAAA,CAAA;;;;;GCoERE,IAAA,CAAA;;;;;;;;;;AAxDA,UAAAC,IAAAC,GAmCA,EAAA,UAAAV,EAAA,IAAAW,EAAAF,CAAA,GACAG,IAAAb,EAAAC,CAAA,GAEAa,IAAAV,EAAA,OAAA;AAAA,MAA2C,CAAA,mBAAAC,EAAA,KAAA,EAAA,GAAAK,EAAA,YAAAL,EAAA;AAAA,MACyD,CAAA,mBAAAK,EAAA,KAAA,EAAA,GAAAA,EAAA;AAAA,IACtD,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;8FC8B9CK,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;AArEA,UAAAL,IAAAC,GA2BA,EAAA,UAAAV,EAAA,IAAAW,EAAAF,CAAA,GAEAM,IAAAZ,EAAA,MAAAM,EAAA,WAAAA,EAAA,WAAA,IAAA,GACAR,IAAAE,EAAA,MAAAM,EAAA,MAAA,OAAAA,EAAA,QAAA,GACAG,IAAAb,EAAAC,CAAA,GAGAgB,IAAAb,EAAA,MAAAS,EAAA,QAAAA,EAAA,MAAA,WAAA,CAAA,IAAA,KAAA,IAAA,GAGAK,IAAAd,EAAA,MAAA;AAGI,YAAAe,IAAA,KADA,OAAA,KAAAZ,CAAA,EAAA;AAGA,aAAAU,EAAA,SAAAE,IACIZ,EAAA,SAEJU,EAAA,SAAAE,IAAA,IACIZ,EAAA,OAEJU,EAAA,SAAAE,IAAA,IACIZ,EAAA,QAEJA,EAAA;AAAA,IAA6B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"avatar.Caeba-pw.js","sources":["../../../vue2/src/composables/initials.ts","../../../vue2/src/components/avatar/components/avatar-image/avatar-image.types.ts","../../../vue2/src/components/avatar/components/avatar-image/avatar-image.vue","../../../vue2/src/components/avatar/avatar.vue"],"sourcesContent":["import { computed, type ComputedRef, ref } from 'vue';\nimport { type MaybeRef } from '@/types/refs';\n\n/** Extracts the first letter of a username\n * @param username - The name to return the initials of\n * Common patterns:\n * 1. John => J\n * 2. John Smith => J\n * John Smith Doe Holly => J\n */\nexport const useInitials = (username: MaybeRef<string | null>): ComputedRef<string | null> => {\n    const computedUsername = ref(username);\n    return computed(() => (computedUsername.value ? computedUsername.value.trim().charAt(0).toUpperCase() : null));\n};\n","export enum BentoAvatarImageVariant {\n    LARGE = 'large',\n    SMALL = 'small',\n}\n\nexport enum BentoAvatarImageColor {\n    BLUE = 'blue',\n    GREEN = 'green',\n    RED = 'red',\n    YELLOW = 'yellow',\n}\n","<template>\n    <div class=\"b-avatar-image\" :class=\"conditionalClasses\" aria-hidden=\"true\" data-testid=\"avatar\">\n        <img v-if=\"src\" :src=\"src\" class=\"b-avatar-image__image\" alt=\"\" data-testid=\"avatar-content\" />\n        <div v-else class=\"b-avatar-image__default\" data-testid=\"avatar-content\">\n            <bento-typography el=\"span\" variant=\"body\" strongest>\n                {{ initials }}\n            </bento-typography>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, toRefs } from 'vue';\n    import { BentoAvatarImageColor, BentoAvatarImageVariant } from './avatar-image.types';\n    import { BentoTypography } from '@/components/typography';\n    import { useInitials } from '@/composables';\n\n    const props = withDefaults(\n        defineProps<{\n            /**\n             * Avatar color. Defaults to yellow.\n             */\n            color?: BentoAvatarImageColor;\n\n            /**\n             * Image src to load the profile picture.\n             */\n            src?: string;\n\n            /**\n             * Name of the user that will be used to extract initials to display default value.\n             * John => J\n             * John Smith => JS\n             * John Smith Doe => JD\n             * John Smith Doe Holly => JH\n             */\n            username?: string;\n\n            /**\n             * Variants supported for small and large.\n             * Default - large\n             */\n            variant?: BentoAvatarImageVariant;\n        }>(),\n        {\n            color: BentoAvatarImageColor.YELLOW,\n            src: null,\n            username: null,\n            variant: BentoAvatarImageVariant.LARGE,\n        }\n    );\n\n    const { username } = toRefs(props);\n    const initials = useInitials(username);\n\n    const conditionalClasses = computed(() => ({\n        [`b-avatar-image--${BentoAvatarImageVariant.SMALL}`]: props.variant === BentoAvatarImageVariant.SMALL,\n        [`b-avatar-image--${props.color}`]: props.color,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Image used as user profile inside bento-avatar.\n     *\n     * @example\n     * import { AvatarImage } from './components/avatar-image';\n     *\n     * export default {\n     *     components: { AvatarImage },\n     *     template: `<avatar-image :src=\"userAvatarSrc\" username=\"Jane\" />`\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./avatar-image.scss\" />\n","<template>\n    <div class=\"b-avatar\" :role=\"iconOnly ? 'img' : null\" :aria-label=\"computedAriaLabel\">\n        <avatar-image\n            :src=\"src\"\n            :username=\"computedUsername\"\n            :variant=\"BentoAvatarImageVariant.SMALL\"\n            :color=\"avatarColor\"\n        />\n        <bento-typography v-if=\"!iconOnly\" class=\"b-avatar__label\" el=\"span\" variant=\"body\">\n            {{ username }}\n        </bento-typography>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, toRefs } from 'vue';\n    import { AvatarImage, BentoAvatarImageColor, BentoAvatarImageVariant } from './components/avatar-image';\n    import { BentoTypography } from '@/components/typography';\n    import { useInitials } from '@/composables';\n\n    const props = withDefaults(\n        defineProps<{\n            /**\n             * Displays the user profile without the label.\n             */\n            iconOnly?: boolean;\n\n            /**\n             * Image src to load the profile picture.\n             */\n            src?: string;\n\n            /**\n             * Name of the user that will be used both in the label and to extract initials to display default value.\n             * John => J\n             * John Smith => JS\n             * John Smith Doe => JD\n             * John Smith Doe Holly => JH\n             */\n            username: string;\n        }>(),\n        {\n            iconOnly: false,\n            src: null,\n        }\n    );\n\n    const { username } = toRefs(props);\n\n    const computedAriaLabel = computed(() => (props.iconOnly ? props.username : null));\n    const computedUsername = computed(() => (!props.src ? props.username : null));\n    const initials = useInitials(username);\n\n    // Returns the UTF-16 char code\n    const charCode = computed(() => (initials.value ? initials.value.charCodeAt(0) - 65 : null));\n\n    // Returns a computed color based on the letter passed\n    const avatarColor = computed(() => {\n        const numberOfAlphabetLetters = 26;\n        const numberOfColors = Object.keys(BentoAvatarImageColor).length;\n        const rangeStep = numberOfAlphabetLetters / numberOfColors;\n\n        if (charCode.value <= rangeStep) {\n            return BentoAvatarImageColor.YELLOW;\n        }\n        if (charCode.value <= rangeStep * 2) {\n            return BentoAvatarImageColor.BLUE;\n        }\n        if (charCode.value <= rangeStep * 3) {\n            return BentoAvatarImageColor.GREEN;\n        }\n        return BentoAvatarImageColor.RED;\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Displays an user profile including an avatar and optionally a label.\n     *\n     * @example\n     * import { BentoAvatar } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAvatar },\n     *     template: `<bento-avatar :src=\"userAvatarSrc\" username=\"Jane\" />`\n     * }\n     */\n    export default {\n        name: 'bento-avatar',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./avatar.scss\" />\n"],"names":["useInitials","username","computedUsername","ref","computed","BentoAvatarImageVariant","BentoAvatarImageVariant2","BentoAvatarImageColor","BentoAvatarImageColor2","__default__$1","props","__props","toRefs","initials","conditionalClasses","__default__","computedAriaLabel","charCode","avatarColor","rangeStep"],"mappings":";;;;AAUO,MAAAA,IAAA,CAAAC,MAAA;AACH,QAAAC,IAAAC,EAAAF,CAAA;AACA,SAAAG,EAAA,MAAAF,EAAA,QAAAA,EAAA,MAAA,KAAA,EAAA,OAAA,CAAA,EAAA,YAAA,IAAA,IAAA;AACJ;ACbO,IAAAG,IAAA,kBAAAC,OACHA,EAAA,QAAA,SACAA,EAAA,QAAA,SAFQA,IAAAD,KAAA,CAAA,CAAA,GAKLE,IAAA,kBAAAC,OACHA,EAAA,OAAA,QACAA,EAAA,QAAA,SACAA,EAAA,MAAA,OACAA,EAAA,SAAA,UAJQA,IAAAD,KAAA,CAAA,CAAA;;;;;GCoERE,IAAA,CAAA;;;;;;;;;;AAxDA,UAAAC,IAAAC,GAmCA,EAAA,UAAAV,EAAA,IAAAW,EAAAF,CAAA,GACAG,IAAAb,EAAAC,CAAA,GAEAa,IAAAV,EAAA,OAAA;AAAA,MAA2C,CAAA,mBAAAC,EAAA,KAAA,EAAA,GAAAK,EAAA,YAAAL,EAAA;AAAA,MACyD,CAAA,mBAAAK,EAAA,KAAA,EAAA,GAAAA,EAAA;AAAA,IACtD,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;8FC8B9CK,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;AArEA,UAAAL,IAAAC,GA2BA,EAAA,UAAAV,EAAA,IAAAW,EAAAF,CAAA,GAEAM,IAAAZ,EAAA,MAAAM,EAAA,WAAAA,EAAA,WAAA,IAAA,GACAR,IAAAE,EAAA,MAAAM,EAAA,MAAA,OAAAA,EAAA,QAAA,GACAG,IAAAb,EAAAC,CAAA,GAGAgB,IAAAb,EAAA,MAAAS,EAAA,QAAAA,EAAA,MAAA,WAAA,CAAA,IAAA,KAAA,IAAA,GAGAK,IAAAd,EAAA,MAAA;AAGI,YAAAe,IAAA,KADA,OAAA,KAAAZ,CAAA,EAAA;AAGA,aAAAU,EAAA,SAAAE,IACIZ,EAAA,SAEJU,EAAA,SAAAE,IAAA,IACIZ,EAAA,OAEJU,EAAA,SAAAE,IAAA,IACIZ,EAAA,QAEJA,EAAA;AAAA,IAA6B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{base-button.CUd03aA2.js → base-button.CRYAiuzn.js}

@@ -1,5 +1,5 @@
-import { defineComponent as B, computed as C, ref as m, resolveComponent as y, createElementBlock as l, openBlock as r, mergeProps as S, createCommentVNode as u, createBlock as k, renderSlot as d, withCtx as g } from "vue";
-import { B as h } from "./typography.6Oo5TOMP.js";
+import { defineComponent as B, computed as C, ref as m, resolveComponent as y, openBlock as r, createElementBlock as l, mergeProps as S, renderSlot as u, createCommentVNode as d, createBlock as k, withCtx as g } from "vue";
+import { B as h } from "./typography.B3J6_tYk.js";
 import { u as L } from "./use-has-slot.B7eQSabc.js";
 import { _ as $ } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/base-button.css";
@@ -87,8 +87,8 @@ function U(t, e, s, b, c, f) {
     onBlur: e[2] || (e[2] = (...a) => t.onBlurButton && t.onBlurButton(...a))
   }), [
     t.hasSlot("iconLeft") ? (r(), l("span", F, [
-      d(t.$slots, "iconLeft", {}, void 0, !0)
-    ])) : u("", !0),
+      u(t.$slots, "iconLeft", {}, void 0, !0)
+    ])) : d("", !0),
     t.hasSlot("default") ? (r(), k(i, {
       key: 1,
       el: "span",
@@ -97,13 +97,13 @@ function U(t, e, s, b, c, f) {
       class: "b-base-button__label"
     }, {
       default: g(() => [
-        d(t.$slots, "default", {}, void 0, !0)
+        u(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
-    })) : u("", !0),
+    })) : d("", !0),
     t.hasSlot("iconRight") ? (r(), l("span", I, [
-      d(t.$slots, "iconRight", {}, void 0, !0)
-    ])) : u("", !0)
+      u(t.$slots, "iconRight", {}, void 0, !0)
+    ])) : d("", !0)
   ], 16, R);
 }
 const T = /* @__PURE__ */ $(O, [["render", U], ["__scopeId", "data-v-cf942c5c"]]);
@@ -111,4 +111,4 @@ export {
   T as B,
   n as a
 };
-//# sourceMappingURL=base-button.CUd03aA2.js.map
+//# sourceMappingURL=base-button.CRYAiuzn.js.map

package/dist/chunks/{base-button.CUd03aA2.js.map → base-button.CRYAiuzn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"base-button.CUd03aA2.js","sources":["../../../vue2/src/components/internal/base-button/base-button.types.ts","../../../vue2/src/components/internal/base-button/base-button.vue"],"sourcesContent":["export enum BentoBaseButtonPropClass {\n    DESTRUCTIVE = 'critical',\n    ICON_ONLY = 'icon-only',\n}\n\nexport enum BentoBaseButtonEvent {\n    BLUR = 'blur',\n    CLICK = 'click',\n    FOCUS = 'focus',\n    KEYDOWN_ESC = 'keydown.esc',\n}\n\nexport enum BaseButtonType {\n    BUTTON = 'button',\n    RESET = 'reset',\n    SUBMIT = 'submit',\n}\n","<template>\n    <button\n        ref=\"bentoBaseButtonRef\"\n        v-bind=\"$attrs\"\n        class=\"b-base-button\"\n        :class=\"conditionalClasses\"\n        :disabled=\"disabled\"\n        :type=\"type\"\n        :aria-expanded=\"ariaAttributes['aria-expanded']\"\n        @click=\"onClickButton\"\n        @focus=\"onFocusButton\"\n        @blur=\"onBlurButton\"\n    >\n        <span v-if=\"hasSlot('iconLeft')\" class=\"b-base-button__icon-left\" data-testid=\"icon-button-left\">\n            <slot name=\"iconLeft\" />\n        </span>\n        <bento-typography v-if=\"hasSlot('default')\" el=\"span\" variant=\"body\" stronger class=\"b-base-button__label\">\n            <slot />\n        </bento-typography>\n        <span v-if=\"hasSlot('iconRight')\" class=\"b-base-button__icon-right\" data-testid=\"icon-button-right\">\n            <slot name=\"iconRight\" />\n        </span>\n    </button>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, type PropType, ref } from 'vue';\n    import { BentoBaseButtonEvent, BentoBaseButtonPropClass } from './base-button.types';\n    import type { ButtonHTMLAttributes } from 'vue/types/jsx.d.ts';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables';\n    import { type Booleanish } from '@/types/prop-types';\n\n    /**\n     * Base button component to use as a base for all the various types of bento buttons. For internal use only.\n     *\n     * * @example\n     * import { BaseButton, BaseButtonEvent } from '@/components/internal/base-button';\n     * import YourImportedIcon from @adyen/ui-assets-icons-16/example-icon';\n     *\n     * export default {\n     *      components: { BaseButton, YourImportedIcon },\n     *      props: {\n     *         text:\n     *      },\n     *      template: `\n     *          <base-button class=\"your-custom-button-styles\" @click=\"onClick\">\n     *             <template #iconLeft><your-imported-icon></template>\n     *             Button text\n     *             <template #iconRight><your-imported-icon></template>\n     *          </base-button>\n     *      `,\n     *      emits: [BentoButtonEvent.CLICK],\n     *      setup: (prps, { emit }) => {\n     *          const onClick = value => emit(BaseButtonEvent.CLICK, value);\n     *\n     *          return {\n     *              onClick,\n     *          };\n     *      }\n     * }\n     */\n    export default defineComponent({\n        name: 'base-button',\n        components: { BentoTypography },\n        props: {\n            /**\n             * Disables button functionality\n             */\n            disabled: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Displays button as critical\n             */\n            critical: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * The default behavior of the button.\n             * Possible values are: 'button', 'reset', 'submit'\n             */\n            type: {\n                type: String as PropType<ButtonHTMLAttributes['type']>,\n                default: 'button',\n            },\n        },\n        emits: [\n            BentoBaseButtonEvent.CLICK,\n            BentoBaseButtonEvent.FOCUS,\n            BentoBaseButtonEvent.BLUR,\n            BentoBaseButtonEvent.KEYDOWN_ESC,\n        ],\n        setup(props, { slots, emit, attrs }) {\n            const ariaAttributes = computed(() => ({\n                'aria-expanded': attrs['aria-expanded']?.toString() as Booleanish,\n            }));\n\n            const bentoBaseButtonRef = ref(null);\n\n            const conditionalClasses = computed(() => ({\n                [`b-base-button--${BentoBaseButtonPropClass.DESTRUCTIVE}`]: props.critical,\n                [`b-base-button--${BentoBaseButtonPropClass.ICON_ONLY}`]: !slots.default,\n            }));\n\n            const onClickButton = (e: MouseEvent) => {\n                if (!props.disabled) {\n                    emit(BentoBaseButtonEvent.CLICK, e);\n                } else {\n                    e.preventDefault();\n                    e.stopPropagation();\n                }\n            };\n\n            const onFocusButton = (e: FocusEvent) => {\n                emit(BentoBaseButtonEvent.FOCUS, e);\n            };\n\n            const onBlurButton = (e: FocusEvent) => {\n                emit(BentoBaseButtonEvent.BLUR, e);\n            };\n\n            return {\n                // Values\n                ariaAttributes,\n                conditionalClasses,\n\n                // Methods\n                onClickButton,\n                onFocusButton,\n                onBlurButton,\n                hasSlot: useHasSlot(slots),\n\n                // Refs\n                bentoBaseButtonRef,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./base-button.scss\" />\n"],"names":["BentoBaseButtonPropClass","BentoBaseButtonPropClass2","BentoBaseButtonEvent","BentoBaseButtonEvent2","_sfc_main","defineComponent","BentoTypography","props","slots","emit","attrs","ariaAttributes","computed","_a","bentoBaseButtonRef","ref","conditionalClasses","e","useHasSlot","_hoisted_1","openBlock","createElementBlock","mergeProps","_ctx","_cache","args","renderSlot","createCommentVNode","createBlock","_component_bento_typography","_hoisted_3"],"mappings":"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"}
+{"version":3,"file":"base-button.CRYAiuzn.js","sources":["../../../vue2/src/components/internal/base-button/base-button.types.ts","../../../vue2/src/components/internal/base-button/base-button.vue"],"sourcesContent":["export enum BentoBaseButtonPropClass {\n    DESTRUCTIVE = 'critical',\n    ICON_ONLY = 'icon-only',\n}\n\nexport enum BentoBaseButtonEvent {\n    BLUR = 'blur',\n    CLICK = 'click',\n    FOCUS = 'focus',\n    KEYDOWN_ESC = 'keydown.esc',\n}\n\nexport enum BaseButtonType {\n    BUTTON = 'button',\n    RESET = 'reset',\n    SUBMIT = 'submit',\n}\n","<template>\n    <button\n        ref=\"bentoBaseButtonRef\"\n        v-bind=\"$attrs\"\n        class=\"b-base-button\"\n        :class=\"conditionalClasses\"\n        :disabled=\"disabled\"\n        :type=\"type\"\n        :aria-expanded=\"ariaAttributes['aria-expanded']\"\n        @click=\"onClickButton\"\n        @focus=\"onFocusButton\"\n        @blur=\"onBlurButton\"\n    >\n        <span v-if=\"hasSlot('iconLeft')\" class=\"b-base-button__icon-left\" data-testid=\"icon-button-left\">\n            <slot name=\"iconLeft\" />\n        </span>\n        <bento-typography v-if=\"hasSlot('default')\" el=\"span\" variant=\"body\" stronger class=\"b-base-button__label\">\n            <slot />\n        </bento-typography>\n        <span v-if=\"hasSlot('iconRight')\" class=\"b-base-button__icon-right\" data-testid=\"icon-button-right\">\n            <slot name=\"iconRight\" />\n        </span>\n    </button>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, type PropType, ref } from 'vue';\n    import { BentoBaseButtonEvent, BentoBaseButtonPropClass } from './base-button.types';\n    import type { ButtonHTMLAttributes } from 'vue/types/jsx.d.ts';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables';\n    import { type Booleanish } from '@/types/prop-types';\n\n    /**\n     * Base button component to use as a base for all the various types of bento buttons. For internal use only.\n     *\n     * * @example\n     * import { BaseButton, BaseButtonEvent } from '@/components/internal/base-button';\n     * import YourImportedIcon from @adyen/ui-assets-icons-16/example-icon';\n     *\n     * export default {\n     *      components: { BaseButton, YourImportedIcon },\n     *      props: {\n     *         text:\n     *      },\n     *      template: `\n     *          <base-button class=\"your-custom-button-styles\" @click=\"onClick\">\n     *             <template #iconLeft><your-imported-icon></template>\n     *             Button text\n     *             <template #iconRight><your-imported-icon></template>\n     *          </base-button>\n     *      `,\n     *      emits: [BentoButtonEvent.CLICK],\n     *      setup: (prps, { emit }) => {\n     *          const onClick = value => emit(BaseButtonEvent.CLICK, value);\n     *\n     *          return {\n     *              onClick,\n     *          };\n     *      }\n     * }\n     */\n    export default defineComponent({\n        name: 'base-button',\n        components: { BentoTypography },\n        props: {\n            /**\n             * Disables button functionality\n             */\n            disabled: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Displays button as critical\n             */\n            critical: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * The default behavior of the button.\n             * Possible values are: 'button', 'reset', 'submit'\n             */\n            type: {\n                type: String as PropType<ButtonHTMLAttributes['type']>,\n                default: 'button',\n            },\n        },\n        emits: [\n            BentoBaseButtonEvent.CLICK,\n            BentoBaseButtonEvent.FOCUS,\n            BentoBaseButtonEvent.BLUR,\n            BentoBaseButtonEvent.KEYDOWN_ESC,\n        ],\n        setup(props, { slots, emit, attrs }) {\n            const ariaAttributes = computed(() => ({\n                'aria-expanded': attrs['aria-expanded']?.toString() as Booleanish,\n            }));\n\n            const bentoBaseButtonRef = ref(null);\n\n            const conditionalClasses = computed(() => ({\n                [`b-base-button--${BentoBaseButtonPropClass.DESTRUCTIVE}`]: props.critical,\n                [`b-base-button--${BentoBaseButtonPropClass.ICON_ONLY}`]: !slots.default,\n            }));\n\n            const onClickButton = (e: MouseEvent) => {\n                if (!props.disabled) {\n                    emit(BentoBaseButtonEvent.CLICK, e);\n                } else {\n                    e.preventDefault();\n                    e.stopPropagation();\n                }\n            };\n\n            const onFocusButton = (e: FocusEvent) => {\n                emit(BentoBaseButtonEvent.FOCUS, e);\n            };\n\n            const onBlurButton = (e: FocusEvent) => {\n                emit(BentoBaseButtonEvent.BLUR, e);\n            };\n\n            return {\n                // Values\n                ariaAttributes,\n                conditionalClasses,\n\n                // Methods\n                onClickButton,\n                onFocusButton,\n                onBlurButton,\n                hasSlot: useHasSlot(slots),\n\n                // Refs\n                bentoBaseButtonRef,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./base-button.scss\" />\n"],"names":["BentoBaseButtonPropClass","BentoBaseButtonPropClass2","BentoBaseButtonEvent","BentoBaseButtonEvent2","_sfc_main","defineComponent","BentoTypography","props","slots","emit","attrs","ariaAttributes","computed","_a","bentoBaseButtonRef","ref","conditionalClasses","e","useHasSlot","_hoisted_1","openBlock","createElementBlock","mergeProps","_ctx","_cache","args","renderSlot","createCommentVNode","createBlock","_component_bento_typography","_hoisted_3"],"mappings":";;;;;AAAO,IAAAA,IAAA,kBAAAC,OACHA,EAAA,cAAA,YACAA,EAAA,YAAA,aAFQA,IAAAD,KAAA,CAAA,CAAA,GAKLE,IAAA,kBAAAC,OACHA,EAAA,OAAA,QACAA,EAAA,QAAA,SACAA,EAAA,QAAA,SACAA,EAAA,cAAA,eAJQA,IAAAD,KAAA,CAAA,CAAA;ACyDR,MAAAE,IAAAC,EAAA;AAAA,EAA+B,MAAA;AAAA,EACrB,YAAA,EAAA,iBAAAC,EAAA;AAAA,EACwB,OAAA;AAAA;AAAA;AAAA;AAAA,IACvB,UAAA;AAAA,MAIO,MAAA;AAAA,MACA,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA,IACb,UAAA;AAAA,MAIU,MAAA;AAAA,MACA,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA;AAAA,IACb,MAAA;AAAA,MAKM,MAAA;AAAA,MACI,SAAA;AAAA,IACG;AAAA,EACb;AAAA,EACJ,OAAA;AAAA,IACOJ,EAAA;AAAA,IACkBA,EAAA;AAAA,IACAA,EAAA;AAAA,IACAA,EAAA;AAAA,EACA;AAAA,EACzB,MAAAK,GAAA,EAAA,OAAAC,GAAA,MAAAC,GAAA,OAAAC,EAAA,GAAA;AAEI,UAAAC,IAAAC,EAAA,MAAA;;AAAA;AAAA,QAAuC,kBAAAC,IAAAH,EAAA,eAAA,MAAA,gBAAAG,EAAA;AAAA,MACe;AAAA,KAAA,GAGtDC,IAAAC,EAAA,IAAA,GAEAC,IAAAJ,EAAA,OAAA;AAAA,MAA2C,CAAA,kBAAAZ,EAAA,WAAA,EAAA,GAAAO,EAAA;AAAA,MAC2B,CAAA,kBAAAP,EAAA,SAAA,EAAA,GAAA,CAAAQ,EAAA;AAAA,IACD,EAAA;AAoBrE,WAAA;AAAA;AAAA,MAAO,gBAAAG;AAAA,MAEH,oBAAAK;AAAA;AAAA,MACA,eApBJ,CAAAC,MAAA;AACI,QAAAV,EAAA,YAGIU,EAAA,eAAA,GACAA,EAAA,gBAAA,KAHAR,EAAAP,EAAA,OAAAe,CAAA;AAAA,MAIJ;AAAA,MAiBA,eAdJ,CAAAA,MAAA;AACI,QAAAR,EAAAP,EAAA,OAAAe,CAAA;AAAA,MAAkC;AAAA,MAclC,cAXJ,CAAAA,MAAA;AACI,QAAAR,EAAAP,EAAA,MAAAe,CAAA;AAAA,MAAiC;AAAA,MAWjC,SAAAC,EAAAV,CAAA;AAAA;AAAA,MACyB,oBAAAM;AAAA,IAGzB;AAAA,EACJ;AAER,CAAA,GA3IJK,IAAA,CAAA,YAAA,QAAA,eAAA;EAa+C,KAAA;AAAA,EAA2B,OAAA;AAAA;;EAM1B,KAAA;AAAA,EAA4B,OAAA;AAAA;;;;AAbnE,SAAAC,EAAA,GAAAC,EAAA,UAAAC,EAAA,EAAA,KAAA,qBAAA,GAAAC,EAAA,QAAA;AAAA,IAAkB,OAAA,CAAA,iBAAAA,EAAA,kBAAA;AAAA,IACR,UAAAA,EAAA;AAAA,IACG,MAAAA,EAAA;AAAA,IACR,iBAAAA,EAAA,eAAA,eAAA;AAAA,IACE,SAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAF,EAAA,iBAAAA,EAAA,cAAA,GAAAE,CAAA;AAAA,IACW,SAAAD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAF,EAAA,iBAAAA,EAAA,cAAA,GAAAE,CAAA;AAAA;EAEA,CAAA,GAAA;AAAA;MAb3BC,EAAAH,EAAA,QAAA,YAAA,CAAA,GAAA,QAAA,EAAA;AAAA,IAAA,CAAA,KAAAI,EAAA,IAAA,EAAA;AAAA,IAkB2BJ,EAAA,QAAA,SAAA,KAAAH,EAAA,GAAAQ,EAAAC,GAAA;AAAA,MAFkC,KAAA;AAAA,MAAC,IAAA;AAAA,MAAe,SAAA;AAAA,MAAe,UAAA;AAAA,MAhB5F,OAAA;AAAA,IAAA,GAAA;AAAA;QAAAH,EAAAH,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MAAA,CAAA;AAAA,MAAA,GAAA;AAAA,IAAA,CAAA,KAAAI,EAAA,IAAA,EAAA;AAAA,IAmBQJ,EAAA,QAAA,WAAA,KAAAH,EAAA,GAAAC,EAAA,QAAAS,GAAA;AAAA,MAnBRJ,EAAAH,EAAA,QAAA,aAAA,CAAA,GAAA,QAAA,EAAA;AAAA,IAAA,CAAA,KAAAI,EAAA,IAAA,EAAA;AAAA;;;"}

package/dist/chunks/{base-modal.D3GyeCFT.js → base-modal.D5HrjwL1.js}

@@ -1,17 +1,17 @@
-import { defineComponent as $, useSlots as ee, ref as g, computed as d, inject as ce, watch as Y, nextTick as re, onUnmounted as me, createBlock as P, openBlock as A, normalizeClass as J, createSlots as te, withCtx as l, createElementVNode as h, normalizeStyle as O, createCommentVNode as w, unref as t, renderSlot as c, createVNode as j, useAttrs as ge, toRefs as ve, onMounted as pe, provide as G, createElementBlock as fe, withKeys as _e, withDirectives as ye } from "vue";
-import { B as be } from "./button.CSp48LJt.js";
-import { B as Le } from "./focus-trap.BaHvK7aT.js";
+import { defineComponent as $, useSlots as ee, ref as g, computed as d, inject as ce, watch as Y, nextTick as re, onUnmounted as me, openBlock as A, createBlock as P, normalizeClass as J, createSlots as te, withCtx as l, createElementVNode as h, normalizeStyle as O, unref as t, renderSlot as c, createCommentVNode as w, createVNode as j, useAttrs as ge, onMounted as ve, provide as G, toRefs as pe, createElementBlock as fe, withKeys as _e, withDirectives as ye } from "vue";
+import { B as be } from "./button.C6t9_lzm.js";
+import { B as Le } from "./focus-trap.CBvh2H_m.js";
 import { u as ae } from "./use-has-slot.B7eQSabc.js";
-import { u as he } from "./index.pdBj0KQU.js";
-import { j as Ae } from "./button-actions.Crj4QFAd.js";
+import { u as he } from "./index.B875RXHM.js";
+import { j as Ae } from "./button-actions.BH-J7dux.js";
 import { g as Ce } from "./generate-uid.NJ8tVoha.js";
-import { B as Ee } from "./directive.Cbdox5VL.js";
-import { C as Ie } from "./cross.B92GxFTY.js";
-import { D as Oe, B as Pe, b as Se, a as ke } from "./dialog-page.DaZSlMzY.js";
-import { B as x } from "./typography.6Oo5TOMP.js";
-import { F as De } from "./footer-actions.BqNvwVk7.js";
+import { B as Ee } from "./directive.rXUeDb8p.js";
+import { C as Ie } from "./cross.CCHdi6v3.js";
+import { b as Oe, B as Pe, D as Se, a as ke } from "./dialog-page.B3ptLXXP.js";
+import { B as x } from "./typography.B3J6_tYk.js";
+import { F as De } from "./footer-actions.DLzMOB7j.js";
 import { o as Be } from "./resize.Bqks3WUm.js";
-import { G as Te, a as Ne } from "./grid-layout.DDaRNz4-.js";
+import { G as Te, a as Ne } from "./grid-layout.Vhv1_zFs.js";
 import { _ as oe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/base-modal.css";
 var Ge = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.DIALOG = "dialog", e))(Ge || {}), we = /* @__PURE__ */ ((e) => (e.DEFAULT = "BentoModalDefault", e.DIALOG = "BentoModalDialog", e))(we || {}), R = /* @__PURE__ */ ((e) => (e.SMALL = "small", e.MEDIUM = "medium", e.LARGE = "large", e))(R || {}), D = /* @__PURE__ */ ((e) => (e.SMALLER = "smaller", e.EQUAL = "equal", e.BIGGER = "bigger", e))(D || {}), q = /* @__PURE__ */ ((e) => (e.DIALOG = "dialog", e.ALERT_DIALOG = "alertdialog", e))(q || {}), Re = /* @__PURE__ */ ((e) => (e.CONFIRMATION = "confirmation", e.DESTRUCTIVE = "destructive", e.INFO = "info", e.ACKNOWLEDGEMENT = "acknowledgement", e))(Re || {}), $e = /* @__PURE__ */ ((e) => (e.CLOSE_MODAL = "close-modal", e))($e || {});
@@ -295,7 +295,7 @@ const ne = {
     }, a = () => {
       b("close-modal");
     }, r = () => {
-      y.value && (i.value.close(), I.value[0] && b("update:active-page", I.value[0]), I.value = [], y.value = !1, a());
+      y.value && i.value && (i.value.close(), I.value[0] && b("update:active-page", I.value[0]), I.value = [], y.value = !1, a());
     }, m = () => {
       i.value.open && (y.value = !0);
     }, v = (o) => {
@@ -322,12 +322,12 @@ const ne = {
         ((p = (o = n.actions) == null ? void 0 : o[0]) == null ? void 0 : p.state) === "success" && setTimeout(m, 500);
       },
       { deep: !0 }
-    ), pe(() => {
+    ), ve(() => {
       n.isOpen && i.value && L();
     }), W({
       internalModalActionClose: v
     }), G(Ae, B);
-    const { activePage: E, isOpen: Q, size: V } = ve(n), le = g(Pe.TRANSITION_LEVEL_DEEPER), N = g([]), I = g([]), ie = (o) => b("update:active-page", o), ue = (o) => () => {
+    const { activePage: E, isOpen: Q, size: V } = pe(n), le = g(Pe.TRANSITION_LEVEL_DEEPER), N = g([]), I = g([]), ie = (o) => b("update:active-page", o), ue = (o) => () => {
       var p;
       N.value = (p = N.value) == null ? void 0 : p.filter((H) => H !== o);
     }, de = (o) => (o && N.value.push(o), { unregisterPage: ue(o) }), X = g(""), Z = g(!1);
@@ -428,16 +428,16 @@ const ne = {
       ], 46, Ye)
     ]));
   }
-}), dt = /* @__PURE__ */ oe(je, [["__scopeId", "data-v-05abca1c"]]);
+}), dt = /* @__PURE__ */ oe(je, [["__scopeId", "data-v-8f2a75a1"]]);
 export {
-  Ge as B,
-  we as a,
-  R as b,
-  D as c,
+  D as B,
+  Re as a,
+  $e as b,
+  Ke as c,
   q as d,
-  Re as e,
-  $e as f,
-  Ke as g,
+  R as e,
+  Ge as f,
+  we as g,
   dt as h
 };
-//# sourceMappingURL=base-modal.D3GyeCFT.js.map
+//# sourceMappingURL=base-modal.D5HrjwL1.js.map