@adyen/bento-vue2 1.89.2 → 1.91.0

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

@@ -1,112 +0,0 @@
-import { defineComponent as v, inject as g, computed as r, ref as C, readonly as I, watch as h, provide as w } from "vue";
-import { B as S } from "./dropdown.Ct7uhPr6.js";
-import { j as k } from "./index.CwzYJHw2.js";
-import { u as A } from "./index.B6WW_F-J.js";
-import { a as B } from "./es6.C1DXQV6f.js";
-import { B as b } from "./typography.C8lPlsbD.js";
-import { n as p } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/secondary-nav.css";
-const f = /* @__PURE__ */ Symbol("secondary nav state"), $ = {}, N = /* @__PURE__ */ v({
-  ...$,
-  __name: "secondary-nav-item",
-  props: {
-    label: null,
-    value: null
-  },
-  emits: ["click"],
-  setup(o, { emit: e }) {
-    const a = o, { activeItemValue: t, updateActiveItemValue: s } = g(f), l = r(() => t.value === a.value), _ = r(() => ({
-      "b-secondary-nav-item--active": l.value
-    }));
-    return { __sfc: !0, activeItemValue: t, updateActiveItemValue: s, props: a, isItemSelected: l, conditionalClasses: _, emit: e, onClick: (c) => {
-      e("click", c), s(a.value);
-    }, BentoTypography: b };
-  }
-});
-var V = function() {
-  var e = this, a = e._self._c, t = e._self._setupProxy;
-  return a("button", { staticClass: "b-secondary-nav-item", class: t.conditionalClasses, attrs: { "aria-current": t.isItemSelected ? "page" : void 0 }, on: { click: t.onClick } }, [a(t.BentoTypography, { staticClass: "b-secondary-nav-item__title", attrs: { variant: "body", stronger: "" } }, [e._v(" " + e._s(e.label) + " ")])], 1);
-}, x = [], D = /* @__PURE__ */ p(
-  N,
-  V,
-  x,
-  !1,
-  null,
-  "2ddb108a"
-);
-const y = D.exports, M = {}, R = /* @__PURE__ */ v({
-  ...M,
-  __name: "secondary-nav-category",
-  props: {
-    label: null,
-    items: null
-  },
-  setup(o) {
-    return { __sfc: !0, BentoTypography: b, SecondaryNavItem: y };
-  }
-});
-var T = function() {
-  var e = this, a = e._self._c, t = e._self._setupProxy;
-  return a("section", { staticClass: "b-secondary-nav-category", attrs: { "aria-label": e.label } }, [a(t.BentoTypography, { staticClass: "b-secondary-nav-category__label", attrs: { el: "h1", variant: "caption", stronger: "" } }, [e._v(e._s(e.label))]), a("ul", { staticClass: "b-secondary-nav__list" }, e._l(e.items, function(s) {
-    return a("li", { key: s.value }, [a(t.SecondaryNavItem, { attrs: { label: s.label, value: s.value } })], 1);
-  }), 0)], 1);
-}, j = [], F = /* @__PURE__ */ p(
-  R,
-  T,
-  j,
-  !1,
-  null,
-  "a7c2cab3"
-);
-const L = F.exports, O = {
-  "en-US": { mobileDropdownAriaLabel: "Navigation options dropdown" },
-  "ja-JP": { mobileDropdownAriaLabel: "ナビゲーションオプションのドロップダウン" },
-  "pt-BR": { mobileDropdownAriaLabel: "Menu suspenso de opções de navegação" }
-}, P = {
-  i18n: { messages: O }
-}, E = /* @__PURE__ */ v({
-  ...P,
-  __name: "secondary-nav",
-  props: {
-    items: null,
-    value: null
-  },
-  emits: ["change"],
-  setup(o, { emit: e }) {
-    const a = o, { t } = A(), s = k({
-      s: B
-    }), l = s.smallerOrEqual("s"), _ = r(() => a.items.some((n) => Object.hasOwn(n, "items"))), u = r(() => a.items), c = r(() => {
-      const n = u.value[0];
-      return "items" in n ? n.items[0].value : n.value;
-    }), i = C(a.value ?? c.value), m = (n) => {
-      i.value = n, e("change", n);
-    }, d = {
-      activeItemValue: I(i),
-      updateActiveItemValue: m
-    };
-    return h(
-      () => a.value,
-      (n) => {
-        i.value = n;
-      }
-    ), w(f, d), { __sfc: !0, t, breakpoints: s, isMobile: l, props: a, emit: e, hasCategories: _, dropdownItems: u, activeItemValueFallback: c, activeItemValue: i, updateActiveItemValue: m, state: d, SecondaryNavItem: y, SecondaryNavCategory: L, BentoDropdown: S };
-  }
-});
-var q = function() {
-  var e = this, a = e._self._c, t = e._self._setupProxy;
-  return a("nav", { staticClass: "b-secondary-nav" }, [t.isMobile ? a(t.BentoDropdown, { attrs: { "aria-label": t.t("mobileDropdownAriaLabel"), items: t.dropdownItems, "static-categories": t.hasCategories, "model-value": t.activeItemValue }, on: { "update:model-value": t.updateActiveItemValue } }) : a("ul", { staticClass: "b-secondary-nav__list" }, e._l(e.items, function(s) {
-    return a("li", { key: s.label }, ["items" in s ? a(t.SecondaryNavCategory, { attrs: { label: s.label, items: s.items } }) : a(t.SecondaryNavItem, { attrs: { label: s.label, value: s.value } })], 1);
-  }), 0)], 1);
-}, z = [], J = /* @__PURE__ */ p(
-  E,
-  q,
-  z,
-  !1,
-  null,
-  "8517eb6e"
-);
-const X = J.exports;
-export {
-  X as s
-};
-//# sourceMappingURL=secondary-nav.CwJjkJkj.js.map

package/dist/chunks/secondary-nav.CwJjkJkj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"secondary-nav.CwJjkJkj.js","sources":["../../src/components/secondary-nav/secondary-nav.keys.ts","../../src/components/secondary-nav/components/secondary-nav-item/secondary-nav-item.vue","../../src/components/secondary-nav/components/secondary-nav-category/secondary-nav-category.vue","../../src/components/secondary-nav/secondary-nav.vue"],"sourcesContent":["import { type InjectionKey } from 'vue';\nimport { type BentoSecondaryNavState } from './secondary-nav.types';\n\nexport const SECONDARY_NAV_STATE = Symbol('secondary nav state') as InjectionKey<BentoSecondaryNavState>;\n","<template>\n    <button\n        class=\"b-secondary-nav-item\"\n        :class=\"conditionalClasses\"\n        :aria-current=\"isItemSelected ? 'page' : undefined\"\n        @click=\"onClick\"\n    >\n        <bento-typography class=\"b-secondary-nav-item__title\" variant=\"body\" stronger>\n            {{ label }}\n        </bento-typography>\n    </button>\n</template>\n\n<script lang=\"ts\" setup>\n    import { SECONDARY_NAV_STATE } from '../../secondary-nav.keys';\n    import { BentoTypography } from '@/components/typography';\n    import { computed, inject } from 'vue';\n\n    const { activeItemValue, updateActiveItemValue } = inject(SECONDARY_NAV_STATE);\n\n    const props = defineProps({\n  label: null,\n  value: null\n});\n\n    const isItemSelected = computed(() => activeItemValue.value === props.value);\n\n    const conditionalClasses = computed(() => ({\n        'b-secondary-nav-item--active': isItemSelected.value,\n    }));\n\n    const emit = defineEmits([\"click\"]);\n\n    const onClick = (e: MouseEvent) => {\n        emit('click', e);\n        updateActiveItemValue(props.value);\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * This component shouldn't be used directly. It is internally used by {@see BentoSecondaryNav}\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./secondary-nav-item.scss\" />\n","<template>\n    <section class=\"b-secondary-nav-category\" :aria-label=\"label\">\n        <bento-typography el=\"h1\" class=\"b-secondary-nav-category__label\" variant=\"caption\" stronger>{{\n            label\n        }}</bento-typography>\n        <ul class=\"b-secondary-nav__list\">\n            <li v-for=\"item in items\" :key=\"item.value\">\n                <secondary-nav-item :label=\"item.label\" :value=\"item.value\" />\n            </li>\n        </ul>\n    </section>\n</template>\n\n<script lang=\"ts\" setup>\n    import { BentoTypography } from '@/components/typography';\n    import { SecondaryNavItem } from '../secondary-nav-item';\n    import { type BentoSecondaryNavItemsItem } from '../../secondary-nav.types';\n\n    defineProps({\n  label: null,\n  items: null\n});\n</script>\n\n<script lang=\"ts\">\n    /**\n     * This component shouldn't be used directly. It is internally used by {@see BentoSecondaryNav}\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./secondary-nav-category.scss\" />\n","<template>\n    <nav class=\"b-secondary-nav\">\n        <bento-dropdown\n            v-if=\"isMobile\"\n            :aria-label=\"t('mobileDropdownAriaLabel')\"\n            :items=\"dropdownItems\"\n            :static-categories=\"hasCategories\"\n            :model-value=\"activeItemValue\"\n            @update:model-value=\"updateActiveItemValue\"\n        />\n        <ul v-else class=\"b-secondary-nav__list\">\n            <li v-for=\"item in items\" :key=\"item.label\">\n                <secondary-nav-category v-if=\"'items' in item\" :label=\"item.label\" :items=\"item.items\" />\n                <secondary-nav-item v-else :label=\"item.label\" :value=\"item.value\" />\n            </li>\n        </ul>\n    </nav>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, provide, readonly, ref, watch } from 'vue';\n    import { SecondaryNavItem } from './components/secondary-nav-item';\n    import { SecondaryNavCategory } from './components/secondary-nav-category';\n    import { SECONDARY_NAV_STATE } from './secondary-nav.keys';\n    import { type BentoSecondaryNavItems, type BentoSecondaryNavState } from './secondary-nav.types';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { useBreakpoints } from '@vueuse/core';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { type BentoListboxOptions } from '@/types/listbox';\n    import { BMediaQuerySMax } from '@adyen/bento-design-tokens/dist/js/bento/es6';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const breakpoints = useBreakpoints({\n        s: BMediaQuerySMax,\n    });\n\n    const isMobile = breakpoints.smallerOrEqual('s');\n    const props = defineProps({\n  items: null,\n  value: null\n});\n\n    const emit = defineEmits([\"change\"]);\n\n    const hasCategories = computed(() => props.items.some(item => Object.hasOwn(item, 'items')));\n    const dropdownItems = computed(() => props.items as BentoListboxOptions);\n\n    const activeItemValueFallback = computed(() => {\n        const firstDropdownItem = (dropdownItems.value as BentoSecondaryNavItems)[0];\n\n        if ('items' in firstDropdownItem) {\n            return firstDropdownItem.items[0].value;\n        } else {\n            return firstDropdownItem.value;\n        }\n    });\n    const activeItemValue = ref(props.value ?? activeItemValueFallback.value);\n    const updateActiveItemValue = (value: string) => {\n        activeItemValue.value = value;\n        emit('change', value);\n    };\n\n    // The component's state is inject on `secondary-nav-item` to determine the\n    // current active item and to change its value\n    const state: BentoSecondaryNavState = {\n        activeItemValue: readonly(activeItemValue),\n        updateActiveItemValue,\n    };\n\n    watch(\n        () => props.value,\n        value => {\n            activeItemValue.value = value;\n        }\n    );\n\n    provide(SECONDARY_NAV_STATE, state);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Secondary Nav offers users a structured way to access information.\n     * It also provides a clear hierarchy for users to understand and navigate through various information.\n     *\n     * @example\n     * import { BentoSecondaryNav } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSecondaryNav },\n     *     template: `\n     *          <bento-secondary-nav :value=\"value\" :items=\"items\" />\n     *     `,\n     *     setup() {\n     *         const value = ref(2) // Active item value\n     *         const items: BentoSecondaryNavItemInfo[] = [\n     *              { label: 'Option 1', value: 1 },\n     *              { label: 'Option 2', value: 2 },\n     *         ];\n     *         return { items, value };\n     *     }\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./secondary-nav.scss\" />\n"],"names":["SECONDARY_NAV_STATE","__default__$2","activeItemValue","updateActiveItemValue","inject","isItemSelected","computed","props","conditionalClasses","e","emit","__default__$1","__default__","messages","useI18n","breakpoints","useBreakpoints","BMediaQuerySMax","isMobile","hasCategories","item","dropdownItems","activeItemValueFallback","firstDropdownItem","ref","value","state","readonly","watch","provide"],"mappings":";;;;;;;;AAGO,MAAAA,IAAA,uBAAA,qBAAA,GCwCHC,IAAA,CAAA;;;;;;;;;iBAzBA,EAAA,iBAAAC,GAAA,uBAAAC,EAAA,IAAAC,EAAAJ,CAAA,GAOAK,IAAAC,EAAA,MAAAJ,EAAA,UAAAK,EAAA,KAAA,GAEAC,IAAAF,EAAA,OAAA;AAAA,MAA2C,gCAAAD,EAAA;AAAA,IACQ,EAAA;4IAKnD,CAAAI,MAAA;AACI,MAAAC,EAAA,SAAAD,CAAA,GACAN,EAAAI,EAAA,KAAA;AAAA,IAAiC;;;;;;;;;;;;;;qBCPrCI,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GC+EAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;iBA1EA,EAAA,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAA;AAAA,MAAmC,GAAAC;AAAA,IAC5B,CAAA,GAGPC,IAAAH,EAAA,eAAA,GAAA,GAQAI,IAAAb,EAAA,MAAAC,EAAA,MAAA,KAAA,CAAAa,MAAA,OAAA,OAAAA,GAAA,OAAA,CAAA,CAAA,GACAC,IAAAf,EAAA,MAAAC,EAAA,KAAA,GAEAe,IAAAhB,EAAA,MAAA;AACI,YAAAiB,IAAAF,EAAA,MAAA,CAAA;AAEA,aAAA,WAAAE,IACIA,EAAA,MAAA,CAAA,EAAA,QAEAA,EAAA;AAAA,IACJ,CAAA,GAEJrB,IAAAsB,EAAAjB,EAAA,SAAAe,EAAA,KAAA,GACAnB,IAAA,CAAAsB,MAAA;AACI,MAAAvB,EAAA,QAAAuB,GACAf,EAAA,UAAAe,CAAA;AAAA,IAAoB,GAKxBC,IAAA;AAAA,MAAsC,iBAAAC,EAAAzB,CAAA;AAAA,MACO,uBAAAC;AAAA,IACzC;AAGJ,WAAAyB;AAAA,MAAA,MAAArB,EAAA;AAAA,MACgB,CAAAkB,MAAA;AAER,QAAAvB,EAAA,QAAAuB;AAAA,MAAwB;AAAA,IAC5B,GAGJI,EAAA7B,GAAA0B,CAAA;;;;;;;;;;;;;;;;;"}

package/dist/chunks/textarea.D4X6Ss9q.js

@@ -1,169 +0,0 @@
-import { defineComponent as se, useAttrs as ne, toRefs as w, ref as u, toRef as ie, computed as i, watch as I, nextTick as ue, onMounted as ce, onUnmounted as de } from "vue";
-import { B as pe } from "./button.DxhJNOtr.js";
-import { d as fe, B as me } from "./typography.C8lPlsbD.js";
-import { C as be } from "./cross-circle-fill-small.DfxDedRr.js";
-import { g as _e } from "./generate-uid.NJ8tVoha.js";
-import { o as T } from "./resize.Bqks3WUm.js";
-import { u as he } from "./aria-label.CaUURpnB.js";
-import { u as ve } from "./index.B6WW_F-J.js";
-import { u as ye } from "./form-field.D_2g7vaP.js";
-import { u as ge } from "./use-form-layout-loading.CWbjZiwP.js";
-import { B as xe } from "./es6.C1DXQV6f.js";
-import { F as Ce, E as Le } from "./error-message.RxdStT3S.js";
-import { n as Ee } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/textarea.css";
-var p = /* @__PURE__ */ ((l) => (l.CLEARABLE = "clearable", l.DISABLED = "disabled", l.ERROR = "error", l.READONLY = "readonly", l))(p || {}), c = /* @__PURE__ */ ((l) => (l.BLUR = "blur", l.CHANGE = "change", l.CLEAR = "clear", l.ESCAPE_PRESSED = "escape-pressed", l.FOCUS = "focus", l.INPUT = "input", l.UPDATE_MODEL_VALUE = "update:model-value", l.KEYDOWN = "keydown", l.KEYUP = "keyup", l))(c || {});
-const Re = {
-  "en-US": { clearText: "Clear text", textarea: "textarea", yourTextCanBenAtMost: "Your text can be at most {characterLimit} characters" }
-}, H = parseFloat(xe), Ae = {
-  i18n: { messages: Re },
-  name: "bento-textarea",
-  model: { prop: "modelValue" }
-}, Be = /* @__PURE__ */ se({
-  ...Ae,
-  props: {
-    description: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    errorMessage: { default: "" },
-    label: { default: "" },
-    optional: { type: Boolean, default: !1 },
-    placeholder: { default: "" },
-    readonly: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 },
-    tooltipText: { default: null },
-    ariaLabel: { default: void 0 },
-    characterLimit: { default: void 0 },
-    clearable: { type: Boolean, default: !1 },
-    height: { default: null },
-    resizable: { default: "both" },
-    value: { default: "" },
-    modelValue: { default: "" }
-  },
-  emits: [],
-  setup(l, { expose: a, emit: t }) {
-    const e = l, o = ne(), { height: v } = w(e), W = _e("textarea"), s = u(null), f = u(null), n = u(e.modelValue || e.value), d = 44, m = u(e.height || `${d}px`), L = u(0), E = u("100%"), y = u(!1);
-    let b = null, _ = null;
-    const { t: D, n: R } = ve(), { isReadOnly: g } = ge(ie(e, "readonly")), { emitValue: A } = ye(t), K = i(() => {
-      var r;
-      return `${R(((r = n == null ? void 0 : n.value) == null ? void 0 : r.length) ?? 0)} / ${R(e.characterLimit)}`;
-    }), h = i(() => !v.value), B = i(
-      () => e.characterLimit && n.value.length > e.characterLimit
-    ), x = () => {
-      if (s.value) {
-        const r = Math.max(
-          s.value.scrollHeight <= d ? d : s.value.scrollHeight + H * 2,
-          L.value,
-          d
-        );
-        m.value = `${r}px`;
-      }
-    };
-    I(v, () => {
-      h.value ? x() : m.value = v.value;
-    }), I(
-      () => [e.value, e.modelValue],
-      () => {
-        n.value = e.modelValue || e.value;
-      },
-      { immediate: !0 }
-    ), I(
-      () => n.value,
-      async () => {
-        if (h.value) {
-          if (m.value = `${d}px`, !n.value)
-            return;
-          await ue(), x();
-        }
-      },
-      { immediate: !0 }
-    );
-    const U = i(() => !!e.errorMessage || B.value), q = i(() => ({
-      [`b-textarea--${p.DISABLED}`]: e.disabled
-    })), z = i(() => ({
-      [`b-textarea__input--${p.CLEARABLE}`]: e.clearable,
-      [`b-textarea__input--${p.READONLY}`]: g.value,
-      [`b-textarea__input--${p.ERROR}`]: U.value,
-      "b-textarea__input--dynamic-height": h.value
-    })), N = i(() => ({
-      "b-textarea__label-box--no-label": !e.label
-    })), V = i(() => ({
-      [`b-textarea__label-item--${p.ERROR}`]: B.value
-    })), Y = i(() => D("yourTextCanBenAtMost", { characterLimit: e.characterLimit })), O = u(o["aria-label"]), { ariaLabel: F, label: M } = w(e), $ = he({
-      ariaLabel: O.value,
-      // TODO: take this line away when the aria-label props is removed
-      label: F,
-      defaultFallback: M
-    }), G = i(
-      () => e.clearable && n.value && !e.disabled && !g.value
-    ), X = () => {
-      n.value = "", t(c.CLEAR), A("");
-    }, j = (r) => {
-      r.stopImmediatePropagation(), !e.disabled && !g.value && (n.value = r.target.value, A(n.value));
-    }, J = () => {
-      s.value.scrollTop = 0, t(c.BLUR);
-    }, Q = () => {
-      s.value.focus(), t(c.FOCUS);
-    }, Z = () => {
-      t(c.CHANGE);
-    }, ee = () => {
-      t(c.ESCAPE_PRESSED);
-    }, ae = (r) => {
-      r.stopPropagation(), t(c.KEYDOWN, r);
-    }, te = (r) => {
-      r.stopPropagation(), t(c.KEYUP, r);
-    }, le = () => {
-      y.value = !0;
-    }, re = () => {
-      y.value = !1;
-    }, k = (r = !1) => {
-      var S;
-      const C = s.value.style.width;
-      if (s.value.style.height && (y.value && (L.value = parseInt(s.value.style.height, 10)), m.value = s.value.style.height), r && !C)
-        return;
-      const oe = (S = f == null ? void 0 : f.value) == null ? void 0 : S.offsetWidth;
-      !C || parseInt(C, 10) > oe ? E.value = "100%" : E.value = C;
-    }, P = () => {
-      s.value.focus();
-    };
-    return a({
-      focus: P
-    }), ce(() => {
-      b = T(s.value, () => {
-        k(!0);
-      }), _ = T(f.value, () => {
-        k();
-      }), h.value && x(), e.value && fe(
-        'BentoTextarea "value" property',
-        `The use of "value" prop in "BentoTextarea" is no longer supported.
-                Use the "v-model" or "model-value" property instead.`,
-        "2.0.0"
-      );
-    }), de(() => {
-      b == null || b.disconnect(), _ == null || _.disconnect();
-    }), { __sfc: !0, TEXTAREA_BORDER_WIDTH: H, attrs: o, props: e, emit: t, height: v, textareaId: W, textareaElement: s, textareaComponent: f, textareaValue: n, defaultTextareaHeight: d, textareaHeight: m, userSetHeight: L, textareaWrapperWidth: E, isUserResizing: y, textareaElementObserver: b, textareaComponentObserver: _, t: D, n: R, isReadOnly: g, emitValue: A, counter: K, isDynamicHeight: h, isOverCharacterLimit: B, calculateHeight: x, invalidInput: U, conditionalClasses: q, conditionalClassesInput: z, conditionalClassesLabelBox: N, conditionalClassesLabelItem: V, counterErrorText: Y, ariaLabelAttribute: O, ariaLabel: F, label: M, computedAriaLabel: $, showClearButton: G, onClear: X, onInput: j, onBlur: J, onFocus: Q, onChange: Z, onPressEscape: ee, onKeyDown: ae, onKeyUp: te, onMouseDown: le, onMouseUp: re, resizeTextareaWrapper: k, focus: P, BentoButton: pe, BentoTypography: me, ErrorMessage: Le, FieldLabel: Ce, CrossCircleFillSmallIcon: be };
-  }
-});
-var ke = function() {
-  var a = this, t = a._self._c, e = a._self._setupProxy;
-  return t("div", { ref: "textareaComponent", staticClass: "b-textarea", class: e.conditionalClasses }, [t("div", { style: { width: e.textareaWrapperWidth } }, [t("div", { staticClass: "b-textarea__label-box", class: e.conditionalClassesLabelBox }, [e.label ? t(e.FieldLabel, { attrs: { for: e.textareaId, label: e.label, "tooltip-text": a.tooltipText, optional: a.optional, required: a.required } }) : a._e(), a.characterLimit ? t(e.BentoTypography, { staticClass: "b-textarea__label-item", class: e.conditionalClassesLabelItem, attrs: { el: "span" } }, [a._v(" " + a._s(e.counter) + " ")]) : a._e()], 1), t(e.BentoTypography, { staticClass: "b-textarea__input-box", attrs: { el: "div", "aria-disabled": a.disabled } }, [t("textarea", { ref: "textareaElement", staticClass: "b-textarea__input", class: e.conditionalClassesInput, style: { resize: a.resizable, height: e.textareaHeight }, attrs: { id: e.textareaId, "aria-label": e.computedAriaLabel, "aria-invalid": e.invalidInput, readonly: e.isReadOnly, required: a.required, "aria-required": a.required, disabled: a.disabled, placeholder: a.placeholder }, domProps: { value: e.textareaValue }, on: { blur: e.onBlur, change: e.onChange, focus: e.onFocus, input: e.onInput, keydown: [function(o) {
-    return !o.type.indexOf("key") && a._k(o.keyCode, "esc", 27, o.key, ["Esc", "Escape"]) ? null : e.onPressEscape.apply(null, arguments);
-  }, e.onKeyDown], keyup: e.onKeyUp, mousedown: e.onMouseDown, mouseup: e.onMouseUp } }), e.showClearButton ? t("div", { staticClass: "b-textarea__clear-button" }, [t(e.BentoButton, { attrs: { variant: "tertiary", disabled: a.disabled }, on: { click: e.onClear, keypress: function(o) {
-    return !o.type.indexOf("key") && a._k(o.keyCode, "enter", 13, o.key, "Enter") ? null : e.onClear.apply(null, arguments);
-  }, keyup: function(o) {
-    return !o.type.indexOf("key") && a._k(o.keyCode, "space", 32, o.key, [" ", "Spacebar"]) ? null : e.onClear.apply(null, arguments);
-  } }, scopedSlots: a._u([{ key: "iconLeft", fn: function() {
-    return [t(e.CrossCircleFillSmallIcon, { attrs: { "svg-title": e.t("clearText") } })];
-  }, proxy: !0 }], null, !1, 3119266621) })], 1) : a._e()]), e.isOverCharacterLimit ? t(e.ErrorMessage, { attrs: { "error-message": e.counterErrorText } }) : a._e(), a.errorMessage ? t(e.ErrorMessage, { attrs: { "error-message": a.errorMessage } }) : a._e(), a.description ? t(e.BentoTypography, { staticClass: "b-textarea__description", attrs: { el: "span" } }, [a._v(" " + a._s(a.description) + " ")]) : a._e()], 1)]);
-}, Ie = [], De = /* @__PURE__ */ Ee(
-  Be,
-  ke,
-  Ie,
-  !1,
-  null,
-  "a10ed22b"
-);
-const Ne = De.exports;
-export {
-  Ne as B
-};
-//# sourceMappingURL=textarea.D4X6Ss9q.js.map

package/dist/chunks/timeline-item.C8BxWdy1.js

@@ -1,238 +0,0 @@
-import { defineComponent as L, computed as o, ref as N, toRefs as G, watch as Q, provide as x, nextTick as X, useSlots as ee, inject as k, onUnmounted as te } from "vue";
-import { B as H } from "./button.DxhJNOtr.js";
-import { B as se } from "./textarea.D4X6Ss9q.js";
-import { u as J } from "./index.B6WW_F-J.js";
-import { B as ae } from "./button-actions.BLk114As.js";
-import { n as R } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { B as ie } from "./dashed-underline.pjYTS0m1.js";
-import { B as ne } from "./date.B0m0sFP6.js";
-import { B as oe } from "./link.MhoM3zQj.js";
-import { B as le } from "./tag.CocLKztJ.js";
-import { d as re, B as ce } from "./typography.C8lPlsbD.js";
-import { S as me, a as de, B as ue } from "./structured-list-item.BDJKRC_8.js";
-/* empty css              */
-import { g as _e } from "./generate-uid.NJ8tVoha.js";
-import { u as fe } from "./use-has-slot.C9lQZ6nz.js";
-import { j as ve, d as pe, n as he, k as $, o as U, p as F, q as Y, g as ge, r as j } from "./en-US.YeSsZuOc.js";
-import { g as be } from "./getRoundingMethod.C3eaeGLR.js";
-import "../assets/timeline-item.css";
-function P(a, e, t) {
-  const s = ge(), r = (t == null ? void 0 : t.locale) ?? s.locale ?? ve, p = pe(a, e);
-  if (isNaN(p))
-    throw new RangeError("Invalid time value");
-  const c = Object.assign({}, t, {
-    addSuffix: t == null ? void 0 : t.addSuffix,
-    comparison: p
-  }), [y, b] = he(
-    t == null ? void 0 : t.in,
-    ...p > 0 ? [e, a] : [a, e]
-  ), d = be((t == null ? void 0 : t.roundingMethod) ?? "round"), f = b.getTime() - y.getTime(), m = f / j, T = $(b) - $(y), i = (f - T) / j, h = t == null ? void 0 : t.unit;
-  let l;
-  if (h ? l = h : m < 1 ? l = "second" : m < 60 ? l = "minute" : m < U ? l = "hour" : i < F ? l = "day" : i < Y ? l = "month" : l = "year", l === "second") {
-    const n = d(f / 1e3);
-    return r.formatDistance("xSeconds", n, c);
-  } else if (l === "minute") {
-    const n = d(m);
-    return r.formatDistance("xMinutes", n, c);
-  } else if (l === "hour") {
-    const n = d(m / 60);
-    return r.formatDistance("xHours", n, c);
-  } else if (l === "day") {
-    const n = d(i / U);
-    return r.formatDistance("xDays", n, c);
-  } else if (l === "month") {
-    const n = d(i / F);
-    return n === 12 && h !== "month" ? r.formatDistance("xYears", 1, c) : r.formatDistance("xMonths", n, c);
-  } else {
-    const n = d(i / Y);
-    return r.formatDistance("xYears", n, c);
-  }
-}
-var I = /* @__PURE__ */ ((a) => (a.BOTTOM = "bottom", a.AFTER_FIRST = "after-first", a.BEFORE_LAST = "before-last", a))(I || {}), ye = /* @__PURE__ */ ((a) => (a.SECOND = "second", a.MINUTE = "minute", a.HOUR = "hour", a.DAY = "day", a.MONTH = "month", a.YEAR = "year", a))(ye || {}), A = /* @__PURE__ */ ((a) => (a.DEFAULT = "SquareSmallIcon", a.SUCCESS = "CheckedCircleIcon", a.CRITICAL = "CrossCircleIcon", a))(A || {}), Te = /* @__PURE__ */ ((a) => (a.BLACK = "black", a.BLUE = "blue", a.GREEN = "green", a.GREY = "grey", a.ORANGE = "orange", a.RED = "red", a.YELLOW = "yellow", a))(Te || {});
-const q = /* @__PURE__ */ Symbol("timeline register entry injection key"), K = /* @__PURE__ */ Symbol("timeline config obj injection key"), Ce = {
-  "en-US": { addNote: "Add note", cancel: "Cancel" },
-  "ja-JP": { addNote: "メモを追加", cancel: "キャンセル" },
-  "pt-BR": { addNote: "Adicionar anotação", cancel: "Cancelar" }
-}, we = L({
-  i18n: { messages: Ce },
-  name: "bento-timeline"
-}), Ne = /* @__PURE__ */ L({
-  ...we,
-  props: {
-    addNote: { type: Boolean, default: !1 },
-    showMore: { default: null },
-    timegapLimit: { default: null }
-  },
-  emits: ["add-timeline-note"],
-  setup(a, { emit: e }) {
-    const t = a, { t: s } = J(), r = o(() => s("addNote")), p = o(() => s("cancel")), c = N(), y = (u) => {
-      c.value = u;
-    }, b = N(null), d = N(null), f = N(!1), m = async () => {
-      var u, g;
-      f.value = !f.value, await X(), f.value ? (u = b.value.$refs.textareaElement) == null || u.focus() : (g = d.value.$el) == null || g.focus();
-    }, T = () => {
-      e("add-timeline-note", {
-        description: c.value,
-        timestamp: { date: /* @__PURE__ */ new Date() },
-        type: "note"
-      }), m();
-    }, i = N([]), h = o(
-      () => t.showMore && i.value.length > t.showMore.limit ? i.value.length - t.showMore.limit : null
-    ), l = N(!1), { timegapLimit: n } = G(t), _ = o(() => Array.from(i.value.keys())), v = o(() => t.showMore ? t.showMore.placement === I.BEFORE_LAST ? [
-      ..._.value.slice(0, t.showMore.limit - 1),
-      _.value[_.value.length - 1]
-    ] : t.showMore.placement === I.AFTER_FIRST ? [_.value[0], ..._.value.slice(-(t.showMore.limit - 1))] : _.value.slice(0, t.showMore.limit) : null), C = o(() => {
-      if (!t.showMore)
-        return null;
-      switch (t.showMore.placement) {
-        case I.BEFORE_LAST:
-          return t.showMore.limit - 2;
-        case I.AFTER_FIRST:
-          return 0;
-        case I.BOTTOM:
-        default:
-          return t.showMore.limit - 1;
-      }
-    }), E = () => {
-      i.value.sort((u, g) => new Date(g.date).getTime() - new Date(u.date).getTime());
-    }, B = (u) => () => {
-      const g = i.value.indexOf(u);
-      g > -1 && i.value.splice(g, 1);
-    }, S = (u) => (i.value.push(u), { timelineEntries: i, unregisterTimelineEntry: B(u) });
-    Q(
-      () => i.value.length,
-      () => E()
-    );
-    const w = {
-      showAll: l,
-      showMoreIndex: C,
-      hiddenItems: h,
-      visibleIndexes: v,
-      timegapLimit: n,
-      timelineEntries: i
-    };
-    return x(q, S), x(K, w), { __sfc: !0, props: t, emit: e, t: s, addNoteLabel: r, cancelLabel: p, newNoteContent: c, updateNoteContent: y, addNoteTextareaRef: b, addNoteButtonRef: d, showAddNoteTextArea: f, toggleAddNote: m, addNoteToTimeline: T, timelineEntries: i, hiddenItems: h, showAll: l, timegapLimit: n, timelineIndexes: _, visibleIndexes: v, showMoreIndex: C, sortEntries: E, unregisterTimelineEntry: B, registerTimelineEntry: S, configData: w, BentoButton: H, BentoButtonActions: ae, BentoTextarea: se };
-  }
-});
-var Ie = function() {
-  var e = this, t = e._self._c, s = e._self._setupProxy;
-  return t("div", { staticClass: "b-timeline" }, [e.addNote ? t("div", { staticClass: "b-timeline__add-note-section" }, [s.showAddNoteTextArea ? e._e() : t(s.BentoButton, { ref: "addNoteButtonRef", attrs: { variant: "tertiary" }, on: { click: s.toggleAddNote } }, [e._v(e._s(s.addNoteLabel))]), s.showAddNoteTextArea ? t("div", [t(s.BentoTextarea, { ref: "addNoteTextareaRef", attrs: { label: s.addNoteLabel, "character-limit": 150, resizable: "vertical" }, on: { "update:model-value": s.updateNoteContent } }), t(s.BentoButtonActions, { attrs: { actions: [
-    { title: s.addNoteLabel, event: s.addNoteToTimeline },
-    { title: s.cancelLabel, event: s.toggleAddNote }
-  ] } })], 1) : e._e()], 1) : e._e(), t("ol", { staticClass: "b-timeline__items" }, [e._t("default")], 2)]);
-}, Ee = [], Be = /* @__PURE__ */ R(
-  Ne,
-  Ie,
-  Ee,
-  !1,
-  null,
-  "4acaf49e"
-);
-const st = Be.exports;
-let z = 0;
-const Se = {
-  beforeCreate() {
-    this.uuid = z.toString(), z += 1;
-  }
-};
-var Le = function() {
-  var e = this, t = e._self._c;
-  return t("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"] ? t("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), t("path", { attrs: { fill: "#001222", d: "M10 3.25C11.5188 3.25 12.75 4.48122 12.75 6V10C12.75 11.5188 11.5188 12.75 10 12.75H6C4.48122 12.75 3.25 11.5188 3.25 10V6C3.25 4.48122 4.48122 3.25 6 3.25H10Z" } })]);
-}, Me = [], xe = /* @__PURE__ */ R(
-  Se,
-  Le,
-  Me,
-  !1,
-  null,
-  null
-);
-const Ae = xe.exports, Re = {
-  "en-US": { showLess: "Show less", showMore: "Show {items} more", timegap: "{timegap} passed between the timeline events" },
-  "ja-JP": { showLess: "表示内容を減らす" },
-  "pt-BR": { showLess: "Mostrar menos" }
-}, De = L({
-  name: "bento-timeline-item",
-  i18n: { messages: Re }
-}), Oe = /* @__PURE__ */ L({
-  ...De,
-  props: {
-    additionalTimestamp: { default: null },
-    dataList: { default: null },
-    description: { default: null },
-    status: { default: "black" },
-    tag: { default: void 0 },
-    timestamp: null,
-    title: { default: null },
-    type: { default: "milestone" },
-    variant: { default: null }
-  },
-  setup(a) {
-    const e = a, { t } = J(), s = ee(), r = fe(s), p = o(() => e.type === "note"), c = o(() => e.variant === A.CRITICAL ? "red" : e.variant === A.SUCCESS ? "green" : e.status);
-    e.variant && re(
-      'BentoTimelineItem "variant" property',
-      `Use the BentoTimelineItem "status" modifier instead to modify the color of the timeline icon.
-                        <bento-timeline-item status="red" />`,
-      "2.0.0"
-    );
-    const y = o(() => ({
-      [`b-timeline-item__icon--${c.value}`]: c.value && !p.value
-    })), b = o(() => ({
-      "b-timeline-item--note": p.value
-    }));
-    x(me, !0);
-    const d = {
-      title: e.title,
-      date: e.timestamp.date
-    }, f = k(q), { timelineEntries: m, unregisterTimelineEntry: T } = f(d);
-    te(() => T());
-    const { showAll: i, showMoreIndex: h, hiddenItems: l, visibleIndexes: n, timegapLimit: _ } = k(K), v = o(() => m.value.indexOf(d)), C = o(() => i.value || !n.value), E = o(() => C.value ? !0 : n.value.includes(v.value)), B = o(() => typeof e.title == "object"), S = o(() => e.title), w = o(() => {
-      var O;
-      if (!_.value)
-        return null;
-      const M = (O = m.value[v.value - 1]) == null ? void 0 : O.date, W = C.value || n.value.includes(v.value - 1);
-      if (!M || !W)
-        return null;
-      const { date: D } = m.value[v.value], Z = parseInt(
-        P(M, D, { unit: _.value.unit }),
-        10
-      );
-      return _.value.amount < Z ? P(M, D, { roundingMethod: "floor" }) : null;
-    }), u = o(() => w.value ? t("timegap", { timegap: w.value }) : ""), g = o(() => l.value && h.value === v.value), V = o(() => v.value !== -1 && v.value === m.value.length - 1);
-    return { __sfc: !0, props: e, t, slots: s, hasSlot: r, isNoteType: p, computedStatus: c, iconConditionalClasses: y, conditionalClasses: b, entry: d, registerTimelineEntry: f, timelineEntries: m, unregisterTimelineEntry: T, showAll: i, showMoreIndex: h, hiddenItems: l, visibleIndexes: n, timegapLimit: _, index: v, allItemsShowing: C, isVisible: E, isLinkTitle: B, linkTitleProps: S, timegap: w, timegapAriaLabel: u, displayShowMoreButton: g, isLastItem: V, BentoButton: H, BentoDashedUnderline: ie, BentoDate: ne, BentoLink: oe, BentoTag: le, BentoTypography: ce, BentoStructuredList: ue, BentoStructuredListItem: de, SquareSmallIcon: Ae, generateUid: _e };
-  }
-});
-var ke = function() {
-  var e = this, t = e._self._c, s = e._self._setupProxy;
-  return s.isVisible ? t("li", { staticClass: "b-timeline-item", class: s.conditionalClasses }, [s.timegap ? t("div", { staticClass: "b-timeline-item__row" }, [e._m(0), t("div", { staticClass: "b-timeline-item__content" }, [t(s.BentoTypography, { staticClass: "b-timeline-item__timegap", attrs: { "aria-label": s.timegapAriaLabel } }, [e._v(" " + e._s(s.timegap) + " ")])], 1)]) : e._e(), t("div", { staticClass: "b-timeline-item__row" }, [t("div", { staticClass: "b-timeline-item__marker", attrs: { "aria-hidden": "true" } }, [t(s.SquareSmallIcon, { staticClass: "b-timeline-item__icon", class: s.iconConditionalClasses }), s.isLastItem ? e._e() : t("div", { staticClass: "b-timeline-item__separator", attrs: { "data-testid": "last-timeline-item-separator" } })], 1), t("div", { staticClass: "b-timeline-item__content" }, [s.isNoteType ? e._e() : t(s.BentoTypography, { staticClass: "b-timeline-item__title", attrs: { el: "div", variant: "body", strongest: "", role: "heading", "aria-level": "2" } }, [s.isLinkTitle ? t(s.BentoLink, e._b({ attrs: { "disable-typography": "" } }, "bento-link", s.linkTitleProps, !1), [e._v(e._s(s.linkTitleProps.title))]) : t("span", [e._v(e._s(e.title))])], 1), s.isNoteType && (e.description || s.hasSlot("default")) ? t(s.BentoTypography, { staticClass: "b-timeline-item__description", attrs: { el: "div", variant: "body" } }, [e._t("default", function() {
-    return [e._v(e._s(e.description))];
-  })], 2) : e._e(), e.timestamp ? t(s.BentoTypography, { staticClass: "b-timeline-item__timestamp", attrs: { el: "div", variant: "caption" } }, [t(s.BentoDate, { attrs: { date: e.timestamp.date, format: e.timestamp.format, "disable-typography": "" } }), e.timestamp.description ? t(s.BentoDashedUnderline, e._b({}, "bento-dashed-underline", e.timestamp.description, !1), [e._v(" " + e._s(e.timestamp.value) + " ")]) : t("span", [e._v(e._s(e.timestamp.value))])], 1) : e._e(), !s.isNoteType && e.additionalTimestamp ? t(s.BentoTypography, { staticClass: "b-timeline-item__timestamp", attrs: { el: "div", variant: "caption" } }, [t(s.BentoDate, { attrs: { date: e.additionalTimestamp.date, format: e.additionalTimestamp.format, "disable-typography": "" } }), e.additionalTimestamp.description ? t(s.BentoDashedUnderline, e._b({}, "bento-dashed-underline", e.additionalTimestamp.description, !1), [e._v(" " + e._s(e.additionalTimestamp.value) + " ")]) : t("span", [e._v(" " + e._s(e.additionalTimestamp.value) + " ")])], 1) : e._e(), !s.isNoteType && (e.description || s.hasSlot("default")) ? t(s.BentoTypography, { staticClass: "b-timeline-item__description", attrs: { el: "div", variant: "body" } }, [e._t("default", function() {
-    return [e._v(e._s(e.description))];
-  })], 2) : e._e(), !s.isNoteType && e.dataList ? t("div", { staticClass: "b-timeline-item__data-list" }, [t(s.BentoStructuredList, e._l(e.dataList, function(r) {
-    return t(s.BentoStructuredListItem, { key: s.generateUid(r.label), attrs: { label: r.label } }, [t(s.BentoTypography, { attrs: { variant: "caption" } }, [e._v(e._s(r.value))])], 1);
-  }), 1)], 1) : e._e(), !s.isNoteType && e.tag ? t(s.BentoTag, e._b({ staticClass: "b-timeline-item__tag" }, "bento-tag", e.tag, !1)) : e._e()], 1)]), s.displayShowMoreButton ? t("div", { staticClass: "b-timeline-item__row" }, [e._m(1), t("div", { staticClass: "b-timeline-item__content" }, [t(s.BentoButton, { staticClass: "b-timeline__show-more", attrs: { variant: "tertiary" }, on: { click: function(r) {
-    s.showAll = !s.showAll;
-  } } }, [s.showAll ? [e._v(e._s(s.t("showLess")))] : [e._v(e._s(s.t("showMore", { items: s.hiddenItems })))]], 2)], 1)]) : e._e()]) : e._e();
-}, $e = [function() {
-  var a = this, e = a._self._c;
-  return a._self._setupProxy, e("div", { staticClass: "b-timeline-item__marker", attrs: { "aria-hidden": "true" } }, [e("div", { staticClass: "b-timeline-item__icon b-timeline-item__icon--timegap" }), e("div", { staticClass: "b-timeline-item__separator" })]);
-}, function() {
-  var a = this, e = a._self._c;
-  return a._self._setupProxy, e("div", { staticClass: "b-timeline-item__marker", attrs: { "aria-hidden": "true" } }, [e("div", { staticClass: "b-timeline-item__separator" })]);
-}], Ue = /* @__PURE__ */ R(
-  Oe,
-  ke,
-  $e,
-  !1,
-  null,
-  "ee733813"
-);
-const at = Ue.exports;
-export {
-  ye as B,
-  at as a,
-  A as b,
-  I as c,
-  Te as d,
-  st as t
-};
-//# sourceMappingURL=timeline-item.C8BxWdy1.js.map

package/dist/chunks/tooltip.CbsNGnhw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.CbsNGnhw.js","sources":["../../src/directives/tooltip/tooltip.types.ts","../../src/types/utils-events.ts","../../src/components/internal/tooltip/tooltip.types.ts","../../src/components/internal/tooltip/tooltip.vue","../../src/directives/tooltip/tooltip.ts"],"sourcesContent":["import type { DirectiveBinding } from 'vue/types/options';\nimport { PopperContainerPositionBasic } from '../../components/popper-container/popper-container.types';\n\nexport interface BentoTooltipDirectiveBinding extends Readonly<DirectiveBinding> {\n    readonly value: string;\n}\n\nexport const BentoTooltipPosition = { ...PopperContainerPositionBasic };\nexport type BentoTooltipPosition = PopperContainerPositionBasic;\n\nexport enum BentoTooltipState {\n    HIDDEN = 'hidden',\n}\n","import type { Vue } from 'vue-demi';\n\nexport interface ListenOptions {\n    capture?: boolean;\n    passive?: boolean;\n    once?: boolean;\n    self?: boolean;\n    vm?: Vue;\n    onCleanup?: () => void;\n}\n\nexport enum EventKey {\n    ESCAPE = 'Escape',\n    ENTER = 'Enter',\n    ARROW_LEFT = 'ArrowLeft',\n    ARROW_UP = 'ArrowUp',\n    ARROW_RIGHT = 'ArrowRight',\n    ARROW_DOWN = 'ArrowDown',\n    PAGE_UP = 'PageUp',\n    PAGE_DOWN = 'PageDown',\n    END = 'End',\n    HOME = 'Home',\n    TAB = 'Tab',\n}\n\n/**\n * @deprecated `Event.keyCode` is deprecated. Use `EventKey` instead\n */\nexport enum KeyCode {\n    ESCAPE = 27,\n    ENTER = 13,\n    ARROW_LEFT = 37,\n    ARROW_UP = 38,\n    ARROW_RIGHT = 39,\n    ARROW_DOWN = 40,\n    PAGE_UP = 33,\n    PAGE_DOWN = 34,\n    END = 35,\n    HOME = 36,\n}\n","import { PopperContainerPositionBasic } from '../../popper-container/popper-container.types';\n\nexport const BentoTooltipPosition = { ...PopperContainerPositionBasic };\nexport type BentoTooltipPosition = PopperContainerPositionBasic;\n\nexport enum BentoTooltipState {\n    HIDDEN = 'hidden',\n}\n","<template>\n    <popper-container\n        :id=\"id\"\n        :aria-role=\"PopperContainerAriaRole.TOOLTIP\"\n        :arrow=\"{ classes: ['b-tooltip__arrow'] }\"\n        :class=\"conditionalClasses\"\n        :fallback-position=\"fallbackPosition\"\n        :is-hidden=\"!isShown\"\n        :offset=\"[0, 4]\"\n        :position=\"position\"\n        :target-element=\"targetElement\"\n        :disabled-focus-trap=\"disabledFocusTrap\"\n        class=\"b-tooltip\"\n    >\n        <bento-typography el=\"span\" variant=\"caption\">\n            {{ content }}\n        </bento-typography>\n    </popper-container>\n</template>\n\n<script setup lang=\"ts\">\n    import type {} from '@floating-ui/vue';\n    import { computed, type PropType } from 'vue';\n    import { BentoTooltipPosition, BentoTooltipState } from './tooltip.types';\n    import { type FallbackPositionProp, PopperContainer, PopperContainerAriaRole } from '@/components/popper-container';\n    import { BentoTypography } from '@/components/typography';\n    import { type VueNodeElement } from '@/types/elements';\n\n    const props = defineProps({\n        /**\n         * The tooltip's id. Necessary for accessibility purposes.\n         */\n        id: { type: String, default: null },\n        /**\n         * Tooltip's target reference to the DOM element or Vue component.\n         * The tooltip will position itself relatively to target element, in the specified position.\n         */\n        targetElement: { type: [Element, Object] as PropType<VueNodeElement>, required: true },\n        /**\n         * Tooltip's position relative to the target element.\n         * Possible values are: 'top', 'bottom', 'left' and 'right'.\n         */\n        position: {\n            type: String as PropType<BentoTooltipPosition>,\n            default: BentoTooltipPosition.TOP,\n            validator: value => Object.values(BentoTooltipPosition).includes(value as BentoTooltipPosition),\n        },\n        /**\n         * Tooltip's offset.\n         * If specified, the tooltip will have an offset in pixels between it and the target element\n         * in specified position.\n         */\n        offset: { type: Number, default: 0 },\n        /**\n         * Tooltip's text content.\n         */\n        content: { type: String, required: true },\n        /**\n         * Shows / Hides the Tooltip component\n         */\n        isShown: { type: Boolean, default: false },\n\n        /**\n         * Allows to configure to fallback position to the one specified, it could be 'auto' or ['right', 'top', ...].\n         * Useful when not using auto as starting placement.\n         * @see {@link https://floating-ui.com/docs/flip#fallbackplacements}\n         */\n        fallbackPosition: {\n            type: [Array, String] as PropType<FallbackPositionProp>,\n            default: () => ['top', 'bottom', 'right', 'left'],\n        },\n\n        /**\n         * Disables focus-trap for tooltip.\n         * Useful for maintaining focus on the target element.\n         */\n        disabledFocusTrap: { type: Boolean, default: false },\n    });\n\n    const conditionalClasses = computed(() => ({\n        [`b-tooltip--${BentoTooltipState.HIDDEN}`]: !props.isShown,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Tooltip container, to be used internally to render the tooltip container where the text is shown.\n     */\n    export default {\n        name: 'tooltip',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./tooltip.scss\" />\n","import { nextTick, reactive } from 'vue';\nimport { listen } from '@/utils/ts/events';\nimport { generateUid } from '@/core/utils/ts';\nimport { EventKey } from '@/types/utils-events';\nimport { BentoTooltipPosition } from './tooltip.types';\nimport { type BentoTooltipDirectiveBinding } from './tooltip.types';\nimport { createApp, h, isVue2, isVue3, Vue2 } from 'vue-demi';\nimport Tooltip from '@/internal/tooltip/tooltip.vue';\n\ninterface TooltipInstance {\n    target: HTMLElement;\n    content: string;\n    position: BentoTooltipPosition;\n    removeListeners: Array<() => void>;\n}\n\n/**\n * Tooltip directive to render a tooltip on a given HTML element or component.\n *\n * @usage\n * import { BentoTooltipDirective, BentoTooltipPosition } from '@adyen/bento-vue2';\n *\n * export default {\n *     directives: { BentoTooltipDirective },\n *     template: `\n *         <bento-button\n *             v-bento-tooltip-directive:BentoTooltipPosition.BOTTOM=\"refToTextContent\"\n *         >\n *             Button text\n *         </bento-button>\n *     `,\n * }\n */\nconst tooltipInstances: Array<TooltipInstance> = [];\nconst ariaDescribedByAttr = 'aria-describedby';\nconst tooltipId = generateUid('tooltip');\n\nlet tooltipVNode;\n\n// Reusable Tooltip component instance.\nlet tooltip;\n// Global visibility state to prevent tooltips from showing after it being instructed to hide\nlet open = false;\n\nconst tooltipProps = reactive({\n    targetElement: null,\n    content: 'START_MESSAGE',\n    id: tooltipId,\n    position: undefined,\n    isShown: false,\n});\n\n/**\n * Creates a new Tooltip component instance and inserts it into DOM.\n * @param {HTMLElement} el the target element for the Tooltip\n * @internal\n */\nconst createTooltip = (el: HTMLElement) => {\n    // Sets the target's tabindex so as to make the tooltip interactive via keyboard navigation\n    el.setAttribute('tabindex', '0');\n\n    if (isVue2) {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore: Type error for Vue method in Vue 3 but this code only executes in vue 2 so ignoring.\n        const TooltipComponent = Vue2.extend(Tooltip);\n        tooltip = new TooltipComponent({ propsData: { targetElement: el, content: '', id: tooltipId } }).$mount();\n        document.body.appendChild(tooltip.$el);\n    } else {\n        tooltipProps.targetElement = el;\n        tooltip = createApp({\n            components: { Tooltip },\n            setup() {\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-ignore: Type error for h method in Vue 2 but this code only executes in vue 3 so ignoring.\n                return () => h(Tooltip, { ...tooltipProps }, '');\n            },\n        });\n        tooltipVNode = document.createElement('div');\n        tooltipVNode.id = 'tooltip-parent';\n        document.body.appendChild(tooltipVNode);\n        tooltip.mount('#tooltip-parent');\n    }\n};\n\n/**\n * Removes Tooltip component instance from the DOM and destroys it.\n * @internal\n */\nconst destroyTooltip = () => {\n    if (isVue2) {\n        if (document.contains(tooltip.$el)) {\n            document.body.removeChild(tooltip.$el);\n        }\n        tooltip.$destroy();\n    } else {\n        tooltip.unmount();\n        if (document.contains(tooltipVNode)) {\n            document.body.removeChild(tooltipVNode);\n        }\n    }\n\n    tooltip = undefined;\n};\n\n/**\n * Returns tooltip position based on the specified argument.\n * By default returns 'top' if no argument is specified.\n * @param {BentoTooltipDirectiveBinding} binding Directive binding object.\n * @returns {string} Tooltip position.\n * @internal\n */\nconst getTooltipPosition = (binding: BentoTooltipDirectiveBinding): BentoTooltipPosition =>\n    Object.values(BentoTooltipPosition).includes(binding.arg as BentoTooltipPosition)\n        ? (binding.arg as BentoTooltipPosition)\n        : BentoTooltipPosition.TOP;\n\n/**\n * Get the correct Tooltip instance for the given target element\n * @param {HTMLElement} el the target element for the Tooltip\n * @returns\n */\nconst getTooltipInstanceForTarget = (el: HTMLElement): TooltipInstance =>\n    tooltipInstances.find(\n        ctx =>\n            // isEqualNode doesn't work correct for svg element, hence the second check here\n            ctx.target.isEqualNode(el) && ctx.target === el\n    );\n\n/**\n * On mouse enter event updates tooltip with correct content and position, and shows tooltip.\n * @param {?HTMLElement} el - Target element\n * @internal\n */\nconst showTooltip = (el?: HTMLElement) => {\n    const tooltipInstance = getTooltipInstanceForTarget(el);\n\n    // If tooltip content is empty – do not show the tooltip\n    if (!tooltipInstance || !tooltipInstance.content || !el || !tooltip) {\n        return;\n    }\n\n    if (el) {\n        el.setAttribute(ariaDescribedByAttr, tooltipId);\n    }\n\n    // If the Tooltip is inside a dialog, move tooltip element inside of it\n    // It gets restored to <body> when it gets hidden\n    let isDialogOpen = false;\n    document.querySelectorAll('dialog').forEach(node => {\n        isDialogOpen = node?.open || isDialogOpen;\n    });\n\n    if (isDialogOpen) {\n        if (isVue2) {\n            el.after(tooltip.$el);\n            // eslint-disable-next-line no-underscore-dangle\n        } else if (tooltip?._instance?.vnode?.el) {\n            // eslint-disable-next-line no-underscore-dangle\n            el.after(tooltip?._instance?.vnode?.el);\n        }\n        isDialogOpen = false;\n    }\n\n    open = true;\n\n    tooltip.content = tooltipInstance.content;\n    tooltip.position = tooltipInstance.position;\n\n    tooltipProps.content = tooltipInstance.content;\n    tooltipProps.position = tooltipInstance.position;\n\n    // Do calculations on a next tick, otherwise tooltip position calculations will be wrong\n    nextTick(() => {\n        // Do not open tooltip if it has been instructed to hide in process\n        if (!open || !tooltip) {\n            return;\n        }\n        tooltip.targetElement = el;\n        tooltip.isShown = true;\n\n        tooltipProps.targetElement = el;\n        tooltipProps.isShown = true;\n    });\n};\n\n/**\n * On mouse leave event hides the tooltip.\n * @internal\n */\nconst hideTooltip = (el?: HTMLElement) => {\n    // Restore the tooltip element to body if it got move out of <body>\n    if (tooltip?.$el?.parentElement?.tagName && tooltip.$el.parentElement.tagName !== 'BODY') {\n        document.body.appendChild(tooltip.$el);\n    }\n\n    open = false;\n    if (tooltip) {\n        tooltip.isShown = false;\n    }\n    tooltipProps.isShown = false;\n    if (el) {\n        el.removeAttribute(ariaDescribedByAttr);\n    }\n};\n\nconst tooltipBind = (el: HTMLElement, binding: BentoTooltipDirectiveBinding) => {\n    // eslint-disable-next-line no-prototype-builtins\n    if (!binding.hasOwnProperty('value') || binding.value) {\n        // Create Tooltip component singleton instance\n        if (tooltipInstances.length === 0) {\n            createTooltip(el);\n        }\n\n        const show = () => showTooltip(el);\n        const hide = () => hideTooltip(el);\n\n        // Create and store context object, which has directive related handlers and content.\n        const tooltipInstance: TooltipInstance = {\n            target: el,\n            content: binding.value,\n            position: getTooltipPosition(binding),\n            removeListeners: [\n                listen(el, 'mouseenter', show),\n                listen(el, 'mouseleave', hide),\n                listen(el, 'focus', () => {\n                    if (el.matches(':focus-visible')) {\n                        show();\n                    }\n                }),\n                listen(el, 'blur', evt => {\n                    const focusEvent = <FocusEvent>evt;\n\n                    // when blurred and it transitions to the tooltip via screenreader, it should not close\n                    if ((focusEvent.relatedTarget as Element)?.getAttribute('role') !== 'tooltip') {\n                        hide();\n                    }\n                }),\n                listen(el, 'keydown', evt => {\n                    const keyboardEvent = <KeyboardEvent>evt;\n                    if (keyboardEvent.key === EventKey.ESCAPE) {\n                        hide();\n                    }\n                }),\n            ],\n        };\n\n        tooltipInstances.push(tooltipInstance);\n    }\n};\n\nconst tooltipUpdate = (el: HTMLElement, binding: BentoTooltipDirectiveBinding) => {\n    const tooltipInstance = getTooltipInstanceForTarget(el);\n    if (tooltipInstance) {\n        // Update tooltip content value if it is changed\n        if (tooltipInstance?.content !== binding.value) {\n            tooltipInstance.content = binding.value;\n            // If tooltip is currently shown for current element – update tooltip's content value\n            if (tooltip.isShown && tooltip.targetElement.isEqualNode(el)) {\n                if (!tooltipInstance.content) {\n                    tooltip.isShown = false;\n                } else {\n                    tooltip.content = binding.value;\n                }\n\n                // This forces the tooltip to refresh and update content in Vue3\n                if (isVue3) {\n                    hideTooltip(el);\n                    showTooltip(el);\n                }\n            }\n        }\n        // Update tooltip position if it is changed\n        if (tooltipInstance.position !== binding.arg) {\n            const position = getTooltipPosition(binding);\n            tooltipInstance.position = position;\n            tooltip.position = position;\n        }\n    } else if (!tooltipInstance && binding.value) {\n        // If I don't have a tooltip instance yet but the value passed was updated\n        tooltipBind(el, binding);\n    }\n};\n\nconst tooltipUnbind = (el: HTMLElement) => {\n    const context = getTooltipInstanceForTarget(el);\n\n    // Prevent unbinding/removing when there's nothing to unbind, leads to stack overflow errors\n    if (!context) {\n        return;\n    }\n\n    context.removeListeners.forEach(removeListener => {\n        removeListener();\n    });\n\n    // If el is removed while tooltip is displayed, the tooltip doesnt hide as\n    // there is no el to trigger mouseleave/blur.\n    hideTooltip();\n\n    tooltipInstances.splice(tooltipInstances.indexOf(context), 1);\n\n    // If all the elements using the directive are removed, then no point having\n    // the component on the page.\n    if (tooltipInstances.length === 0) {\n        destroyTooltip();\n    }\n};\n\n/**\n * This directive allows you to bind a tooltip to an element.\n * Tooltip can be configured to be shown in one of four positions: 'top', 'left', 'right' and 'bottom'.\n *\n * @example\n * import { BentoTooltipDirective as BentoTooltip, BentoTooltipPosition } from '@adyen/bento-vue2';\n *\n * export default {\n *     directives: { BentoTooltip },\n *     methods: {\n *         contentExpression() {\n *             return 'tooltip content';\n *         },\n *     },\n *     template: `<div>\n *         <div v-bento-tooltip:left=\"refToTooltipContent\"></div>\n *         <div v-bento-tooltip:[TooltipPosition.BOTTOM]=\"refToTooltipContent\"></div>\n *\n *         <!-- If you don't specify the position then by default it's `TooltipPosition.TOP` -->\n *         <div v-bento-tooltip=\"refToTooltipContent\"></div>\n *\n *         <!-- Tooltip content can also be a data property or a method or a computed property as well -->\n *         <div v-bento-tooltip=\"contentExpression()\"></div>\n *     </div>`,\n * };\n */\nexport const BentoTooltipDirective = {\n    // Vue 2 Directive hooks\n    bind(el, binding) {\n        tooltipBind(el, binding);\n    },\n    update(el, binding) {\n        tooltipUpdate(el, binding);\n    },\n    unbind(el) {\n        tooltipUnbind(el);\n    },\n    // Vue 3 Directive hooks\n    beforeMount(el, binding) {\n        tooltipBind(el, binding);\n    },\n    mounted(el, binding) {\n        tooltipUpdate(el, binding);\n    },\n    updated(el, binding) {\n        tooltipUpdate(el, binding);\n    },\n    unmounted(el) {\n        tooltipUnbind(el);\n    },\n};\n"],"names":["BentoTooltipPosition$1","PopperContainerPositionBasic","BentoTooltipState$1","BentoTooltipState2","EventKey","EventKey2","BentoTooltipPosition","BentoTooltipState","__default__","conditionalClasses","computed","props","tooltipInstances","ariaDescribedByAttr","tooltipId","generateUid","tooltip","open","tooltipProps","reactive","createTooltip","el","TooltipComponent","Vue2","Tooltip","destroyTooltip","getTooltipPosition","binding","getTooltipInstanceForTarget","ctx","showTooltip","tooltipInstance","isDialogOpen","node","nextTick","hideTooltip","_b","_a","tooltipBind","show","hide","listen","evt","tooltipUpdate","position","tooltipUnbind","context","removeListener","BentoTooltipDirective"],"mappings":"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"}