@adyen/bento-vue2 1.102.0 → 1.103.0

package/dist/chunks/tab.N0xGWsfO.js

@@ -1,259 +0,0 @@
-import { defineComponent as N, ref as p, provide as g, watch as x, nextTick as k, computed as m, unref as $, onUnmounted as A, toRefs as j, inject as B } from "vue";
-import { B as G } from "./typography.C8lPlsbD.js";
-import { B as J } from "./tag.BAyLm485.js";
-import { C as U } from "./cross-circle-fill.DTDtgLMf.js";
-import { u as z } from "./index.B6WW_F-J.js";
-import { g as M } from "./generate-uid.NJ8tVoha.js";
-import { T as R, a as O, E as q } from "./tabs.keys.B4qGhjp2.js";
-import { F as H } from "./fixed-scroller.04EUUgD_.js";
-import { n as S } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/tab.css";
-const F = (s, e) => {
-  const a = s === 0 ? e.length - 1 : s - 1, t = e[a];
-  return t.disabled || t.hidden ? F(a, e) : a;
-}, D = (s, e) => {
-  const a = s === e.length - 1 ? 0 : s + 1, t = e[a];
-  return t.disabled || t.hidden ? D(a, e) : a;
-}, Q = {
-  "de-DE": {
-    errorCount: "Fehler | Fehler"
-  },
-  "en-GB": {
-    errorCount: "error | errors"
-  },
-  "en-US": {
-    errorCount: "error | errors"
-  },
-  "es-419": {
-    errorCount: "error | errores"
-  },
-  "es-ES": {
-    errorCount: "error | errores"
-  },
-  "es-MX": {
-    errorCount: "error | errores"
-  },
-  "fr-FR": {
-    errorCount: "erreur | erreurs"
-  },
-  "it-IT": {
-    errorCount: "errore | errori"
-  },
-  "ja-JP": {
-    errorCount: "エラー | エラー"
-  },
-  "pt-BR": {
-    errorCount: "erro | erros"
-  },
-  "zh-CN": {
-    errorCount: "错误 | 错误"
-  }
-};
-var w = /* @__PURE__ */ ((s) => (s.ACTIVE_TAB_INDEX = "update:active-tab-index", s))(w || {});
-const V = N({
-  i18n: { messages: Q },
-  components: {
-    BentoTag: J,
-    BentoTypography: G,
-    CrossCircleFillIcon: U,
-    FixedScroller: H
-  },
-  props: {
-    /**
-     * Sets the active tab by its index (0 being the first tab item).
-     */
-    activeTabIndex: { type: Number, default: 0 },
-    /*
-     * Renders the tab with a sticky positioning.
-     */
-    sticky: { type: Boolean, default: !1 },
-    /**
-     * Additional configurable options for tabs rendered with a sticky positioning.
-     * It must be an object of type {@see BentoStickyTabsOption}
-     * @property {Ref<number>} stickyOptions.top - Top position the tabs should take up when rendered as sticky.
-     */
-    stickyOptions: { type: Object, default: null }
-  },
-  emits: [w.ACTIVE_TAB_INDEX],
-  setup(s, { emit: e }) {
-    const { tc: a } = z(), t = p([]), u = p(null), b = p(), l = p(""), n = p(!1);
-    let c;
-    g(R, l);
-    const _ = (r) => () => {
-      var o;
-      t.value = (o = t.value) == null ? void 0 : o.filter(({ id: i }) => i !== r);
-    };
-    g(O, ({
-      title: r,
-      disabled: o,
-      errorCounter: i,
-      withNotificationIndicator: f,
-      counter: h,
-      hidden: W,
-      setElementRef: Y
-    }) => {
-      const I = M("b-tab");
-      return t.value.push({
-        counter: h,
-        disabled: o,
-        errorCounter: i,
-        hidden: W,
-        id: I,
-        title: r,
-        withNotificationIndicator: f,
-        setElementRef: Y
-      }), { id: I, unregisterTab: _(I) };
-    });
-    const d = (r) => {
-      if (r.code === "ArrowLeft" || r.code === "ArrowRight") {
-        const o = t.value.find((f) => document.activeElement.id === f.id);
-        let i = t.value.indexOf(o);
-        r.code === "ArrowLeft" ? i = F(i, t.value) : r.code === "ArrowRight" && (i = D(i, t.value)), u.value.children[i].focus();
-      }
-    };
-    x(
-      [() => s.activeTabIndex, t],
-      ([r, o]) => {
-        k(() => {
-          var f;
-          const i = o[r];
-          l.value = i && !i.disabled ? i.id : (f = t.value.find(({ disabled: h }) => !h)) == null ? void 0 : f.id;
-        });
-      },
-      { immediate: !0 }
-    );
-    const C = (r) => {
-      l.value = r;
-      const o = t.value.findIndex(({ id: i }) => i === l.value);
-      e(w.ACTIVE_TAB_INDEX, o);
-    }, y = (r) => r ? "disabled" : !1, T = m(() => {
-      var r;
-      return (r = s.stickyOptions) != null && r.top ? $(s.stickyOptions.top) : 0;
-    }), P = m(() => s.sticky && T.value > 0 ? !0 : n.value), E = () => {
-      c && (c.disconnect(), c = null), n.value = !1;
-    }, K = (r) => {
-      s.sticky && T.value === 0 && (c = new IntersectionObserver(
-        ([o]) => {
-          n.value = o.intersectionRatio < 1;
-        },
-        { threshold: [1] }
-      ), c.observe(r));
-    };
-    x(
-      [() => s.sticky, b, T],
-      ([r, o]) => {
-        E(), r && o && k(() => K(o));
-      },
-      { immediate: !0 }
-    ), A(() => {
-      E();
-    });
-    const X = m(() => ({
-      "b-tabs__tab-list-wrapper--sticky": s.sticky,
-      "b-tabs__tab-list-wrapper--pinned": P.value
-    })), L = m(
-      () => {
-        var r;
-        return (
-          // This helps us detect when the tabs are pinned without calculations on the tabs positions because it makes the tabs intersect by 1 pixel with the element on top of it, which is getting aught by the intersection observer.
-          // Followed this example: https://css-tricks.com/how-to-detect-when-a-sticky-element-gets-pinned/
-          s.sticky ? {
-            top: `${(((r = s.stickyOptions) == null ? void 0 : r.top) ?? 0) - 1}px`
-          } : {}
-        );
-      }
-    );
-    return {
-      tc: a,
-      tabs: t,
-      tablist: u,
-      tablistwrapper: b,
-      activeTabId: l,
-      tablistWrapperConditionalClasses: X,
-      tablistWrapperStyles: L,
-      onKeydownTabsNavigation: d,
-      handleTabChange: C,
-      isDisabled: y
-    };
-  }
-});
-var Z = function() {
-  var e = this, a = e._self._c;
-  return e._self._setupProxy, a("div", { staticClass: "b-tabs" }, [a("div", { ref: "tablistwrapper", staticClass: "b-tabs__tab-list-wrapper", class: e.tablistWrapperConditionalClasses, style: e.tablistWrapperStyles }, [a("fixed-scroller", { attrs: { condensed: "", "extra-padding-top": 2 } }, [a("div", { ref: "tablist", staticClass: "b-tabs__tab-list", attrs: { role: "tablist" }, on: { keydown: e.onKeydownTabsNavigation } }, e._l(e.tabs, function({
-    counter: t,
-    disabled: u,
-    errorCounter: b,
-    hidden: l,
-    id: n,
-    title: c,
-    withNotificationIndicator: _,
-    setElementRef: v
-  }) {
-    return a("button", { directives: [{ name: "show", rawName: "v-show", value: !l, expression: "!hidden" }], key: n, ref: v, refInFor: !0, staticClass: "b-tabs__tab", class: {
-      "b-tabs__tab--active": e.activeTabId === n,
-      "b-tabs__tab--disabled": u
-    }, attrs: { id: n, role: "tab", type: "button", "aria-controls": `${n}-tabpanel`, "aria-hidden": l ? "true" : "false", "aria-selected": e.activeTabId === n ? "true" : "false", tabindex: e.activeTabId === n && !u.value ? null : -1, disabled: e.isDisabled(u) }, on: { click: function(d) {
-      return e.handleTabChange(n);
-    }, keydown: function(d) {
-      return !d.type.indexOf("key") && e._k(d.keyCode, "enter", 13, d.key, "Enter") && e._k(d.keyCode, "space", 32, d.key, [" ", "Spacebar"]) ? null : e.handleTabChange(n);
-    } } }, [a("span", { staticClass: "b-tabs__tab-text" }, [a("bento-typography", { staticClass: "b-tabs__tab-title", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(c) + " ")]), t != null ? a("bento-typography", { staticClass: "b-tabs__tab-counter", class: {
-      "b-tabs__tab-counter--active": e.activeTabId === n
-    }, attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(t) + " ")]) : e._e(), b != null ? a("bento-tag", { staticClass: "b-tabs__tab-error-counter", attrs: { variant: "red" }, scopedSlots: e._u([{ key: "icon", fn: function() {
-      return [a("cross-circle-fill-icon", { attrs: { "aria-hidden": "true" } })];
-    }, proxy: !0 }], null, !0) }, [a("span", [e._v(e._s(b))]), a("span", { staticClass: "b-tabs__visually-hidden" }, [e._v(e._s(e.tc("errorCount", b)))])]) : e._e(), _ ? a("span", { staticClass: "b-tabs__tab-notification-dot", attrs: { "aria-hidden": "true" } }) : e._e()], 1), a("span", { directives: [{ name: "show", rawName: "v-show", value: e.activeTabId === n, expression: "activeTabId === id" }], staticClass: "b-tabs__tab-underline", attrs: { "aria-hidden": "true" } })]);
-  }), 0)])], 1), e._t("default")], 2);
-}, ee = [], te = /* @__PURE__ */ S(
-  V,
-  Z,
-  ee,
-  !1,
-  null,
-  "c941b744"
-);
-const ve = te.exports, ae = {
-  name: "bento-tab"
-}, re = /* @__PURE__ */ N({
-  ...ae,
-  props: {
-    counter: { default: null },
-    disabled: { type: Boolean, default: !1 },
-    errorCounter: { default: null },
-    hidden: { type: Boolean, default: !1 },
-    title: null,
-    withNotificationIndicator: { type: Boolean, default: !1 },
-    setElementRef: { type: Function, default: void 0 }
-  },
-  setup(s) {
-    const e = s, { counter: a, disabled: t, errorCounter: u, hidden: b, withNotificationIndicator: l } = j(e), n = p(), c = (T) => {
-      n.value = T;
-    };
-    g(q, c);
-    const _ = m(() => n.value ?? e.title), v = B(O), d = B(R), { id: C, unregisterTab: y } = v({
-      counter: a,
-      disabled: t,
-      errorCounter: u,
-      hidden: b,
-      title: _,
-      withNotificationIndicator: l,
-      setElementRef: e.setElementRef
-    });
-    return A(() => y()), { __sfc: !0, props: e, counter: a, disabled: t, errorCounter: u, hidden: b, withNotificationIndicator: l, componentTitle: n, setTitle: c, computedTitle: _, registerTab: v, activeTabId: d, id: C, unregisterTab: y };
-  }
-});
-var se = function() {
-  var e = this, a = e._self._c, t = e._self._setupProxy;
-  return a("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 ? [e._t("default")] : e._e()], 2);
-}, ne = [], oe = /* @__PURE__ */ S(
-  re,
-  se,
-  ne,
-  !1,
-  null,
-  "95343e8e"
-);
-const Te = oe.exports;
-export {
-  Te as B,
-  ve as a
-};
-//# sourceMappingURL=tab.N0xGWsfO.js.map

package/dist/chunks/table-of-contents.Cf-IrdZl.js

@@ -1,129 +0,0 @@
-import { defineComponent as m, computed as l } from "vue";
-import { B as p } from "./typography.C8lPlsbD.js";
-import { g as T } from "./generate-uid.NJ8tVoha.js";
-import { u as x, g as v, s as S, a as y } from "./scroll-to-section.CC5g-HBX.js";
-import { u as C } from "./utils.BzUwtTXc.js";
-import { u as P } from "./index.B6WW_F-J.js";
-import { n as g } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/table-of-contents.css";
-var b = /* @__PURE__ */ ((c) => (c.ACTIVE = "active", c))(b || {});
-const R = /* @__PURE__ */ m({
-  __name: "table-of-contents-list",
-  props: {
-    activeSectionHref: { default: void 0 },
-    initialFocusIndex: { default: -1 },
-    items: null,
-    scrollOffset: { default: void 0 }
-  },
-  setup(c) {
-    const e = c, n = (s) => v(s), t = (s) => n(s) ?? "#", a = (s) => !!e.activeSectionHref && n(s.elementRef) === e.activeSectionHref, r = (s) => ({
-      [`b-table-of-contents__item--${b.ACTIVE}`]: a(s),
-      [`b-table-of-contents__item--level-${Math.min(Math.max(s.level ?? 1, 1), 4)}`]: !0
-    }), i = (s) => S(s, {
-      scrollOffset: e.scrollOffset,
-      updateHash: !0,
-      warningPrefix: "bento-table-of-contents"
-    }), { isFocusable: d, navigationItemRefs: f, onKeydownNavigation: u } = x(
-      l(() => e.items),
-      {
-        initialIndex: l(() => e.initialFocusIndex)
-      }
-    );
-    return { __sfc: !0, props: e, getSectionFragmentHref: n, getSectionHref: t, isActiveItem: a, getItemClasses: r, onScrollToSection: i, isFocusable: d, navigationItemRefs: f, onKeydownNavigation: u, BentoTypography: p };
-  }
-});
-var F = function() {
-  var e = this, n = e._self._c, t = e._self._setupProxy;
-  return n("ol", { staticClass: "b-table-of-contents__toc", on: { keydown: t.onKeydownNavigation } }, e._l(e.items, function(a, r) {
-    return n("li", { key: r, staticClass: "b-table-of-contents__item", class: t.getItemClasses(a) }, [n("a", { ref: "navigationItemRefs", refInFor: !0, staticClass: "b-table-of-contents__item-title", attrs: { href: t.getSectionHref(a.elementRef), "aria-current": t.isActiveItem(a) ? "location" : void 0, tabindex: t.isFocusable(r) ? null : -1 }, on: { click: function(i) {
-      return i.preventDefault(), t.onScrollToSection(a.elementRef);
-    }, keydown: function(i) {
-      return !i.type.indexOf("key") && e._k(i.keyCode, "enter", 13, i.key, "Enter") ? null : (i.preventDefault(), t.onScrollToSection(a.elementRef));
-    } } }, [n(t.BentoTypography, { staticClass: "b-table-of-contents__item-label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(e._s(a.title))])], 1), r !== e.items.length - 1 ? n("div", { staticClass: "b-table-of-contents__item-separator" }) : e._e()]);
-  }), 0);
-}, H = [], O = /* @__PURE__ */ g(
-  R,
-  F,
-  H,
-  !1,
-  null,
-  "daeebeb1"
-);
-const E = O.exports, A = {
-  "de-DE": {
-    onThisPage: "Auf dieser Seite"
-  },
-  "en-GB": {
-    onThisPage: "On this page"
-  },
-  "en-US": {
-    onThisPage: "On this page"
-  },
-  "es-419": {
-    onThisPage: "En esta página"
-  },
-  "es-ES": {
-    onThisPage: "En esta página"
-  },
-  "fr-FR": {
-    onThisPage: "Sur cette page"
-  },
-  "it-IT": {
-    onThisPage: "In questa pagina"
-  },
-  "ja-JP": {
-    onThisPage: "このページで"
-  },
-  "pt-BR": {
-    onThisPage: "Nesta página"
-  },
-  "zh-CN": {
-    onThisPage: "在此页面"
-  }
-}, k = {
-  name: "bento-table-of-contents",
-  i18n: { messages: A }
-}, B = /* @__PURE__ */ m({
-  ...k,
-  props: {
-    items: null,
-    activeIndex: { default: void 0 },
-    scrollOffset: { default: void 0 },
-    title: { default: void 0 }
-  },
-  setup(c) {
-    const e = c, { t: n } = P(), t = T("table-of-contents-title"), a = l(() => e.title ?? n("onThisPage")), r = l(
-      () => e.items.map((o, h) => ({
-        element: C(o.elementRef),
-        originalIndex: h
-      })).filter((o) => !!o.element)
-    ), i = l(() => r.value.map((o) => o.element)), d = l(() => e.activeIndex ?? -1), f = l(
-      () => e.activeIndex === void 0 ? -1 : r.value.findIndex(({ originalIndex: o }) => o === e.activeIndex)
-    ), u = (o) => v(o), { activeIndex: s } = y(i, {
-      default: f
-    }), _ = l(() => {
-      var o;
-      return e.activeIndex !== void 0 ? e.activeIndex : ((o = r.value[s.value]) == null ? void 0 : o.originalIndex) ?? -1;
-    }), I = l(() => {
-      var o;
-      return u((o = e.items[_.value]) == null ? void 0 : o.elementRef);
-    });
-    return { __sfc: !0, t: n, props: e, titleId: t, computedTitle: a, resolvedItems: r, sectionTargetElements: i, controlledActiveIndex: d, scrollSpyDefaultIndex: f, getSectionFragmentHref: u, scrollSpyActiveIndex: s, currentActiveIndex: _, activeSectionHref: I, BentoTypography: p, TableOfContentsList: E };
-  }
-});
-var w = function() {
-  var e = this, n = e._self._c, t = e._self._setupProxy;
-  return n("nav", { staticClass: "b-table-of-contents", attrs: { "aria-labelledby": t.titleId } }, [n(t.BentoTypography, { staticClass: "b-table-of-contents__header", attrs: { id: t.titleId, el: "h2", variant: "body", stronger: "" } }, [e._v(e._s(t.computedTitle))]), n(t.TableOfContentsList, { attrs: { items: e.items, "active-section-href": t.activeSectionHref, "initial-focus-index": t.controlledActiveIndex, "scroll-offset": e.scrollOffset } })], 1);
-}, N = [], D = /* @__PURE__ */ g(
-  B,
-  w,
-  N,
-  !1,
-  null,
-  "325b3a45"
-);
-const j = D.exports;
-export {
-  j as t
-};
-//# sourceMappingURL=table-of-contents.Cf-IrdZl.js.map

package/dist/chunks/textarea.BDRR1zE0.js

@@ -1,224 +0,0 @@
-import { defineComponent as se, useAttrs as ne, toRefs as S, ref as c, toRef as ie, computed as i, watch as M, nextTick as ce, onMounted as ue, onUnmounted as de } from "vue";
-import { B as pe } from "./button.CKS_V3p5.js";
-import { d as me, B as xe } from "./typography.C8lPlsbD.js";
-import { C as fe } from "./cross-circle-fill-small.DfxDedRr.js";
-import { g as he } from "./generate-uid.NJ8tVoha.js";
-import { o as w } from "./resize.Bqks3WUm.js";
-import { u as be } from "./aria-label.CaUURpnB.js";
-import { u as ye } from "./index.B6WW_F-J.js";
-import { u as _e } from "./form-field.D_2g7vaP.js";
-import { u as ve } from "./use-form-layout-loading.CWbjZiwP.js";
-import { b as Ce } from "./es6.Cu3DYUPA.js";
-import { F as ge } from "./field-label.DjJ7wdFi.js";
-import { E as Le } from "./error-message.Hqp_VvD3.js";
-import { n as Ee } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/textarea.css";
-var p = /* @__PURE__ */ ((r) => (r.CLEARABLE = "clearable", r.DISABLED = "disabled", r.ERROR = "error", r.READONLY = "readonly", r))(p || {}), u = /* @__PURE__ */ ((r) => (r.BLUR = "blur", r.CHANGE = "change", r.CLEAR = "clear", r.ESCAPE_PRESSED = "escape-pressed", r.FOCUS = "focus", r.INPUT = "input", r.UPDATE_MODEL_VALUE = "update:model-value", r.KEYDOWN = "keydown", r.KEYUP = "keyup", r))(u || {});
-const Te = {
-  "de-DE": {
-    clearText: "Text löschen",
-    textarea: "textarea",
-    yourTextCanBenAtMost: "Ihr Text darf maximal {characterLimit} Zeichen lang sein."
-  },
-  "en-GB": {
-    clearText: "Clear text",
-    textarea: "textarea",
-    yourTextCanBenAtMost: "Your text can be at most {characterLimit} characters"
-  },
-  "en-US": {
-    clearText: "Clear text",
-    textarea: "textarea",
-    yourTextCanBenAtMost: "Your text can be at most {characterLimit} characters"
-  },
-  "es-419": {
-    clearText: "Borrar texto",
-    textarea: "área de texto",
-    yourTextCanBenAtMost: "Tu texto puede tener como máximo {characterLimit} caracteres"
-  },
-  "es-ES": {
-    clearText: "Texto claro",
-    textarea: "textarea",
-    yourTextCanBenAtMost: "El texto puede tener como máximo {characterLimit} caracteres"
-  },
-  "es-MX": {
-    clearText: "Borrar texto",
-    textarea: "textearea",
-    yourTextCanBenAtMost: "Tu texto puede tener como máximo {characterLimit} caracteres"
-  },
-  "fr-FR": {
-    clearText: "Effacer le texte",
-    textarea: "zone de texte",
-    yourTextCanBenAtMost: "Votre texte ne doit pas dépasser {characterLimit} caractères"
-  },
-  "it-IT": {
-    clearText: "Cancella testo",
-    textarea: "area del testo",
-    yourTextCanBenAtMost: "Il tuo testo può contenere al massimo {characterLimit} caratteri"
-  },
-  "ja-JP": {
-    clearText: "Clear text",
-    textarea: "textarea",
-    yourTextCanBenAtMost: "Your text can be at most {characterLimit} characters"
-  },
-  "pt-BR": {
-    clearText: "Clear text",
-    textarea: "textarea",
-    yourTextCanBenAtMost: "Your text can be at most {characterLimit} characters"
-  },
-  "zh-CN": {
-    clearText: "清除文本",
-    textarea: "textarea",
-    yourTextCanBenAtMost: "您的文本最多可以包含 {characterLimit} 个字符"
-  }
-}, H = parseFloat(Ce), Be = {
-  i18n: { messages: Te },
-  name: "bento-textarea",
-  model: { prop: "modelValue" }
-}, Ae = /* @__PURE__ */ se({
-  ...Be,
-  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(r, { expose: t, emit: a }) {
-    const e = r, l = ne(), { height: y } = S(e), W = he("textarea"), s = c(null), m = c(null), n = c(e.modelValue || e.value), d = 44, x = c(e.height || `${d}px`), L = c(0), E = c("100%"), _ = c(!1);
-    let f = null, h = null;
-    const { t: I, n: T } = ye(), { isReadOnly: v } = ve(ie(e, "readonly")), { emitValue: B } = _e(a), Y = i(() => {
-      var o;
-      return `${T(((o = n == null ? void 0 : n.value) == null ? void 0 : o.length) ?? 0)} / ${T(e.characterLimit)}`;
-    }), b = i(() => !y.value), A = i(
-      () => e.characterLimit && n.value.length > e.characterLimit
-    ), C = () => {
-      if (s.value) {
-        const o = Math.max(
-          s.value.scrollHeight <= d ? d : s.value.scrollHeight + H * 2,
-          L.value,
-          d
-        );
-        x.value = `${o}px`;
-      }
-    };
-    M(y, () => {
-      b.value ? C() : x.value = y.value;
-    }), M(
-      () => [e.value, e.modelValue],
-      () => {
-        n.value = e.modelValue || e.value;
-      },
-      { immediate: !0 }
-    ), M(
-      () => n.value,
-      async () => {
-        if (b.value) {
-          if (x.value = `${d}px`, !n.value)
-            return;
-          await ce(), C();
-        }
-      },
-      { immediate: !0 }
-    );
-    const k = i(() => !!e.errorMessage || A.value), z = i(() => ({
-      [`b-textarea--${p.DISABLED}`]: e.disabled
-    })), K = i(() => ({
-      [`b-textarea__input--${p.CLEARABLE}`]: e.clearable,
-      [`b-textarea__input--${p.READONLY}`]: v.value,
-      [`b-textarea__input--${p.ERROR}`]: k.value,
-      "b-textarea__input--dynamic-height": b.value
-    })), N = i(() => ({
-      "b-textarea__label-box--no-label": !e.label
-    })), V = i(() => ({
-      [`b-textarea__label-item--${p.ERROR}`]: A.value
-    })), q = i(() => I("yourTextCanBenAtMost", { characterLimit: e.characterLimit })), D = c(l["aria-label"]), { ariaLabel: U, label: F } = S(e), $ = be({
-      ariaLabel: D.value,
-      // TODO: take this line away when the aria-label props is removed
-      label: U,
-      defaultFallback: F
-    }), G = i(
-      () => e.clearable && n.value && !e.disabled && !v.value
-    ), X = () => {
-      n.value = "", a(u.CLEAR), B("");
-    }, j = (o) => {
-      o.stopImmediatePropagation(), !e.disabled && !v.value && (n.value = o.target.value, B(n.value));
-    }, J = () => {
-      s.value.scrollTop = 0, a(u.BLUR);
-    }, Z = () => {
-      s.value.focus(), a(u.FOCUS);
-    }, Q = () => {
-      a(u.CHANGE);
-    }, ee = () => {
-      a(u.ESCAPE_PRESSED);
-    }, te = (o) => {
-      o.stopPropagation(), a(u.KEYDOWN, o);
-    }, ae = (o) => {
-      o.stopPropagation(), a(u.KEYUP, o);
-    }, re = () => {
-      _.value = !0;
-    }, oe = () => {
-      _.value = !1;
-    }, R = (o = !1) => {
-      var P;
-      const g = s.value.style.width;
-      if (s.value.style.height && (_.value && (L.value = parseInt(s.value.style.height, 10)), x.value = s.value.style.height), o && !g)
-        return;
-      const le = (P = m == null ? void 0 : m.value) == null ? void 0 : P.offsetWidth;
-      !g || parseInt(g, 10) > le ? E.value = "100%" : E.value = g;
-    }, O = () => {
-      s.value.focus();
-    };
-    return t({
-      focus: O
-    }), ue(() => {
-      f = w(s.value, () => {
-        R(!0);
-      }), h = w(m.value, () => {
-        R();
-      }), b.value && C(), e.value && me(
-        '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(() => {
-      f == null || f.disconnect(), h == null || h.disconnect();
-    }), { __sfc: !0, TEXTAREA_BORDER_WIDTH: H, attrs: l, props: e, emit: a, height: y, textareaId: W, textareaElement: s, textareaComponent: m, textareaValue: n, defaultTextareaHeight: d, textareaHeight: x, userSetHeight: L, textareaWrapperWidth: E, isUserResizing: _, textareaElementObserver: f, textareaComponentObserver: h, t: I, n: T, isReadOnly: v, emitValue: B, counter: Y, isDynamicHeight: b, isOverCharacterLimit: A, calculateHeight: C, invalidInput: k, conditionalClasses: z, conditionalClassesInput: K, conditionalClassesLabelBox: N, conditionalClassesLabelItem: V, counterErrorText: q, ariaLabelAttribute: D, ariaLabel: U, label: F, computedAriaLabel: $, showClearButton: G, onClear: X, onInput: j, onBlur: J, onFocus: Z, onChange: Q, onPressEscape: ee, onKeyDown: te, onKeyUp: ae, onMouseDown: re, onMouseUp: oe, resizeTextareaWrapper: R, focus: O, BentoButton: pe, BentoTypography: xe, ErrorMessage: Le, FieldLabel: ge, CrossCircleFillSmallIcon: fe };
-  }
-});
-var Re = function() {
-  var t = this, a = t._self._c, e = t._self._setupProxy;
-  return a("div", { ref: "textareaComponent", staticClass: "b-textarea", class: e.conditionalClasses }, [a("div", { style: { width: e.textareaWrapperWidth } }, [a("div", { staticClass: "b-textarea__label-box", class: e.conditionalClassesLabelBox }, [e.label ? a(e.FieldLabel, { attrs: { for: e.textareaId, label: e.label, "tooltip-text": t.tooltipText, optional: t.optional, required: t.required } }) : t._e(), t.characterLimit ? a(e.BentoTypography, { staticClass: "b-textarea__label-item", class: e.conditionalClassesLabelItem, attrs: { el: "span" } }, [t._v(" " + t._s(e.counter) + " ")]) : t._e()], 1), a(e.BentoTypography, { staticClass: "b-textarea__input-box", attrs: { el: "div", "aria-disabled": t.disabled } }, [a("textarea", { ref: "textareaElement", staticClass: "b-textarea__input", class: e.conditionalClassesInput, style: { resize: t.resizable, height: e.textareaHeight }, attrs: { id: e.textareaId, "aria-label": e.computedAriaLabel, "aria-invalid": e.invalidInput, readonly: e.isReadOnly, required: t.required, "aria-required": t.required, disabled: t.disabled, placeholder: t.placeholder }, domProps: { value: e.textareaValue }, on: { blur: e.onBlur, change: e.onChange, focus: e.onFocus, input: e.onInput, keydown: [function(l) {
-    return !l.type.indexOf("key") && t._k(l.keyCode, "esc", 27, l.key, ["Esc", "Escape"]) ? null : e.onPressEscape.apply(null, arguments);
-  }, e.onKeyDown], keyup: e.onKeyUp, mousedown: e.onMouseDown, mouseup: e.onMouseUp } }), e.showClearButton ? a("div", { staticClass: "b-textarea__clear-button" }, [a(e.BentoButton, { attrs: { variant: "tertiary", disabled: t.disabled }, on: { click: e.onClear, keypress: function(l) {
-    return !l.type.indexOf("key") && t._k(l.keyCode, "enter", 13, l.key, "Enter") ? null : e.onClear.apply(null, arguments);
-  }, keyup: function(l) {
-    return !l.type.indexOf("key") && t._k(l.keyCode, "space", 32, l.key, [" ", "Spacebar"]) ? null : e.onClear.apply(null, arguments);
-  } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
-    return [a(e.CrossCircleFillSmallIcon, { attrs: { "svg-title": e.t("clearText") } })];
-  }, proxy: !0 }], null, !1, 3119266621) })], 1) : t._e()]), e.isOverCharacterLimit ? a(e.ErrorMessage, { attrs: { "error-message": e.counterErrorText } }) : t._e(), t.errorMessage ? a(e.ErrorMessage, { attrs: { "error-message": t.errorMessage } }) : t._e(), t.description ? a(e.BentoTypography, { staticClass: "b-textarea__description", attrs: { el: "span" } }, [t._v(" " + t._s(t.description) + " ")]) : t._e()], 1)]);
-}, Me = [], Ie = /* @__PURE__ */ Ee(
-  Ae,
-  Re,
-  Me,
-  !1,
-  null,
-  "a10ed22b"
-);
-const Ve = Ie.exports;
-export {
-  Ve as B
-};
-//# sourceMappingURL=textarea.BDRR1zE0.js.map

package/dist/chunks/truncate.BfIl_-71.js

@@ -1,8 +0,0 @@
-const l = (s, c) => {
-  const o = s == null ? void 0 : s.toString();
-  return (o == null ? void 0 : o.length) > c ? `${o == null ? void 0 : o.slice(0, c)}...` : o;
-};
-export {
-  l as t
-};
-//# sourceMappingURL=truncate.BfIl_-71.js.map