@adyen/bento-vue3 1.88.1 → 1.89.2

package/dist/chunks/{checkbox.C3Ewfygy.js → checkbox.C6ATh8f5.js}

@@ -1,38 +1,29 @@
-import { defineComponent as X, toRefs as D, computed as a, ref as U, onMounted as Z, useAttrs as G, resolveComponent as h, openBlock as t, createElementBlock as L, mergeProps as E, createVNode as x, createBlock as n, withCtx as d, createElementVNode as ee, renderSlot as $, createTextVNode as M, toDisplayString as ae, createCommentVNode as s } from "vue";
+import { defineComponent as W, toRefs as T, computed as a, ref as _, onMounted as X, useAttrs as Z, resolveComponent as p, openBlock as t, createElementBlock as D, mergeProps as g, createVNode as x, createBlock as n, withCtx as i, createElementVNode as ee, renderSlot as k, createTextVNode as U, toDisplayString as ae, createCommentVNode as s } from "vue";
 import { B as oe } from "./typography.B3J6_tYk.js";
-import { u as re } from "./use-default-slot-validator.O02rzsob.js";
-import { u as te } from "./use-has-slot.B7eQSabc.js";
-import { g as N } from "./generate-uid.NJ8tVoha.js";
-import { g as V } from "./get-slot-text.CQRAP2_q.js";
-import { u as le } from "./index.B875RXHM.js";
-import { u as ne } from "./aria-label.CaUURpnB.js";
-import { B as se } from "./tag.CqWg6C3H.js";
-import { E as de } from "./error-message.oGiefI2-.js";
-import { C as ie } from "./checkbox-input.BZjSoCQW.js";
-import { C as P } from "./minus-small.CnYLTuSv.js";
+import { C as te } from "./checkbox-input.CVFQCfZM.js";
+import { C as L } from "./minus-small.CnYLTuSv.js";
+import { u as re } from "./use-default-slot-validator.BzHcrgmy.js";
+import { u as le } from "./use-has-slot.CyMiImRQ.js";
+import { g as M } from "./generate-uid.DBWe4g6T.js";
+import { g as S } from "./get-slot-text.8Fbl1GOr.js";
+import { u as ne } from "./index.B875RXHM.js";
+import { u as se } from "./aria-label.CaUURpnB.js";
+import { B as ie } from "./tag.DujMVFh-.js";
+import { E as de } from "./error-message.DCgo8q20.js";
 import { _ as ue } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/checkbox.css";
-var i = /* @__PURE__ */ ((e) => (e.UPDATE = "update:model-value", e.INPUT = "input", e))(i || {});
-const q = {
-  "en-US": {
-    checkbox: "Checkbox",
-    optional: "optional"
-  },
-  "ja-JP": {
-    checkbox: "チェックボックス",
-    optional: "任意"
-  },
-  "pt-BR": {
-    checkbox: "Caixa de seleção",
-    optional: "Opcional"
-  }
-}, ce = X({
+var d = /* @__PURE__ */ ((e) => (e.UPDATE = "update:model-value", e.INPUT = "input", e))(d || {});
+const N = {
+  "en-US": { checkbox: "Checkbox", optional: "optional" },
+  "ja-JP": { checkbox: "チェックボックス", optional: "任意" },
+  "pt-BR": { checkbox: "Caixa de seleção", optional: "Opcional" }
+}, ce = W({
   name: "bento-checkbox",
-  i18n: { messages: q },
+  i18n: { messages: N },
   components: {
-    BentoTag: se,
+    BentoTag: ie,
     BentoTypography: oe,
-    CheckboxInput: ie,
+    CheckboxInput: te,
     ErrorMessage: de
   },
   inheritAttrs: !1,
@@ -100,73 +91,73 @@ const q = {
      */
     value: { type: [String, Number], default: null }
   },
-  emits: [i.UPDATE, i.INPUT],
-  setup(e, { attrs: u, emit: y, slots: l }) {
-    const { t: v } = le({ messages: q }), g = N("description"), c = N("error"), r = te(l), { disabled: p, indeterminate: k, modelValue: S, readonly: w, value: H } = D(e), C = V(l)("default"), I = V(l)("description");
+  emits: [d.UPDATE, d.INPUT],
+  setup(e, { attrs: u, emit: m, slots: l }) {
+    const { t: f } = ne({ messages: N }), h = M("description"), c = M("error"), o = le(l), { disabled: b, indeterminate: y, modelValue: v, readonly: P, value: q } = T(e), A = S(l)("default"), B = S(l)("description");
     re("bento-checkbox", l.default, l.description);
-    const b = a(() => Array.isArray(S.value)), A = a(() => b.value ? S.value.some((o) => o === H.value) : S.value), m = a(() => k.value), R = a(
+    const C = a(() => Array.isArray(v.value)), w = a(() => C.value ? v.value.some((r) => r === q.value) : v.value), E = a(() => y.value), O = a(
       () => !e.disabled && !e.readonly && (e.hasError || !!e.errorMessage)
-    ), T = a(() => !e.disabled && !e.readonly && !!e.errorMessage), f = a(() => r("content")), B = a(() => (m == null ? void 0 : m.value) || (A == null ? void 0 : A.value)), j = a(
-      () => (f == null ? void 0 : f.value) && (b == null ? void 0 : b.value) && (B == null ? void 0 : B.value)
-    ), O = a(
-      () => `${T.value ? c : ""} ${C && I ? g : ""}`.trim() || null
-    ), F = U(u["aria-label"]), { ariaLabel: J } = D(e), _ = U();
-    Z(() => {
-      _.value = v("checkbox");
+    ), I = a(() => !e.disabled && !e.readonly && !!e.errorMessage), $ = a(() => o("content")), H = a(() => E?.value || w?.value), R = a(
+      () => $?.value && C?.value && H?.value
+    ), j = a(
+      () => `${I.value ? c : ""} ${A && B ? h : ""}`.trim() || null
+    ), F = _(u["aria-label"]), { ariaLabel: G } = T(e), V = _();
+    X(() => {
+      V.value = f("checkbox");
     });
-    const Y = a(
-      () => ne({
+    const J = a(
+      () => se({
         ariaLabel: F.value,
         // TODO: take this line away when the aria-label props is removed
-        label: J,
-        defaultFallback: r("default") ? V(l)("default") : _.value
+        label: G,
+        defaultFallback: o("default") ? S(l)("default") : V.value
       }).value
-    ), z = (o) => o == null ? void 0 : o["aria-hidden"], K = a(() => {
-      const { style: o, class: W } = G();
+    ), Y = (r) => r?.["aria-hidden"], z = a(() => {
+      const { style: r, class: Q } = Z();
       return {
-        class: W,
-        style: o
+        class: Q,
+        style: r
       };
-    }), Q = a(() => ({
-      [`b-checkbox--${P.DISABLED}`]: p.value,
-      [`b-checkbox--${P.READONLY}`]: w.value
+    }), K = a(() => ({
+      [`b-checkbox--${L.DISABLED}`]: b.value,
+      [`b-checkbox--${L.READONLY}`]: P.value
     }));
     return {
       // Values
-      descriptionId: g,
+      descriptionId: h,
       errorId: c,
-      ariaDescribedBy: O,
-      computedAriaLabel: Y,
-      conditionalClass: Q,
-      defaultSlotValue: C,
-      descriptionSlotValue: I,
-      isIndeterminate: m,
-      shouldShowError: R,
-      shouldShowErrorMessage: T,
-      contentSlotAvailable: j,
-      hasContentSlot: f,
-      styleAttrs: K,
+      ariaDescribedBy: j,
+      computedAriaLabel: J,
+      conditionalClass: K,
+      defaultSlotValue: A,
+      descriptionSlotValue: B,
+      isIndeterminate: E,
+      shouldShowError: O,
+      shouldShowErrorMessage: I,
+      contentSlotAvailable: R,
+      hasContentSlot: $,
+      styleAttrs: z,
       // Methods
-      hasSlot: r,
-      onChange: (o) => {
-        p.value || (y(i.UPDATE, o), y(i.INPUT, o));
+      hasSlot: o,
+      onChange: (r) => {
+        b.value || (m(d.UPDATE, r), m(d.INPUT, r));
       },
-      getAriaHidden: z,
-      t: v
+      getAriaHidden: Y,
+      t: f
     };
   }
-}), pe = ["aria-hidden"], be = {
+}), be = ["aria-hidden"], pe = {
   key: 0,
   class: "b-checkbox__text"
 };
-function me(e, u, y, l, v, g) {
-  const c = h("checkbox-input"), r = h("bento-typography"), p = h("bento-tag"), k = h("error-message");
-  return t(), L("label", E({
+function me(e, u, m, l, f, h) {
+  const c = p("checkbox-input"), o = p("bento-typography"), b = p("bento-tag"), y = p("error-message");
+  return t(), D("label", g({
     class: ["b-checkbox", e.conditionalClass]
   }, e.styleAttrs, {
     "aria-hidden": e.getAriaHidden(e.$attrs)
   }), [
-    x(c, E(e.$attrs, {
+    x(c, g(e.$attrs, {
       ref: "input",
       "aria-label": e.computedAriaLabel,
       "aria-describedby": e.ariaDescribedBy,
@@ -179,77 +170,77 @@ function me(e, u, y, l, v, g) {
       readonly: e.readonly,
       "onUpdate:modelValue": e.onChange
     }), null, 16, ["aria-label", "aria-describedby", "aria-required", "disabled", "has-error", "indeterminate", "value", "model-value", "readonly", "onUpdate:modelValue"]),
-    e.hasSlot("default") || e.shouldShowErrorMessage ? (t(), L("span", be, [
-      e.hasSlot("default") ? (t(), n(r, {
+    e.hasSlot("default") || e.shouldShowErrorMessage ? (t(), D("span", pe, [
+      e.hasSlot("default") ? (t(), n(o, {
         key: 0,
         class: "b-checkbox__label",
         el: "span",
         variant: "body"
       }, {
-        default: d(() => [
+        default: i(() => [
           ee("span", null, [
-            $(e.$slots, "default", {}, void 0, !0)
+            k(e.$slots, "default", {}, void 0, !0)
           ]),
-          e.optional ? (t(), n(r, {
+          e.optional ? (t(), n(o, {
             key: 0,
             class: "b-checkbox__label-requirement",
             el: "span"
           }, {
-            default: d(() => [
-              M("(" + ae(e.t("optional")) + ")", 1)
+            default: i(() => [
+              U("(" + ae(e.t("optional")) + ")", 1)
             ]),
             _: 1
-          })) : e.required ? (t(), n(r, {
+          })) : e.required ? (t(), n(o, {
             key: 1,
             class: "b-checkbox__label-requirement",
             el: "span"
           }, {
-            default: d(() => u[0] || (u[0] = [
-              M("*")
+            default: i(() => u[0] || (u[0] = [
+              U("*")
             ])),
             _: 1
           })) : s("", !0),
-          e.tag ? (t(), n(p, E({
+          e.tag ? (t(), n(b, g({
             key: 2,
             class: "b-checkbox__label-tag"
           }, e.tag), null, 16)) : s("", !0)
         ]),
         _: 3
       })) : s("", !0),
-      e.hasSlot("default") && e.hasSlot("description") ? (t(), n(r, {
+      e.hasSlot("default") && e.hasSlot("description") ? (t(), n(o, {
         key: 1,
         id: e.descriptionId,
         class: "b-checkbox__description",
         el: "span",
         variant: "body"
       }, {
-        default: d(() => [
-          $(e.$slots, "description", {}, void 0, !0)
+        default: i(() => [
+          k(e.$slots, "description", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["id"])) : s("", !0),
-      e.shouldShowErrorMessage ? (t(), n(k, {
+      e.shouldShowErrorMessage ? (t(), n(y, {
         key: 2,
         id: e.errorId,
         "error-message": e.errorMessage
       }, null, 8, ["id", "error-message"])) : s("", !0),
-      e.contentSlotAvailable ? (t(), n(r, {
+      e.contentSlotAvailable ? (t(), n(o, {
         key: 3,
         class: "b-checkbox__content",
         el: "span",
         variant: "body"
       }, {
-        default: d(() => [
-          $(e.$slots, "content", {}, void 0, !0)
+        default: i(() => [
+          k(e.$slots, "content", {}, void 0, !0)
         ]),
         _: 3
       })) : s("", !0)
     ])) : s("", !0)
-  ], 16, pe);
+  ], 16, be);
 }
 const Te = /* @__PURE__ */ ue(ce, [["render", me], ["__scopeId", "data-v-5824079e"]]);
 export {
   Te as B,
-  i as a
+  d as a
 };
-//# sourceMappingURL=checkbox.C3Ewfygy.js.map
+//# sourceMappingURL=checkbox.C6ATh8f5.js.map

package/dist/chunks/{checkbox.C3Ewfygy.js.map → checkbox.C6ATh8f5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox.C3Ewfygy.js","sources":["../../../vue2/src/components/checkbox/checkbox.types.ts","../../../vue2/src/components/checkbox/checkbox.vue"],"sourcesContent":["import type { BentoTagProps } from '../tag/tag.types';\nimport {\n    CheckboxInputState as BentoCheckboxState,\n    type CheckboxInputType as BentoCheckboxType,\n    type MultiCheckboxInputType as BentoMultiCheckboxType,\n} from '@/internal/checkbox-input/checkbox-input.types';\n\nexport { BentoCheckboxState, BentoCheckboxType, BentoMultiCheckboxType };\n\nexport enum BentoCheckboxEvent {\n    UPDATE = 'update:model-value',\n    INPUT = 'input',\n}\n\nexport type BentoCheckboxTag = BentoTagProps;\n","<template>\n    <label class=\"b-checkbox\" :class=\"conditionalClass\" v-bind=\"styleAttrs\" :aria-hidden=\"getAriaHidden($attrs)\">\n        <checkbox-input\n            v-bind=\"$attrs\"\n            ref=\"input\"\n            :aria-label=\"computedAriaLabel\"\n            :aria-describedby=\"ariaDescribedBy\"\n            :aria-required=\"required\"\n            :disabled=\"disabled\"\n            :has-error=\"shouldShowError\"\n            :indeterminate=\"isIndeterminate\"\n            :value=\"value\"\n            :model-value=\"modelValue\"\n            :readonly=\"readonly\"\n            @update:model-value=\"onChange\"\n        />\n        <span v-if=\"hasSlot('default') || shouldShowErrorMessage\" class=\"b-checkbox__text\">\n            <bento-typography v-if=\"hasSlot('default')\" class=\"b-checkbox__label\" el=\"span\" variant=\"body\">\n                <span><slot /></span>\n                <bento-typography v-if=\"optional\" class=\"b-checkbox__label-requirement\" el=\"span\"\n                    >({{ t('optional') }})</bento-typography\n                >\n                <bento-typography v-else-if=\"required\" class=\"b-checkbox__label-requirement\" el=\"span\"\n                    >*</bento-typography\n                >\n                <bento-tag v-if=\"tag\" class=\"b-checkbox__label-tag\" v-bind=\"tag\" />\n            </bento-typography>\n            <bento-typography\n                v-if=\"hasSlot('default') && hasSlot('description')\"\n                :id=\"descriptionId\"\n                class=\"b-checkbox__description\"\n                el=\"span\"\n                variant=\"body\"\n            >\n                <slot name=\"description\"></slot>\n            </bento-typography>\n            <error-message v-if=\"shouldShowErrorMessage\" :id=\"errorId\" :error-message=\"errorMessage\" />\n\n            <bento-typography v-if=\"contentSlotAvailable\" class=\"b-checkbox__content\" el=\"span\" variant=\"body\">\n                <slot name=\"content\"></slot>\n            </bento-typography>\n        </span>\n    </label>\n</template>\n\n<script lang=\"ts\">\n    import {\n        computed,\n        defineComponent,\n        type HTMLAttributes,\n        onMounted,\n        type PropType,\n        ref,\n        toRefs,\n        useAttrs,\n    } from 'vue';\n    import {\n        BentoCheckboxEvent,\n        BentoCheckboxState,\n        type BentoCheckboxTag,\n        type BentoCheckboxType,\n        type BentoMultiCheckboxType,\n    } from './checkbox.types';\n    import { BentoTypography } from '@/components/typography';\n    import { CheckboxInput } from '@/components/internal/checkbox-input';\n    import { ErrorMessage } from '@/components/internal/error-message';\n    import { useDefaultSlotValidator, useHasSlot } from '@/composables';\n    import { generateUid } from '@/core/utils/ts';\n    import { getSlotText } from '@/utils/ts/get-slot-text';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import { BentoTag } from '@/components/tag';\n    import { type BentoCheckboxGroupItems } from './components/checkbox-group/checkbox-group.types';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * Checkboxes are used to make a binary choice about an option.\n     * The label tag area is also clickable.\n     *\n     * @usage\n     * import { BentoCheckbox } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCheckbox },\n     *     template: `\n     *         <bento-checkbox>\n     *             Label text\n     *             <template #description>Sub label text</template>\n     *         </bento-checkbox>\n     *     `,\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-checkbox',\n        i18n: { messages },\n        components: {\n            BentoTag,\n            BentoTypography,\n            CheckboxInput,\n            ErrorMessage,\n        },\n        inheritAttrs: false,\n        model: { prop: 'modelValue' },\n        props: {\n            /**\n             * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n             */\n            /**\n             * Accessible name for the radio button component. It is strongly recommended to pas this value in case this component is used without a label.\n             */\n            ariaLabel: { type: String, default: null },\n\n            /**\n             * Setting this property to true will disable the checkbox in your form.\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * Renders the checkbox in an error state with an error message.\n             */\n            errorMessage: { type: String, default: null },\n\n            /**\n             * Setting this property to true will show the checkbox in error state.\n             */\n            hasError: { type: Boolean, default: false },\n\n            /**\n             * The :indeterminate CSS pseudo-class represents any form element\n             * whose state is indeterminate, such as checkboxes which have their HTML indeterminate attribute\n             * set to true, radio buttons which are members of a group in which all radio buttons are unchecked,\n             * and indeterminate <progress> elements. https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate\n             * This property lets you control the input.indeterminate native property.\n             */\n            indeterminate: { type: Boolean, default: false },\n\n            /**\n             * When handling a single checkbox with a singular state, use a boolean.\n             *\n             * When handling multiple checkboxes, use an array of keys.\n             * These keys exist as a set \"value\" prop for each checkbox.\n             */\n            modelValue: {\n                type: [Boolean, Array] as PropType<BentoCheckboxType | BentoCheckboxGroupItems>,\n                default: false,\n            },\n\n            /**\n             * Highlights the checkbox is optional.\n             */\n            optional: { type: Boolean, default: false },\n\n            /**\n             * Setting this property to true will set the checkbox to read only state.\n             */\n            readonly: { type: Boolean, default: false },\n\n            /**\n             * Highlights the checkbox is required.\n             */\n            required: { type: Boolean, default: false },\n\n            /**\n             * Sets the properties of the BentoTag component that is placed next to the label.\n             * {@see BentoTag}\n             */\n            tag: { type: Object as PropType<BentoCheckboxTag>, default: undefined },\n\n            /**\n             * The value of the component. The DOM API casts this to a string.\n             * The browser uses \"on\" as the default value.\n             *\n             * In the case of multiple checkboxes this value is used as a unique key.\n             */\n            value: { type: [String, Number], default: null },\n        },\n        emits: [BentoCheckboxEvent.UPDATE, BentoCheckboxEvent.INPUT],\n        setup(props, { attrs, emit, slots }) {\n            const { t } = useI18n<{ message: MessageSchema }>({ messages });\n            const descriptionId = generateUid('description');\n            const errorId = generateUid('error');\n            const hasSlot = useHasSlot(slots);\n\n            const { disabled, indeterminate, modelValue, readonly, value } = toRefs(props);\n\n            const defaultSlotValue = getSlotText(slots)('default');\n            const descriptionSlotValue = getSlotText(slots)('description');\n\n            useDefaultSlotValidator('bento-checkbox', slots.default, slots.description);\n\n            const isCheckboxGroup = computed(() => Array.isArray(modelValue.value));\n            const isChecked = computed(() => {\n                if (!isCheckboxGroup.value) {\n                    return modelValue.value as boolean;\n                }\n\n                return (modelValue.value as BentoMultiCheckboxType).some(item => item === value.value);\n            });\n            const isIndeterminate = computed(() => indeterminate.value);\n\n            const shouldShowError = computed(\n                () => !props.disabled && !props.readonly && (props.hasError || !!props.errorMessage)\n            );\n            const shouldShowErrorMessage = computed(() => !props.disabled && !props.readonly && !!props.errorMessage);\n\n            // Content slot logic\n            const hasContentSlot = computed(() => hasSlot('content'));\n            const isCheckedOrIntermediate = computed(() => isIndeterminate?.value || isChecked?.value);\n            const contentSlotAvailable = computed(\n                () => hasContentSlot?.value && isCheckboxGroup?.value && isCheckedOrIntermediate?.value\n            );\n\n            // ARIA fields\n            const ariaDescribedBy = computed<HTMLAttributes['aria-describedby']>(\n                () =>\n                    `${shouldShowErrorMessage.value ? errorId : ''} ${\n                        defaultSlotValue && descriptionSlotValue ? descriptionId : ''\n                    }`.trim() || null\n            );\n\n            const ariaLabelAttribute = ref(attrs['aria-label']);\n            const { ariaLabel } = toRefs(props);\n            const checkboxTranslation = ref();\n            // Translations used in the script tag need to be inside onMounted otherwise they fail in Vue 3\n            onMounted(() => {\n                checkboxTranslation.value = t('checkbox');\n            });\n            // Only add aria-label if no label slot is present\n            const computedAriaLabel = computed(\n                () =>\n                    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: hasSlot('default')\n                            ? (getSlotText(slots)('default') as string)\n                            : checkboxTranslation.value,\n                    }).value\n            );\n            const getAriaHidden = (attributes: HTMLAttributes) => attributes?.['aria-hidden'];\n\n            const styleAttrs = computed(() => {\n                const { style, class: cls } = useAttrs();\n                return {\n                    class: cls as HTMLAttributes['class'],\n                    style: style as HTMLAttributes['style'],\n                };\n            });\n\n            const conditionalClass = computed(() => ({\n                [`b-checkbox--${BentoCheckboxState.DISABLED}`]: disabled.value,\n                [`b-checkbox--${BentoCheckboxState.READONLY}`]: readonly.value,\n            }));\n\n            const onChange = (newValue: BentoCheckboxType | BentoCheckboxGroupItems) => {\n                if (disabled.value) {\n                    return;\n                }\n                emit(BentoCheckboxEvent.UPDATE, newValue);\n                emit(BentoCheckboxEvent.INPUT, newValue);\n            };\n\n            return {\n                // Values\n                descriptionId,\n                errorId,\n                ariaDescribedBy,\n                computedAriaLabel,\n                conditionalClass,\n                defaultSlotValue,\n                descriptionSlotValue,\n                isIndeterminate,\n                shouldShowError,\n                shouldShowErrorMessage,\n                contentSlotAvailable,\n                hasContentSlot,\n                styleAttrs,\n\n                // Methods\n                hasSlot,\n                onChange,\n                getAriaHidden,\n\n                t,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./checkbox.scss\" />\n"],"names":["BentoCheckboxEvent","BentoCheckboxEvent2","_sfc_main","defineComponent","messages","BentoTag","BentoTypography","CheckboxInput","ErrorMessage","props","attrs","emit","slots","t","useI18n","descriptionId","generateUid","errorId","hasSlot","useHasSlot","disabled","indeterminate","modelValue","readonly","value","toRefs","defaultSlotValue","getSlotText","descriptionSlotValue","useDefaultSlotValidator","isCheckboxGroup","computed","isChecked","item","isIndeterminate","shouldShowError","shouldShowErrorMessage","hasContentSlot","isCheckedOrIntermediate","contentSlotAvailable","ariaDescribedBy","ariaLabelAttribute","ref","ariaLabel","checkboxTranslation","onMounted","computedAriaLabel","useAriaLabel","getAriaHidden","attributes","styleAttrs","style","cls","useAttrs","conditionalClass","CheckboxInputState","newValue","_hoisted_1","_ctx","$attrs","createVNode","_component_checkbox_input","mergeProps","required","openBlock","createElementBlock","_hoisted_2","createBlock","_component_bento_typography","createElementVNode","createTextVNode","toDisplayString","createCommentVNode","_component_bento_tag","tag","renderSlot","_component_error_message"],"mappings":"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"}
+{"version":3,"file":"checkbox.C6ATh8f5.js","sources":["../../../vue2/src/components/checkbox/checkbox.types.ts","../../../vue2/src/components/checkbox/checkbox.vue"],"sourcesContent":["import type { BentoTagProps } from '../tag/tag.types';\nimport {\n    CheckboxInputState as BentoCheckboxState,\n    type CheckboxInputType as BentoCheckboxType,\n    type MultiCheckboxInputType as BentoMultiCheckboxType,\n} from '@/internal/checkbox-input/checkbox-input.types';\n\nexport { BentoCheckboxState, BentoCheckboxType, BentoMultiCheckboxType };\n\nexport enum BentoCheckboxEvent {\n    UPDATE = 'update:model-value',\n    INPUT = 'input',\n}\n\nexport type BentoCheckboxTag = BentoTagProps;\n","<template>\n    <label class=\"b-checkbox\" :class=\"conditionalClass\" v-bind=\"styleAttrs\" :aria-hidden=\"getAriaHidden($attrs)\">\n        <checkbox-input\n            v-bind=\"$attrs\"\n            ref=\"input\"\n            :aria-label=\"computedAriaLabel\"\n            :aria-describedby=\"ariaDescribedBy\"\n            :aria-required=\"required\"\n            :disabled=\"disabled\"\n            :has-error=\"shouldShowError\"\n            :indeterminate=\"isIndeterminate\"\n            :value=\"value\"\n            :model-value=\"modelValue\"\n            :readonly=\"readonly\"\n            @update:model-value=\"onChange\"\n        />\n        <span v-if=\"hasSlot('default') || shouldShowErrorMessage\" class=\"b-checkbox__text\">\n            <bento-typography v-if=\"hasSlot('default')\" class=\"b-checkbox__label\" el=\"span\" variant=\"body\">\n                <span><slot /></span>\n                <bento-typography v-if=\"optional\" class=\"b-checkbox__label-requirement\" el=\"span\"\n                    >({{ t('optional') }})</bento-typography\n                >\n                <bento-typography v-else-if=\"required\" class=\"b-checkbox__label-requirement\" el=\"span\"\n                    >*</bento-typography\n                >\n                <bento-tag v-if=\"tag\" class=\"b-checkbox__label-tag\" v-bind=\"tag\" />\n            </bento-typography>\n            <bento-typography\n                v-if=\"hasSlot('default') && hasSlot('description')\"\n                :id=\"descriptionId\"\n                class=\"b-checkbox__description\"\n                el=\"span\"\n                variant=\"body\"\n            >\n                <slot name=\"description\"></slot>\n            </bento-typography>\n            <error-message v-if=\"shouldShowErrorMessage\" :id=\"errorId\" :error-message=\"errorMessage\" />\n\n            <bento-typography v-if=\"contentSlotAvailable\" class=\"b-checkbox__content\" el=\"span\" variant=\"body\">\n                <slot name=\"content\"></slot>\n            </bento-typography>\n        </span>\n    </label>\n</template>\n\n<script lang=\"ts\">\n    import {\n        computed,\n        defineComponent,\n        type HTMLAttributes,\n        onMounted,\n        type PropType,\n        ref,\n        toRefs,\n        useAttrs,\n    } from 'vue';\n    import {\n        BentoCheckboxEvent,\n        BentoCheckboxState,\n        type BentoCheckboxTag,\n        type BentoCheckboxType,\n        type BentoMultiCheckboxType,\n    } from './checkbox.types';\n    import { BentoTypography } from '@/components/typography';\n    import { CheckboxInput } from '@/components/internal/checkbox-input';\n    import { ErrorMessage } from '@/components/internal/error-message';\n    import { useDefaultSlotValidator, useHasSlot } from '@/composables';\n    import { generateUid } from '@/core/utils/ts';\n    import { getSlotText } from '@/utils/ts/get-slot-text';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import { BentoTag } from '@/components/tag';\n    import { type BentoCheckboxGroupItems } from './components/checkbox-group/checkbox-group.types';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * Checkboxes are used to make a binary choice about an option.\n     * The label tag area is also clickable.\n     *\n     * @usage\n     * import { BentoCheckbox } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCheckbox },\n     *     template: `\n     *         <bento-checkbox>\n     *             Label text\n     *             <template #description>Sub label text</template>\n     *         </bento-checkbox>\n     *     `,\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-checkbox',\n        i18n: { messages },\n        components: {\n            BentoTag,\n            BentoTypography,\n            CheckboxInput,\n            ErrorMessage,\n        },\n        inheritAttrs: false,\n        model: { prop: 'modelValue' },\n        props: {\n            /**\n             * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n             */\n            /**\n             * Accessible name for the radio button component. It is strongly recommended to pas this value in case this component is used without a label.\n             */\n            ariaLabel: { type: String, default: null },\n\n            /**\n             * Setting this property to true will disable the checkbox in your form.\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * Renders the checkbox in an error state with an error message.\n             */\n            errorMessage: { type: String, default: null },\n\n            /**\n             * Setting this property to true will show the checkbox in error state.\n             */\n            hasError: { type: Boolean, default: false },\n\n            /**\n             * The :indeterminate CSS pseudo-class represents any form element\n             * whose state is indeterminate, such as checkboxes which have their HTML indeterminate attribute\n             * set to true, radio buttons which are members of a group in which all radio buttons are unchecked,\n             * and indeterminate <progress> elements. https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate\n             * This property lets you control the input.indeterminate native property.\n             */\n            indeterminate: { type: Boolean, default: false },\n\n            /**\n             * When handling a single checkbox with a singular state, use a boolean.\n             *\n             * When handling multiple checkboxes, use an array of keys.\n             * These keys exist as a set \"value\" prop for each checkbox.\n             */\n            modelValue: {\n                type: [Boolean, Array] as PropType<BentoCheckboxType | BentoCheckboxGroupItems>,\n                default: false,\n            },\n\n            /**\n             * Highlights the checkbox is optional.\n             */\n            optional: { type: Boolean, default: false },\n\n            /**\n             * Setting this property to true will set the checkbox to read only state.\n             */\n            readonly: { type: Boolean, default: false },\n\n            /**\n             * Highlights the checkbox is required.\n             */\n            required: { type: Boolean, default: false },\n\n            /**\n             * Sets the properties of the BentoTag component that is placed next to the label.\n             * {@see BentoTag}\n             */\n            tag: { type: Object as PropType<BentoCheckboxTag>, default: undefined },\n\n            /**\n             * The value of the component. The DOM API casts this to a string.\n             * The browser uses \"on\" as the default value.\n             *\n             * In the case of multiple checkboxes this value is used as a unique key.\n             */\n            value: { type: [String, Number], default: null },\n        },\n        emits: [BentoCheckboxEvent.UPDATE, BentoCheckboxEvent.INPUT],\n        setup(props, { attrs, emit, slots }) {\n            const { t } = useI18n<{ message: MessageSchema }>({ messages });\n            const descriptionId = generateUid('description');\n            const errorId = generateUid('error');\n            const hasSlot = useHasSlot(slots);\n\n            const { disabled, indeterminate, modelValue, readonly, value } = toRefs(props);\n\n            const defaultSlotValue = getSlotText(slots)('default');\n            const descriptionSlotValue = getSlotText(slots)('description');\n\n            useDefaultSlotValidator('bento-checkbox', slots.default, slots.description);\n\n            const isCheckboxGroup = computed(() => Array.isArray(modelValue.value));\n            const isChecked = computed(() => {\n                if (!isCheckboxGroup.value) {\n                    return modelValue.value as boolean;\n                }\n\n                return (modelValue.value as BentoMultiCheckboxType).some(item => item === value.value);\n            });\n            const isIndeterminate = computed(() => indeterminate.value);\n\n            const shouldShowError = computed(\n                () => !props.disabled && !props.readonly && (props.hasError || !!props.errorMessage)\n            );\n            const shouldShowErrorMessage = computed(() => !props.disabled && !props.readonly && !!props.errorMessage);\n\n            // Content slot logic\n            const hasContentSlot = computed(() => hasSlot('content'));\n            const isCheckedOrIntermediate = computed(() => isIndeterminate?.value || isChecked?.value);\n            const contentSlotAvailable = computed(\n                () => hasContentSlot?.value && isCheckboxGroup?.value && isCheckedOrIntermediate?.value\n            );\n\n            // ARIA fields\n            const ariaDescribedBy = computed<HTMLAttributes['aria-describedby']>(\n                () =>\n                    `${shouldShowErrorMessage.value ? errorId : ''} ${\n                        defaultSlotValue && descriptionSlotValue ? descriptionId : ''\n                    }`.trim() || null\n            );\n\n            const ariaLabelAttribute = ref(attrs['aria-label']);\n            const { ariaLabel } = toRefs(props);\n            const checkboxTranslation = ref();\n            // Translations used in the script tag need to be inside onMounted otherwise they fail in Vue 3\n            onMounted(() => {\n                checkboxTranslation.value = t('checkbox');\n            });\n            // Only add aria-label if no label slot is present\n            const computedAriaLabel = computed(\n                () =>\n                    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: hasSlot('default')\n                            ? (getSlotText(slots)('default') as string)\n                            : checkboxTranslation.value,\n                    }).value\n            );\n            const getAriaHidden = (attributes: HTMLAttributes) => attributes?.['aria-hidden'];\n\n            const styleAttrs = computed(() => {\n                const { style, class: cls } = useAttrs();\n                return {\n                    class: cls as HTMLAttributes['class'],\n                    style: style as HTMLAttributes['style'],\n                };\n            });\n\n            const conditionalClass = computed(() => ({\n                [`b-checkbox--${BentoCheckboxState.DISABLED}`]: disabled.value,\n                [`b-checkbox--${BentoCheckboxState.READONLY}`]: readonly.value,\n            }));\n\n            const onChange = (newValue: BentoCheckboxType | BentoCheckboxGroupItems) => {\n                if (disabled.value) {\n                    return;\n                }\n                emit(BentoCheckboxEvent.UPDATE, newValue);\n                emit(BentoCheckboxEvent.INPUT, newValue);\n            };\n\n            return {\n                // Values\n                descriptionId,\n                errorId,\n                ariaDescribedBy,\n                computedAriaLabel,\n                conditionalClass,\n                defaultSlotValue,\n                descriptionSlotValue,\n                isIndeterminate,\n                shouldShowError,\n                shouldShowErrorMessage,\n                contentSlotAvailable,\n                hasContentSlot,\n                styleAttrs,\n\n                // Methods\n                hasSlot,\n                onChange,\n                getAriaHidden,\n\n                t,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./checkbox.scss\" />\n"],"names":["BentoCheckboxEvent","BentoCheckboxEvent2","_sfc_main","defineComponent","messages","BentoTag","BentoTypography","CheckboxInput","ErrorMessage","props","attrs","emit","slots","t","useI18n","descriptionId","generateUid","errorId","hasSlot","useHasSlot","disabled","indeterminate","modelValue","readonly","value","toRefs","defaultSlotValue","getSlotText","descriptionSlotValue","useDefaultSlotValidator","isCheckboxGroup","computed","isChecked","item","isIndeterminate","shouldShowError","shouldShowErrorMessage","hasContentSlot","isCheckedOrIntermediate","contentSlotAvailable","ariaDescribedBy","ariaLabelAttribute","ref","ariaLabel","checkboxTranslation","onMounted","computedAriaLabel","useAriaLabel","getAriaHidden","attributes","styleAttrs","style","cls","useAttrs","conditionalClass","CheckboxInputState","newValue","_hoisted_1","_ctx","$attrs","createVNode","_component_checkbox_input","mergeProps","required","openBlock","createElementBlock","_hoisted_2","createBlock","_component_bento_typography","createElementVNode","createTextVNode","toDisplayString","createCommentVNode","_component_bento_tag","tag","renderSlot","_component_error_message"],"mappings":"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"}

package/dist/chunks/chevron-right-small.BCinNiMt.js

@@ -0,0 +1,29 @@
+/* empty css              */
+import { openBlock as o, createElementBlock as r, mergeProps as i, toDisplayString as n, createCommentVNode as l, createElementVNode as a } from "vue";
+import { _ as p } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+let s = 0;
+const m = {
+  beforeCreate() {
+    this.uuid = s.toString(), s += 1;
+  }
+}, c = { key: 0 };
+function g(t, e, d, u, f, h) {
+  return o(), r("svg", i({ role: "img" }, t.$attrs, {
+    class: "ui-assets-icons-16",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    t.$attrs["svg-title"] ? (o(), r("title", c, n(t.$attrs["svg-title"]), 1)) : l("", !0),
+    e[0] || (e[0] = a("path", {
+      fill: "#001222",
+      d: "M5.43924 10.9999L8.43924 7.99989L5.43924 4.99989L6.4999 3.93923L10.5606 7.99989L6.4999 12.0605L5.43924 10.9999Z"
+    }, null, -1))
+  ], 16);
+}
+const v = /* @__PURE__ */ p(m, [["render", g]]);
+export {
+  v as C
+};
+//# sourceMappingURL=chevron-right-small.BCinNiMt.js.map

package/dist/chunks/chevron-right-small.BCinNiMt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-right-small.BCinNiMt.js","sources":["../../../ui-assets/icons-16/dist/vue/chevron-right-small.vue"],"sourcesContent":["\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=\"M5.43924 10.9999L8.43924 7.99989L5.43924 4.99989L6.4999 3.93923L10.5606 7.99989L6.4999 12.0605L5.43924 10.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"],"names":["uuid","_sfc_main","_openBlock","_createElementBlock","_mergeProps","_ctx","_hoisted_1","_createCommentVNode","_createElementVNode"],"mappings":";;;AAOI,IAAIA,IAAO;AAEX,MAAKC,IAAU;AAAA,EACX,eAAe;AACX,SAAK,OAAOD,EAAK,SAAQ,GACzBA,KAAQ;AAAA,EACZ;SAbR,KAAA,EAAA;;AAEI,SAAAE,EAAA,GAAAC,EAAoV,OAApVC,EAAoV,EAA/U,MAAK,MAAK,GAASC,EAAA,QAAM;AAAA,IAAE,OAAM;AAAA,IAAqB,OAAM;AAAA,IAA6B,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,MAAK;AAAA;IAAoBA,EAAA,OAAM,WAAA,UAAnBF,EAAmE,SAFxMG,KAE0KD,EAAA,OAAM,WAAA,CAAA,GAAA,CAAA,KAFhLE,EAAA,IAAA,EAAA;AAAA,oBAEwMC,EAA0I,QAAA;AAAA,MAApI,MAAK;AAAA,MAAU,GAAE;AAAA;;;;"}

package/dist/chunks/{chip.CyW1V8RU.js → chip.CdgpQyXN.js}

@@ -1,21 +1,15 @@
 import { defineComponent as _, computed as t, openBlock as b, createBlock as v, unref as o, normalizeClass as h, withCtx as a, createVNode as r, createTextVNode as B, toDisplayString as y } from "vue";
-import { B as C } from "./base-button.CRYAiuzn.js";
+import { B as C } from "./base-button.CvHl36Ue.js";
 import { B as g } from "./typography.B3J6_tYk.js";
 import { C as k } from "./cross-small.Bjq2Gqvh.js";
 import { u as x } from "./index.B875RXHM.js";
-import { t as L } from "./truncate.BfIl_-71.js";
+import { t as L } from "./truncate.DmCXQmeb.js";
 import { _ as R } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/chip.css";
 const n = {
-  "en-US": {
-    remove: "Remove"
-  },
-  "ja-JP": {
-    remove: "削除"
-  },
-  "pt-BR": {
-    remove: "Remover"
-  }
+  "en-US": { remove: "Remove" },
+  "ja-JP": { remove: "削除" },
+  "pt-BR": { remove: "Remover" }
 }, I = { i18n: { messages: n } }, T = /* @__PURE__ */ _({
   ...I,
   __name: "chip",
@@ -68,4 +62,4 @@ const n = {
 export {
   P as B
 };
-//# sourceMappingURL=chip.CyW1V8RU.js.map
+//# sourceMappingURL=chip.CdgpQyXN.js.map

package/dist/chunks/{chip.CyW1V8RU.js.map → chip.CdgpQyXN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chip.CyW1V8RU.js","sources":["../../../vue2/src/components/chip/chip.vue"],"sourcesContent":["<template>\n    <base-button class=\"b-chip\" :disabled=\"disabled\" :class=\"conditionalClasses\" @click=\"emit('click')\">\n        <bento-typography el=\"span\" :variant=\"computedTypographyVariant\" class=\"b-chip__text\">\n            {{ computedLabel }}\n        </bento-typography>\n        <template #iconRight><cross-small-icon :svg-title=\"t('remove')\" class=\"b-chip__icon\" /></template>\n    </base-button>\n</template>\n\n<script setup lang=\"ts\">\n    import { BaseButton } from '@/components/internal/base-button';\n    import { BentoTypography, type BentoTypographyVariant } from '@/components/typography';\n    import CrossSmallIcon from '@adyen/ui-assets-icons-16/vue/cross-small';\n\n    import { useI18n } from '@/utils/ts/i18n';\n    import { truncate } from '@/utils/ts/truncate';\n\n    import type { BentoChipProps } from './chip.types';\n\n    import messages from './messages.json';\n    import { computed } from 'vue';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = withDefaults(defineProps<BentoChipProps>(), {\n        disabled: false,\n        readonly: false,\n        error: false,\n        condensed: false,\n        characterLimit: null,\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emits when chip is clicked\n         */\n        (e: 'click'): void;\n    }>();\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const computedLabel = computed(() =>\n        props.characterLimit ? truncate(props.label, props.characterLimit) : props.label\n    );\n\n    const computedTypographyVariant = computed<`${BentoTypographyVariant}`>(() =>\n        props.condensed ? 'caption' : 'body'\n    );\n\n    const conditionalClasses = computed(() => ({\n        'b-chip--condensed': props.condensed,\n        'b-chip--readonly': props.readonly && !props.disabled,\n        'b-chip--error': props.error,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Chip is a dismissible tag-like component that can be used to display selected items, which may need to be removed by the user.\n     *\n     * @example\n     * import { BentoChip } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoChip },\n     *     template: `\n     *          <bento-chip\n     *              label=\"Label\"\n     *              :character-limit=\"20\"\n     *              condensed\n     *              @click=\"removeChip()\"\n     *\n     *          />\n     *     `\n     * }\n     */\n    export default { i18n: { messages } };\n</script>\n\n<style lang=\"scss\" scoped src=\"./chip.scss\" />\n"],"names":["__default__","messages","props","__props","emit","__emit","t","useI18n","computedLabel","computed","truncate","computedTypographyVariant","conditionalClasses"],"mappings":";;;;;;;;;;;;;;;;;;GA4EIA,IAAA,EAAA,MAAA,EAAA,UAAAC,EAAA,EAAA;;;;;;;;;;;;;AApDA,UAAAC,IAAAC,GAQAC,IAAAC,GAOA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAN,EAAA,CAAA,GAEAO,IAAAC;AAAA,MAAsB,MAAAP,EAAA,iBAAAQ,EAAAR,EAAA,OAAAA,EAAA,cAAA,IAAAA,EAAA;AAAA,IACyD,GAG/ES,IAAAF;AAAA,MAAkC,MAAAP,EAAA,YAAA,YAAA;AAAA,IACA,GAGlCU,IAAAH,EAAA,OAAA;AAAA,MAA2C,qBAAAP,EAAA;AAAA,MACZ,oBAAAA,EAAA,YAAA,CAAAA,EAAA;AAAA,MACkB,iBAAAA,EAAA;AAAA,IACtB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"chip.CdgpQyXN.js","sources":["../../../vue2/src/components/chip/chip.vue"],"sourcesContent":["<template>\n    <base-button class=\"b-chip\" :disabled=\"disabled\" :class=\"conditionalClasses\" @click=\"emit('click')\">\n        <bento-typography el=\"span\" :variant=\"computedTypographyVariant\" class=\"b-chip__text\">\n            {{ computedLabel }}\n        </bento-typography>\n        <template #iconRight><cross-small-icon :svg-title=\"t('remove')\" class=\"b-chip__icon\" /></template>\n    </base-button>\n</template>\n\n<script setup lang=\"ts\">\n    import { BaseButton } from '@/components/internal/base-button';\n    import { BentoTypography, type BentoTypographyVariant } from '@/components/typography';\n    import CrossSmallIcon from '@adyen/ui-assets-icons-16/vue/cross-small';\n\n    import { useI18n } from '@/utils/ts/i18n';\n    import { truncate } from '@/utils/ts/truncate';\n\n    import type { BentoChipProps } from './chip.types';\n\n    import messages from './messages.json';\n    import { computed } from 'vue';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = withDefaults(defineProps<BentoChipProps>(), {\n        disabled: false,\n        readonly: false,\n        error: false,\n        condensed: false,\n        characterLimit: null,\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emits when chip is clicked\n         */\n        (e: 'click'): void;\n    }>();\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const computedLabel = computed(() =>\n        props.characterLimit ? truncate(props.label, props.characterLimit) : props.label\n    );\n\n    const computedTypographyVariant = computed<`${BentoTypographyVariant}`>(() =>\n        props.condensed ? 'caption' : 'body'\n    );\n\n    const conditionalClasses = computed(() => ({\n        'b-chip--condensed': props.condensed,\n        'b-chip--readonly': props.readonly && !props.disabled,\n        'b-chip--error': props.error,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Chip is a dismissible tag-like component that can be used to display selected items, which may need to be removed by the user.\n     *\n     * @example\n     * import { BentoChip } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoChip },\n     *     template: `\n     *          <bento-chip\n     *              label=\"Label\"\n     *              :character-limit=\"20\"\n     *              condensed\n     *              @click=\"removeChip()\"\n     *\n     *          />\n     *     `\n     * }\n     */\n    export default { i18n: { messages } };\n</script>\n\n<style lang=\"scss\" scoped src=\"./chip.scss\" />\n"],"names":["__default__","messages","props","__props","emit","__emit","t","useI18n","computedLabel","computed","truncate","computedTypographyVariant","conditionalClasses"],"mappings":";;;;;;;;;;;;GA4EIA,IAAA,EAAA,MAAA,EAAA,UAAAC,EAAA,EAAA;;;;;;;;;;;;;AApDA,UAAAC,IAAAC,GAQAC,IAAAC,GAOA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAN,EAAA,CAAA,GAEAO,IAAAC;AAAA,MAAsB,MAAAP,EAAA,iBAAAQ,EAAAR,EAAA,OAAAA,EAAA,cAAA,IAAAA,EAAA;AAAA,IACyD,GAG/ES,IAAAF;AAAA,MAAkC,MAAAP,EAAA,YAAA,YAAA;AAAA,IACA,GAGlCU,IAAAH,EAAA,OAAA;AAAA,MAA2C,qBAAAP,EAAA;AAAA,MACZ,oBAAAA,EAAA,YAAA,CAAAA,EAAA;AAAA,MACkB,iBAAAA,EAAA;AAAA,IACtB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/click-outside.BPylIosK.js

@@ -0,0 +1,20 @@
+import { defineComponent as i, ref as l, h as s } from "vue";
+import { o as d } from "./on-click-outside.ZUMLlxE_.js";
+const u = /* @__PURE__ */ i({
+  name: "bento-click-outside",
+  props: {
+    /**
+     * Sets the HTML DOM element.
+     */
+    el: { type: String, default: "div" }
+  },
+  emits: ["handler"],
+  setup(t, { emit: o, slots: n }) {
+    const e = l(null);
+    return d(e, (r) => o("handler", r)), () => s(t.el, { ref: e }, n.default?.());
+  }
+});
+export {
+  u as B
+};
+//# sourceMappingURL=click-outside.BPylIosK.js.map

package/dist/chunks/{click-outside.CDz_x8mN.js.map → click-outside.BPylIosK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"click-outside.CDz_x8mN.js","sources":["../../../vue2/src/components/click-outside/click-outside.ts"],"sourcesContent":["import { defineComponent, h, ref } from 'vue';\nimport { onClickOutside } from '@/directives/click-outside/on-click-outside';\n\nexport const BentoClickOutside = /* #__PURE__ */ defineComponent({\n    name: 'bento-click-outside',\n    props: {\n        /**\n         * Sets the HTML DOM element.\n         */\n        el: { type: String, default: 'div' },\n    },\n    emits: ['handler'],\n    setup(props, { emit, slots }) {\n        const target = ref(null);\n\n        onClickOutside(target, event => emit('handler', event));\n\n        return () => h(props.el, { ref: target }, slots.default?.());\n    },\n});\n"],"names":["BentoClickOutside","defineComponent","props","emit","slots","target","ref","onClickOutside","event","h","_a"],"mappings":";;AAGO,MAAMA,IAAoC,gBAAAC,EAAgB;AAAA,EAC7D,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIH,IAAI,EAAE,MAAM,QAAQ,SAAS,MAAA;AAAA,EAAM;AAAA,EAEvC,OAAO,CAAC,SAAS;AAAA,EACjB,MAAMC,GAAO,EAAE,MAAAC,GAAM,OAAAC,KAAS;AAC1B,UAAMC,IAASC,EAAI,IAAI;AAEvB,WAAAC,EAAeF,GAAQ,CAAAG,MAASL,EAAK,WAAWK,CAAK,CAAC,GAE/C,MAAA;;AAAM,aAAAC,EAAEP,EAAM,IAAI,EAAE,KAAKG,EAAA,IAAUK,IAAAN,EAAM,YAAN,gBAAAM,EAAA,KAAAN,EAAiB;AAAA;AAAA,EAC/D;AACJ,CAAC;"}
+{"version":3,"file":"click-outside.BPylIosK.js","sources":["../../../vue2/src/components/click-outside/click-outside.ts"],"sourcesContent":["import { defineComponent, h, ref } from 'vue';\nimport { onClickOutside } from '@/directives/click-outside/on-click-outside';\n\nexport const BentoClickOutside = /* #__PURE__ */ defineComponent({\n    name: 'bento-click-outside',\n    props: {\n        /**\n         * Sets the HTML DOM element.\n         */\n        el: { type: String, default: 'div' },\n    },\n    emits: ['handler'],\n    setup(props, { emit, slots }) {\n        const target = ref(null);\n\n        onClickOutside(target, event => emit('handler', event));\n\n        return () => h(props.el, { ref: target }, slots.default?.());\n    },\n});\n"],"names":["BentoClickOutside","defineComponent","props","emit","slots","target","ref","onClickOutside","event","h"],"mappings":";;AAGO,MAAMA,IAAoC,gBAAAC,EAAgB;AAAA,EAC7D,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIH,IAAI,EAAE,MAAM,QAAQ,SAAS,MAAA;AAAA,EAAM;AAAA,EAEvC,OAAO,CAAC,SAAS;AAAA,EACjB,MAAMC,GAAO,EAAE,MAAAC,GAAM,OAAAC,KAAS;AAC1B,UAAMC,IAASC,EAAI,IAAI;AAEvB,WAAAC,EAAeF,GAAQ,CAAAG,MAASL,EAAK,WAAWK,CAAK,CAAC,GAE/C,MAAMC,EAAEP,EAAM,IAAI,EAAE,KAAKG,EAAA,GAAUD,EAAM,WAAW;AAAA,EAC/D;AACJ,CAAC;"}

package/dist/chunks/{code-snippet.BaJU2I5_.js → code-snippet.DgAuuZF5.js}

@@ -1,14 +1,14 @@
 import { defineComponent as ee, useAttrs as te, ref as y, computed as m, shallowRef as $, onMounted as ae, watch as ne, watchEffect as oe, resolveComponent as se, openBlock as s, createElementBlock as _, normalizeClass as w, createElementVNode as S, createBlock as f, unref as r, mergeProps as re, createCommentVNode as u, createVNode as C, withCtx as h, createTextVNode as Q, toDisplayString as x, renderSlot as le, normalizeProps as ie, guardReactiveProps as ce } from "vue";
-import { s as de, H as pe, t as e, L as ue, a as ge, b as fe, c as me, p as he, j as be, d as Oe, x as ve, e as ye, E as _e, h as Se, k as Ce, i as Ne, C as N, f as Y, g as E, l as Pe, m as ke } from "./codemirror.D2BAltnu.js";
+import { s as de, H as pe, t as e, L as ue, a as ge, b as fe, c as me, p as he, j as be, d as Oe, x as ve, e as ye, E as _e, h as Se, k as Ce, i as Ne, C as N, f as Y, g as E, l as Pe, m as ke } from "./codemirror.Bzus_EPG.js";
 import { c as Le, d as Te, e as xe, f as Ee } from "./es6.C1DXQV6f.js";
-import { B as Ie } from "./dropdown.CxjzXI-k.js";
-import { B as W } from "./button.C6t9_lzm.js";
+import { B as Ie } from "./dropdown.MhmX1P9o.js";
+import { B as W } from "./button.DWF7FSIw.js";
 import { B as D } from "./typography.B3J6_tYk.js";
 import { B as Ae } from "./loading-indicator.BPol9I84.js";
 import { u as Re } from "./index.B875RXHM.js";
 import { E as Be } from "./expand.BrywY9jl.js";
-import { h as Ve } from "./base-modal.gZAtk-xP.js";
-import { C as $e } from "./copy.C_BCNHYQ.js";
+import { h as Ve } from "./base-modal.C2-JyHC_.js";
+import { C as $e } from "./copy.C2kQ1PbI.js";
 import { _ as we } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/code-snippet.css";
 const Qe = {
@@ -139,24 +139,9 @@ ${Je(t, o)}`;
     return l(t.update(a, { scrollIntoView: !0, userEvent: "input" })), !0;
   }
 }, M = {
-  "en-US": {
-    codeSnippet: "Code snippet",
-    expand: "Expand",
-    nothingToDisplay: "Nothing to display",
-    run: "Run"
-  },
-  "ja-JP": {
-    codeSnippet: "コードスニペット",
-    expand: "展開",
-    nothingToDisplay: "表示するものがありません",
-    run: "実行"
-  },
-  "pt-BR": {
-    codeSnippet: "Trecho de código",
-    expand: "Expandir",
-    nothingToDisplay: "Nada para exibir",
-    run: "Executar"
-  }
+  "en-US": { codeSnippet: "Code snippet", expand: "Expand", nothingToDisplay: "Nothing to display", run: "Run" },
+  "ja-JP": { codeSnippet: "コードスニペット", expand: "展開", nothingToDisplay: "表示するものがありません", run: "実行" },
+  "pt-BR": { codeSnippet: "Trecho de código", expand: "Expandir", nothingToDisplay: "Nada para exibir", run: "Executar" }
 }, ze = {
   key: 0,
   class: "b-code-snippet__action-bar"
@@ -342,4 +327,4 @@ export {
   I as b,
   ft as c
 };
-//# sourceMappingURL=code-snippet.BaJU2I5_.js.map
+//# sourceMappingURL=code-snippet.DgAuuZF5.js.map