@adyen/bento-vue2 1.102.0 → 1.103.0

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

@@ -1,266 +0,0 @@
-import { defineComponent as w, inject as $, ref as T, computed as p, watch as D, toRef as F, readonly as L, provide as R } from "vue";
-import { B as V } from "./dropdown.DIqgVVXB.js";
-import { B as S } from "./typography.C8lPlsbD.js";
-import { B as A } from "./tag.BAyLm485.js";
-import { C as M } from "./cross-circle-fill.DTDtgLMf.js";
-import { d as P } from "./index.C7m7gI5w.js";
-import { u as O } from "./index.B6WW_F-J.js";
-import { a as z } from "./es6.Cu3DYUPA.js";
-import { B as U } from "./button.CKS_V3p5.js";
-import { C as H } from "./chevron-down.eYtgv5ly.js";
-import { C as j } from "./chevron-up.d8cwIlA_.js";
-import { g as G } from "./generate-uid.NJ8tVoha.js";
-import { u as J } from "./use-expandable-content-height.2WJLCL-R.js";
-import { n as B } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/secondary-nav.css";
-const k = /* @__PURE__ */ Symbol("secondary nav state"), X = {
-  "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: "错误 | 错误"
-  }
-}, q = { i18n: { messages: X } }, Q = /* @__PURE__ */ w({
-  ...q,
-  __name: "secondary-nav-item",
-  props: {
-    label: null,
-    value: null,
-    items: null,
-    isSubItem: { type: Boolean },
-    errorCounter: null
-  },
-  emits: ["click"],
-  setup(_, { emit: o }) {
-    const e = _, { tc: r } = O(), { activeItemValue: t, updateActiveItemValue: i, allowExpandableItemNavigation: y } = $(k), m = "b-secondary-nav-item__animation--content", u = T(!1), N = G("secondary-nav-sub-items"), g = T(null), v = p(() => {
-      var s;
-      return !!((s = e.items) != null && s.length);
-    }), d = p(() => t.value === e.value), I = p(() => v.value && !y.value), { contentHeight: b } = J(g, u), C = p(() => b.value ? { "max-height": b.value } : {}), h = p(() => ({
-      "b-secondary-nav-item__option--active": d.value,
-      "b-secondary-nav-item__option--expandable": v.value,
-      "b-secondary-nav-item__option--sub-item": e.isSubItem
-    })), x = (s) => {
-      o("click", s), i(e.value);
-    }, n = () => {
-      u.value = !u.value;
-    }, a = (s, c) => s.some(
-      (f) => f.value === c || (f.items ? a(f.items, c) : !1)
-    ), l = (s) => s.some((c) => !!c.errorCounter || (c.items ? l(c.items) : !1));
-    return D(
-      [t, () => e.items],
-      ([s]) => {
-        v.value && e.items && (a(e.items, s) || l(e.items)) && (u.value = !0);
-      },
-      { immediate: !0, deep: !0 }
-    ), { __sfc: !0, tc: r, activeItemValue: t, updateActiveItemValue: i, allowExpandableItemNavigation: y, CONTENT_TRANSITION_NAME: m, props: e, isOpen: u, subItemsId: N, subItemsRef: g, hasSubItems: v, isItemSelected: d, expandleItemIsToggleOnly: I, contentHeight: b, subItemsMaxHeight: C, conditionalClasses: h, emit: o, onClick: x, onToggleClick: n, hasActiveDescendant: a, hasDescendantErrors: l, BentoButton: U, BentoTag: A, BentoTypography: S, ChevronDownIcon: H, ChevronUpIcon: j, CrossCircleFillIcon: M };
-  }
-});
-var Y = function() {
-  var o = this, e = o._self._c, r = o._self._setupProxy;
-  return e("div", { staticClass: "b-secondary-nav-item" }, [e("div", { staticClass: "b-secondary-nav-item__wrapper" }, [e("button", { staticClass: "b-secondary-nav-item__option", class: r.conditionalClasses, attrs: { "aria-current": r.isItemSelected ? "page" : void 0, "aria-expanded": r.expandleItemIsToggleOnly ? `${r.isOpen}` : void 0, "aria-controls": r.expandleItemIsToggleOnly ? r.subItemsId : void 0 }, on: { click: function(t) {
-    r.expandleItemIsToggleOnly ? r.onToggleClick() : r.onClick(t);
-  } } }, [e(r.BentoTypography, { staticClass: "b-secondary-nav-item__title", attrs: { variant: "body", stronger: "" } }, [o._v(" " + o._s(o.label) + " ")]), o.errorCounter ? e(r.BentoTag, { staticClass: "b-secondary-nav-item__error-counter", attrs: { variant: "red" }, scopedSlots: o._u([{ key: "icon", fn: function() {
-    return [e(r.CrossCircleFillIcon, { attrs: { "aria-hidden": "true" } })];
-  }, proxy: !0 }], null, !1, 196511213) }, [e("span", [o._v(o._s(o.errorCounter))]), e("span", { staticClass: "b-secondary-nav-item__visually-hidden" }, [o._v(o._s(r.tc("errorCount", o.errorCounter)))])]) : o._e()], 1), r.hasSubItems ? e(r.BentoButton, { staticClass: "b-secondary-nav-item__toggle", attrs: { "aria-hidden": r.expandleItemIsToggleOnly, tabindex: r.expandleItemIsToggleOnly ? -1 : void 0, variant: "tertiary", "aria-label": r.isOpen ? `Collapse ${o.label}` : `Expand ${o.label}`, "aria-expanded": r.expandleItemIsToggleOnly ? void 0 : `${r.isOpen}`, "aria-controls": r.expandleItemIsToggleOnly ? void 0 : r.subItemsId }, on: { click: function(t) {
-    return t.stopPropagation(), r.onToggleClick.apply(null, arguments);
-  } }, scopedSlots: o._u([{ key: "iconLeft", fn: function() {
-    return [r.isOpen ? e(r.ChevronUpIcon, { staticClass: "b-secondary-nav-item__icon", attrs: { "aria-hidden": "true" } }) : e(r.ChevronDownIcon, { staticClass: "b-secondary-nav-item__icon", attrs: { "aria-hidden": "true" } })];
-  }, proxy: !0 }], null, !1, 3107710104) }) : o._e()], 1), e("Transition", { attrs: { name: r.CONTENT_TRANSITION_NAME } }, [r.hasSubItems && r.isOpen ? e("div", { style: r.subItemsMaxHeight, attrs: { id: r.subItemsId } }, [e("ul", { ref: "subItemsRef", staticClass: "b-secondary-nav-item__sub-items" }, o._l(o.items, function(t) {
-    return e("li", { key: t.value }, [e("secondary-nav-item", { attrs: { label: t.label, value: t.value, items: t.items, "error-counter": t.errorCounter, "is-sub-item": "" } })], 1);
-  }), 0)]) : o._e()])], 1);
-}, K = [], W = /* @__PURE__ */ B(
-  Q,
-  Y,
-  K,
-  !1,
-  null,
-  "14334916"
-);
-const E = W.exports, Z = {}, ee = /* @__PURE__ */ w({
-  ...Z,
-  __name: "secondary-nav-category",
-  props: {
-    label: null,
-    items: null
-  },
-  setup(_) {
-    return { __sfc: !0, BentoTypography: S, SecondaryNavItem: E };
-  }
-});
-var re = function() {
-  var o = this, e = o._self._c, r = o._self._setupProxy;
-  return e("section", { staticClass: "b-secondary-nav-category", attrs: { "aria-label": o.label } }, [e(r.BentoTypography, { staticClass: "b-secondary-nav-category__label", attrs: { el: "h1", variant: "caption", stronger: "" } }, [o._v(o._s(o.label))]), e("ul", { staticClass: "b-secondary-nav__list" }, o._l(o.items, function(t) {
-    return e("li", { key: t.value }, [e(r.SecondaryNavItem, { attrs: { label: t.label, value: t.value, items: t.items, "error-counter": t.errorCounter } })], 1);
-  }), 0)], 1);
-}, oe = [], te = /* @__PURE__ */ B(
-  ee,
-  re,
-  oe,
-  !1,
-  null,
-  "777b2ce6"
-);
-const ne = te.exports, ae = {
-  "de-DE": {
-    errorCount: "Fehler | Fehler",
-    mobileDropdownAriaLabel: "Navigationsoptionen Dropdown-Menü"
-  },
-  "en-GB": {
-    errorCount: "error | errors",
-    mobileDropdownAriaLabel: "Navigation options drop-down"
-  },
-  "en-US": {
-    errorCount: "error | errors",
-    mobileDropdownAriaLabel: "Navigation options dropdown"
-  },
-  "es-419": {
-    errorCount: "error | errores",
-    mobileDropdownAriaLabel: "Menú desplegable de opciones de navegación"
-  },
-  "es-ES": {
-    errorCount: "error | errores",
-    mobileDropdownAriaLabel: "Menú desplegable de opciones de navegación"
-  },
-  "es-MX": {
-    errorCount: "error | errores",
-    mobileDropdownAriaLabel: "Menú desplegable de opciones de navegación"
-  },
-  "fr-FR": {
-    errorCount: "erreur | erreurs",
-    mobileDropdownAriaLabel: "Menu déroulant des options de navigation"
-  },
-  "it-IT": {
-    errorCount: "errore | errori",
-    mobileDropdownAriaLabel: "Menu a tendina delle opzioni di navigazione"
-  },
-  "ja-JP": {
-    errorCount: "エラー | エラー",
-    mobileDropdownAriaLabel: "ナビゲーションオプションのドロップダウン"
-  },
-  "pt-BR": {
-    errorCount: "erro | erros",
-    mobileDropdownAriaLabel: "Menu suspenso de opções de navegação"
-  },
-  "zh-CN": {
-    errorCount: "错误 | 错误",
-    mobileDropdownAriaLabel: "导航选项下拉菜单"
-  }
-}, se = {
-  i18n: { messages: ae }
-}, le = /* @__PURE__ */ w({
-  ...se,
-  __name: "secondary-nav",
-  props: {
-    items: null,
-    value: null,
-    allowExpandableItemNavigation: { type: Boolean }
-  },
-  emits: ["change"],
-  setup(_, { emit: o }) {
-    const e = _, { t: r, tc: t } = O(), i = P({
-      s: z
-    }), y = i.smallerOrEqual("s"), m = (n) => "items" in n && !("value" in n), u = (n, a = 0) => n.flatMap((l) => {
-      var c, f;
-      const s = {
-        label: l.label,
-        value: l.value,
-        data: { level: a, hasSubItems: !!((c = l.items) != null && c.length), errorCounter: l.errorCounter }
-      };
-      return (f = l.items) != null && f.length ? [s, ...u(l.items, a + 1)] : [s];
-    }), N = (n) => {
-      var a;
-      return !e.allowExpandableItemNavigation && ((a = n.data) == null ? void 0 : a.hasSubItems);
-    }, g = p(() => e.items.some((n) => m(n))), v = p(() => e.items.flatMap((n) => {
-      var a;
-      return m(n) ? [
-        {
-          label: n.label,
-          value: `category-${n.label}`,
-          items: u(n.items)
-        }
-      ] : (a = n.items) != null && a.length ? u([n]) : [
-        {
-          label: n.label,
-          value: n.value,
-          data: { level: 0, errorCounter: n.errorCounter }
-        }
-      ];
-    })), d = (n) => n.flatMap((a) => {
-      var l;
-      return [a, ...(l = a.items) != null && l.length ? d(a.items) : []];
-    }), I = (n) => {
-      var a;
-      return ((a = d(n).find((l) => {
-        var s;
-        return e.allowExpandableItemNavigation || !((s = l.items) != null && s.length);
-      })) == null ? void 0 : a.value) ?? "";
-    }, b = p(() => e.items.length ? I(
-      e.items.flatMap(
-        (n) => m(n) ? d(n.items) : d([n])
-      )
-    ) : ""), C = T(e.value ?? b.value), h = (n) => {
-      C.value = n, o("change", n);
-    }, x = {
-      activeItemValue: L(C),
-      updateActiveItemValue: h,
-      allowExpandableItemNavigation: F(e, "allowExpandableItemNavigation")
-    };
-    return D(
-      () => e.value,
-      (n) => {
-        n !== void 0 && (C.value = n);
-      }
-    ), R(k, x), { __sfc: !0, t: r, tc: t, breakpoints: i, isMobile: y, props: e, emit: o, isCategory: m, mapNestedItems: u, isMobileOptionDisabled: N, hasCategories: g, mobileDropdownItems: v, flattenNestedItems: d, findFirstSelectableNestedItemValue: I, activeItemValueFallback: b, activeItemValue: C, updateActiveItemValue: h, state: x, SecondaryNavItem: E, SecondaryNavCategory: ne, BentoDropdown: V, BentoTypography: S, BentoTag: A, CrossCircleFillIcon: M };
-  }
-});
-var ie = function() {
-  var o = this, e = o._self._c, r = o._self._setupProxy;
-  return e("nav", { staticClass: "b-secondary-nav" }, [r.isMobile ? e(r.BentoDropdown, { attrs: { "aria-label": r.t("mobileDropdownAriaLabel"), items: r.mobileDropdownItems, "static-categories": r.hasCategories, "model-value": r.activeItemValue, "is-option-disabled": r.isMobileOptionDisabled }, on: { "update:model-value": r.updateActiveItemValue }, scopedSlots: o._u([{ key: "display-value", fn: function({ label: t }) {
-    return [e(r.BentoTypography, { attrs: { el: "span" } }, [o._v(" " + o._s(t) + " ")])];
-  } }, { key: "default", fn: function({ label: t, data: i }) {
-    return [e(r.BentoTypography, { class: { "b-secondary-nav__option": !0, "b-secondary-nav__nested-option": !!(i != null && i.level) }, attrs: { el: "div" } }, [o._v(" " + o._s(t) + " "), i != null && i.errorCounter ? e(r.BentoTag, { staticClass: "b-secondary-nav__error-counter", attrs: { variant: "red" }, scopedSlots: o._u([{ key: "icon", fn: function() {
-      return [e(r.CrossCircleFillIcon, { attrs: { "aria-hidden": "true" } })];
-    }, proxy: !0 }], null, !0) }, [e("span", [o._v(o._s(i.errorCounter))]), e("span", { staticClass: "b-secondary-nav__visually-hidden" }, [o._v(o._s(r.tc("errorCount", i.errorCounter)))])]) : o._e()], 1)];
-  } }], null, !1, 2211008849) }) : e("ul", { staticClass: "b-secondary-nav__list" }, o._l(o.items, function(t) {
-    return e("li", { key: t.label }, ["items" in t && !("value" in t) ? e(r.SecondaryNavCategory, { attrs: { label: t.label, items: t.items } }) : e(r.SecondaryNavItem, { attrs: { label: t.label, value: t.value, items: t.items, "error-counter": t.errorCounter } })], 1);
-  }), 0)], 1);
-}, ue = [], ce = /* @__PURE__ */ B(
-  le,
-  ie,
-  ue,
-  !1,
-  null,
-  "900dc964"
-);
-const Te = ce.exports;
-export {
-  Te as s
-};
-//# sourceMappingURL=secondary-nav.CmvSHxvS.js.map

package/dist/chunks/set-time-in-date.CU7HeZLY.js

@@ -1,27 +0,0 @@
-import { t as c } from "./en-US.BK5uiAND.js";
-function u(s, n, e) {
-  const t = c(s, e == null ? void 0 : e.in);
-  return t.setHours(n), t;
-}
-function m(s, n, e) {
-  const t = c(s, e == null ? void 0 : e.in);
-  return t.setMilliseconds(n), t;
-}
-function d(s, n, e) {
-  const t = c(s, e == null ? void 0 : e.in);
-  return t.setMinutes(n), t;
-}
-function l(s, n, e) {
-  const t = c(s, e == null ? void 0 : e.in);
-  return t.setSeconds(n), t;
-}
-const i = (s, n) => {
-  const [e = "0", t = "0", a = "0"] = n.split(":");
-  let r = new Date(s);
-  return r = u(r, parseInt(e, 10)), r = d(r, parseInt(t, 10)), r = l(r, parseInt(a, 10)), r;
-};
-export {
-  i as a,
-  m as s
-};
-//# sourceMappingURL=set-time-in-date.CU7HeZLY.js.map

package/dist/chunks/startOfWeek.Br5KM4z_.js

@@ -1,10 +0,0 @@
-import { t as w, g as D } from "./en-US.BK5uiAND.js";
-function d(l, e) {
-  var s, O, f, k;
-  const a = D(), r = (e == null ? void 0 : e.weekStartsOn) ?? ((O = (s = e == null ? void 0 : e.locale) == null ? void 0 : s.options) == null ? void 0 : O.weekStartsOn) ?? a.weekStartsOn ?? ((k = (f = a.locale) == null ? void 0 : f.options) == null ? void 0 : k.weekStartsOn) ?? 0, t = w(l, e == null ? void 0 : e.in), c = t.getDay(), u = (c < r ? 7 : 0) + c - r;
-  return t.setDate(t.getDate() - u), t.setHours(0, 0, 0, 0), t;
-}
-export {
-  d as s
-};
-//# sourceMappingURL=startOfWeek.Br5KM4z_.js.map

package/dist/chunks/step.CIfxl8Wm.js

@@ -1,253 +0,0 @@
-import { defineComponent as L, ref as c, computed as o, watch as h, provide as k, readonly as K, useSlots as W, inject as U, onMounted as Z, onBeforeUnmount as j } from "vue";
-import { B as $ } from "./typography.C8lPlsbD.js";
-import { u as G } from "./index.B6WW_F-J.js";
-import { B as R, a as M } from "./keyboard-navigation.DWmhelVv.js";
-import { n as w } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { B as J } from "./base-button.BPRPrO0p.js";
-import { C as X } from "./checkmark-small.DVDtD4HQ.js";
-import { D as q } from "./dot.BW9SneIk.js";
-import "../assets/step.css";
-const Q = (a) => {
-  function n(u) {
-    return ({ detail: _ }) => {
-      var t;
-      _.preventDefault();
-      const r = a.value.indexOf(document.activeElement);
-      r < 0 || (t = a.value[r + u]) == null || t.focus();
-    };
-  }
-  const s = n(-1), e = n(1);
-  return {
-    [R.ARROW_DOWN]: e,
-    [R.ARROW_RIGHT]: e,
-    [R.ARROW_UP]: s,
-    [R.ARROW_LEFT]: s
-  };
-}, Y = (a) => {
-  const n = a.buttonElement.value.parentElement, s = n.parentElement;
-  return Array.from(s.children).indexOf(n);
-}, F = (a) => ({ registerStep: (e) => {
-  const u = Y(e);
-  a.value.splice(u, 0, {
-    stepContent: e.stepContent,
-    buttonElement: e.buttonElement,
-    substeps: e.substeps
-  });
-}, removeStep: (e) => {
-  a.value.splice(
-    a.value.findIndex((u) => u.buttonElement === e.buttonElement.value),
-    1
-  );
-} }), O = /* @__PURE__ */ Symbol("stepper state");
-var P = /* @__PURE__ */ ((a) => (a.LINEAR = "linear", a.NON_LINEAR = "non-linear", a))(P || {}), V = /* @__PURE__ */ ((a) => (a.HORIZONTAL = "horizontal", a.VERTICAL = "vertical", a))(V || {});
-const ee = {
-  "de-DE": {
-    step: "Schritt {currentIndex}/{totalSteps} {content}"
-  },
-  "en-GB": {
-    step: "Step {currentIndex}/{totalSteps} {content}"
-  },
-  "en-US": {
-    step: "Step {currentIndex}/{totalSteps} {content}"
-  },
-  "es-419": {
-    step: "Paso {currentIndex}/{totalSteps} {content}"
-  },
-  "es-ES": {
-    step: "Paso {currentIndex}/{totalSteps} {content}"
-  },
-  "es-MX": {
-    step: "Paso {currentIndex}/{totalSteps} {content}"
-  },
-  "fr-FR": {
-    step: "Étape {currentIndex}/{totalSteps} {content}"
-  },
-  "it-IT": {
-    step: "Passaggio {currentIndex}/{totalSteps} {content}"
-  },
-  "ja-JP": {
-    step: "Step {currentIndex}/{totalSteps} {content}"
-  },
-  "pt-BR": {
-    step: "Step {currentIndex}/{totalSteps} {content}"
-  },
-  "zh-CN": {
-    step: "步骤 {currentIndex}/{totalSteps} {content}"
-  }
-}, te = {
-  i18n: { messages: ee },
-  name: "stepper"
-}, ne = /* @__PURE__ */ L({
-  ...te,
-  props: {
-    /**
-     * Type of stepper; defines how the stepper should behave. Default: linear
-     * @values linear, non-linear
-     */
-    type: {
-      type: String,
-      default: "linear"
-    },
-    /**
-     * Stepper variant; defines how the stepper should be displayed. Default: vertical
-     * @values vertical, horizontal
-     */
-    variant: {
-      type: String,
-      default: "vertical"
-    },
-    /**
-     * Active step index
-     */
-    index: {
-      type: Number,
-      default: 0
-    }
-  },
-  emits: ["update:index"],
-  setup(a, { expose: n, emit: s }) {
-    const e = a, { t: u, n: _ } = G(), r = c([]), t = c(e.index), p = c(t.value), v = (i) => {
-      i > p.value && (p.value = i), t.value = i;
-    }, x = o(() => {
-      var i;
-      return (i = r.value[t.value]) == null ? void 0 : i.stepContent;
-    }), E = o(() => r.value.length), d = o(() => r.value.map(({ buttonElement: i }) => i)), b = o(() => e.variant === V.HORIZONTAL), S = o(
-      () => r.value.map(({ buttonElement: i, substeps: N }, C) => {
-        const B = t.value === C;
-        return !b.value && B ? [i].concat(N.map((T) => T.buttonElement)) : [i];
-      }).flat()
-    ), { registerStep: I, removeStep: y } = F(r), g = c({
-      activeStepIndex: t,
-      latestActiveStep: p,
-      steps: d,
-      type: e.type,
-      variant: e.variant,
-      navigateToStep: v,
-      registerStep: I,
-      removeStep: y
-    }), f = o(() => ({
-      "b-stepper__list--horizontal": b.value
-    }));
-    h(() => e.index, v), h(t, (i) => {
-      s("update:index", i);
-    });
-    const A = Q(S);
-    k(O, K(g));
-    const m = () => {
-      t.value = 0, p.value = 0;
-    };
-    return n({
-      reset: m
-    }), { __sfc: !0, props: e, emit: s, t: u, n: _, childrenSteps: r, activeStepIndex: t, latestActiveStep: p, navigateToStep: v, currentStepContent: x, stepsAmount: E, childrenStepsElements: d, isHorizontalVariant: b, allVisibleStepsElements: S, registerStep: I, removeStep: y, stepperState: g, conditionalClasses: f, keyboardNavigationListeners: A, reset: m, BentoTypography: $, vBentoKeyboardNavigationDirective: M };
-  }
-});
-var se = function() {
-  var n = this, s = n._self._c, e = n._self._setupProxy;
-  return s("nav", { staticClass: "b-stepper" }, [s("ol", n._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], staticClass: "b-stepper__list", class: e.conditionalClasses }, e.keyboardNavigationListeners), [n._t("default")], 2), s(e.BentoTypography, { staticClass: "b-stepper__text-stepper", attrs: { el: "span", variant: "body", stronger: "" } }, [n._v(n._s(e.t("step", { currentIndex: e.n(e.activeStepIndex + 1), totalSteps: e.n(e.stepsAmount), content: e.currentStepContent })) + " ")])], 1);
-}, ae = [], oe = /* @__PURE__ */ w(
-  ne,
-  se,
-  ae,
-  !1,
-  null,
-  "153b0c4d"
-);
-const xe = oe.exports, re = {
-  name: "step"
-}, ie = /* @__PURE__ */ L({
-  ...re,
-  props: {
-    /**
-     * Completed status. Used on non-linear steppers to indicate if the step is completed.
-     */
-    completed: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Active substep index
-     */
-    substepIndex: {
-      type: Number,
-      default: 0
-    }
-  },
-  emits: ["update:substep-index"],
-  setup(a, { emit: n }) {
-    const s = a, e = W(), u = c(null), _ = c(null), r = c([]), t = U(O), p = o(() => {
-      var l;
-      return (l = u.value) == null ? void 0 : l.$el;
-    }), v = o(() => t == null ? void 0 : t.value.steps.indexOf(p.value)), x = o(() => {
-      var l;
-      return (l = _.value) == null ? void 0 : l.$el.textContent;
-    }), E = o(() => r.value.map(({ buttonElement: l }) => l)), d = c(s.substepIndex), b = c(d.value), S = (l) => {
-      l > b.value && (b.value = l), d.value = l;
-    }, { registerStep: I, removeStep: y } = F(r), g = c({
-      activeStepIndex: d,
-      latestActiveStep: b,
-      type: t.value.type,
-      variant: t.value.variant,
-      steps: E,
-      isParentStep: !0,
-      navigateToStep: S,
-      registerStep: I,
-      removeStep: y
-    });
-    k(O, g), h(() => s.substepIndex, S), h(d, (l) => {
-      n("update:substep-index", l);
-    }), Z(() => {
-      if (!t)
-        throw new Error(
-          "BentoStep components should only be used inside BentoStepper or other BentoStep components."
-        );
-      t.value.registerStep({
-        buttonElement: p,
-        stepContent: x,
-        substeps: r
-      });
-    }), j(() => {
-      t.value.removeStep({
-        buttonElement: p,
-        stepContent: x,
-        substeps: r
-      });
-    });
-    const f = o(() => t.value.isParentStep), A = c(!1), m = o(() => (t == null ? void 0 : t.value.activeStepIndex) === v.value), i = o(
-      () => m.value && t.value.variant !== V.HORIZONTAL && !f.value && e.substeps
-    ), N = o(() => (t == null ? void 0 : t.value.type) === P.NON_LINEAR ? s.completed : (t == null ? void 0 : t.value.latestActiveStep) > v.value), C = o(
-      () => (t == null ? void 0 : t.value.type) === P.LINEAR && v.value > (t == null ? void 0 : t.value.latestActiveStep)
-    ), B = () => {
-      C.value || t.value.navigateToStep(v.value);
-    }, D = o(() => m.value ? "step" : "false"), T = o(() => C.value.toString()), z = o(() => A.value || v.value === 0 && !f.value ? "0" : "-1"), H = o(() => ({
-      "b-step--active": m.value,
-      "b-step--completed": N.value,
-      "b-step--substep": f.value
-    }));
-    return { __sfc: !0, slots: e, props: s, emit: n, buttonComponent: u, stepContent: _, substeps: r, stepper: t, buttonElement: p, index: v, stepContentValue: x, substepsButtonElements: E, activeSubStepIndex: d, latestActiveSubStepIndex: b, navigateToSubstep: S, registerStep: I, removeStep: y, stepState: g, isSubstep: f, isFocused: A, isActive: m, isSubstepsVisible: i, isCompleted: N, isDisabled: C, navigateToStep: B, ariaCurrentValue: D, ariaDisabledValue: T, tabIndexValue: z, conditionalClasses: H, BaseButton: J, BentoTypography: $, CheckmarkSmallIcon: X, DotIcon: q };
-  }
-});
-var le = function() {
-  var n = this, s = n._self._c, e = n._self._setupProxy;
-  return s("li", { staticClass: "b-step", class: e.conditionalClasses }, [s(e.BaseButton, { ref: "buttonComponent", staticClass: "b-step__button", attrs: { "aria-current": e.ariaCurrentValue, "aria-disabled": e.ariaDisabledValue, type: "button", tabindex: e.tabIndexValue, disabled: e.isDisabled }, on: { click: e.navigateToStep, focus: function(u) {
-    e.isFocused = !0;
-  }, blur: function(u) {
-    e.isFocused = !1;
-  } }, scopedSlots: n._u([{ key: "iconLeft", fn: function() {
-    return [s(e.BentoTypography, { staticClass: "b-step__index", attrs: { el: "span", variant: "body", stronger: "", "aria-hidden": "true" } }, [e.isCompleted ? s(e.CheckmarkSmallIcon) : e.isSubstep ? s(e.DotIcon) : [n._v(n._s(e.index + 1))]], 2)];
-  }, proxy: !0 }]) }, [s(e.BentoTypography, { ref: "stepContent", staticClass: "b-step__content", attrs: { el: "span", variant: "body", stronger: e.isActive } }, [n._t("default")], 2)], 1), s("ul", { directives: [{ name: "show", rawName: "v-show", value: e.isSubstepsVisible, expression: "isSubstepsVisible" }], ref: "substepList", staticClass: "b-step__substep-list" }, [n._t("substeps")], 2)], 1);
-}, ue = [], ce = /* @__PURE__ */ w(
-  ie,
-  le,
-  ue,
-  !1,
-  null,
-  "ffe615bc"
-);
-const Ie = ce.exports;
-export {
-  P as B,
-  xe as a,
-  V as b,
-  Ie as s
-};
-//# sourceMappingURL=step.CIfxl8Wm.js.map