@adyen/bento-vue3 1.8.0 → 1.9.0

package/dist/chunks/{copy.28bd4298.js → copy.330d594e.js}

@@ -1,33 +1,32 @@
-import { openBlock as n, createElementBlock as p, mergeProps as T, toDisplayString as m, createCommentVNode as g, pushScopeId as b, popScopeId as k, createElementVNode as h, defineComponent as w, ref as y, computed as V, resolveComponent as C, resolveDirective as R, withDirectives as v, renderSlot as I, createBlock as P, withCtx as S, createVNode as E } from "vue";
+import { openBlock as r, createElementBlock as c, mergeProps as T, toDisplayString as _, createCommentVNode as g, createElementVNode as k, defineComponent as w, ref as y, computed as V, resolveComponent as C, resolveDirective as b, withDirectives as v, renderSlot as h, createBlock as R, withCtx as P, createVNode as E } from "vue";
 import { a as H } from "./button.82ed953e.js";
-import { c as D } from "./index.7262642e.js";
-import { b as F } from "./tooltip.054d2eb6.js";
+import { c as D } from "./index.85832db5.js";
+import { b as F } from "./tooltip.27c32d36.js";
 import { u as O } from "./i18n.6c402773.js";
 import { _ as $ } from "./_plugin-vue_export-helper.dad06003.js";
 import "../assets/copy.css";
-let f = 0;
-const A = {
+let m = 0;
+const S = {
   beforeCreate() {
-    this.uuid = f.toString(), f += 1;
+    this.uuid = m.toString(), m += 1;
   }
-}, B = (e) => (b("data-v-38be5f33"), e = e(), k(), e), N = { key: 0 }, L = /* @__PURE__ */ B(() => /* @__PURE__ */ h("path", {
+}, A = { key: 0 }, B = /* @__PURE__ */ k("path", {
   fill: "#00112C",
-  "fill-rule": "evenodd",
-  d: "M3.5 1.25C2.25736 1.25 1.25 2.25736 1.25 3.5V8.5C1.25 9.74264 2.25736 10.75 3.5 10.75H5.25V12.5C5.25 13.7426 6.25736 14.75 7.5 14.75H12.5C13.7426 14.75 14.75 13.7426 14.75 12.5V7.5C14.75 6.25736 13.7426 5.25 12.5 5.25H10.75V3.5C10.75 2.25736 9.74264 1.25 8.5 1.25H3.5ZM9.25 5.25V3.5C9.25 3.08579 8.91421 2.75 8.5 2.75H3.5C3.08579 2.75 2.75 3.08579 2.75 3.5V8.5C2.75 8.91421 3.08579 9.25 3.5 9.25H5.25V7.5C5.25 6.25736 6.25736 5.25 7.5 5.25H9.25ZM6.75 12.5C6.75 12.9142 7.08579 13.25 7.5 13.25H12.5C12.9142 13.25 13.25 12.9142 13.25 12.5V7.5C13.25 7.08579 12.9142 6.75 12.5 6.75H7.5C7.08579 6.75 6.75 7.08579 6.75 7.5V12.5Z",
-  "clip-rule": "evenodd"
-}, null, -1));
-function U(e, t, r, s, c, l) {
-  return n(), p("svg", T({ role: "img" }, e.$attrs, {
+  d: "M3.5 1.25C2.25736 1.25 1.25 2.25736 1.25 3.5V8.5C1.25 9.74264 2.25736 10.75 3.5 10.75H5.25V12.5C5.25 13.7426 6.25736 14.75 7.5 14.75H12.5C13.7426 14.75 14.75 13.7426 14.75 12.5V7.5C14.75 6.25736 13.7426 5.25 12.5 5.25H10.75V3.5C10.75 2.25736 9.74264 1.25 8.5 1.25H3.5ZM9.25 5.25H7.5C6.25736 5.25 5.25 6.25736 5.25 7.5V9.25H3.5C3.08579 9.25 2.75 8.91421 2.75 8.5V3.5C2.75 3.08579 3.08579 2.75 3.5 2.75H8.5C8.91421 2.75 9.25 3.08579 9.25 3.5V5.25ZM6.75 12.5V7.5C6.75 7.08579 7.08579 6.75 7.5 6.75H12.5C12.9142 6.75 13.25 7.08579 13.25 7.5V12.5C13.25 12.9142 12.9142 13.25 12.5 13.25H7.5C7.08579 13.25 6.75 12.9142 6.75 12.5Z"
+}, null, -1);
+function I(e, t, n, s, p, l) {
+  return r(), c("svg", T({ role: "img" }, e.$attrs, {
+    class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (n(), p("title", N, m(e.$attrs["svg-title"]), 1)) : g("", !0),
-    L
+    e.$attrs["svg-title"] ? (r(), c("title", A, _(e.$attrs["svg-title"]), 1)) : g("", !0),
+    B
   ], 16);
 }
-const M = /* @__PURE__ */ $(A, [["render", U], ["__scopeId", "data-v-38be5f33"]]), _ = {
+const N = /* @__PURE__ */ $(S, [["render", I]]), f = {
   "en-US": {
     copy: "Copy",
     copied: "Copied!",
@@ -35,10 +34,10 @@ const M = /* @__PURE__ */ $(A, [["render", U], ["__scopeId", "data-v-38be5f33"]]
   }
 };
 var o = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.COPYING = "copying", e.ERROR = "error", e))(o || {});
-const G = w({
-  i18n: { messages: _ },
+const L = w({
+  i18n: { messages: f },
   name: "copy",
-  components: { BentoButton: H, CopyIcon: M },
+  components: { BentoButton: H, CopyIcon: N },
   directives: { BentoTooltipDirective: F },
   props: {
     /**
@@ -57,18 +56,18 @@ const G = w({
     }
   },
   setup(e) {
-    const { t } = O({ messages: _ }), r = y(o.DEFAULT), s = y(!1), c = async () => {
+    const { t } = O({ messages: f }), n = y(o.DEFAULT), s = y(!1), p = async () => {
       try {
-        await navigator.clipboard.writeText(e.text), r.value = o.COPYING, s.value = !0;
+        await navigator.clipboard.writeText(e.text), n.value = o.COPYING, s.value = !0;
       } catch {
-        r.value = o.ERROR;
+        n.value = o.ERROR;
       }
     }, l = () => {
-      r.value = o.DEFAULT, s.value = !1;
+      n.value = o.DEFAULT, s.value = !1;
     };
     return {
       copyText: V(() => {
-        switch (r.value) {
+        switch (n.value) {
           case o.COPYING:
             return t("copied");
           case o.ERROR:
@@ -78,37 +77,37 @@ const G = w({
             return t("copy");
         }
       }),
-      onClickCopy: c,
+      onClickCopy: p,
       resetText: l,
       showScreenReaderAlert: s
     };
   }
 });
-const Y = {
+const U = {
   key: 2,
   role: "alert",
   class: "b-copy__screen-reader-alert"
 };
-function Z(e, t, r, s, c, l) {
-  const a = C("copy-icon"), d = C("bento-button"), u = R("bento-tooltip-directive");
-  return n(), p("div", {
+function M(e, t, n, s, p, l) {
+  const a = C("copy-icon"), d = C("bento-button"), u = b("bento-tooltip-directive");
+  return r(), c("div", {
     class: "b-copy",
     onMouseleave: t[1] || (t[1] = (...i) => e.resetText && e.resetText(...i)),
     onFocusout: t[2] || (t[2] = (...i) => e.resetText && e.resetText(...i))
   }, [
-    e.$slots.default ? v((n(), p("span", {
+    e.$slots.default ? v((r(), c("span", {
       key: 0,
       onClick: t[0] || (t[0] = (...i) => e.onClickCopy && e.onClickCopy(...i))
     }, [
-      I(e.$slots, "default", {}, void 0, !0)
+      h(e.$slots, "default", {}, void 0, !0)
     ])), [
       [u, e.copyText, e.tooltipPosition]
-    ]) : v((n(), P(d, {
+    ]) : v((r(), R(d, {
       key: 1,
       variant: "tertiary",
       onClick: e.onClickCopy
     }, {
-      iconLeft: S(() => [
+      iconLeft: P(() => [
         E(a, {
           "svg-title": e.$t("copy")
         }, null, 8, ["svg-title"])
@@ -117,11 +116,11 @@ function Z(e, t, r, s, c, l) {
     }, 8, ["onClick"])), [
       [u, e.copyText, e.tooltipPosition]
     ]),
-    e.showScreenReaderAlert ? (n(), p("div", Y, m(e.$t("copied")), 1)) : g("", !0)
+    e.showScreenReaderAlert ? (r(), c("div", U, _(e.$t("copied")), 1)) : g("", !0)
   ], 32);
 }
-const Q = /* @__PURE__ */ $(G, [["render", Z], ["__scopeId", "data-v-65c935fd"]]);
+const z = /* @__PURE__ */ $(L, [["render", M], ["__scopeId", "data-v-65c935fd"]]);
 export {
-  Q as C
+  z as C
 };
-//# sourceMappingURL=copy.28bd4298.js.map
+//# sourceMappingURL=copy.330d594e.js.map

package/dist/chunks/copy.330d594e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy.330d594e.js","sources":["../../../vue2/node_modules/@adyen/ui-assets-icons-16/dist/vue/copy.vue","../../../vue2/src/components/internal/copy/copy.types.ts","../../../vue2/src/components/internal/copy/copy.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=\"#00112C\" d=\"M3.5 1.25C2.25736 1.25 1.25 2.25736 1.25 3.5V8.5C1.25 9.74264 2.25736 10.75 3.5 10.75H5.25V12.5C5.25 13.7426 6.25736 14.75 7.5 14.75H12.5C13.7426 14.75 14.75 13.7426 14.75 12.5V7.5C14.75 6.25736 13.7426 5.25 12.5 5.25H10.75V3.5C10.75 2.25736 9.74264 1.25 8.5 1.25H3.5ZM9.25 5.25H7.5C6.25736 5.25 5.25 6.25736 5.25 7.5V9.25H3.5C3.08579 9.25 2.75 8.91421 2.75 8.5V3.5C2.75 3.08579 3.08579 2.75 3.5 2.75H8.5C8.91421 2.75 9.25 3.08579 9.25 3.5V5.25ZM6.75 12.5V7.5C6.75 7.08579 7.08579 6.75 7.5 6.75H12.5C12.9142 6.75 13.25 7.08579 13.25 7.5V12.5C13.25 12.9142 12.9142 13.25 12.5 13.25H7.5C7.08579 13.25 6.75 12.9142 6.75 12.5Z\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","export enum CopyTooltipState {\n    DEFAULT = 'default',\n    COPYING = 'copying',\n    ERROR = 'error',\n}\n","<template>\n    <div class=\"b-copy\" @mouseleave=\"resetText\" @focusout=\"resetText\">\n        <span v-if=\"$slots.default\" v-bento-tooltip-directive:[tooltipPosition]=\"copyText\" @click=\"onClickCopy\">\n            <slot />\n        </span>\n        <bento-button\n            v-else\n            v-bento-tooltip-directive:[tooltipPosition]=\"copyText\"\n            variant=\"tertiary\"\n            @click=\"onClickCopy\"\n        >\n            <template #iconLeft>\n                <copy-icon :svg-title=\"$t('copy')\" />\n            </template>\n        </bento-button>\n        <div v-if=\"showScreenReaderAlert\" role=\"alert\" class=\"b-copy__screen-reader-alert\">{{ $t('copied') }}</div>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, ref } from 'vue';\n    import { BentoButton } from '@/components/button';\n    import { PopperContainerPosition } from '@/components/popper-container';\n    import { BentoTooltipDirective } from '@/directives';\n    import { useI18n } from '@/utils/ts/i18n';\n    import CopyIcon from '@adyen/ui-assets-icons-16/vue/copy';\n    import messages from './messages.json';\n    import { CopyTooltipState } from './copy.types';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * An internal button component that copies text to the user's clipboard.\n     *\n     * @example\n     * import { Copy } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { Copy },\n     *     template: `\n     *          <copy :text=\"textToCopy\" />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'copy',\n        components: { BentoButton, CopyIcon },\n        directives: { BentoTooltipDirective },\n        props: {\n            /**\n             * Defines the string that will get copied to the clipboard\n             */\n            text: {\n                type: String,\n                required: true,\n            },\n\n            /**\n             * Position the tooltip should take if space is available. Defaults to 'top'\n             */\n            tooltipPosition: {\n                type: String as PropType<PopperContainerPosition>,\n                default: PopperContainerPosition.TOP,\n            },\n        },\n        setup(props) {\n            const { t } = useI18n<{ message: MessageSchema }>({ messages });\n            const copyState = ref<CopyTooltipState>(CopyTooltipState.DEFAULT);\n\n            const showScreenReaderAlert = ref(false);\n            const onClickCopy = async () => {\n                try {\n                    await navigator.clipboard.writeText(props.text);\n                    copyState.value = CopyTooltipState.COPYING;\n                    showScreenReaderAlert.value = true;\n                } catch (e) {\n                    copyState.value = CopyTooltipState.ERROR;\n                }\n            };\n\n            const resetText = () => {\n                copyState.value = CopyTooltipState.DEFAULT;\n                showScreenReaderAlert.value = false;\n            };\n\n            const copyText = computed(() => {\n                switch (copyState.value) {\n                    case CopyTooltipState.COPYING:\n                        return t('copied');\n                    case CopyTooltipState.ERROR:\n                        return t('copyFailed');\n                    case CopyTooltipState.DEFAULT:\n                    default:\n                        return t('copy');\n                }\n            });\n\n            return {\n                copyText,\n                onClickCopy,\n                resetText,\n                showScreenReaderAlert,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./copy.scss\" />\n"],"names":["uuid","openBlock","createElementBlock","mergeProps","_ctx","_hoisted_1$1","toDisplayString","CopyTooltipState","CopyTooltipState2","_sfc_main","defineComponent","messages","BentoButton","CopyIcon","BentoTooltipDirective","PopperContainerPosition","props","useI18n","copyState","ref","showScreenReaderAlert","onClickCopy","resetText","computed","_directive_bento_tooltip_directive","resolveDirective","_cache","args","renderSlot","withDirectives","createBlock","_component_bento_button","withCtx","createVNode","_component_copy_icon"],"mappings":";;;;;;;AAKI,IAAAA,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;;EARkM,MAAA;AAAA,EAAe,GAAA;;;AAAzN,SAAAC,EAAA,GAAAC,EAAA,OAAAC,EAAA,EAAA,MAAA,MAAA,GAAAC,EAAA,QAAA;AAAA,IAAgC,OAAA;AAAA,IAA2B,OAAA;AAAA,IAAmC,OAAA;AAAA,IAAW,QAAA;AAAA,IAAY,MAAA;AAAA;6BAAYH,EAAA,GAAAC,EAAA,SAAAG,GAAAC,EAAAF,EAAA,OAAA,WAAA,CAAA,GAAA,CAAA;;;;;;;;;;;ACFzH,IAAAG,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,UAAA,WACAA,EAAA,QAAA,SAHQA,IAAAD,KAAA,CAAA,CAAA;AC4CR,MAAAE,IAAAC,EAAA;AAAA,EAA+B,MAAA,EAAA,UAAAC,EAAA;AAAA,EACV,MAAA;AAAA,EACX,YAAA,EAAA,aAAAC,GAAA,UAAAC,EAAA;AAAA,EAC8B,YAAA,EAAA,uBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IAC7B,MAAA;AAAA,MAIG,MAAA;AAAA,MACI,UAAA;AAAA,IACI;AAAA;AAAA;AAAA;AAAA,IACd,iBAAA;AAAA,MAKiB,MAAA;AAAA,MACP,SAAAC,EAAA;AAAA,IAC2B;AAAA,EACrC;AAAA,EACJ,MAAAC,GAAA;AAEI,UAAA,EAAA,EAAA,IAAAC,EAAA,EAAA,UAAAN,EAAA,CAAA,GACAO,IAAAC,EAAAZ,EAAA,OAAA,GAEAa,IAAAD,EAAA,EAAA,GACAE,IAAA,YAAA;AACI,UAAA;AACI,cAAA,UAAA,UAAA,UAAAL,EAAA,IAAA,GACAE,EAAA,QAAAX,EAAA,SACAa,EAAA,QAAA;AAAA,MAA8B,QAAA;AAE9B,QAAAF,EAAA,QAAAX,EAAA;AAAA,MAAmC;AAAA,IACvC,GAGJe,IAAA,MAAA;AACI,MAAAJ,EAAA,QAAAX,EAAA,SACAa,EAAA,QAAA;AAAA,IAA8B;AAelC,WAAA;AAAA,MAAO,UAZPG,EAAA,MAAA;AACI,gBAAAL,EAAA,OAAA;AAAA,UAAyB,KAAAX,EAAA;AAEjB,mBAAA,EAAA,QAAA;AAAA,UAAiB,KAAAA,EAAA;AAEjB,mBAAA,EAAA,YAAA;AAAA,UAAqB,KAAAA,EAAA;AAAA,UACH;AAElB,mBAAA,EAAA,MAAA;AAAA,QAAe;AAAA,MACvB,CAAA;AAAA,MAIA,aAAAc;AAAA,MACA,WAAAC;AAAA,MACA,uBAAAF;AAAA,IACA;AAAA,EACJ;AAER,CAAA;;EA1FkD,KAAA;AAAA,EAAM,MAAA;AAAA;;;mDAClDI,IAAAC,EAAA,yBAAA;;IAfyB,OAAA;AAAA,IAAc,cAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAvB,EAAA,aAAAA,EAAA,UAAA,GAAAuB,CAAA;AAAA,IACvB,YAAAD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAvB,EAAA,aAAAA,EAAA,UAAA,GAAAuB,CAAA;AAAA,EAAQ,GAAA;AAAA;MAAiE,KAAA;AAAA;IAC/E,GAAA;AAAA,MAD6DC,EAAAxB,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,IAAnB,CAAA,IAAA;AAAA;IAYvC,CAAA,IAAAyB,GAAA5B,EAAA,GAAA6B,EAAAC,GAAA;AAAA,MANO,KAAA;AAAA,MACjB,SAAA;AAAA;IAEkB,GAAA;AAAA,MACH,UAAAC,EAAA,MAAA;AAAA,QAAaC,EAAAC,GAAA;AAAA;;;;;;IAGD,CAAA;AAAA;;;;","x_google_ignoreList":[0]}

package/dist/chunks/cross-circle-fill.1abec1a2.js

@@ -0,0 +1,44 @@
+import { openBlock as s, createElementBlock as i, mergeProps as l, toDisplayString as r, createCommentVNode as c, createElementVNode as e } from "vue";
+import { _ as n } from "./_plugin-vue_export-helper.dad06003.js";
+import "../assets/cross.css";
+let o = 0;
+const _ = {
+  beforeCreate() {
+    this.uuid = o.toString(), o += 1;
+  }
+}, a = { key: 0 }, d = ["clip-path"], u = /* @__PURE__ */ e("path", {
+  fill: "#00112C",
+  d: "M0.25 8C0.25 3.71979 3.71979 0.25 8 0.25C12.2802 0.25 15.75 3.71979 15.75 8C15.75 12.2802 12.2802 15.75 8 15.75C3.71979 15.75 0.25 12.2802 0.25 8ZM6.00011 4.93945L4.93945 6.00011L6.93945 8.00011L4.93945 10.0001L6.00011 11.0608L8.00011 9.06077L10.0001 11.0608L11.0608 10.0001L9.06077 8.00011L11.0608 6.00011L10.0001 4.93945L8.00011 6.93945L6.00011 4.93945Z"
+}, null, -1), h = [
+  u
+], p = ["id"], f = /* @__PURE__ */ e("rect", {
+  width: "16",
+  height: "16",
+  fill: "#fff"
+}, null, -1), g = [
+  f
+];
+function m(t, L, C, $, v, w) {
+  return s(), i("svg", l({ 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"] ? (s(), i("title", a, r(t.$attrs["svg-title"]), 1)) : c("", !0),
+    e("g", {
+      "clip-path": "url(#uia-icons-16-cross_circle_fill__a" + t.uuid + ")"
+    }, h, 8, d),
+    e("defs", null, [
+      e("clipPath", {
+        id: "uia-icons-16-cross_circle_fill__a" + t.uuid
+      }, g, 8, p)
+    ])
+  ], 16);
+}
+const B = /* @__PURE__ */ n(_, [["render", m]]);
+export {
+  B as C
+};
+//# sourceMappingURL=cross-circle-fill.1abec1a2.js.map

package/dist/chunks/cross-circle-fill.1abec1a2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cross-circle-fill.1abec1a2.js","sources":["../../../vue2/node_modules/@adyen/ui-assets-icons-16/dist/vue/cross-circle-fill.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><g :clip-path=\"'url(#uia-icons-16-cross_circle_fill__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M0.25 8C0.25 3.71979 3.71979 0.25 8 0.25C12.2802 0.25 15.75 3.71979 15.75 8C15.75 12.2802 12.2802 15.75 8 15.75C3.71979 15.75 0.25 12.2802 0.25 8ZM6.00011 4.93945L4.93945 6.00011L6.93945 8.00011L4.93945 10.0001L6.00011 11.0608L8.00011 9.06077L10.0001 11.0608L11.0608 10.0001L9.06077 8.00011L11.0608 6.00011L10.0001 4.93945L8.00011 6.93945L6.00011 4.93945Z\"/></g><defs><clipPath :id=\"'uia-icons-16-cross_circle_fill__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n"],"names":["uuid","openBlock","createElementBlock","mergeProps","_ctx","_hoisted_1","toDisplayString"],"mappings":";;;AAKI,IAAAA,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;;EARwQ,MAAA;AAAA,EAAe,GAAA;;;;EAAob,OAAA;AAAA,EAAW,QAAA;AAAA,EAAY,MAAA;;;;;AAA1uB,SAAAC,EAAA,GAAAC,EAAA,OAAAC,EAAA,EAAA,MAAA,MAAA,GAAAC,EAAA,QAAA;AAAA,IAAgC,OAAA;AAAA,IAA2B,OAAA;AAAA,IAAmC,OAAA;AAAA,IAAW,QAAA;AAAA,IAAY,MAAA;AAAA;6BAAYH,EAAA,GAAAC,EAAA,SAAAG,GAAAC,EAAAF,EAAA,OAAA,WAAA,CAAA,GAAA,CAAA;;MAAuE,aAAA,2CAAAA,EAAA,OAAA;AAAA;;;QAAqd,IAAA,sCAAAA,EAAA;AAAA;;;;;","x_google_ignoreList":[0]}

package/dist/chunks/cross.26509efc.js

@@ -0,0 +1,29 @@
+import { openBlock as e, createElementBlock as s, mergeProps as r, toDisplayString as n, createCommentVNode as i, createElementVNode as l } from "vue";
+import { _ as a } from "./_plugin-vue_export-helper.dad06003.js";
+import "../assets/cross.css";
+let o = 0;
+const c = {
+  beforeCreate() {
+    this.uuid = o.toString(), o += 1;
+  }
+}, _ = { key: 0 }, p = /* @__PURE__ */ l("path", {
+  fill: "#00112C",
+  d: "M8.00023 9.06089L12.0001 13.0608L13.0608 12.0001L9.06089 8.00023L13.061 4.00011L12.0003 2.93945L8.00023 6.93957L4.00011 2.93945L2.93945 4.00011L6.93957 8.00023L2.93968 12.0001L4.00034 13.0608L8.00023 9.06089Z"
+}, null, -1);
+function m(t, d, u, L, g, f) {
+  return e(), s("svg", r({ 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"] ? (e(), s("title", _, n(t.$attrs["svg-title"]), 1)) : i("", !0),
+    p
+  ], 16);
+}
+const v = /* @__PURE__ */ a(c, [["render", m]]);
+export {
+  v as C
+};
+//# sourceMappingURL=cross.26509efc.js.map

package/dist/chunks/cross.26509efc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cross.26509efc.js","sources":["../../../vue2/node_modules/@adyen/ui-assets-icons-16/dist/vue/cross.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=\"#00112C\" d=\"M8.00023 9.06089L12.0001 13.0608L13.0608 12.0001L9.06089 8.00023L13.061 4.00011L12.0003 2.93945L8.00023 6.93957L4.00011 2.93945L2.93945 4.00011L6.93957 8.00023L2.93968 12.0001L4.00034 13.0608L8.00023 9.06089Z\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n"],"names":["uuid","openBlock","createElementBlock","mergeProps","_ctx","_hoisted_1","toDisplayString"],"mappings":";;;AAKI,IAAAA,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;;EARkM,MAAA;AAAA,EAAe,GAAA;;;AAAzN,SAAAC,EAAA,GAAAC,EAAA,OAAAC,EAAA,EAAA,MAAA,MAAA,GAAAC,EAAA,QAAA;AAAA,IAAgC,OAAA;AAAA,IAA2B,OAAA;AAAA,IAAmC,OAAA;AAAA,IAAW,QAAA;AAAA,IAAY,MAAA;AAAA;6BAAYH,EAAA,GAAAC,EAAA,SAAAG,GAAAC,EAAAF,EAAA,OAAA,WAAA,CAAA,GAAA,CAAA;;;;;","x_google_ignoreList":[0]}

package/dist/chunks/{dropdown-default-textbox.74c4584a.js → dropdown-default-textbox.4108b289.js}

@@ -1,16 +1,16 @@
-import { defineComponent as B, ref as Y, computed as f, resolveComponent as v, openBlock as l, createElementBlock as d, normalizeClass as h, withKeys as C, createVNode as g, withCtx as _, mergeProps as E, renderSlot as S, normalizeProps as L, createTextVNode as D, toDisplayString as I, Fragment as $, renderList as V, createElementVNode as k, guardReactiveProps as R, createCommentVNode as N, withModifiers as x, toHandlers as M, createSlots as W, withDirectives as A, vShow as P } from "vue";
+import { defineComponent as P, ref as Y, computed as c, resolveComponent as v, openBlock as l, createElementBlock as d, normalizeClass as h, withKeys as C, createVNode as w, withCtx as _, mergeProps as E, renderSlot as S, normalizeProps as L, createTextVNode as D, toDisplayString as I, Fragment as $, renderList as V, createElementVNode as k, guardReactiveProps as R, createCommentVNode as N, withModifiers as x, toHandlers as M, createSlots as W, withDirectives as A, vShow as B } from "vue";
 import { g as q } from "./unique-id.a2a2b458.js";
 import { u as H } from "./use-has-slot.4d98bf29.js";
 import { B as j } from "./index.75f3672e.js";
 import { d as z } from "./debounce.b5ef6acf.js";
 import { B as G } from "./keyboard-navigation.ca47dfa8.js";
-import { C as J } from "./cross-circle-fill.0feb37b3.js";
+import { C as J } from "./cross-circle-fill.1abec1a2.js";
 import { _ as T } from "./_plugin-vue_export-helper.dad06003.js";
 import { s as O } from "./events.58c00e6d.js";
-import { C as Q, a as X } from "./chevron-up.9bf21068.js";
+import { C as Q, a as X } from "./chevron-up.46afb34c.js";
 import "../assets/dropdown-default-textbox.css";
 var u = /* @__PURE__ */ ((e) => (e.DISABLED = "disabled", e.READONLY = "readonly", e.HAS_ITEMS = "has-items", e.OPENED = "opened", e.ERROR = "error", e))(u || {}), o = /* @__PURE__ */ ((e) => (e.OPEN = "open", e.KEYDOWN = "keydown", e.CLOSE = "close", e.INPUT = "input", e.CLEAR = "clear", e))(o || {});
-const Z = B({
+const Z = P({
   name: "dropdown-base-textbox",
   components: { BentoTypography: j, CrossCircleFillIcon: J },
   inheritAttrs: !1,
@@ -107,11 +107,11 @@ const Z = B({
     o.KEYDOWN
   ],
   setup(e, { emit: t, slots: s, attrs: y }) {
-    const r = Y(null), m = q("textbox"), p = f(() => ({
+    const r = Y(null), m = q("textbox"), p = c(() => ({
       [`b-dropdown-base-textbox--${u.DISABLED}`]: e.disabled,
       [`b-dropdown-base-textbox--${u.READONLY}`]: e.readonly,
       [`b-dropdown-base-textbox--${u.HAS_ITEMS}`]: !!e.additionalItemsSelected
-    })), b = f(() => e.dynamicFiltering && !!e.value && e.open), a = f(
+    })), b = c(() => e.dynamicFiltering && !!e.value && e.open), n = c(
       () => {
         var i;
         return {
@@ -125,15 +125,15 @@ const Z = B({
           "aria-disabled": e.disabled ? !0 : null
         };
       }
-    ), w = () => {
+    ), g = () => {
       !e.disabled && !e.readonly && (r.value.focus(), t(o.OPEN));
-    }, c = () => {
+    }, f = () => {
       e.open && (r.value.focus(), t(o.CLOSE));
-    }, n = (i) => e.open && i.target.tagName === "INPUT" ? null : e.open ? c() : w(), K = () => {
+    }, a = (i) => e.open && i.target.tagName === "INPUT" ? null : e.open ? f() : g(), K = () => {
       t(o.CLEAR), t(o.INPUT, ""), r.value.focus();
     }, F = z((i) => {
       !e.readonly && !e.disabled ? t(o.INPUT, i.target.value) : (i.preventDefault(), i.stopPropagation());
-    }, e.debounceTime), U = f(
+    }, e.debounceTime), U = c(
       () => e.multiple ? e.selectedValueItem : []
     );
     return {
@@ -145,11 +145,11 @@ const Z = B({
       textboxId: m,
       textbox: r,
       isFiltering: b,
-      ariaAttributes: a,
+      ariaAttributes: n,
       selectedValueItems: U,
       // Events
-      onCloseDropdown: c,
-      onToggleDropdown: n,
+      onCloseDropdown: f,
+      onToggleDropdown: a,
       onClearSearch: K,
       onInputEvent: F,
       // Methods
@@ -160,7 +160,7 @@ const Z = B({
 const ee = ["id", "value", "disabled", "readonly"], oe = ["id"], te = {
   key: 1,
   class: "b-dropdown-base-textbox__input-multiple-selected"
-}, ae = { class: "b-dropdown-base-textbox__input-selected-element" }, ne = {
+}, ne = { class: "b-dropdown-base-textbox__input-selected-element" }, ae = {
   key: 2,
   class: "b-dropdown-base-textbox__additional-items"
 }, le = {
@@ -173,10 +173,10 @@ function de(e, t, s, y, r, m) {
   return l(), d("div", {
     class: h(e.$attrs.class),
     "data-testid": "textbox-wrapper",
-    onClick: t[6] || (t[6] = (...a) => e.onToggleDropdown && e.onToggleDropdown(...a)),
-    onKeydown: t[7] || (t[7] = C((...a) => e.onCloseDropdown && e.onCloseDropdown(...a), ["escape"]))
+    onClick: t[6] || (t[6] = (...n) => e.onToggleDropdown && e.onToggleDropdown(...n)),
+    onKeydown: t[7] || (t[7] = C((...n) => e.onCloseDropdown && e.onCloseDropdown(...n), ["escape"]))
   }, [
-    g(b, {
+    w(b, {
       class: h(["b-dropdown-base-textbox", e.conditionalClasses]),
       el: "div",
       "data-testid": "base-textbox"
@@ -193,10 +193,10 @@ function de(e, t, s, y, r, m) {
           disabled: e.disabled ? !0 : null,
           readonly: e.readonly,
           onKeydown: [
-            t[0] || (t[0] = (a) => e.$emit(e.DropdownBaseTextboxEvent.KEYDOWN, a)),
-            t[1] || (t[1] = C((...a) => e.onToggleDropdown && e.onToggleDropdown(...a), ["enter"]))
+            t[0] || (t[0] = (n) => e.$emit(e.DropdownBaseTextboxEvent.KEYDOWN, n)),
+            t[1] || (t[1] = C((...n) => e.onToggleDropdown && e.onToggleDropdown(...n), ["enter"]))
           ],
-          onInput: t[2] || (t[2] = (...a) => e.onInputEvent && e.onInputEvent(...a))
+          onInput: t[2] || (t[2] = (...n) => e.onInputEvent && e.onInputEvent(...n))
         }), null, 16, ee)) : (l(), d("div", E({
           key: 1,
           id: e.textboxId
@@ -209,11 +209,11 @@ function de(e, t, s, y, r, m) {
           e.selectedValueItem && !e.multiple ? S(e.$slots, "default", L(E({ key: 0 }, e.selectedValueItem)), () => [
             D(I(e.displayValue), 1)
           ], !0) : e.selectedValueItem && e.showSlotContentInMultiple ? (l(), d("div", te, [
-            (l(!0), d($, null, V(e.selectedValueItems, (a) => (l(), d("div", {
-              key: a.value
+            (l(!0), d($, null, V(e.selectedValueItems, (n) => (l(), d("div", {
+              key: n.value
             }, [
-              k("div", ae, [
-                S(e.$slots, "default", L(R(a)), () => [
+              k("div", ne, [
+                S(e.$slots, "default", L(R(n)), () => [
                   D(I(e.displayValue), 1)
                 ], !0)
               ])
@@ -222,7 +222,7 @@ function de(e, t, s, y, r, m) {
             D(I(e.displayValue), 1)
           ], 64))
         ], 16, oe)),
-        e.additionalItemsSelected ? (l(), d("span", ne, I(e.additionalItemsSelected), 1)) : N("", !0),
+        e.additionalItemsSelected ? (l(), d("span", ae, I(e.additionalItemsSelected), 1)) : N("", !0),
         e.hasSlot("icon") && !e.isFiltering ? (l(), d("span", le, [
           S(e.$slots, "icon", {}, void 0, !0)
         ])) : N("", !0),
@@ -231,18 +231,18 @@ function de(e, t, s, y, r, m) {
           class: "b-dropdown-base-textbox__clear-search",
           tabindex: "0",
           "data-testid": "clear-search-button",
-          onClick: t[3] || (t[3] = x((...a) => e.onClearSearch && e.onClearSearch(...a), ["stop"])),
-          onKeydown: t[4] || (t[4] = C(x((...a) => e.onClearSearch && e.onClearSearch(...a), ["stop"]), ["enter"])),
-          onKeyup: t[5] || (t[5] = C((...a) => e.onClearSearch && e.onClearSearch(...a), ["space"]))
+          onClick: t[3] || (t[3] = x((...n) => e.onClearSearch && e.onClearSearch(...n), ["stop"])),
+          onKeydown: t[4] || (t[4] = C(x((...n) => e.onClearSearch && e.onClearSearch(...n), ["stop"]), ["enter"])),
+          onKeyup: t[5] || (t[5] = C((...n) => e.onClearSearch && e.onClearSearch(...n), ["space"]))
         }, [
-          g(p, { "svg-title": "clearSearch" })
+          w(p, { "svg-title": "clearSearch" })
         ], 32)) : N("", !0)
       ]),
       _: 3
     }, 8, ["class"])
   ], 34);
 }
-const se = /* @__PURE__ */ T(Z, [["render", de], ["__scopeId", "data-v-1f411186"]]), re = B({
+const se = /* @__PURE__ */ T(Z, [["render", de], ["__scopeId", "data-v-1f411186"]]), re = P({
   name: "dropdown-default-textbox",
   components: { ChevronDownIcon: Q, ChevronUpIcon: X, DropdownBaseTextbox: se },
   inheritAttrs: !1,
@@ -286,6 +286,10 @@ const se = /* @__PURE__ */ T(Z, [["render", de], ["__scopeId", "data-v-1f411186"
       type: String,
       default: null
     },
+    /**
+     * Renders the dropdown with a condensed style.
+     */
+    condensed: { type: Boolean, default: !1 },
     /**
      * Custom debounce time. Default: 300
      */
@@ -339,26 +343,27 @@ const se = /* @__PURE__ */ T(Z, [["render", de], ["__scopeId", "data-v-1f411186"
     multiple: { type: Boolean, default: !1 }
   },
   setup(e, { slots: t, emit: s }) {
-    const y = f(() => ({
+    const y = c(() => ({
       [`b-dropdown-default-textbox--${u.ERROR}`]: !e.disabled && !e.readonly && e.isInvalid,
       [`b-dropdown-default-textbox--${u.DISABLED}`]: e.disabled,
       [`b-dropdown-default-textbox--${u.READONLY}`]: e.readonly,
-      [`b-dropdown-default-textbox--${u.OPENED}`]: e.open
-    })), r = f(() => e.open && !e.disabled && !e.readonly), m = (n) => {
-      s(o.INPUT, n);
-    }, p = (n) => {
-      s(o.KEYDOWN, n);
-    }, b = (n) => {
-      O(n), s(o.OPEN);
-    }, a = (n) => {
-      O(n), s(o.CLOSE);
-    }, w = (n) => {
-      O(n), s(o.CLEAR);
-    }, c = {
+      [`b-dropdown-default-textbox--${u.OPENED}`]: e.open,
+      "b-dropdown-default-textbox--condensed": e.condensed
+    })), r = c(() => e.open && !e.disabled && !e.readonly), m = (a) => {
+      s(o.INPUT, a);
+    }, p = (a) => {
+      s(o.KEYDOWN, a);
+    }, b = (a) => {
+      O(a), s(o.OPEN);
+    }, n = (a) => {
+      O(a), s(o.CLOSE);
+    }, g = (a) => {
+      O(a), s(o.CLEAR);
+    }, f = {
       [o.INPUT]: m,
       [o.OPEN]: b,
-      [o.CLOSE]: a,
-      [o.CLEAR]: w,
+      [o.CLOSE]: n,
+      [o.CLEAR]: g,
       [o.KEYDOWN]: p
     };
     return {
@@ -369,47 +374,47 @@ const se = /* @__PURE__ */ T(Z, [["render", de], ["__scopeId", "data-v-1f411186"
       isDropdownOpen: r,
       slots: t,
       // Events
-      listeners: c
+      listeners: f
     };
   }
 });
 const ie = { class: "b-dropdown-default-textbox__chevron" };
 function ue(e, t, s, y, r, m) {
-  const p = v("chevron-up-icon"), b = v("chevron-down-icon"), a = v("dropdown-base-textbox");
+  const p = v("chevron-up-icon"), b = v("chevron-down-icon"), n = v("dropdown-base-textbox");
   return l(), d("div", {
     class: h(["b-dropdown-default-textbox", e.conditionalClasses]),
     "data-testid": "default-textbox"
   }, [
-    g(a, E({ ...e.$attrs, ...e.$props }, {
+    w(n, E({ ...e.$attrs, ...e.$props }, {
       class: "b-dropdown-default-textbox__textbox",
       value: e.value
     }, M(e.listeners)), W({
       icon: _(() => [
         k("div", ie, [
-          A(g(p, { "svg-title": "opened" }, null, 512), [
-            [P, e.isDropdownOpen]
+          A(w(p, { "svg-title": "opened" }, null, 512), [
+            [B, e.isDropdownOpen]
           ]),
-          A(g(b, { "svg-title": "closed" }, null, 512), [
-            [P, !e.isDropdownOpen]
+          A(w(b, { "svg-title": "closed" }, null, 512), [
+            [B, !e.isDropdownOpen]
           ])
         ])
       ]),
       _: 2
     }, [
-      V(e.slots, (w, c) => ({
-        name: c,
-        fn: _((n) => [
-          S(e.$slots, c, L(R(n)), void 0, !0)
+      V(e.slots, (g, f) => ({
+        name: f,
+        fn: _((a) => [
+          S(e.$slots, f, L(R(a)), void 0, !0)
         ])
       }))
     ]), 1040, ["value"])
   ], 2);
 }
-const Ee = /* @__PURE__ */ T(re, [["render", ue], ["__scopeId", "data-v-d7ba386d"]]);
+const Ee = /* @__PURE__ */ T(re, [["render", ue], ["__scopeId", "data-v-85fab4bd"]]);
 export {
   se as D,
   o as a,
   u as b,
   Ee as c
 };
-//# sourceMappingURL=dropdown-default-textbox.74c4584a.js.map
+//# sourceMappingURL=dropdown-default-textbox.4108b289.js.map