@adyen/bento-vue2 1.94.0 → 1.95.0

package/dist/chunks/header-meta._l0IV3jf.js

@@ -1,248 +0,0 @@
-import { shallowRef as P, watch as T, defineComponent as S, ref as p, computed as g, useSlots as b } from "vue";
-import { h as x, a as R } from "./button-actions.CyMKvVwN.js";
-import { B as j } from "./popover.types.CQ5g4kw2.js";
-import { p as E, B as y } from "./typography.C8lPlsbD.js";
-import { g as C } from "./generate-uid.NJ8tVoha.js";
-import { u as B } from "./index.B6WW_F-J.js";
-import { I as F } from "./info.CcMZ4aGg.js";
-import { n as U } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { u as L } from "./use-has-slot.C9lQZ6nz.js";
-import { c as X } from "./constructNow.CK0ryPil.js";
-import { t as D, d as z, n as w, k as M, j as N, o as O, p as _, g as $ } from "./en-US.BK5uiAND.js";
-import { d as A } from "./differenceInMonths.CpwVtHZX.js";
-import { g as Y } from "./getRoundingMethod.C3eaeGLR.js";
-import { R as G } from "./refresh.arF7jP-l.js";
-import "../assets/header-meta.css";
-const v = /* @__PURE__ */ Object.assign({
-  "../../../node_modules/date-fns/locale/de.js": () => import("./de.pvjpUJ1o.js"),
-  "../../../node_modules/date-fns/locale/en-GB.js": () => import("./en-GB.-Q7Oq-nY.js"),
-  "../../../node_modules/date-fns/locale/en-US.js": () => import("./en-US.BK5uiAND.js").then((s) => s.x),
-  "../../../node_modules/date-fns/locale/es.js": () => import("./es.2H4LvTyV.js"),
-  "../../../node_modules/date-fns/locale/fr.js": () => import("./fr.Cu0IIfBP.js"),
-  "../../../node_modules/date-fns/locale/it.js": () => import("./it.B65snrJA.js"),
-  "../../../node_modules/date-fns/locale/ja.js": () => import("./ja.xGVfFSzL.js"),
-  "../../../node_modules/date-fns/locale/pt-BR.js": () => import("./pt-BR.D9FuAQZm.js"),
-  "../../../node_modules/date-fns/locale/zh-CN.js": () => import("./zh-CN.Be4pa3-g.js")
-});
-function H(s) {
-  const e = P(void 0);
-  return T(
-    s,
-    async (t) => {
-      if (!t) {
-        e.value = void 0;
-        return;
-      }
-      const o = (i) => `../../../node_modules/date-fns/locale/${i}.js`;
-      let n = o(t);
-      if (v[n] || (n = o(t.substring(0, 2))), v[n] || (n = o("en-US")), v[n])
-        try {
-          const i = await v[n]();
-          e.value = i.default;
-        } catch (i) {
-          E(`Failed to load date-fns locale: ${t}`, i);
-        }
-    },
-    { immediate: !0 }
-  ), e;
-}
-function k(s, e) {
-  return +D(s) - +D(e);
-}
-function V(s, e, t) {
-  const o = k(s, e) / 1e3;
-  return Y(t == null ? void 0 : t.roundingMethod)(o);
-}
-function W(s, e, t) {
-  const o = $(), n = (t == null ? void 0 : t.locale) ?? o.locale ?? N, i = 2520, c = z(s, e);
-  if (isNaN(c)) throw new RangeError("Invalid time value");
-  const a = Object.assign({}, t, {
-    addSuffix: t == null ? void 0 : t.addSuffix,
-    comparison: c
-  }), [l, u] = w(
-    t == null ? void 0 : t.in,
-    ...c > 0 ? [e, s] : [s, e]
-  ), f = V(u, l), I = (M(u) - M(l)) / 1e3, r = Math.round((f - I) / 60);
-  let m;
-  if (r < 2)
-    return t != null && t.includeSeconds ? f < 5 ? n.formatDistance("lessThanXSeconds", 5, a) : f < 10 ? n.formatDistance("lessThanXSeconds", 10, a) : f < 20 ? n.formatDistance("lessThanXSeconds", 20, a) : f < 40 ? n.formatDistance("halfAMinute", 0, a) : f < 60 ? n.formatDistance("lessThanXMinutes", 1, a) : n.formatDistance("xMinutes", 1, a) : r === 0 ? n.formatDistance("lessThanXMinutes", 1, a) : n.formatDistance("xMinutes", r, a);
-  if (r < 45)
-    return n.formatDistance("xMinutes", r, a);
-  if (r < 90)
-    return n.formatDistance("aboutXHours", 1, a);
-  if (r < O) {
-    const d = Math.round(r / 60);
-    return n.formatDistance("aboutXHours", d, a);
-  } else {
-    if (r < i)
-      return n.formatDistance("xDays", 1, a);
-    if (r < _) {
-      const d = Math.round(r / O);
-      return n.formatDistance("xDays", d, a);
-    } else if (r < _ * 2)
-      return m = Math.round(r / _), n.formatDistance("aboutXMonths", m, a);
-  }
-  if (m = A(u, l), m < 12) {
-    const d = Math.round(r / _);
-    return n.formatDistance("xMonths", d, a);
-  } else {
-    const d = m % 12, h = Math.trunc(m / 12);
-    return d < 3 ? n.formatDistance("aboutXYears", h, a) : d < 9 ? n.formatDistance("overXYears", h, a) : n.formatDistance("almostXYears", h + 1, a);
-  }
-}
-function J(s, e) {
-  return W(s, X(s), e);
-}
-const q = {
-  "de-DE": {
-    moreInformation: "Weitere Informationen"
-  },
-  "en-GB": {
-    moreInformation: "More information"
-  },
-  "en-US": {
-    moreInformation: "More information"
-  },
-  "es-ES": {
-    moreInformation: "Más información"
-  },
-  "es-MX": {
-    moreInformation: "Más información"
-  },
-  "fr-FR": {
-    moreInformation: "Plus d'informations"
-  },
-  "it-IT": {
-    moreInformation: "Ulteriori informazioni"
-  },
-  "ja-JP": {
-    moreInformation: "詳細情報"
-  },
-  "pt-BR": {
-    moreInformation: "Mais informações"
-  },
-  "zh-CN": {
-    moreInformation: "更多信息"
-  }
-}, K = {
-  i18n: { messages: q }
-}, Q = /* @__PURE__ */ S({
-  ...K,
-  __name: "info-icon-with-popover",
-  props: {
-    /**
-     * Text showed in the popover on hover
-     */
-    popoverText: { type: String, default: null },
-    /**
-     * Position the popover should take if space is available
-     */
-    popoverPosition: {
-      type: String,
-      default: "bottom-start",
-      validator: (s) => Object.values(j).includes(s)
-    }
-  },
-  setup(s) {
-    const { t } = B(), o = p(), n = p(null), i = C("bento-info-icon-with-popover"), c = p(), a = p(), l = () => {
-      c.value = !0, a.value && clearTimeout(a.value);
-    }, u = () => {
-      const r = setTimeout(() => {
-        c.value = !1;
-      }, 200);
-      a.value = r;
-    };
-    return { __sfc: !0, CLOSING_POPOVER_DELAY_MS: 200, t, infoIconRef: o, targetElement: n, popoverId: i, isOpen: c, closingTimeOutId: a, openPopover: l, closePopover: u, infoIconOnFocus: () => {
-      l();
-    }, infoIconOnFocusOut: (r) => {
-      (!o.value || !((r == null ? void 0 : r.relatedTarget) instanceof Element) || !o.value.contains(r.relatedTarget)) && u();
-    }, BentoPopover: x, BentoTypography: y, InfoIcon: F };
-  }
-});
-var Z = function() {
-  var e = this, t = e._self._c, o = e._self._setupProxy;
-  return t("div", { ref: "infoIconRef", staticClass: "b-info-icon-with-popover", attrs: { tabindex: "0", "data-testid": "info-icon-with-popover" }, on: { mouseenter: o.openPopover, mouseleave: o.closePopover, focus: o.infoIconOnFocus, focusout: o.infoIconOnFocusOut } }, [t(o.InfoIcon, { ref: "targetElement", staticClass: "b-info-icon-with-popover__svg", attrs: { "aria-expanded": o.isOpen, "aria-describedby": o.popoverId, "svg-title": o.t("moreInformation") } }), o.targetElement ? t(o.BentoPopover, { attrs: { open: o.isOpen, "target-element": o.targetElement, position: e.popoverPosition, role: "tooltip", "fit-content": "", "disable-focus-trap": "" } }, [t(o.BentoTypography, [e._t("default", function() {
-    return [e.popoverText ? t("div", [e._v(" " + e._s(e.popoverText) + " ")]) : e._e()];
-  })], 2)], 1) : e._e()], 1);
-}, ee = [], te = /* @__PURE__ */ U(
-  Q,
-  Z,
-  ee,
-  !1,
-  null,
-  "d4854f91"
-);
-const Oe = te.exports, oe = {
-  "de-DE": {
-    lastUpdated: "Letzte Aktualisierung: {date}"
-  },
-  "en-GB": {
-    lastUpdated: "Last updated: {date}"
-  },
-  "en-US": {
-    lastUpdated: "Last updated: {date}"
-  },
-  "es-ES": {
-    lastUpdated: "Última actualización: {date}"
-  },
-  "es-MX": {
-    lastUpdated: "Última actualización: {date}"
-  },
-  "fr-FR": {
-    lastUpdated: "Dernière mise à jour : le {date}"
-  },
-  "it-IT": {
-    lastUpdated: "Ultimo aggiornamento: {date}"
-  },
-  "ja-JP": {
-    lastUpdated: "最終更新日: {date}"
-  },
-  "pt-BR": {
-    lastUpdated: "Última atualização: {date}"
-  },
-  "zh-CN": {
-    lastUpdated: "最后更新时间：{date}"
-  }
-}, ne = {
-  i18n: { messages: oe }
-}, ae = /* @__PURE__ */ S({
-  ...ne,
-  __name: "header-meta",
-  props: {
-    description: { default: null },
-    lastUpdated: { default: null },
-    reloadButton: { default: null }
-  },
-  setup(s) {
-    const e = s, { t, locale: o } = B(), n = g(() => e.lastUpdated ? o.value : ""), i = H(n), c = g(
-      () => e.lastUpdated ? t("lastUpdated", {
-        date: J(e.lastUpdated, {
-          locale: i.value,
-          addSuffix: !0
-        })
-      }) : null
-    ), a = b(), l = L(a);
-    return { __sfc: !0, t, locale: o, props: e, activeLocale: n, dateLocale: i, timestamp: c, slots: a, hasSlot: l, BentoTypography: y, BentoLoadingButton: R, ReloadIcon: G };
-  }
-});
-var se = function() {
-  var e = this, t = e._self._c, o = e._self._setupProxy;
-  return t("div", { staticClass: "b-header-meta__container" }, [e.description || o.hasSlot("description") ? t(o.BentoTypography, { staticClass: "b-header-meta__description", attrs: { el: "div" } }, [e._t("description", function() {
-    return [e._v(e._s(e.description))];
-  })], 2) : e._e(), e.lastUpdated ? t("div", { staticClass: "b-header-meta__timestamp-section" }, [t(o.BentoTypography, { staticClass: "b-header-meta__timestamp", attrs: { el: "div" } }, [e._v(" " + e._s(o.timestamp) + " ")]), e.reloadButton ? t(o.BentoLoadingButton, { attrs: { variant: "tertiary", state: e.reloadButton.state }, on: { click: e.reloadButton.event }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
-    return [t(o.ReloadIcon, { attrs: { "aria-hidden": "true" } })];
-  }, proxy: !0 }], null, !1, 750518660) }, [e._v(e._s(e.reloadButton.title))]) : e._e()], 1) : e._e()], 1);
-}, re = [], ie = /* @__PURE__ */ U(
-  ae,
-  se,
-  re,
-  !1,
-  null,
-  "0b8d63cc"
-);
-const Se = ie.exports;
-export {
-  Se as H,
-  Oe as I
-};
-//# sourceMappingURL=header-meta._l0IV3jf.js.map

package/dist/chunks/input-field.CRsU2NBh.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-field.CRsU2NBh.js","sources":["../../src/components/input-field/input-field.types.ts","../../src/components/input-field/input-field.vue"],"sourcesContent":["import { type BentoDropdownProps } from '../dropdown/dropdown.types';\nimport { type FormField } from '../../types/form-field';\n\n/**\n * @deprecated Since v2.0.0. Use string literal instead.\n */\nexport enum BentoInputFieldVariant {\n    DEFAULT = 'default',\n    PAYMENT_METHOD = 'payment-method',\n    STATIC_VALUE = 'static-value',\n    DROPDOWN = 'dropdown',\n}\n\n/**\n * @deprecated Since v2.0.0. Use string literal instead.\n */\nexport enum BentoInputFieldElementPosition {\n    START = 'start',\n    END = 'end',\n}\n\nexport enum BentoInputFieldStateClass {\n    CONDENSED = 'condensed',\n    DISABLED = 'disabled',\n    READONLY = 'readonly',\n    ERROR = 'error',\n}\n\n/**\n * @deprecated Since v2.0.0. Use string literal instead.\n */\nexport enum BentoInputFieldType {\n    SEARCH = 'search',\n    TEXT = 'text',\n    NUMBER = 'number',\n}\n\nexport type BentoInputFieldValue = string | number;\n\nexport interface BentoInputDropdownProps {\n    /**\n     * Text that labels the dropdown element\n     */\n    'aria-label'?: string;\n    /**\n     * Indicates that dropdown items are loading (shows a loading skeleton)\n     */\n    componentLoading?: BentoDropdownProps['componentLoading'];\n    /**\n     * Enables dynamic filtering\n     */\n    dynamicFiltering?: BentoDropdownProps['dynamicFiltering'];\n    /**\n     * Empty state displayed when no search results are found\n     */\n    emptyState?: BentoDropdownProps['emptyState'];\n    /**\n     * Enables value/label pair handling for selected values\n     */\n    enableValueLabelPair?: BentoDropdownProps['enableValueLabelPair'];\n    /**\n     * Indicates whether there are more items to load\n     */\n    hasMoreItems?: BentoDropdownProps['hasMoreItems'];\n    /**\n     * Function that determines which options are disabled from interaction\n     */\n    isOptionDisabled?: BentoDropdownProps['isOptionDisabled'];\n    /**\n     * List of available items\n     */\n    items: BentoDropdownProps['items'];\n    /**\n     * The type of lazy load: \"automatic\" for infinite scrolling, \"button\" for a show-more button\n     */\n    lazyLoadType?: BentoDropdownProps['lazyLoadType'];\n    /**\n     * Indicates if new options are lazy loading\n     */\n    loading?: BentoDropdownProps['loading'];\n    /**\n     * Selected value of the dropdown\n     */\n    modelValue?: BentoDropdownProps['modelValue'];\n    /**\n     * Sets the dropdown in read-only mode\n     */\n    readonly?: BentoDropdownProps['readonly'];\n    /**\n     * Dropdown search options including debounce time and placeholder\n     */\n    search?: BentoDropdownProps['search'];\n    /**\n     * Displays non-selectable, static categories in the dropdown\n     */\n    staticCategories?: BentoDropdownProps['staticCategories'];\n    /**\n     * Selected value of the dropdown\n     * @deprecated Since v2.0.0. Use `model-value` instead.\n     */\n    value?: BentoDropdownProps['value'];\n    /**\n     * Enables virtual scrolling for large lists of items\n     */\n    virtualScroll?: BentoDropdownProps['virtualScroll'];\n}\n\n/**\n * @deprecated Since v2.0.0. Use `@<emit name>` instead.\n */\nexport enum BentoInputFieldEvent {\n    INPUT = 'input',\n    ESCAPE_PRESSED = 'escape-pressed',\n    UPDATE_DROPDOWN = 'update:dropdown',\n    DROPDOWN_INPUT = 'dropdown-input',\n    FOCUS = 'focus',\n    CHANGE = 'change',\n    BLUR = 'blur',\n    KEYDOWN = 'keydown',\n}\n\nexport interface BentoInputFieldProps extends FormField {\n    /**\n     * Indicates whether the element is exposed to an accessibility API.\n     */\n    ariaHidden?: boolean;\n\n    /**\n     * Text that labels an the input element\n     *\n     * @deprecated Since v2.0.0. Use `aria-label` instead.\n     */\n    ariaLabel?: string;\n\n    /**\n     * Reduces height of the input\n     */\n    condensed?: boolean;\n\n    /**\n     * Dropdown props for the single-select dropdown menu embedded in the input field.\n     * Only a subset of `BentoDropdownProps` is supported (multi-select is not available).\n     *\n     * @see {@link BentoInputDropdownProps}\n     */\n    dropdown?: BentoInputDropdownProps;\n\n    /**\n     * Position of the dropdown before or after input value\n     */\n    dropdownPosition?: BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`;\n\n    /**\n     * Adds error validation class for outlining input-field.\n     *\n     * @deprecated Since v2.0.0. Use `errorMessage` instead.\n     */\n    error?: boolean;\n\n    /**\n     * Text displayed as the value of the input-field\n     */\n    modelValue?: BentoInputFieldValue;\n\n    /**\n     * Renders a font numeric style with slashed zeros instead of normal ones.\n     */\n    slashedZero?: boolean;\n\n    /**\n     * Static text that displayed before or after input value\n     * Applicable to the Static Value variant\n     */\n    staticValue?: string;\n\n    /**\n     * Position of Static Value before or after input value\n     */\n    staticValuePosition?: BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`;\n\n    /**\n     * A string specifying the type of control to render.\n     * All `input` types are available but only `search`, `text` and `number` are fully supported.\n     *\n     * If `type` is `search`, use `bento-search-bar` instead.\n     */\n    type?: BentoInputFieldType | `${BentoInputFieldType}` | HTMLInputElement['type'];\n\n    /**\n     * Text displayed as the value of the input-field\n     * @deprecated Since v2.0.0. Use `v-model` or `model-value` instead.\n     */\n    value?: BentoInputFieldValue;\n\n    /**\n     * Describes the different variants for the input element\n     */\n    variant?: BentoInputFieldVariant | `${BentoInputFieldVariant}`;\n}\n","<template>\n    <bento-typography\n        class=\"b-input-field\"\n        v-bind=\"getRootAttributes($attrs)\"\n        :data-testid=\"getDataTestId($attrs)\"\n        :class=\"inputFieldConditionalClasses\"\n        el=\"div\"\n        variant=\"body\"\n    >\n        <field-label\n            v-if=\"hasSlot('default') || label\"\n            :for=\"inputFieldId\"\n            data-testid=\"input-field-label\"\n            :tooltip-text=\"tooltipText\"\n            :optional=\"optional\"\n            :required=\"required\"\n            :label=\"label\"\n            @click=\"focusInput\"\n        >\n            <slot></slot>\n        </field-label>\n\n        <div class=\"b-input-field__input-box\" data-testid=\"input-box\" :aria-disabled=\"disabled\" @click=\"focusInput\">\n            <!-- Optional Icon for Default text variant -->\n            <span\n                v-if=\"isDefaultVariant && (hasSlot('defaultIconBefore') || hasSlot('iconBefore'))\"\n                :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n                class=\"b-input-field__icon-before\"\n            >\n                <slot v-if=\"hasSlot('iconBefore')\" name=\"iconBefore\" />\n                <slot v-if=\"hasSlot('defaultIconBefore') && !hasSlot('iconBefore')\" name=\"defaultIconBefore\" />\n            </span>\n\n            <!-- Mandatory Icon for Payment Method variant -->\n            <span\n                v-if=\"isPaymentMethodVariant && hasSlot('paymentMethod')\"\n                :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n                class=\"b-input-field__payment-method\"\n            >\n                <slot name=\"paymentMethod\" />\n            </span>\n\n            <!-- Dropdown at start -->\n            <div\n                v-if=\"shouldDisplayDropdownAtStart\"\n                :id=\"dropdownId\"\n                class=\"b-input-field__dropdown b-input-field__dropdown--start\"\n                @click.stop\n            >\n                <bento-dropdown\n                    v-if=\"dropdown\"\n                    ref=\"inputDropdownElement\"\n                    v-bind=\"inputFieldDropdownProps\"\n                    :disabled=\"disabled\"\n                    :readonly=\"isDropdownReadOnly\"\n                    @update:model-value=\"onDropdownInput\"\n                />\n            </div>\n\n            <!-- Static Value at start -->\n            <bento-typography\n                v-if=\"shouldDisplayStaticValueAtStart\"\n                :id=\"staticValueId\"\n                class=\"b-input-field__static-value b-input-field__static-value--start\"\n                el=\"span\"\n                variant=\"body\"\n            >\n                <slot name=\"staticValue\" />\n            </bento-typography>\n            <div class=\"b-input-field__input-container\">\n                <input\n                    :id=\"inputFieldId\"\n                    v-bind=\"$attrs\"\n                    ref=\"inputFieldElement\"\n                    class=\"b-input-field__input\"\n                    :aria-label=\"computedAriaLabel\"\n                    :aria-describedby=\"computedAriaDescribedBy\"\n                    :aria-owns=\"computedAriaOwns\"\n                    :aria-invalid=\"shouldShowError\"\n                    :placeholder=\"placeholder\"\n                    :required=\"required\"\n                    :aria-required=\"required\"\n                    :type=\"type\"\n                    :value=\"modelValue ?? value\"\n                    :disabled=\"disabled\"\n                    :readonly=\"isReadOnly\"\n                    @input=\"onInput\"\n                    @change=\"emit('change')\"\n                    @focus=\"onFocus\"\n                    @blur=\"onBlur\"\n                    @keydown=\"emit('keydown', $event)\"\n                    @keyup=\"emit('keyup', $event)\"\n                    @keydown.esc=\"emit('escape-pressed')\"\n                    @click=\"emit('click', $event)\"\n                />\n\n                <!-- Hint at the end -->\n                <bento-typography\n                    v-if=\"hint && isFocused && (modelValue || value)\"\n                    el=\"span\"\n                    class=\"b-input-field__hint\"\n                >\n                    {{ hint }}\n                </bento-typography>\n            </div>\n\n            <span\n                v-if=\"hasSlot('iconAfter')\"\n                :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n                class=\"b-input-field__icon-after\"\n                data-testid=\"input-text__icon-after\"\n            >\n                <slot name=\"iconAfter\" />\n            </span>\n\n            <!-- Static Value at the end -->\n            <bento-typography\n                v-if=\"shouldDisplayStaticValueAtEnd\"\n                :id=\"staticValueId\"\n                class=\"b-input-field__static-value b-input-field__static-value--end\"\n                el=\"span\"\n                variant=\"body\"\n            >\n                <slot name=\"staticValue\" />\n            </bento-typography>\n\n            <!-- Dropdown at end -->\n            <div\n                v-if=\"shouldDisplayDropdownAtEnd\"\n                :id=\"dropdownId\"\n                data-testid=\"input-field-dropdown-container-end\"\n                class=\"b-input-field__dropdown b-input-field__dropdown--end\"\n                @click.stop\n            >\n                <bento-dropdown\n                    v-if=\"dropdown\"\n                    :id=\"dropdownId\"\n                    ref=\"inputDropdownElement\"\n                    v-bind=\"inputFieldDropdownProps\"\n                    :disabled=\"disabled\"\n                    :readonly=\"isDropdownReadOnly\"\n                    @update:model-value=\"onDropdownInput\"\n                />\n            </div>\n        </div>\n\n        <error-message\n            v-if=\"shouldShowError && !!errorMessage\"\n            :id=\"errorId\"\n            :error-message=\"errorMessage\"\n            class=\"b-input-field__error-message\"\n        />\n\n        <span\n            v-if=\"hasSlot('description') || description\"\n            :id=\"descriptionId\"\n            class=\"b-input-field__description\"\n            @click=\"focusInput\"\n        >\n            <bento-typography el=\"span\" variant=\"body\">\n                <slot id=\"description\" name=\"description\">\n                    {{ description }}\n                </slot>\n            </bento-typography>\n        </span>\n    </bento-typography>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, provide, type Ref, ref, toRef, toRefs, useAttrs, useSlots } from 'vue';\n\n    // Components\n    import { BentoDropdown } from '@/components/dropdown';\n    import { BentoTypography } from '@/components/typography';\n    import { ErrorMessage, FieldLabel } from '@/internal';\n\n    // Utils\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { useFormFieldEmits } from '@/utils/ts/form-field/form-field';\n    import { generateUid } from '@/core/utils/ts';\n    import { getSlotText } from '@/utils/ts/get-slot-text';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n    import {\n        INPUT_FIELD_COMPONENT_INJECTION_KEY,\n        INPUT_FIELD_HINT_INJECTION_KEY,\n        INPUT_FIELD_PARENT_COMPONENT_INJECTION_KEY,\n    } from '@/components/input-field/input-field.keys';\n    import { type BentoListboxSelectedValue } from '@/types/listbox';\n\n    // Composables\n    import { useFormLayoutFieldLoading, useHasSlot } from '@/composables';\n\n    // Types\n    import {\n        type BentoInputDropdownProps,\n        BentoInputFieldElementPosition,\n        type BentoInputFieldProps,\n        BentoInputFieldStateClass,\n        BentoInputFieldType,\n        type BentoInputFieldValue,\n        BentoInputFieldVariant,\n    } from './input-field.types';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const attrs = useAttrs();\n    const slots = useSlots();\n\n    const props = defineProps({\n  description: { default: '' },\n  disabled: { type: Boolean, default: false },\n  errorMessage: { default: null },\n  label: { default: '' },\n  optional: { type: Boolean, default: false },\n  placeholder: { default: '' },\n  readonly: { type: Boolean, default: false },\n  required: { type: Boolean, default: false },\n  tooltipText: { default: null },\n  ariaHidden: { type: Boolean, default: true },\n  ariaLabel: { default: undefined },\n  condensed: { type: Boolean, default: false },\n  dropdown: { default: undefined },\n  dropdownPosition: { default: BentoInputFieldElementPosition.START },\n  error: { type: Boolean, default: false },\n  modelValue: { default: undefined },\n  slashedZero: { type: Boolean, default: false },\n  staticValue: { default: '' },\n  staticValuePosition: { default: BentoInputFieldElementPosition.START },\n  type: { default: BentoInputFieldType.TEXT },\n  value: { default: undefined },\n  variant: { default: BentoInputFieldVariant.DEFAULT }\n});\n\n    const emit = defineEmits([\"blur\", \"click\", \"change\", \"dropdown-input\", \"escape-pressed\", \"focus\", \"keydown\", \"keyup\", \"input\", \"update:dropdown\", \"update:model-value\"]);\n\n    const { emitValue } = useFormFieldEmits<BentoInputFieldValue>(emit);\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n    const hasSlot = useHasSlot(slots);\n    const inputFieldElement = ref(null);\n    const inputDropdownElement = ref(null);\n    const inputFieldId = generateUid('input');\n    const dropdownId = generateUid('input-dropdown');\n    const staticValueId = generateUid('input-static-value');\n    const descriptionId = generateUid('input-description');\n    const errorId = generateUid('input-error');\n    const isFocused = ref(false);\n\n    /**\n     * Gets the overriden or the default data-testid attribute\n     * @param attributes - the live attributes object\n     */\n    function getDataTestId(attributes: Record<string, unknown>) {\n        return (attributes['data-testid'] as string) ?? 'input-text-container';\n    }\n    /**\n     * Filters out all aria attributes for the root element.\n     * @param attributes - the live attributes object\n     */\n    function getRootAttributes(attributes: Record<string, unknown>) {\n        return Object.fromEntries(\n            Object.entries(attributes).filter(([key]) => !key.startsWith('aria-') && key !== 'data-testid')\n        );\n    }\n\n    // Provide INPUT_FIELD_COMPONENT_INJECTION_KEY as true, to set the input only dropdown size variant in the BentoDropdown comp\n    provide(INPUT_FIELD_COMPONENT_INJECTION_KEY, true);\n    // Renders the input with a hint if a string is provided\n    const hint = inject<Ref<string | undefined>>(INPUT_FIELD_HINT_INJECTION_KEY, ref(undefined));\n\n    const onFocus = () => {\n        isFocused.value = true;\n        emit('focus');\n    };\n\n    const onBlur = () => {\n        isFocused.value = false;\n        emit('blur');\n    };\n\n    const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n    const isDropdownReadOnly = computed<BentoInputDropdownProps['readonly']>(\n        () => isReadOnly.value || props.dropdown?.readonly\n    );\n\n    const shouldShowStaticValue = computed(\n        () => props.variant === BentoInputFieldVariant.STATIC_VALUE && !!slots.staticValue\n    );\n\n    const isDefaultVariant = computed(() => props.variant === BentoInputFieldVariant.DEFAULT);\n\n    const isPaymentMethodVariant = computed(() => props.variant === BentoInputFieldVariant.PAYMENT_METHOD);\n\n    const shouldDisplayStaticValueAtStart = computed(\n        () => shouldShowStaticValue.value && props.staticValuePosition === BentoInputFieldElementPosition.START\n    );\n    const shouldDisplayStaticValueAtEnd = computed(\n        () => shouldShowStaticValue.value && props.staticValuePosition === BentoInputFieldElementPosition.END\n    );\n\n    const shouldShowDropdown = computed(() => props.variant === BentoInputFieldVariant.DROPDOWN && !!props.dropdown);\n    const shouldDisplayDropdownAtStart = computed(\n        () => shouldShowDropdown.value && props.dropdownPosition === BentoInputFieldElementPosition.START\n    );\n    const shouldDisplayDropdownAtEnd = computed(\n        () => shouldShowDropdown.value && props.dropdownPosition === BentoInputFieldElementPosition.END\n    );\n\n    const shouldShowError = computed(\n        () => !props.disabled && !isReadOnly.value && (!!props.errorMessage || props.error)\n    );\n\n    const computedLabel = computed(() => (getSlotText(slots)('default') as string) || props.label);\n    const computedDescription = computed(() => (getSlotText(slots)('description') as string) || props.description);\n\n    const computedAriaOwns = computed(() => {\n        if (shouldShowDropdown.value === true && shouldShowStaticValue.value === true) {\n            return `${staticValueId} ${dropdownId}`;\n        }\n        if (shouldShowDropdown.value === true) {\n            return `${dropdownId}`;\n        }\n        if (shouldShowStaticValue.value === true) {\n            return `${staticValueId}`;\n        }\n        return null;\n    });\n\n    // vue-i18n issue with t() used in script - direct usage in template works\n    // requires either createI18n({ legacy: false }) or to be wrapped in computed()\n    const computedAriaLabelFallbackMessage = computed(() =>\n        attrs?.['aria-labelledby'] ? undefined : t('ariaLabelFallback')\n    );\n    const computedAriaLabelDropdowFallback = computed(() =>\n        t('ariaLabelDropdownFallback', { inputLabel: computedAriaLabel.value })\n    );\n\n    const ariaLabelAttribute = ref(attrs['aria-label']);\n    const { ariaLabel } = toRefs(props);\n    const computedAriaLabel = useAriaLabel({\n        ariaLabel: ariaLabelAttribute.value as string,\n        // TODO: take this line away when the aria-label props is removed\n        label: ariaLabel,\n        defaultFallback: computedLabel.value || computedAriaLabelFallbackMessage,\n    });\n\n    const computedAriaDescribedBy = computed(\n        () =>\n            `${computedDescription.value ? descriptionId : ''} ${\n                shouldShowError.value && !!props.errorMessage ? errorId : ''\n            }`\n    );\n\n    const inputFieldConditionalClasses = computed(() => ({\n        [`b-input-field--${BentoInputFieldStateClass.CONDENSED}`]: props.condensed,\n        [`b-input-field--${BentoInputFieldStateClass.DISABLED}`]: props.disabled,\n        [`b-input-field--${BentoInputFieldStateClass.READONLY}`]: isReadOnly.value,\n        [`b-input-field--${BentoInputFieldStateClass.ERROR}`]: shouldShowError.value,\n        [`b-input-field--slashed-zero`]: props.slashedZero,\n    }));\n\n    const inputFieldDropdownProps = computed(() => ({\n        'aria-label': computedAriaLabelDropdowFallback.value,\n        ...props.dropdown,\n    }));\n\n    const onInput = (event: Event) => {\n        const inputValue = (event.target as HTMLInputElement).value;\n        if (!props.disabled && !isReadOnly.value) {\n            emitValue(inputValue);\n        }\n    };\n\n    const onDropdownInput = (selectedValue: BentoListboxSelectedValue) => {\n        emit('dropdown-input', selectedValue);\n        emit('update:dropdown', { ...props?.dropdown, value: selectedValue });\n    };\n\n    const focusInput = () => {\n        inputFieldElement.value.focus();\n    };\n\n    const focus = () => {\n        if (props.variant === 'dropdown') {\n            inputDropdownElement.value.focus();\n        } else {\n            focusInput();\n        }\n    };\n\n    // Expose method so that other components can focus on it in Vue3\n    defineExpose({\n        focusInput,\n        focus,\n    });\n\n    const inputFieldParentComponent = inject(INPUT_FIELD_PARENT_COMPONENT_INJECTION_KEY, '');\n\n    if (!Object.values(BentoInputFieldType).includes(props.type as BentoInputFieldType) && !inputFieldParentComponent) {\n        if (props.type === 'tel') {\n            printDevelopmentWarning(\n                `\"bento-input-field\" dropdown does not support the type '${props.type}', use \"bento-input-field-phone-number\" instead.`\n            );\n        } else if (props.type === 'password') {\n            printDevelopmentWarning(\n                `\"bento-input-field\" dropdown does not support the type '${props.type}', use \"bento-input-field-password\" instead.`\n            );\n        } else {\n            printDevelopmentWarning(`\"bento-input-field\" dropdown does not support the type '${props.type}'`);\n        }\n    }\n\n    /**\n     * Deprecations\n     */\n    if (props.error) {\n        deprecate(\n            'BentoInputField \"error\" property',\n            `Use the BentoInputField \"errorMessage\" property instead to indicate that there is a modifier error.\n            Having the field as \"undefined\" will hide/remove the error.\n            <bento-dropdown errorMessage=\"Error message text\" />`,\n            '2.0.0'\n        );\n    }\n\n    if (hasSlot('defaultIconBefore')) {\n        deprecate(\n            'BentoInputField \"defaultIconBefore\" slot',\n            `Use the BentoInputField \"iconBefore\" slot instead to add an icon at the left side of the input field\n            <bento-input-field>\n              \\t<template #iconBefore>\n                \\t\\t<my-icon-goes-here />\n              \\t</template>\n            </bento-input-field>`,\n            '2.0.0'\n        );\n    }\n\n    if (props.value) {\n        deprecate(\n            'BentoInputField \"value\" property',\n            `The use of \"value\" prop in \"BentoInputField\" is no longer supported.\n             Use the \"v-model\" or \"model-value\" property instead.`,\n            '2.0.0'\n        );\n    }\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Input field component is used to create interactive controls for web-based\n     * forms in order to accept data from the user.\n     *\n     * @example\n     * import { BentoInputField } from '@adyen/bento-vue2'\n     *\n     * const inputValue = ref('');\n     *\n     * export default {\n     *      components: { BentoInputField },\n     *      tempate: `\n     *          <bento-input-field\n     *              :model-value=\"inputValue\"\n     *              :@update:model-value=\"newValue => inputValue.value = newValue\"\n     *          >\n     * }\n     */\n    export default {\n        name: 'bento-input-field',\n        inheritAttrs: false,\n        model: { prop: 'modelValue' },\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./input-field.scss\" />\n"],"names":["BentoInputFieldVariant","BentoInputFieldVariant2","BentoInputFieldElementPosition","BentoInputFieldElementPosition2","BentoInputFieldStateClass","BentoInputFieldStateClass2","BentoInputFieldType","BentoInputFieldType2","BentoInputFieldEvent","BentoInputFieldEvent2","__default__","messages","attrs","useAttrs","slots","useSlots","emitValue","useFormFieldEmits","emit","t","useI18n","hasSlot","useHasSlot","inputFieldElement","ref","inputDropdownElement","inputFieldId","generateUid","dropdownId","staticValueId","descriptionId","errorId","isFocused","getDataTestId","attributes","getRootAttributes","key","provide","INPUT_FIELD_COMPONENT_INJECTION_KEY","hint","inject","INPUT_FIELD_HINT_INJECTION_KEY","onFocus","onBlur","isReadOnly","useFormLayoutFieldLoading","toRef","props","isDropdownReadOnly","computed","_a","shouldShowStaticValue","isDefaultVariant","isPaymentMethodVariant","shouldDisplayStaticValueAtStart","shouldDisplayStaticValueAtEnd","shouldShowDropdown","shouldDisplayDropdownAtStart","shouldDisplayDropdownAtEnd","shouldShowError","computedLabel","getSlotText","computedDescription","computedAriaOwns","computedAriaLabelFallbackMessage","computedAriaLabelDropdowFallback","computedAriaLabel","ariaLabelAttribute","ariaLabel","toRefs","useAriaLabel","computedAriaDescribedBy","inputFieldConditionalClasses","inputFieldDropdownProps","onInput","event","inputValue","onDropdownInput","selectedValue","focusInput","focus","expose","inputFieldParentComponent","INPUT_FIELD_PARENT_COMPONENT_INJECTION_KEY","printDevelopmentWarning","deprecate"],"mappings":"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"}

package/dist/chunks/link.DB5g6d48.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.DB5g6d48.js","sources":["../../src/components/link/link.types.ts","../../../ui-assets/icons-16/dist/vue/external-link.vue","../../src/components/link/link.vue"],"sourcesContent":["import type { Location } from 'vue-router/types/router.d.ts';\n// TODO: revert to import once fully migrated to Vue 3\n// import type { RouterLinkProps } from 'vue-router/types/router.d.ts';\n\n/**\n * Manually defined RouterLinkProps to ensure compatibility\n * with Vue Macros and Vue 2.7 / 3 monorepos.\n */\nexport interface RouterLinkProps {\n    /**\n     * Denotes the target route of the link. When clicked, the value of the `to` prop will be passed to\n     * `router.push()` internally, so the value can be either a string or a location descriptor object.\n     */\n    to: string | Location;\n    /**\n     * Setting `replace` prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will\n     * not create a new history record.\n     *\n     * @default false\n     */\n    replace?: boolean;\n    /**\n     * Setting `append` prop always appends the relative path to the current path. For example, assuming we are navigating\n     * from `/a` to a relative link `b`, without `append` we will end up at `/b`, but with append we will end up at\n     * `/a/b`.\n     *\n     * @default false\n     */\n    append?: boolean;\n    /**\n     * Sometimes we want <RouterLink> to render as another tag, e.g <li>. Then we can use tag prop to specify which tag to\n     * render to, and it will still listen to click events for navigation.\n     *\n     * @default \"a\"\n     */\n    tag?: string;\n    /**\n     * Configure the active CSS class applied when the link is active. Note the default value can also be configured\n     * globally via the `linkActiveClass` router constructor option.\n     *\n     * @default \"router-link-active\"\n     */\n    activeClass?: string;\n    /**\n     * The default active class matching behavior is **inclusive match**. For example, `<RouterLink to=\"/a\">` will get\n     * this class applied as long as the current path starts with `/a/` or is `/a`.\n     *\n     * @default false\n     */\n    exact?: boolean;\n    /**\n     * Allows matching only using the `path` section of the url, effectively ignoring the `query` and the `hash` sections.\n     *\n     * @default false\n     */\n    exactPath?: boolean;\n    /**\n     * Configure the active CSS class applied when the link is active with exact path match. Note the default value can\n     * also be configured globally via the `linkExactPathActiveClass` router constructor option.\n     *\n     * @default \"router-link-exact-path-active\"\n     */\n    exactPathActiveClass?: string;\n\n    /**\n     * Specify the event(s) that can trigger the link navigation.\n     *\n     * @default 'click'\n     */\n    event?: string | ReadonlyArray<string>;\n    /**\n     * Configure the active CSS class applied when the link is active with exact match. Note the default value can also be\n     * configured globally via the `linkExactActiveClass` router constructor option.\n     *\n     * @default \"router-link-exact-active\"\n     */\n    exactActiveClass?: string;\n    /**\n     * Configure the value of `aria-current` when the link is active with exact match. It must be one of the allowed\n     * values for [aria-current](https://www.w3.org/TR/wai-aria-1.2/#aria-current) in the ARIA spec. In most cases, the\n     * default of page should be the best fit.\n     *\n     * @default \"page\"\n     */\n    ariaCurrentValue?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';\n}\n\n/**\n * @deprecated Since v2.0.0. Use string literal instead.\n */\nexport enum BentoLinkVariant {\n    DEFAULT = 'default',\n    QUIET = 'quiet',\n}\n\nexport type BentoLinkProps = RouterLinkProps & {\n    /**\n     * Disable the default typography for the component. Only use this when the component is inside another typography component.\n     */\n    disableTypography?: boolean;\n\n    /**\n     * Set the rendered link to a regular external anchor link and renders an external link icon.\n     */\n    external?: boolean;\n\n    /**\n     * Set to true if used inside a `BentoButton` component.\n     */\n    isButton?: boolean;\n\n    /**\n     * Set the rendered link to a regular external anchor link.\n     */\n    isNotRouting?: boolean;\n\n    /**\n     * Sets the target of the rendered link.\n     */\n    target?: string;\n\n    /**\n     * Set to true to truncate link. Doesn't work with disableTypography.\n     */\n    truncate?: boolean;\n\n    /**\n     * Link variant type affecting visual style.\n     * @values default, quiet\n     */\n    variant?: BentoLinkVariant | `${BentoLinkVariant}`;\n};\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M2.93933 11.9999L10.1893 4.74989H5.24999V3.24989H12.75V10.7499H11.25V5.81055L3.99999 13.0605L2.93933 11.9999Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","<template>\n    <a\n        v-if=\"external || isNotRouting\"\n        :class=\"conditionalClasses\"\n        v-bind=\"$attrs\"\n        :aria-describedby=\"externalLinkId\"\n        :href=\"$props.to.toString()\"\n        :title=\"getAttributeTitle($attrs.title)\"\n        :target=\"computedTarget\"\n        @click=\"onClick\"\n    >\n        <bento-typography v-if=\"!disableTypography\" class=\"b-link__text\" el=\"span\" variant=\"body\">\n            <slot />\n        </bento-typography>\n        <slot v-else />\n        <span v-if=\"showExternalLinkIcon\" aria-hidden=\"true\" class=\"b-link__external-link-icon\">\n            <external-link-icon />\n        </span>\n        <span v-if=\"external\" :id=\"externalLinkId\" class=\"b-link--visually-hidden\">{{ t('opensInNewTab') }}</span>\n    </a>\n    <router-link\n        v-else\n        v-bind=\"{ ...$attrs, ...$props, ...nonForwardedProps }\"\n        :class=\"conditionalClasses\"\n        :target=\"target\"\n        :to=\"props.to\"\n        custom\n        @click.native=\"onClick\"\n    >\n        <bento-typography v-if=\"!disableTypography\" class=\"b-link__text\" el=\"span\" variant=\"body\">\n            <slot />\n        </bento-typography>\n        <slot v-else />\n    </router-link>\n</template>\n\n<script setup lang=\"ts\">\n    import { RouterLink } from 'vue-router';\n    import { computed } from 'vue';\n    import { generateUid } from '@/core/utils/ts';\n    import { BentoTypography } from '@/components/typography';\n    import { type BentoLinkProps, BentoLinkVariant } from './link.types';\n    import { useI18n } from '@/utils/ts/i18n';\n    import type { RouterLinkSlotArgument } from 'vue-router/types/router.d.ts';\n    import ExternalLinkIcon from '@adyen/ui-assets-icons-16/vue/external-link';\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 props = defineProps({\n  to: null,\n  replace: { type: Boolean },\n  append: { type: Boolean },\n  tag: null,\n  activeClass: null,\n  exact: { type: Boolean },\n  exactPath: { type: Boolean },\n  exactPathActiveClass: null,\n  event: null,\n  exactActiveClass: null,\n  ariaCurrentValue: null,\n  disableTypography: { type: Boolean },\n  external: { type: Boolean },\n  isButton: { type: Boolean },\n  isNotRouting: { type: Boolean },\n  target: { default: null },\n  truncate: { type: Boolean },\n  variant: { default: BentoLinkVariant.DEFAULT }\n});\n\n    // Props that should not be forwarded to the underlying anchor element\n    const nonForwardedProps = {\n        variant: undefined,\n        isButton: undefined,\n        truncate: undefined,\n        disableTypography: undefined,\n        external: undefined,\n        isNotRouting: undefined,\n    };\n\n    const externalLinkId = generateUid('external-link');\n\n    const getAttributeTitle = (attributesTitle: unknown) => attributesTitle as string;\n\n    const conditionalClasses = computed(() => ({\n        'b-link': !props.isButton,\n        [`b-link--${BentoLinkVariant.QUIET}`]: props.variant === BentoLinkVariant.QUIET,\n        [`b-link--truncate`]: props.truncate,\n    }));\n\n    const computedTarget = computed(() => (props.external ? (props.target ?? '_blank') : props.target));\n    const showExternalLinkIcon = computed(() => !(props.isButton || props.isNotRouting));\n\n    const emit = defineEmits([\"click\"]);\n\n    const onClick = (e: MouseEvent, navigateCallback?: RouterLinkSlotArgument['navigate']) => {\n        emit('click', e);\n        if (navigateCallback) {\n            navigateCallback();\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Extends the `router-link` from the `vue-router` NPM package.\n     *\n     * @example\n     * import { BentoLink } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoLink },\n     *     template: `\n     *       <bento-link to=\"/\">\n     *           link\n     *       </bento-link>\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-link',\n        inheritAttrs: false,\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/link/link.scss\" />\n"],"names":["BentoLinkVariant","BentoLinkVariant2","uuid","_sfc_main$1","__default__","messages","t","useI18n","nonForwardedProps","externalLinkId","generateUid","getAttributeTitle","attributesTitle","conditionalClasses","computed","props","computedTarget","showExternalLinkIcon","e","navigateCallback","emit"],"mappings":";;;;;;;;AA0FO,IAAAA,IAAA,kBAAAC,OACHA,EAAA,UAAA,WACAA,EAAA,QAAA,SAFQA,IAAAD,KAAA,CAAA,CAAA;ACnFZ,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GC2GIE,IAAA;AAAA,EAAe,MAAA;AAAA,EACL,cAAA;AAAA,EACQ,MAAA,EAAA,UAAAC,EAAA;AAElB;;;;;;;;;;;;;;;;;;;;;;;;iBA5EA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GAwBAC,IAAA;AAAA,MAA0B,SAAA;AAAA,MACb,UAAA;AAAA,MACC,UAAA;AAAA,MACA,mBAAA;AAAA,MACS,UAAA;AAAA,MACT,cAAA;AAAA,IACI,GAGlBC,IAAAC,EAAA,eAAA,GAEAC,IAAA,CAAAC,MAAAA,GAEAC,IAAAC,EAAA,OAAA;AAAA,MAA2C,UAAA,CAAAC,EAAA;AAAA,MACtB,CAAA,WAAAf,EAAA,KAAA,EAAA,GAAAe,EAAA,YAAAf,EAAA;AAAA,MACyD,oBAAAe,EAAA;AAAA,IAC9C,EAAA,GAGhCC,IAAAF,EAAA,MAAAC,EAAA,WAAAA,EAAA,UAAA,WAAAA,EAAA,MAAA,GACAE,IAAAH,EAAA,MAAA,EAAAC,EAAA,YAAAA,EAAA,aAAA;4LAIA,CAAAG,GAAAC,MAAA;AACI,MAAAC,EAAA,SAAAF,CAAA,GACAC,KACIA,EAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;"}

package/dist/chunks/navigation-menu-group.DHWp-pJO.js

@@ -1,216 +0,0 @@
-import { defineComponent as B, useSlots as A, ref as h, computed as c, provide as O, toRef as j, inject as $, onMounted as G, onBeforeUnmount as z, watch as J, onUnmounted as K } from "vue";
-import { B as T } from "./typography.C8lPlsbD.js";
-import { B as Y } from "./button.C9b2AC9w.js";
-/* empty css              */
-import { n as L } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { u as E } from "./use-has-slot.C9lQZ6nz.js";
-import { g as y } from "./generate-uid.NJ8tVoha.js";
-import { u as R } from "./index.B6WW_F-J.js";
-import { b as M } from "./tooltip.DmFTmAGi.js";
-import { m as D } from "./index.DZx81HG1.js";
-import { B as q } from "./link.DB5g6d48.js";
-import { u as Q } from "./use-expandable-content-height.2WJLCL-R.js";
-import { C as X } from "./chevron-down.eYtgv5ly.js";
-import { C as ee } from "./chevron-up.d8cwIlA_.js";
-import "../assets/navigation-menu-group.css";
-let k = 0;
-const te = {
-  beforeCreate() {
-    this.uuid = k.toString(), k += 1;
-  }
-};
-var ne = function() {
-  var e = this, n = e._self._c;
-  return n("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"] ? n("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), n("path", { attrs: { fill: "#001222", d: "M15.5303 13.4697L14.4697 14.5303L12 12.0605L9.53027 14.5303L8.46973 13.4697L12 9.93945L15.5303 13.4697Z" } }), n("path", { attrs: { fill: "#001222", d: "M7 13.75H0V12.25H7V13.75Z" } }), n("path", { attrs: { fill: "#001222", d: "M7 8.75H0V7.25H7V8.75Z" } }), n("path", { attrs: { fill: "#001222", d: "M15.5303 2.53027L12 6.06055L8.46973 2.53027L9.53027 1.46973L12 3.93945L14.4697 1.46973L15.5303 2.53027Z" } }), n("path", { attrs: { fill: "#001222", d: "M7 3.75H0V2.25H7V3.75Z" } })]);
-}, ae = [], se = /* @__PURE__ */ L(
-  te,
-  ne,
-  ae,
-  !1,
-  null,
-  null
-);
-const oe = se.exports;
-let N = 0;
-const ie = {
-  beforeCreate() {
-    this.uuid = N.toString(), N += 1;
-  }
-};
-var le = function() {
-  var e = this, n = e._self._c;
-  return n("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"] ? n("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), n("path", { attrs: { fill: "#001222", d: "M15.5303 11.5303L12 15.0605L8.46973 11.5303L9.53027 10.4697L12 12.9395L14.4697 10.4697L15.5303 11.5303Z" } }), n("path", { attrs: { fill: "#001222", d: "M7 13.75H0V12.25H7V13.75Z" } }), n("path", { attrs: { fill: "#001222", d: "M7 8.75H0V7.25H7V8.75Z" } }), n("path", { attrs: { fill: "#001222", d: "M15.5303 4.46973L14.4697 5.53027L12 3.06055L9.53027 5.53027L8.46973 4.46973L12 0.939453L15.5303 4.46973Z" } }), n("path", { attrs: { fill: "#001222", d: "M7 3.75H0V2.25H7V3.75Z" } })]);
-}, re = [], ue = /* @__PURE__ */ L(
-  ie,
-  le,
-  re,
-  !1,
-  null,
-  null
-);
-const ce = ue.exports, H = /* @__PURE__ */ Symbol("navigation menu state injection key"), Z = {
-  "en-US": {
-    hideAllPages: "Hide all pages",
-    showAllPages: "Show all pages",
-    showingCurrentPage: "Showing current page"
-  }
-}, de = {
-  i18n: { messages: Z }
-}, ve = /* @__PURE__ */ B({
-  ...de,
-  __name: "navigation-menu",
-  props: {
-    label: { default: void 0 },
-    showExpandAllButton: { type: Boolean, default: !1 },
-    activePage: { default: void 0 }
-  },
-  emits: ["update:active-page"],
-  setup(p, { emit: e }) {
-    const n = p, t = A(), b = E(t), C = y("navigation-menu-title"), { t: _ } = R(), l = h([]), v = (o, a, x) => {
-      l.value.push({ id: o, setOpen: a, getIsOpen: x });
-    }, r = (o) => {
-      l.value = l.value.filter((a) => a.id !== o);
-    }, s = c(() => l.value.length > 0 && l.value.every((o) => o.getIsOpen())), m = c(() => l.value.length > 0 && n.showExpandAllButton), w = c(() => n.label || b("headerActions") || m.value), g = c(() => s.value ? _("hideAllPages") : _("showAllPages")), f = () => {
-      const o = !s.value;
-      l.value.forEach(({ setOpen: a }) => a(o));
-    }, d = (o) => {
-      e("update:active-page", o);
-    };
-    return O(H, {
-      registerGroup: v,
-      unregisterGroup: r,
-      activePage: j(n, "activePage"),
-      updateActivePage: d
-    }), { __sfc: !0, props: n, emit: e, slots: t, hasSlot: b, titleId: C, t: _, groups: l, registerGroup: v, unregisterGroup: r, allExpanded: s, computedShowExpandAll: m, showHeader: w, expandButtonLabel: g, toggleAllGroups: f, updateActivePage: d, BentoTypography: T, BentoButton: Y, MenuCollapseIcon: oe, MenuExpandIcon: ce, vBentoTooltipDirective: M };
-  }
-});
-var pe = function() {
-  var e = this, n = e._self._c, t = e._self._setupProxy;
-  return n("nav", { staticClass: "b-navigation-menu", attrs: { "aria-labelledby": e.label ? t.titleId : void 0 } }, [t.showHeader ? n("div", { staticClass: "b-navigation-menu__header" }, [e.label ? n(t.BentoTypography, { staticClass: "b-navigation-menu__title", attrs: { id: t.titleId, el: "p", variant: "caption", stronger: "" } }, [e._v(" " + e._s(e.label) + " ")]) : e._e(), n("div", { staticClass: "b-navigation-menu__actions-container" }, [t.hasSlot("headerActions") ? n("div", { staticClass: "b-navigation-menu__actions" }, [e._t("headerActions")], 2) : e._e(), t.computedShowExpandAll ? n(t.BentoButton, { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive", value: t.expandButtonLabel, expression: "expandButtonLabel" }], attrs: { variant: "tertiary-with-background", "aria-label": t.expandButtonLabel }, on: { click: t.toggleAllGroups }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
-    return [t.allExpanded ? n(t.MenuCollapseIcon) : n(t.MenuExpandIcon)];
-  }, proxy: !0 }], null, !1, 3696454570) }) : e._e()], 1)], 1) : e._e(), n("ul", { staticClass: "b-navigation-menu__content" }, [e._t("default")], 2)]);
-}, _e = [], ge = /* @__PURE__ */ L(
-  ve,
-  pe,
-  _e,
-  !1,
-  null,
-  "ff9bef84"
-);
-const Re = ge.exports, U = /* @__PURE__ */ Symbol("navigation menu group state injection key"), me = {
-  name: "bento-navigation-menu-item"
-}, fe = /* @__PURE__ */ B({
-  ...me,
-  props: {
-    nested: { type: Boolean, default: !1 },
-    label: null,
-    link: { default: void 0 },
-    value: null,
-    alwaysShowActions: { type: Boolean, default: !1 }
-  },
-  setup(p) {
-    const e = p, n = A(), t = E(n), b = c(() => e.link ? q : "div"), C = c(() => e.link ? { ...e.link, disableTypography: !0 } : {}), _ = h(null), l = h(!1);
-    D(_, () => {
-      var o;
-      const d = ((o = _.value) == null ? void 0 : o.$el) ?? _.value;
-      d && (l.value = d.scrollWidth > d.clientWidth);
-    });
-    const v = y("navigation-menu-item"), r = $(U, null), s = $(H, null), m = c(() => {
-      var d;
-      return ((d = s == null ? void 0 : s.activePage) == null ? void 0 : d.value) === e.value;
-    }), w = c(() => !r || !r.isSemiCollapsed.value ? !0 : m.value), g = c(() => ({
-      "b-navigation-menu-item--selected": m.value,
-      "b-navigation-menu-item--nested": e.nested,
-      "b-navigation-menu-item--hidden": !w.value,
-      "b-navigation-menu-item--always-show-actions": e.alwaysShowActions
-    }));
-    G(() => {
-      r && e.nested && r.registerItem(v, () => m.value);
-    });
-    const f = () => {
-      s == null || s.updateActivePage(e.value);
-    };
-    return z(() => {
-      r && e.nested && r.unregisterItem(v);
-    }), { __sfc: !0, props: e, slots: n, hasSlot: t, wrapperComponent: b, wrapperProps: C, labelRef: _, isTruncated: l, itemId: v, groupState: r, menuState: s, isSelected: m, isVisible: w, conditionalClasses: g, handleClick: f, BentoTypography: T, vBentoTooltipDirective: M };
-  }
-});
-var he = function() {
-  var e = this, n = e._self._c, t = e._self._setupProxy;
-  return n("li", [n(t.wrapperComponent, e._b({ tag: "component", staticClass: "b-navigation-menu-item", class: {
-    ...t.conditionalClasses,
-    "b-navigation-menu-item--no-icon": !t.hasSlot("icon")
-  }, attrs: { "aria-current": t.isSelected && e.link ? "page" : void 0, "aria-hidden": t.isVisible ? void 0 : "true", tabindex: t.isVisible ? void 0 : -1, inert: t.isVisible ? void 0 : "" }, on: { click: t.handleClick } }, "component", t.wrapperProps, !1), [!e.nested && t.hasSlot("icon") ? n("div", { staticClass: "b-navigation-menu-item__icon" }, [e._t("icon")], 2) : e._e(), n(t.BentoTypography, { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive", value: t.isTruncated ? e.label : void 0, expression: "isTruncated ? label : undefined" }], ref: "labelRef", staticClass: "b-navigation-menu-item__label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.label) + " ")]), t.hasSlot("action") ? n("div", { staticClass: "b-navigation-menu-item__action" }, [e._t("action")], 2) : e._e()], 1)], 1);
-}, be = [], Ce = /* @__PURE__ */ L(
-  fe,
-  he,
-  be,
-  !1,
-  null,
-  "0f8822ce"
-);
-const De = Ce.exports, we = {
-  name: "bento-navigation-menu-group",
-  i18n: { messages: Z }
-}, xe = /* @__PURE__ */ B({
-  ...we,
-  props: {
-    isExpanded: { type: Boolean, default: !1 },
-    label: null
-  },
-  emits: ["update:is-expanded"],
-  setup(p, { emit: e }) {
-    const n = p, t = A(), b = E(t), { t: C } = R(), _ = c(() => ({
-      "b-navigation-menu-group__header--expanded": u.value && !a.value
-    })), l = c(() => a.value ? C("showingCurrentPage") : void 0), v = h(null), r = h(!1);
-    D(v, () => {
-      var I;
-      const i = ((I = v.value) == null ? void 0 : I.$el) ?? v.value;
-      i && (r.value = i.scrollWidth > i.clientWidth);
-    });
-    const s = y("navigation-menu-group"), m = y("navigation-menu-group-button"), w = y("navigation-menu-group-content"), g = $(H, null), f = h([]), d = (i, I) => {
-      f.value.push({ id: i, isSelected: I });
-    }, o = (i) => {
-      f.value = f.value.filter((I) => I.id !== i);
-    }, a = h(!1);
-    O(U, {
-      registerItem: d,
-      unregisterItem: o,
-      isSemiCollapsed: a
-    });
-    const x = c(() => f.value.some((i) => i.isSelected())), u = h(n.isExpanded), P = h(null), { contentHeight: S } = Q(P, u), F = c(() => S.value ? { "max-height": S.value } : {}), W = () => {
-      u.value && !a.value ? x.value ? a.value = !0 : u.value = !1 : a.value ? a.value = !1 : u.value = !0, e("update:is-expanded", u.value && !a.value);
-    }, V = (i) => {
-      i ? (u.value = !0, a.value = !1) : x.value ? a.value = !0 : (a.value = !1, u.value = !1), e("update:is-expanded", i);
-    };
-    return J(
-      () => n.isExpanded,
-      (i) => {
-        a.value || (u.value = i);
-      }
-    ), G(() => {
-      x.value && !u.value && (u.value = !0, e("update:is-expanded", !0)), g && g.registerGroup(s, V, () => u.value && !a.value);
-    }), K(() => g == null ? void 0 : g.unregisterGroup(s)), { __sfc: !0, props: n, slots: t, hasSlot: b, t: C, headerClasses: _, headerAriaDescription: l, labelRef: v, isTruncated: r, groupId: s, buttonId: m, contentId: w, navigationMenuState: g, nestedItems: f, registerItem: d, unregisterItem: o, isSemiCollapsed: a, hasActiveItem: x, emit: e, isOpen: u, contentDiv: P, contentHeight: S, contentMaxHeight: F, toggleGroup: W, setOpen: V, BentoTypography: T, vBentoTooltipDirective: M, ChevronDownIcon: X, ChevronUpIcon: ee };
-  }
-});
-var Ie = function() {
-  var e = this, n = e._self._c, t = e._self._setupProxy;
-  return n("li", { staticClass: "b-navigation-menu-group" }, [n("button", { staticClass: "b-navigation-menu-group__header", class: {
-    ...t.headerClasses,
-    "b-navigation-menu-group__header--no-icon": !t.hasSlot("icon")
-  }, attrs: { id: t.buttonId, type: "button", "aria-expanded": `${t.isOpen && !t.isSemiCollapsed}`, "aria-controls": t.contentId, "aria-description": t.headerAriaDescription }, on: { click: t.toggleGroup } }, [t.hasSlot("icon") ? n("div", { staticClass: "b-navigation-menu-group__icon" }, [e._t("icon")], 2) : e._e(), n(t.BentoTypography, { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive", value: t.isTruncated ? e.label : void 0, expression: "isTruncated ? label : undefined" }], ref: "labelRef", staticClass: "b-navigation-menu-group__label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.label) + " ")]), n("div", { staticClass: "b-navigation-menu-group__icon b-navigation-menu-group__icon--chevron" }, [t.isOpen && !t.isSemiCollapsed ? n(t.ChevronUpIcon, { attrs: { "aria-hidden": "true" } }) : n(t.ChevronDownIcon, { attrs: { "aria-hidden": "true" } })], 1)], 1), n("Transition", { attrs: { name: "b-navigation-menu-group__animation--content" } }, [n("div", { directives: [{ name: "show", rawName: "v-show", value: t.isOpen, expression: "isOpen" }], staticClass: "b-navigation-menu-group__content-wrapper", style: t.contentMaxHeight, attrs: { id: t.contentId, role: "region", "aria-labelledby": t.buttonId } }, [n("ul", { ref: "contentDiv", staticClass: "b-navigation-menu-group__content" }, [e._t("default")], 2)])])], 1);
-}, ye = [], Le = /* @__PURE__ */ L(
-  xe,
-  Ie,
-  ye,
-  !1,
-  null,
-  "261c9dd1"
-);
-const Ze = Le.exports;
-export {
-  Ze as a,
-  De as b,
-  Re as n
-};
-//# sourceMappingURL=navigation-menu-group.DHWp-pJO.js.map