@adyen/bento-vue2 1.89.2 → 1.90.0

package/dist/chunks/search-bar.DPjYDhja.js

@@ -1,89 +0,0 @@
-import { defineComponent as h, provide as _, toRef as b, useAttrs as v, ref as u, watch as C } from "vue";
-import { d as y } from "./debounce.DUTu11PS.js";
-import { u as I } from "./index.B6WW_F-J.js";
-import { I as S } from "./dropdown.Ct7uhPr6.js";
-import { B as k } from "./input-field.m1PMwa4C.js";
-import { S as T } from "./search.D53Ia3rC.js";
-import { C as E } from "./cross-circle-fill.DTDtgLMf.js";
-import { n as A } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/search-bar.css";
-var i = /* @__PURE__ */ ((r) => (r.CLEAR = "clear", r.ESCAPE = "escape-pressed", r.INPUT = "input", r.UPDATE = "update:search-term", r))(i || {}), F = /* @__PURE__ */ ((r) => (r.CLEAR = "search-clear", r.INPUT = "search-input", r.UPDATE = "update:search-term", r))(F || {});
-const P = {
-  "en-US": { clearSearch: "Clear search", search: "Search" },
-  "ja-JP": { clearSearch: "検索をクリア", search: "検索" },
-  "pt-BR": { clearSearch: "Limpar busca", search: "Buscar" }
-}, x = {
-  i18n: { messages: P }
-}, L = /* @__PURE__ */ h({
-  ...x,
-  __name: "search-bar",
-  props: {
-    inputFieldAriaLabel: null,
-    condensed: { type: Boolean, default: !1 },
-    debounceTime: { default: 300 },
-    disabled: { type: Boolean, default: !1 },
-    hint: { default: "" },
-    placeholder: { default: "" },
-    value: { default: void 0 }
-  },
-  emits: ["input", "clear", "escape-pressed", "blur", "focus"],
-  setup(r, { expose: a, emit: n }) {
-    const e = r, { t } = I();
-    _(S, b(e, "hint"));
-    const p = v(), s = u(e.value), c = u();
-    C(
-      () => e.value,
-      () => {
-        s.value = e.value;
-      },
-      { immediate: !0 }
-    );
-    const d = () => {
-      s.value = "", n("clear"), n("input", "");
-    }, o = y(() => {
-      n("input", s.value);
-    }, e.debounceTime), f = (m) => {
-      s.value = m, o();
-    }, l = () => {
-      c.value.focusInput();
-    };
-    return a({
-      /**
-       * Focus on the input field when called.
-       */
-      focus: l
-    }), { __sfc: !0, t, props: e, emit: n, attrs: p, searchTerm: s, bentoInputField: c, onClearSearch: d, debouncedEmit: o, onInputEvent: f, focus: l, BentoSearchBarInternalEvent: i, BentoInputField: k, SearchIcon: T, CrossCircleFillIcon: E };
-  }
-});
-var N = function() {
-  var a = this, n = a._self._c, e = a._self._setupProxy;
-  return n("div", { staticClass: "b-search-bar" }, [n(e.BentoInputField, a._b({ ref: "bentoInputField", attrs: { "model-value": e.searchTerm, type: "search", condensed: a.condensed, "aria-label": a.inputFieldAriaLabel, "aria-hidden": !1, disabled: a.disabled, placeholder: a.placeholder }, on: { "update:model-value": e.onInputEvent, focus: function(t) {
-    return e.emit("focus");
-  }, blur: function(t) {
-    return e.emit("blur");
-  }, "escape-pressed": function(t) {
-    return e.emit(e.BentoSearchBarInternalEvent.ESCAPE);
-  } }, scopedSlots: a._u([{ key: "iconBefore", fn: function() {
-    return [n(e.SearchIcon, { attrs: { "svg-title": e.t("search"), "aria-hidden": "true" } })];
-  }, proxy: !0 }, e.searchTerm ? { key: "iconAfter", fn: function() {
-    return [n("div", { staticClass: "b-search-bar__clear-search", attrs: { tabindex: "0", "data-testid": "b-search-bar-clear-search-button" }, on: { click: e.onClearSearch, keypress: function(t) {
-      return !t.type.indexOf("key") && a._k(t.keyCode, "enter", 13, t.key, "Enter") ? null : e.onClearSearch.apply(null, arguments);
-    }, keyup: function(t) {
-      return !t.type.indexOf("key") && a._k(t.keyCode, "space", 32, t.key, [" ", "Spacebar"]) ? null : e.onClearSearch.apply(null, arguments);
-    } } }, [n(e.CrossCircleFillIcon, { attrs: { "svg-title": e.t("clearSearch") } })], 1)];
-  }, proxy: !0 } : null], null, !0) }, "bento-input-field", e.attrs, !1))], 1);
-}, U = [], g = /* @__PURE__ */ A(
-  L,
-  N,
-  U,
-  !1,
-  null,
-  "e7a2bf17"
-);
-const H = g.exports;
-export {
-  H as B,
-  F as a,
-  i as b
-};
-//# sourceMappingURL=search-bar.DPjYDhja.js.map

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