@adyen/bento-vue2 1.26.0 → 1.28.0

package/dist/chunks/{summary-grid.keys.1d1028c2.js.map → summary-grid.keys.BBbFrFGF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"summary-grid.keys.1d1028c2.js","sources":["../../src/components/summary-grid/summary-grid.keys.ts"],"sourcesContent":["export const SUMMARY_GRID_LAYOUT_INJECTION_KEY = Symbol('summary-grid layout injection key');\n"],"names":["SUMMARY_GRID_LAYOUT_INJECTION_KEY"],"mappings":"AAAa,MAAAA,IAAoC,OAAO,mCAAmC;"}
+{"version":3,"file":"summary-grid.keys.BBbFrFGF.js","sources":["../../src/components/summary-grid/summary-grid.keys.ts"],"sourcesContent":["export const SUMMARY_GRID_LAYOUT_INJECTION_KEY = Symbol('summary-grid layout injection key');\n"],"names":["SUMMARY_GRID_LAYOUT_INJECTION_KEY"],"mappings":"AAAa,MAAAA,IAAoC,OAAO,mCAAmC;"}

package/dist/chunks/tabs.CE65f3E_.js

@@ -0,0 +1,140 @@
+import { defineComponent as I, toRefs as w, ref as _, provide as f, computed as A, inject as m, onUnmounted as N, watch as B, nextTick as k } from "vue";
+import { E as R, T as h, a as g } from "./tabs.keys.Bc2pSKRw.js";
+import { n as x } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { B as D } from "./typography.Bjtu3Gca.js";
+import { g as S } from "./unique-id.XFfoKuc2.js";
+import { F as K } from "./fixed-scroller.Bq1AgPnw.js";
+import "../assets/tabs.css";
+const F = I({
+  props: {
+    /**
+     * Title of the tab
+     */
+    title: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Determines whether the tab is disabled
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Displays the tab with a notification indicator
+     */
+    withNotificationIndicator: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(a) {
+    const { disabled: t, withNotificationIndicator: e } = w(a), c = _();
+    f(R, (T) => {
+      c.value = T;
+    });
+    const r = A(() => c.value ?? a.title), b = m(h), l = m(g), { id: u, unregisterTab: p } = b({ disabled: t, title: r, withNotificationIndicator: e });
+    return N(() => p()), { activeTabId: l, id: u, computedTitle: r };
+  }
+});
+var L = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("div", { directives: [{ name: "show", rawName: "v-show", value: t.activeTabId === t.id, expression: "activeTabId === id" }], staticClass: "b-tab", attrs: { id: `${t.id}-tabpanel`, role: "tabpanel", "aria-labelledby": t.id } }, [t.activeTabId === t.id ? [t._t("default")] : t._e()], 2);
+}, O = [], X = /* @__PURE__ */ x(
+  F,
+  L,
+  O,
+  !1,
+  null,
+  "7e802d0d"
+);
+const M = X.exports, y = (a, t) => {
+  const e = a === 0 ? t.length - 1 : a - 1;
+  return t[e].disabled ? y(e, t) : e;
+}, C = (a, t) => {
+  const e = a === t.length - 1 ? 0 : a + 1;
+  return t[e].disabled ? C(e, t) : e;
+};
+var v = /* @__PURE__ */ ((a) => (a.ACTIVE_TAB_INDEX = "update:active-tab-index", a))(v || {});
+const Y = I({
+  components: {
+    BentoTypography: D,
+    FixedScroller: K
+  },
+  props: {
+    /**
+     * Sets the active tab by its index (0 being the first tab item).
+     */
+    activeTabIndex: { type: Number, default: 0 }
+  },
+  emits: [v.ACTIVE_TAB_INDEX],
+  setup(a, { emit: t }) {
+    const e = _([]), c = _(null), i = _(), r = _("");
+    f(g, r);
+    const b = (n) => () => {
+      var o;
+      e.value = (o = e.value) == null ? void 0 : o.filter(({ id: s }) => s !== n);
+    };
+    f(h, ({ title: n, disabled: o, withNotificationIndicator: s }) => {
+      const d = S("b-tab");
+      return e.value.push({ disabled: o, id: d, title: n, withNotificationIndicator: s }), { id: d, unregisterTab: b(d) };
+    });
+    const u = (n) => {
+      if (n.code === "ArrowLeft" || n.code === "ArrowRight") {
+        const o = e.value.find((d) => document.activeElement.id === d.id);
+        let s = e.value.indexOf(o);
+        n.code === "ArrowLeft" ? s = y(s, e.value) : n.code === "ArrowRight" && (s = C(s, e.value)), c.value.children[s].focus();
+      }
+    };
+    return B(
+      [() => a.activeTabIndex, e],
+      ([n, o]) => {
+        k(() => {
+          var d;
+          const s = o[n];
+          r.value = s && !s.disabled ? s.id : (d = e.value.find(({ disabled: E }) => !E)) == null ? void 0 : d.id;
+        });
+      },
+      { immediate: !0 }
+    ), {
+      tabs: e,
+      tablist: c,
+      tablistwrapper: i,
+      activeTabId: r,
+      onKeydownTabsNavigation: u,
+      handleTabChange: (n) => {
+        r.value = n;
+        const o = e.value.findIndex(({ id: s }) => s === r.value);
+        t(v.ACTIVE_TAB_INDEX, o);
+      },
+      isDisabled: (n) => n ? "disabled" : !1
+    };
+  }
+});
+var P = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("div", { staticClass: "b-tabs" }, [e("fixed-scroller", { ref: "tablistwrapper", staticClass: "b-tabs__tab-list-wrapper", attrs: { condensed: "", "extra-padding-top": 5 } }, [e("div", { ref: "tablist", staticClass: "b-tabs__tab-list", attrs: { role: "tablist" }, on: { keydown: t.onKeydownTabsNavigation } }, t._l(t.tabs, function({ disabled: c, id: i, title: r, withNotificationIndicator: b }) {
+    return e("button", { key: i, staticClass: "b-tabs__tab", class: {
+      "b-tabs__tab--active": t.activeTabId === i,
+      "b-tabs__tab--disabled": c
+    }, attrs: { id: i, role: "tab", type: "button", "aria-controls": `${i}-tabpanel`, "aria-selected": t.activeTabId === i ? "true" : "false", tabindex: t.activeTabId === i && !c.value ? null : -1, disabled: t.isDisabled(c) }, on: { click: function(l) {
+      return t.handleTabChange(i);
+    }, keydown: function(l) {
+      return !l.type.indexOf("key") && t._k(l.keyCode, "enter", 13, l.key, "Enter") && t._k(l.keyCode, "space", 32, l.key, [" ", "Spacebar"]) ? null : t.handleTabChange(i);
+    } } }, [e("span", { staticClass: "b-tabs__tab-text" }, [e("bento-typography", { staticClass: "b-tabs__tab-title", attrs: { el: "span", variant: "body", stronger: "" } }, [t._v(" " + t._s(r) + " ")]), b ? e("span", { staticClass: "b-tabs__tab-notification-dot", attrs: { "aria-hidden": "true" } }) : t._e()], 1), e("span", { directives: [{ name: "show", rawName: "v-show", value: t.activeTabId === i, expression: "activeTabId === id" }], staticClass: "b-tabs__tab-underline", attrs: { "aria-hidden": "true" } })]);
+  }), 0)]), t._t("default")], 2);
+}, $ = [], G = /* @__PURE__ */ x(
+  Y,
+  P,
+  $,
+  !1,
+  null,
+  "7fc977e3"
+);
+const Q = G.exports;
+export {
+  M as B,
+  Q as a
+};
+//# sourceMappingURL=tabs.CE65f3E_.js.map

package/dist/chunks/tabs.CE65f3E_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.CE65f3E_.js","sources":["../../src/components/tabs/components/tab.vue","../../src/components/tabs/tabs.utils.ts","../../src/components/tabs/tabs.types.ts","../../src/components/tabs/tabs.vue"],"sourcesContent":["<template>\n    <div v-show=\"activeTabId === id\" :id=\"`${id}-tabpanel`\" class=\"b-tab\" role=\"tabpanel\" :aria-labelledby=\"id\">\n        <template v-if=\"activeTabId === id\">\n            <slot />\n        </template>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, inject, onUnmounted, provide, ref, toRefs } from 'vue';\n    import {\n        EXTERNAL_TITLE_REGISTER_ENTRY_INJECTION_KEY,\n        TABS_ACTIVE_TAB_ID_KEY,\n        TABS_REGISTER_TAB_INJECTION_KEY,\n    } from '../tabs.keys';\n    import { BentoTabsRegisterTab } from '../tabs.types';\n    import { BentoTabProvidedTitle } from './tab.types';\n\n    export default defineComponent({\n        props: {\n            /**\n             * Title of the tab\n             */\n            title: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Determines whether the tab is disabled\n             */\n            disabled: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Displays the tab with a notification indicator\n             */\n            withNotificationIndicator: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        setup(props) {\n            // External title injection\n            const { disabled, withNotificationIndicator } = toRefs(props);\n            const componentTitle = ref();\n            const setTitle: BentoTabProvidedTitle = (value: string) => {\n                componentTitle.value = value;\n            };\n            provide(EXTERNAL_TITLE_REGISTER_ENTRY_INJECTION_KEY, setTitle);\n\n            const computedTitle = computed(() => (componentTitle.value ?? props.title) as string);\n\n            const registerTab: BentoTabsRegisterTab = inject(TABS_REGISTER_TAB_INJECTION_KEY);\n            const activeTabId = inject(TABS_ACTIVE_TAB_ID_KEY);\n\n            const { id, unregisterTab } = registerTab({ disabled, title: computedTitle, withNotificationIndicator });\n\n            onUnmounted(() => unregisterTab());\n\n            return { activeTabId, id, computedTitle };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./tab.scss\" />\n","import { BentoTab } from './components/tab.types';\n\nexport const getPreviousTabIndex = (activeTabIndex: number, tabsValue: BentoTab[]) => {\n    const newActiveTabIndex = activeTabIndex === 0 ? tabsValue.length - 1 : activeTabIndex - 1;\n    if (tabsValue[newActiveTabIndex].disabled) {\n        return getPreviousTabIndex(newActiveTabIndex, tabsValue);\n    }\n    return newActiveTabIndex;\n};\n\nexport const getNextTabIndex = (activeTabIndex: number, tabsValue: BentoTab[]) => {\n    const newActiveTabIndex = activeTabIndex === tabsValue.length - 1 ? 0 : activeTabIndex + 1;\n    if (tabsValue[newActiveTabIndex].disabled) {\n        return getNextTabIndex(newActiveTabIndex, tabsValue);\n    }\n    return newActiveTabIndex;\n};\n","import type { Ref } from 'vue';\n\nexport type BentoTabsRegisterTab = (props: {\n    disabled: Ref<boolean>;\n    title: Ref<string>;\n    withNotificationIndicator: Ref<boolean>;\n}) => { id: string; unregisterTab: () => void };\n\nexport enum BentoTabsEvent {\n    ACTIVE_TAB_INDEX = 'update:active-tab-index',\n}\n","<template>\n    <div class=\"b-tabs\">\n        <fixed-scroller ref=\"tablistwrapper\" condensed :extra-padding-top=\"5\" class=\"b-tabs__tab-list-wrapper\">\n            <div ref=\"tablist\" class=\"b-tabs__tab-list\" role=\"tablist\" @keydown=\"onKeydownTabsNavigation\">\n                <button\n                    v-for=\"{ disabled, id, title, withNotificationIndicator } in tabs\"\n                    :id=\"id\"\n                    :key=\"id\"\n                    role=\"tab\"\n                    type=\"button\"\n                    class=\"b-tabs__tab\"\n                    :class=\"{\n                        'b-tabs__tab--active': activeTabId === id,\n                        'b-tabs__tab--disabled': disabled,\n                    }\"\n                    :aria-controls=\"`${id}-tabpanel`\"\n                    :aria-selected=\"activeTabId === id ? 'true' : 'false'\"\n                    :tabindex=\"activeTabId === id && !disabled.value ? null : -1\"\n                    :disabled=\"isDisabled(disabled)\"\n                    @click=\"handleTabChange(id)\"\n                    @keydown.enter.space=\"handleTabChange(id)\"\n                >\n                    <span class=\"b-tabs__tab-text\">\n                        <bento-typography class=\"b-tabs__tab-title\" el=\"span\" variant=\"body\" stronger>\n                            {{ title }}\n                        </bento-typography>\n                        <span\n                            v-if=\"withNotificationIndicator\"\n                            class=\"b-tabs__tab-notification-dot\"\n                            aria-hidden=\"true\"\n                        ></span>\n                    </span>\n                    <span v-show=\"activeTabId === id\" class=\"b-tabs__tab-underline\" aria-hidden=\"true\"></span>\n                </button>\n            </div>\n        </fixed-scroller>\n        <slot />\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, nextTick, provide, ref, Ref, watch } from 'vue';\n\n    // components\n    import { BentoTypography } from '@/components/typography';\n    import { FixedScroller } from '@/internal';\n\n    // utils\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { getNextTabIndex, getPreviousTabIndex } from './tabs.utils';\n\n    // types\n    import { BentoTab } from './components/tab.types';\n    import { BentoTabsEvent, BentoTabsRegisterTab } from './tabs.types';\n\n    // keys\n    import { TABS_ACTIVE_TAB_ID_KEY, TABS_REGISTER_TAB_INJECTION_KEY } from './tabs.keys';\n    import { Booleanish } from '@/types';\n\n    /**\n     * Tabs are used to navigate between different, but related content views within a page.\n     * This component conforms to the official WAI-ARIA guidelines for tabs: https://www.w3.org/WAI/ARIA/apg/patterns/tabs/\n     *\n     * @example\n     * import { BentoTabs, BentoTab } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoTabs, BentoTab },\n     *     template: `\n     *         <bento-tabs v-bind=\"$props\">\n     *             <bento-tab title=\"Maria Ahlefeldt\">\n     *                 (16 January 1755 - 20 December 1810) was a Danish, (originally German), composer. She is known as the first female composer in Denmark.\n     *             </bento-tab>\n     *             <bento-tab title=\"Carl Andersen\">\n     *                 (29 April 1847 - 7 May 1909) was a Danish flutist, conductor and composer born in Copenhagen, son of the flutist Christian Joachim Andersen.\n     *             </bento-tab>\n     *             <bento-tab title=\"Karl Truffel\">\n     *                 (1 March 1981 - 7 November 1992) was a Danish dog and commander born in Berlin, son of the machinist Tom Jahoor Truffel.\n     *             </bento-tab>\n     *             <bento-tab title=\"Maria Ahlefeldt\" :disabled=\"true\">\n     *                 (16 January 1755 - 20 December 1810) was a Danish, (originally German), composer. She is known as the first female composer in Denmark.\n     *             </bento-tab>\n     *         </bento-tabs>\n     *     `\n     * };\n     */\n\n    // component\n    export default defineComponent({\n        components: {\n            BentoTypography,\n            FixedScroller,\n        },\n        props: {\n            /**\n             * Sets the active tab by its index (0 being the first tab item).\n             */\n            activeTabIndex: { type: Number, default: 0 },\n        },\n        emits: [BentoTabsEvent.ACTIVE_TAB_INDEX],\n        setup(props, { emit }) {\n            const tabs: Ref<BentoTab[]> = ref([]);\n            const tablist = ref(null);\n            const tablistwrapper = ref<InstanceType<typeof FixedScroller>>();\n            const activeTabId = ref('');\n\n            provide(TABS_ACTIVE_TAB_ID_KEY, activeTabId);\n\n            // unregister tab if removed / destroyed\n            const unregisterTab = (tabIdToRemove: string) => () => {\n                tabs.value = tabs.value?.filter(({ id }) => id !== tabIdToRemove);\n            };\n\n            // register tab\n            const registerTab: BentoTabsRegisterTab = ({ title, disabled, withNotificationIndicator }) => {\n                const id = generateUid('b-tab');\n\n                // add tab to tabs\n                tabs.value.push({ disabled, id, title, withNotificationIndicator });\n\n                // return values to the Tab component\n                return { id, unregisterTab: unregisterTab(id) };\n            };\n\n            // provide activeTab and registerTab to tab items\n            provide(TABS_REGISTER_TAB_INJECTION_KEY, registerTab);\n\n            // keyboard navigation\n            const onKeydownTabsNavigation = (e: KeyboardEvent) => {\n                if (e.code === 'ArrowLeft' || e.code === 'ArrowRight') {\n                    // find tab that is focussed\n                    const activeTab = tabs.value.find(tab => document.activeElement.id === tab.id);\n                    let activeTabIndex = tabs.value.indexOf(activeTab);\n\n                    // conditionally increase or decrease the\n                    if (e.code === 'ArrowLeft') {\n                        activeTabIndex = getPreviousTabIndex(activeTabIndex, tabs.value);\n                    } else if (e.code === 'ArrowRight') {\n                        activeTabIndex = getNextTabIndex(activeTabIndex, tabs.value);\n                    }\n\n                    // focus new active tab\n                    tablist.value.children[activeTabIndex].focus();\n                }\n            };\n\n            watch(\n                [() => props.activeTabIndex, tabs],\n                ([index, currentTabs]) => {\n                    nextTick(() => {\n                        const tab = currentTabs[index];\n                        activeTabId.value =\n                            tab && !tab.disabled ? tab.id : tabs.value.find(({ disabled }) => !disabled)?.id;\n                    });\n                },\n                { immediate: true }\n            );\n\n            const handleTabChange = (tabId: string) => {\n                activeTabId.value = tabId;\n                const activeIndex = tabs.value.findIndex(({ id }) => id === activeTabId.value);\n                emit(BentoTabsEvent.ACTIVE_TAB_INDEX, activeIndex);\n            };\n\n            const isDisabled = (isDisabledTab: Ref<boolean>): Booleanish =>\n                (isDisabledTab ? 'disabled' : false) as Booleanish;\n\n            return {\n                tabs,\n                tablist,\n                tablistwrapper,\n                activeTabId,\n                onKeydownTabsNavigation,\n                handleTabChange,\n                isDisabled,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./tabs.scss\" />\n"],"names":["_sfc_main$1","defineComponent","props","disabled","withNotificationIndicator","toRefs","componentTitle","ref","provide","EXTERNAL_TITLE_REGISTER_ENTRY_INJECTION_KEY","value","computedTitle","computed","registerTab","inject","TABS_REGISTER_TAB_INJECTION_KEY","activeTabId","TABS_ACTIVE_TAB_ID_KEY","id","unregisterTab","onUnmounted","getPreviousTabIndex","activeTabIndex","tabsValue","newActiveTabIndex","getNextTabIndex","BentoTabsEvent","BentoTabsEvent2","_sfc_main","BentoTypography","FixedScroller","emit","tabs","tablist","tablistwrapper","tabIdToRemove","_a","title","generateUid","onKeydownTabsNavigation","e","activeTab","tab","watch","index","currentTabs","nextTick","tabId","activeIndex","isDisabledTab"],"mappings":"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"}

package/dist/chunks/{tabs.keys.358742f2.js → tabs.keys.Bc2pSKRw.js}

@@ -4,4 +4,4 @@ export {
   t as T,
   e as a
 };
-//# sourceMappingURL=tabs.keys.358742f2.js.map
+//# sourceMappingURL=tabs.keys.Bc2pSKRw.js.map

package/dist/chunks/{tabs.keys.358742f2.js.map → tabs.keys.Bc2pSKRw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs.keys.358742f2.js","sources":["../../src/components/tabs/tabs.keys.ts"],"sourcesContent":["export const TABS_REGISTER_TAB_INJECTION_KEY = Symbol('tabs registerTab injection key');\nexport const TABS_ACTIVE_TAB_ID_KEY = Symbol('tabs active tab ID key');\nexport const EXTERNAL_TITLE_REGISTER_ENTRY_INJECTION_KEY = Symbol('external title tab register entry injection key');\n"],"names":["TABS_REGISTER_TAB_INJECTION_KEY","TABS_ACTIVE_TAB_ID_KEY","EXTERNAL_TITLE_REGISTER_ENTRY_INJECTION_KEY"],"mappings":"AAAa,MAAAA,IAAkC,OAAO,gCAAgC,GACzEC,IAAyB,OAAO,wBAAwB,GACxDC,IAA8C,OAAO,iDAAiD;"}
+{"version":3,"file":"tabs.keys.Bc2pSKRw.js","sources":["../../src/components/tabs/tabs.keys.ts"],"sourcesContent":["export const TABS_REGISTER_TAB_INJECTION_KEY = Symbol('tabs registerTab injection key');\nexport const TABS_ACTIVE_TAB_ID_KEY = Symbol('tabs active tab ID key');\nexport const EXTERNAL_TITLE_REGISTER_ENTRY_INJECTION_KEY = Symbol('external title tab register entry injection key');\n"],"names":["TABS_REGISTER_TAB_INJECTION_KEY","TABS_ACTIVE_TAB_ID_KEY","EXTERNAL_TITLE_REGISTER_ENTRY_INJECTION_KEY"],"mappings":"AAAa,MAAAA,IAAkC,OAAO,gCAAgC,GACzEC,IAAyB,OAAO,wBAAwB,GACxDC,IAA8C,OAAO,iDAAiD;"}

package/dist/chunks/tag.bhKrZHTU.js

@@ -0,0 +1,64 @@
+import { defineComponent as c, computed as o } from "vue";
+import { B as m } from "./typography.Bjtu3Gca.js";
+import { u as d } from "./aria-label.CaUURpnB.js";
+import { g as s } from "./get-slot-text.Cgn-E48s.js";
+import { B as v } from "./tooltip.DR8rbIYw.js";
+import { n as f } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import "../assets/tag.css";
+var r = /* @__PURE__ */ ((t) => (t.GREY = "grey", t.BLUE = "blue", t.GREEN = "green", t.ORANGE = "orange", t.RED = "red", t.WHITE = "white", t))(r || {});
+const p = c({
+  name: "bento-tag",
+  components: { BentoTypography: m },
+  directives: { BentoTooltipDirective: v },
+  props: {
+    /**
+     * The label text content of the Tag.
+     */
+    label: { type: String, default: null },
+    /**
+     * The variant variant of tag
+     */
+    variant: {
+      type: String,
+      default: r.GREY,
+      validator: (t) => Object.values(r).includes(t)
+    },
+    /**
+     * The number of characters to limit the number of displayed characters for the tag text, truncating it with an ellipsis of three dots "...".
+     */
+    truncate: { type: Number, default: null }
+  },
+  setup(t, { slots: e }) {
+    const l = d({
+      label: t.label || s(e)("default"),
+      defaultFallback: "tag"
+    }), i = o(() => ({
+      [`b-tag--${t.variant}`]: t.variant
+    })), a = o(() => t.label || s(e)("default") || "tag"), n = o(() => t.truncate && a.value.length > t.truncate), u = o(() => t.truncate && n.value ? `${a.value.slice(0, t.truncate)}...` : a.value);
+    return {
+      // Values
+      computedAriaLabel: l,
+      textFromSlot: a,
+      formattedText: u,
+      tagConditionalClasses: i,
+      shouldShowTooltip: n
+    };
+  }
+});
+var b = function() {
+  var e = this, l = e._self._c;
+  return e._self._setupProxy, l("span", { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive", value: e.shouldShowTooltip ? e.textFromSlot : null, expression: "shouldShowTooltip ? textFromSlot : null" }], staticClass: "b-tag", class: e.tagConditionalClasses, attrs: { "aria-label": e.computedAriaLabel, role: "mark" } }, [l("bento-typography", { staticClass: "b-tag__label", attrs: { el: "span", variant: "caption", stronger: "" } }, [e._v(" " + e._s(e.formattedText) + " ")])], 1);
+}, _ = [], g = /* @__PURE__ */ f(
+  p,
+  b,
+  _,
+  !1,
+  null,
+  "28dca3d1"
+);
+const R = g.exports;
+export {
+  R as B,
+  r as a
+};
+//# sourceMappingURL=tag.bhKrZHTU.js.map

package/dist/chunks/tag.bhKrZHTU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.bhKrZHTU.js","sources":["../../src/components/tag/tag.types.ts","../../src/components/tag/tag.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoTagVariant {\n    GREY = 'grey',\n    BLUE = 'blue',\n    GREEN = 'green',\n    ORANGE = 'orange',\n    RED = 'red',\n    WHITE = 'white',\n}\n","<template>\n    <span\n        v-bento-tooltip-directive=\"shouldShowTooltip ? textFromSlot : null\"\n        class=\"b-tag\"\n        :class=\"tagConditionalClasses\"\n        :aria-label=\"computedAriaLabel\"\n        role=\"mark\"\n    >\n        <bento-typography class=\"b-tag__label\" el=\"span\" variant=\"caption\" stronger>\n            {{ formattedText }}\n        </bento-typography>\n    </span>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import { BentoTagVariant } from './tag.types';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoTooltipDirective } from '@/directives';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import { getSlotText } from '@/utils/ts/get-slot-text';\n\n    export default defineComponent({\n        name: 'bento-tag',\n        components: { BentoTypography },\n        directives: { BentoTooltipDirective },\n        props: {\n            /**\n             * The label text content of the Tag.\n             */\n            label: { type: String, default: null },\n\n            /**\n             * The variant variant of tag\n             */\n            variant: {\n                type: String as PropType<BentoTagVariant | `${BentoTagVariant}`>,\n                default: BentoTagVariant.GREY,\n                validator: (value: BentoTagVariant) => Object.values(BentoTagVariant).includes(value),\n            },\n\n            /**\n             * The number of characters to limit the number of displayed characters for the tag text, truncating it with an ellipsis of three dots \"...\".\n             */\n            truncate: { type: Number, default: null },\n        },\n        setup(props, { slots }) {\n            const computedAriaLabel = useAriaLabel({\n                label: props.label || getSlotText(slots)('default'),\n                defaultFallback: 'tag',\n            });\n\n            const tagConditionalClasses = computed(() => ({\n                [`b-tag--${props.variant}`]: props.variant,\n            }));\n\n            const textFromSlot = computed(() => props.label || getSlotText(slots)('default') || 'tag');\n            const shouldShowTooltip = computed(() => props.truncate && textFromSlot.value.length > props.truncate);\n\n            const formattedText = computed(() => {\n                if (!props.truncate) {\n                    return textFromSlot.value;\n                }\n\n                return shouldShowTooltip.value\n                    ? `${textFromSlot.value.slice(0, props.truncate)}...`\n                    : textFromSlot.value;\n            });\n\n            return {\n                // Values\n                computedAriaLabel,\n                textFromSlot,\n                formattedText,\n                tagConditionalClasses,\n                shouldShowTooltip,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./tag.scss\" />\n"],"names":["BentoTagVariant","BentoTagVariant2","_sfc_main","defineComponent","BentoTypography","BentoTooltipDirective","value","props","slots","computedAriaLabel","useAriaLabel","getSlotText","tagConditionalClasses","computed","textFromSlot","shouldShowTooltip","formattedText"],"mappings":";;;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,OAAA,QACAA,EAAA,QAAA,SACAA,EAAA,SAAA,UACAA,EAAA,MAAA,OACAA,EAAA,QAAA,SANQA,IAAAD,KAAA,CAAA,CAAA;ACmBZ,MAAAE,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA,EAAA,iBAAAC,EAAA;AAAA,EACA,YAAA,EAAA,uBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,OAAA,EAAA,MAAA,QAAA,SAAA,KAAA;AAAA;AAAA;AAAA;AAAA,IAIA,SAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAAL,EAAA;AAAA,MACA,WAAA,CAAAM,MAAA,OAAA,OAAAN,CAAA,EAAA,SAAAM,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,UAAA,EAAA,MAAA,QAAA,SAAA,KAAA;AAAA,EAKA;AAAA,EACA,MAAAC,GAAA,EAAA,OAAAC,EAAA,GAAA;AAEA,UAAAC,IAAAC,EAAA;AAAA,MAAA,OAAAH,EAAA,SAAAI,EAAAH,CAAA,EAAA,SAAA;AAAA,MACA,iBAAA;AAAA,IACA,CAAA,GAGAI,IAAAC,EAAA,OAAA;AAAA,MAAA,CAAA,UAAAN,EAAA,OAAA,EAAA,GAAAA,EAAA;AAAA,IACA,EAAA,GAGAO,IAAAD,EAAA,MAAAN,EAAA,SAAAI,EAAAH,CAAA,EAAA,SAAA,KAAA,KAAA,GACAO,IAAAF,EAAA,MAAAN,EAAA,YAAAO,EAAA,MAAA,SAAAP,EAAA,QAAA,GAEAS,IAAAH,EAAA,MACAN,EAAA,YAIAQ,EAAA,QAAA,GAAAD,EAAA,MAAA,MAAA,GAAAP,EAAA,QAAA,CAAA,QAHAO,EAAA,KAKA;AAGA,WAAA;AAAA;AAAA,MAAA,mBAAAL;AAAA,MAEA,cAAAK;AAAA,MACA,eAAAE;AAAA,MACA,uBAAAJ;AAAA,MACA,mBAAAG;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;"}

package/dist/chunks/{teleport.84b0f20b.js → teleport.CQKBJZU5.js}

@@ -1,9 +1,9 @@
 import { defineComponent as o, inject as i } from "vue";
-import { i as n } from "./index.4c062058.js";
-import { M as d } from "./base-modal.keys.b08a6bdf.js";
-import { S as h } from "./sidepanel.keys.1ed8a57c.js";
-import { M as c } from "./modal-fullscreen.keys.b9f31632.js";
-import { n as f } from "./_plugin-vue2_normalizer.71e2aa87.js";
+import { i as n } from "./index.Cl4_42j5.js";
+import { M as l } from "./base-modal.keys.C2PQXcE2.js";
+import { S as h } from "./sidepanel.keys.R0DKQuYx.js";
+import { M as c } from "./modal-fullscreen.keys.CMba3hYp.js";
+import { n as f } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/teleport.css";
 const b = o({
   name: "teleport",
@@ -33,7 +33,7 @@ const b = o({
     defaultTo() {
       if (this.to)
         return this.to;
-      const e = i(d, "") || i(c, "") || i(h, "");
+      const e = i(l, "") || i(c, "") || i(h, "");
       return e ? `#${e}` : "body";
     }
   },
@@ -76,7 +76,7 @@ const b = o({
       let t = !1;
       for (let s = 0; s < e.length; s++) {
         const r = e[s], a = Array.from(r.addedNodes).filter(
-          (l) => !this.nodes.includes(l)
+          (d) => !this.nodes.includes(d)
         );
         Array.from(r.removedNodes).includes(this.parent) ? (this.disable(), this.waiting = !this.disabled) : this.waiting && a.length > 0 && (t = !0);
       }
@@ -110,21 +110,19 @@ const b = o({
     return { __sfc: !0, isVue2: n };
   }
 });
-var p = function() {
+var m = function() {
   var t = this, s = t._self._c, r = t._self._setupProxy;
   return r.isVue2 ? s("div", { class: t.classes }, [t._t("default")], 2) : s("Teleport", { class: t.classes, attrs: { to: t.defaultTo, where: t.where, disabled: t.disabled } }, [t._t("default")], 2);
-}, m = [], _ = /* @__PURE__ */ f(
+}, p = [], v = /* @__PURE__ */ f(
   u,
-  p,
   m,
+  p,
   !1,
   null,
-  "ed6feb27",
-  null,
-  null
+  "ed6feb27"
 );
-const w = _.exports;
+const y = v.exports;
 export {
-  w as B
+  y as B
 };
-//# sourceMappingURL=teleport.84b0f20b.js.map
+//# sourceMappingURL=teleport.CQKBJZU5.js.map

package/dist/chunks/{teleport.84b0f20b.js.map → teleport.CQKBJZU5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"teleport.84b0f20b.js","sources":["../../src/components/internal/teleport/teleport.vue"],"sourcesContent":["<!-- Taken from: https://github.com/Mechazawa/vue2-teleport/blob/master/src/Teleport.vue -->\n<template>\n    <div v-if=\"isVue2\" :class=\"classes\">\n        <slot />\n    </div>\n    <Teleport v-else :to=\"defaultTo\" :where=\"where\" :disabled=\"disabled\" :class=\"classes\">\n        <slot />\n    </Teleport>\n</template>\n\n<script setup lang=\"ts\">\n    import { isVue2 } from 'vue-demi';\n    import { defineComponent, inject } from 'vue';\n    import { MODAL_DIALOG_ID_INJECTION_KEY } from '@/components/modal/components/base-modal/base-modal.keys';\n    import { SIDEPANEL_DIALOG_ID_INJECTION_KEY } from '@/components/sidepanel/sidepanel.keys';\n    import { MODAL_FULLSCREEN_DIALOG_ID_INJECTION_KEY } from '@/components/modal-fullscreen/modal-fullscreen.keys';\n</script>\n\n<script lang=\"ts\">\n    export default defineComponent({\n        name: 'teleport',\n        props: {\n            to: {\n                type: String,\n                default: '',\n            },\n            where: {\n                type: String,\n                default: 'after',\n            },\n            disabled: Boolean,\n        },\n        data: () => ({\n            childObserver: null,\n            nodes: [],\n            waiting: false,\n            observer: null,\n            parent: null,\n            isVue2,\n        }),\n        computed: {\n            classes() {\n                if (this.disabled) {\n                    return ['b-teleport'];\n                }\n\n                return ['b-teleport', 'b-teleport--hidden'];\n            },\n            defaultTo() {\n                if (this.to) {\n                    return this.to;\n                }\n\n                const injectionKey =\n                    inject<string>(MODAL_DIALOG_ID_INJECTION_KEY, '') ||\n                    inject<string>(MODAL_FULLSCREEN_DIALOG_ID_INJECTION_KEY, '') ||\n                    inject<string>(SIDEPANEL_DIALOG_ID_INJECTION_KEY, '');\n\n                const teleportElement = injectionKey ? `#${injectionKey}` : 'body';\n                return teleportElement;\n            },\n        },\n        watch: {\n            to: 'maybeMove',\n            where: 'maybeMove',\n            disabled(value) {\n                if (value) {\n                    this.disable();\n                    // Ensure all event done.\n                    this.$nextTick(() => {\n                        this.teardownObserver();\n                    });\n                } else {\n                    this.bootObserver();\n                    this.move();\n                }\n            },\n        },\n        mounted() {\n            // Store a reference to the nodes\n            this.nodes = Array.from(this.$el.childNodes);\n\n            if (!this.disabled) {\n                this.bootObserver();\n            }\n\n            // Move slot content to target\n            this.maybeMove();\n        },\n        beforeDestroy() {\n            // Fix nodes reference\n            this.nodes = this.getComponentChildrenNode();\n\n            // Move back\n            this.disable();\n\n            // Stop observing\n            this.teardownObserver();\n        },\n        methods: {\n            // Using a fragment is faster because it'll trigger only a single reflow\n            // See https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment\n            getFragment(): DocumentFragment {\n                const fragment = document.createDocumentFragment();\n\n                this.nodes.forEach(node => fragment.appendChild(node));\n\n                return fragment;\n            },\n            disable() {\n                this.$el.appendChild(this.getFragment());\n                this.parent = null;\n            },\n            move() {\n                this.waiting = false;\n\n                this.parent = document.querySelector(this.defaultTo);\n\n                if (!this.parent) {\n                    this.disable();\n\n                    this.waiting = true;\n\n                    return;\n                }\n\n                if (this.where === 'before') {\n                    this.parent.prepend(this.getFragment());\n                } else {\n                    this.parent.appendChild(this.getFragment());\n                }\n            },\n            maybeMove() {\n                if (!this.disabled) {\n                    this.move();\n                }\n            },\n            onMutations(mutations) {\n                // Makes sure the move operation is only done once\n                let shouldMove = false;\n\n                // eslint-disable-next-line no-plusplus\n                for (let i = 0; i < mutations.length; i++) {\n                    const mutation = mutations[i];\n                    const filteredAddedNodes = Array.from(mutation.addedNodes).filter(\n                        node => !this.nodes.includes(node)\n                    );\n\n                    if (Array.from(mutation.removedNodes).includes(this.parent)) {\n                        this.disable();\n                        this.waiting = !this.disabled;\n                    } else if (this.waiting && filteredAddedNodes.length > 0) {\n                        shouldMove = true;\n                    }\n                }\n\n                if (shouldMove) {\n                    this.move();\n                }\n            },\n            bootObserver() {\n                if (this.observer) {\n                    return;\n                }\n\n                this.observer = new MutationObserver(mutations => this.onMutations(mutations));\n\n                this.observer.observe(document.body, {\n                    childList: true,\n                    subtree: true,\n                    attributes: false,\n                    characterData: false,\n                });\n\n                if (this.childObserver) {\n                    return;\n                }\n                // watch childNodes change\n                this.childObserver = new MutationObserver(mutations => {\n                    const childChangeRecord = mutations.find(i => i.target === this.$el);\n                    if (childChangeRecord) {\n                        // Remove old nodes before update position.\n                        this.nodes.forEach(node => node.parentNode && node.parentNode.removeChild(node));\n                        this.nodes = this.getComponentChildrenNode();\n                        this.maybeMove();\n                    }\n                });\n\n                this.childObserver.observe(this.$el, {\n                    childList: true,\n                    subtree: false,\n                    attributes: false,\n                    characterData: false,\n                });\n            },\n            teardownObserver() {\n                if (this.observer) {\n                    this.observer.disconnect();\n                    this.observer = null;\n                }\n                if (this.childObserver) {\n                    this.childObserver.disconnect();\n                    this.childObserver = null;\n                }\n            },\n            getComponentChildrenNode() {\n                // Vue3\n                if (!isVue2) {\n                    return [];\n                }\n\n                // Trick for Vue3 type checking\n                return (this as any).$vnode.componentOptions.children.map(i => i.elm).filter(i => i);\n            },\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./teleport.scss\" />\n"],"names":["__default__","defineComponent","isVue2","injectionKey","inject","MODAL_DIALOG_ID_INJECTION_KEY","MODAL_FULLSCREEN_DIALOG_ID_INJECTION_KEY","SIDEPANEL_DIALOG_ID_INJECTION_KEY","value","fragment","node","mutations","shouldMove","i","mutation","filteredAddedNodes"],"mappings":"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"}
+{"version":3,"file":"teleport.CQKBJZU5.js","sources":["../../src/components/internal/teleport/teleport.vue"],"sourcesContent":["<!-- Taken from: https://github.com/Mechazawa/vue2-teleport/blob/master/src/Teleport.vue -->\n<template>\n    <div v-if=\"isVue2\" :class=\"classes\">\n        <slot />\n    </div>\n    <Teleport v-else :to=\"defaultTo\" :where=\"where\" :disabled=\"disabled\" :class=\"classes\">\n        <slot />\n    </Teleport>\n</template>\n\n<script setup lang=\"ts\">\n    import { isVue2 } from 'vue-demi';\n    import { defineComponent, inject } from 'vue';\n    import { MODAL_DIALOG_ID_INJECTION_KEY } from '@/components/modal/components/base-modal/base-modal.keys';\n    import { SIDEPANEL_DIALOG_ID_INJECTION_KEY } from '@/components/sidepanel/sidepanel.keys';\n    import { MODAL_FULLSCREEN_DIALOG_ID_INJECTION_KEY } from '@/components/modal-fullscreen/modal-fullscreen.keys';\n</script>\n\n<script lang=\"ts\">\n    export default defineComponent({\n        name: 'teleport',\n        props: {\n            to: {\n                type: String,\n                default: '',\n            },\n            where: {\n                type: String,\n                default: 'after',\n            },\n            disabled: Boolean,\n        },\n        data: () => ({\n            childObserver: null,\n            nodes: [],\n            waiting: false,\n            observer: null,\n            parent: null,\n            isVue2,\n        }),\n        computed: {\n            classes() {\n                if (this.disabled) {\n                    return ['b-teleport'];\n                }\n\n                return ['b-teleport', 'b-teleport--hidden'];\n            },\n            defaultTo() {\n                if (this.to) {\n                    return this.to;\n                }\n\n                const injectionKey =\n                    inject<string>(MODAL_DIALOG_ID_INJECTION_KEY, '') ||\n                    inject<string>(MODAL_FULLSCREEN_DIALOG_ID_INJECTION_KEY, '') ||\n                    inject<string>(SIDEPANEL_DIALOG_ID_INJECTION_KEY, '');\n\n                const teleportElement = injectionKey ? `#${injectionKey}` : 'body';\n                return teleportElement;\n            },\n        },\n        watch: {\n            to: 'maybeMove',\n            where: 'maybeMove',\n            disabled(value) {\n                if (value) {\n                    this.disable();\n                    // Ensure all event done.\n                    this.$nextTick(() => {\n                        this.teardownObserver();\n                    });\n                } else {\n                    this.bootObserver();\n                    this.move();\n                }\n            },\n        },\n        mounted() {\n            // Store a reference to the nodes\n            this.nodes = Array.from(this.$el.childNodes);\n\n            if (!this.disabled) {\n                this.bootObserver();\n            }\n\n            // Move slot content to target\n            this.maybeMove();\n        },\n        beforeDestroy() {\n            // Fix nodes reference\n            this.nodes = this.getComponentChildrenNode();\n\n            // Move back\n            this.disable();\n\n            // Stop observing\n            this.teardownObserver();\n        },\n        methods: {\n            // Using a fragment is faster because it'll trigger only a single reflow\n            // See https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment\n            getFragment(): DocumentFragment {\n                const fragment = document.createDocumentFragment();\n\n                this.nodes.forEach(node => fragment.appendChild(node));\n\n                return fragment;\n            },\n            disable() {\n                this.$el.appendChild(this.getFragment());\n                this.parent = null;\n            },\n            move() {\n                this.waiting = false;\n\n                this.parent = document.querySelector(this.defaultTo);\n\n                if (!this.parent) {\n                    this.disable();\n\n                    this.waiting = true;\n\n                    return;\n                }\n\n                if (this.where === 'before') {\n                    this.parent.prepend(this.getFragment());\n                } else {\n                    this.parent.appendChild(this.getFragment());\n                }\n            },\n            maybeMove() {\n                if (!this.disabled) {\n                    this.move();\n                }\n            },\n            onMutations(mutations) {\n                // Makes sure the move operation is only done once\n                let shouldMove = false;\n\n                // eslint-disable-next-line no-plusplus\n                for (let i = 0; i < mutations.length; i++) {\n                    const mutation = mutations[i];\n                    const filteredAddedNodes = Array.from(mutation.addedNodes).filter(\n                        node => !this.nodes.includes(node)\n                    );\n\n                    if (Array.from(mutation.removedNodes).includes(this.parent)) {\n                        this.disable();\n                        this.waiting = !this.disabled;\n                    } else if (this.waiting && filteredAddedNodes.length > 0) {\n                        shouldMove = true;\n                    }\n                }\n\n                if (shouldMove) {\n                    this.move();\n                }\n            },\n            bootObserver() {\n                if (this.observer) {\n                    return;\n                }\n\n                this.observer = new MutationObserver(mutations => this.onMutations(mutations));\n\n                this.observer.observe(document.body, {\n                    childList: true,\n                    subtree: true,\n                    attributes: false,\n                    characterData: false,\n                });\n\n                if (this.childObserver) {\n                    return;\n                }\n                // watch childNodes change\n                this.childObserver = new MutationObserver(mutations => {\n                    const childChangeRecord = mutations.find(i => i.target === this.$el);\n                    if (childChangeRecord) {\n                        // Remove old nodes before update position.\n                        this.nodes.forEach(node => node.parentNode && node.parentNode.removeChild(node));\n                        this.nodes = this.getComponentChildrenNode();\n                        this.maybeMove();\n                    }\n                });\n\n                this.childObserver.observe(this.$el, {\n                    childList: true,\n                    subtree: false,\n                    attributes: false,\n                    characterData: false,\n                });\n            },\n            teardownObserver() {\n                if (this.observer) {\n                    this.observer.disconnect();\n                    this.observer = null;\n                }\n                if (this.childObserver) {\n                    this.childObserver.disconnect();\n                    this.childObserver = null;\n                }\n            },\n            getComponentChildrenNode() {\n                // Vue3\n                if (!isVue2) {\n                    return [];\n                }\n\n                // Trick for Vue3 type checking\n                return (this as any).$vnode.componentOptions.children.map(i => i.elm).filter(i => i);\n            },\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./teleport.scss\" />\n"],"names":["__default__","defineComponent","isVue2","injectionKey","inject","MODAL_DIALOG_ID_INJECTION_KEY","MODAL_FULLSCREEN_DIALOG_ID_INJECTION_KEY","SIDEPANEL_DIALOG_ID_INJECTION_KEY","value","fragment","node","mutations","shouldMove","i","mutation","filteredAddedNodes"],"mappings":"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"}

package/dist/chunks/textarea.CcKbtQBs.js

@@ -0,0 +1,208 @@
+import { defineComponent as K, useAttrs as Q, toRefs as O, ref as d, toRef as X, computed as n, watch as x, nextTick as ee, onMounted as te, onUnmounted as ae } from "vue";
+import { B as le } from "./button.DhAUh5JA.js";
+import { B as re } from "./typography.Bjtu3Gca.js";
+import { n as T } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { g as se } from "./unique-id.XFfoKuc2.js";
+import { o as F } from "./resize.Bqks3WUm.js";
+import { u as oe } from "./aria-label.CaUURpnB.js";
+import { u as ne } from "./i18n.BQkEbtPM.js";
+import { u as ie } from "./use-form-layout-loading.D3lALhtC.js";
+import { E as ue, F as ce } from "./error-message.BSxUoE3_.js";
+import "../assets/textarea.css";
+let H = 0;
+const de = {
+  beforeCreate() {
+    this.uuid = H.toString(), H += 1;
+  }
+};
+var pe = function() {
+  var e = this, a = e._self._c;
+  return a("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"] ? a("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), a("path", { attrs: { fill: "#00112C", d: "M2.25 8C2.25 4.82436 4.82436 2.25 8 2.25C11.1756 2.25 13.75 4.82436 13.75 8C13.75 11.1756 11.1756 13.75 8 13.75C4.82436 13.75 2.25 11.1756 2.25 8ZM7.00011 5.93945L5.93945 7.00011L6.93945 8.00011L5.93945 9.00011L7.00011 10.0608L8.00011 9.06077L9.00011 10.0608L10.0608 9.00011L9.06077 8.00011L10.0608 7.00011L9.00011 5.93945L8.00011 6.93945L7.00011 5.93945Z" } })]);
+}, fe = [], _e = /* @__PURE__ */ T(
+  de,
+  pe,
+  fe,
+  !1,
+  null,
+  null
+);
+const be = _e.exports;
+var E = /* @__PURE__ */ ((l) => (l.HORIZONTAL = "horizontal", l.VERTICAL = "vertical", l.BOTH = "both", l.NONE = "none", l))(E || {}), p = /* @__PURE__ */ ((l) => (l.CLEARABLE = "clearable", l.DISABLED = "disabled", l.ERROR = "error", l.READONLY = "readonly", l))(p || {}), u = /* @__PURE__ */ ((l) => (l.BLUR = "blur", l.CHANGE = "change", l.CLEAR = "clear", l.ESCAPE_PRESSED = "escape-pressed", l.FOCUS = "focus", l.INPUT = "input", l))(u || {});
+const ve = {
+  "en-US": {
+    clearText: "Clear text",
+    textarea: "textarea",
+    yourTextCanBenAtMost: "Your text can be at most {characterLimit} characters"
+  }
+}, he = {
+  i18n: { messages: ve },
+  name: "bento-textarea"
+}, me = /* @__PURE__ */ K({
+  ...he,
+  props: {
+    /**
+     * Text that labels an the input element
+     */
+    ariaLabel: { type: String, default: void 0 },
+    /**
+     * Text that shows number of characters in textarea
+     */
+    characterLimit: { type: Number, default: void 0 },
+    /**
+     * Text displayed as the help text of the textarea
+     */
+    description: { type: String, default: "" },
+    /**
+     * Disables the possibility of changing value in the textarea
+     */
+    disabled: { type: Boolean, default: !1 },
+    /**
+     * If set to true, shows a button to clear all the text
+     */
+    clearable: { type: Boolean, default: !1 },
+    /**
+     * Adds error text
+     */
+    errorMessage: { type: String, default: "" },
+    /**
+     * Sets the height of the textarea, e.g 200px OR 20vh
+     */
+    height: { type: String, default: null },
+    /**
+     * Text displayed as the label of the textarea
+     */
+    label: { type: String, default: "" },
+    /**
+     * Highlights the textarea is optional.
+     */
+    optional: { type: Boolean, default: !1 },
+    /**
+     * Text displayed as the placeholder of the textarea
+     */
+    placeholder: { type: String, default: "" },
+    /**
+     * Set the textarea to read only state.
+     */
+    readonly: { type: Boolean, default: !1 },
+    /**
+     * Indicates the possibility of resize the textarea
+     */
+    resizable: {
+      type: String,
+      default: E.BOTH,
+      validator: (l) => Object.values(E).includes(l)
+    },
+    /**
+     * Highlights the textarea is required.
+     */
+    required: { type: Boolean, default: !1 },
+    /**
+     * Adds a info icon next to the label to display the passed tooltip message.
+     */
+    tooltipText: { type: String, default: null },
+    /**
+     * Text displayed as the value of the textarea
+     */
+    value: { type: String, default: "" }
+  },
+  setup(l, { emit: e }) {
+    const a = l, t = Q(), { height: r } = O(a), w = se("textarea"), s = d(null), f = d(null), o = d(a.value), h = 44, _ = d(a.height || `${h}px`), y = d("100%");
+    let b = null, v = null;
+    const { t: R } = ne(), { isReadOnly: m } = ie(X(a, "readonly")), M = n(() => `${o.value.length} / ${a.characterLimit}`), C = n(
+      () => a.characterLimit && o.value.length > a.characterLimit
+    ), g = () => {
+      s.value && s.value.scrollHeight > h && (_.value = `${s.value.scrollHeight + 3}px`);
+    };
+    x(r, () => {
+      r.value ? _.value = r.value : g();
+    }), x(
+      () => a.value,
+      () => {
+        o.value = a.value;
+      },
+      { immediate: !0 }
+    ), x(
+      () => o.value,
+      async () => {
+        var i, c;
+        if (!r.value && (!s.value || ((i = s.value) == null ? void 0 : i.scrollHeight) > ((c = s.value) == null ? void 0 : c.clientHeight))) {
+          if (_.value = `${h}px`, !o.value)
+            return;
+          await ee(), g();
+        }
+      },
+      { immediate: !0 }
+    );
+    const S = n(() => !!a.errorMessage || C.value), P = n(() => ({
+      [`b-textarea--${p.DISABLED}`]: a.disabled
+    })), N = n(() => ({
+      [`b-textarea__input--${p.CLEARABLE}`]: a.clearable,
+      [`b-textarea__input--${p.READONLY}`]: m.value,
+      [`b-textarea__input--${p.ERROR}`]: S.value,
+      "b-textarea__input--dynamic-height": !r.value
+    })), $ = n(() => ({
+      "b-textarea__label-box--no-label": !a.label
+    })), U = n(() => ({
+      [`b-textarea__label-item--${p.ERROR}`]: C.value
+    })), W = n(() => R("yourTextCanBenAtMost", { characterLimit: a.characterLimit })), A = d(t["aria-label"]), { ariaLabel: I, label: B } = O(a), D = oe({
+      ariaLabel: A.value,
+      // TODO: take this line away when the aria-label props is removed
+      label: I,
+      defaultFallback: B
+    }), z = n(
+      () => a.clearable && o.value && !a.disabled && !m.value
+    ), q = () => {
+      o.value = "", e(u.CLEAR), e(u.INPUT, "");
+    }, V = (i) => {
+      i.stopImmediatePropagation(), !a.disabled && !m.value && (o.value = i.target.value, e(u.INPUT, o.value));
+    }, Y = () => {
+      s.value.scrollTop = 0, e(u.BLUR);
+    }, Z = () => {
+      s.value.focus(), e(u.FOCUS);
+    }, G = () => {
+      e(u.CHANGE);
+    }, j = () => {
+      e(u.ESCAPE_PRESSED);
+    }, L = (i = !1) => {
+      var k;
+      const c = s.value.style.width;
+      if (s.value.style.height && (_.value = s.value.style.height), i && !c)
+        return;
+      const J = (k = f == null ? void 0 : f.value) == null ? void 0 : k.offsetWidth;
+      !c || parseInt(c, 10) > J ? y.value = "100%" : y.value = c;
+    };
+    return te(() => {
+      b = F(s.value, () => {
+        L(!0);
+      }), v = F(f.value, () => {
+        L();
+      }), r.value || g();
+    }), ae(() => {
+      b == null || b.disconnect(), v == null || v.disconnect();
+    }), { __sfc: !0, attrs: t, props: a, emit: e, height: r, textareaId: w, textareaElement: s, textareaComponent: f, textareaValue: o, defaultTextareaHeight: h, textareaHeight: _, textareaWrapperWidth: y, textareaElementObserver: b, textareaComponentObserver: v, t: R, isReadOnly: m, counter: M, isOverCharacterLimit: C, calculateHeight: g, invalidInput: S, conditionalClasses: P, conditionalClassesInput: N, conditionalClassesLabelBox: $, conditionalClassesLabelItem: U, counterErrorText: W, ariaLabelAttribute: A, ariaLabel: I, label: B, computedAriaLabel: D, showClearButton: z, onClear: q, onInput: V, onBlur: Y, onFocus: Z, onChange: G, onPressEscape: j, resizeTextareaWrapper: L, BentoButton: le, BentoTypography: re, ErrorMessage: ue, FieldLabel: ce, CrossCircleFillSmallIcon: be };
+  }
+});
+var ge = function() {
+  var e = this, a = e._self._c, t = e._self._setupProxy;
+  return a("div", { ref: "textareaComponent", staticClass: "b-textarea", class: t.conditionalClasses }, [a("div", { style: { width: t.textareaWrapperWidth } }, [a("div", { staticClass: "b-textarea__label-box", class: t.conditionalClassesLabelBox }, [t.label ? a(t.FieldLabel, { attrs: { for: t.textareaId, label: t.label, "tooltip-text": e.tooltipText, optional: e.optional, required: e.required } }) : e._e(), e.characterLimit ? a(t.BentoTypography, { staticClass: "b-textarea__label-item", class: t.conditionalClassesLabelItem, attrs: { el: "span" } }, [e._v(" " + e._s(t.counter) + " ")]) : e._e()], 1), a(t.BentoTypography, { staticClass: "b-textarea__input-box", attrs: { el: "div", "aria-disabled": e.disabled } }, [a("textarea", { ref: "textareaElement", staticClass: "b-textarea__input", class: t.conditionalClassesInput, style: { resize: e.resizable, height: t.textareaHeight }, attrs: { id: t.textareaId, "aria-label": t.computedAriaLabel, "aria-invalid": t.invalidInput, readonly: t.isReadOnly, disabled: e.disabled, placeholder: e.placeholder }, domProps: { value: t.textareaValue }, on: { blur: t.onBlur, change: t.onChange, focus: t.onFocus, input: t.onInput, keydown: function(r) {
+    return !r.type.indexOf("key") && e._k(r.keyCode, "esc", 27, r.key, ["Esc", "Escape"]) ? null : t.onPressEscape.apply(null, arguments);
+  } } }), t.showClearButton ? a("div", { staticClass: "b-textarea__clear-button" }, [a(t.BentoButton, { attrs: { variant: "tertiary", disabled: e.disabled }, on: { click: t.onClear, keypress: function(r) {
+    return !r.type.indexOf("key") && e._k(r.keyCode, "enter", 13, r.key, "Enter") ? null : t.onClear.apply(null, arguments);
+  }, keyup: function(r) {
+    return !r.type.indexOf("key") && e._k(r.keyCode, "space", 32, r.key, [" ", "Spacebar"]) ? null : t.onClear.apply(null, arguments);
+  } }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
+    return [a(t.CrossCircleFillSmallIcon, { attrs: { "svg-title": t.t("clearText") } })];
+  }, proxy: !0 }], null, !1, 3119266621) })], 1) : e._e()]), t.isOverCharacterLimit ? a(t.ErrorMessage, { attrs: { "error-message": t.counterErrorText } }) : e._e(), e.errorMessage ? a(t.ErrorMessage, { attrs: { "error-message": e.errorMessage } }) : e._e(), e.description ? a(t.BentoTypography, { staticClass: "b-textarea__description", attrs: { el: "span" } }, [e._v(" " + e._s(e.description) + " ")]) : e._e()], 1)]);
+}, ye = [], Ce = /* @__PURE__ */ T(
+  me,
+  ge,
+  ye,
+  !1,
+  null,
+  "9fd9823a"
+);
+const Fe = Ce.exports;
+export {
+  Fe as B
+};
+//# sourceMappingURL=textarea.CcKbtQBs.js.map