@adyen/bento-vue2 0.10.0 → 0.10.1-2

package/dist/chunks/checkmark-small.1371dd20.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkmark-small.1371dd20.js","sources":["../../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/checkmark-small.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" 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\" fill-rule=\"evenodd\" d=\"M11.5303 6.53033C11.8232 6.23744 11.8232 5.76256 11.5303 5.46967C11.2374 5.17678 10.7626 5.17678 10.4697 5.46967L7 8.93934L5.53033 7.46967C5.23744 7.17678 4.76256 7.17678 4.46967 7.46967C4.17678 7.76256 4.17678 8.23744 4.46967 8.53033L6.46967 10.5303C6.76256 10.8232 7.23744 10.8232 7.53033 10.5303C7.53021 10.5304 7.53045 10.5302 7.53033 10.5303L11.5303 6.53033Z\" clip-rule=\"evenodd\"/></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 scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/chunks/chevron-left.e3a49e62.js

@@ -0,0 +1,47 @@
+import "../assets/chevron-left.css";
+import { n as r } from "./_plugin-vue2_normalizer.71e2aa87.js";
+let s = 0;
+const l = {
+  beforeCreate() {
+    this.uuid = s.toString(), s += 1;
+  }
+};
+var i = function() {
+  var t = this, e = t._self._c;
+  return e("svg", t._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? e("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), e("path", { attrs: { fill: "#00112C", "fill-rule": "evenodd", d: "M4.96967 13.5303C4.67678 13.2374 4.67678 12.7626 4.96967 12.4697L9.43934 8L4.96967 3.53033C4.67678 3.23744 4.67678 2.76256 4.96967 2.46967C5.26256 2.17678 5.73744 2.17678 6.03033 2.46967L11.0303 7.46967C11.3232 7.76256 11.3232 8.23744 11.0303 8.53033L6.03033 13.5303C5.73744 13.8232 5.26256 13.8232 4.96967 13.5303Z", "clip-rule": "evenodd" } })]);
+}, o = [], a = /* @__PURE__ */ r(
+  l,
+  i,
+  o,
+  !1,
+  null,
+  "3164242c",
+  null,
+  null
+);
+const h = a.exports;
+let n = 0;
+const v = {
+  beforeCreate() {
+    this.uuid = n.toString(), n += 1;
+  }
+};
+var c = function() {
+  var t = this, e = t._self._c;
+  return e("svg", t._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? e("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), e("path", { attrs: { fill: "#00112C", "fill-rule": "evenodd", d: "M11.0303 2.46967C11.3232 2.76256 11.3232 3.23744 11.0303 3.53033L6.56066 8L11.0303 12.4697C11.3232 12.7626 11.3232 13.2374 11.0303 13.5303C10.7374 13.8232 10.2626 13.8232 9.96967 13.5303L4.96967 8.53033C4.67678 8.23744 4.67678 7.76256 4.96967 7.46967L9.96967 2.46967C10.2626 2.17678 10.7374 2.17678 11.0303 2.46967Z", "clip-rule": "evenodd" } })]);
+}, d = [], u = /* @__PURE__ */ r(
+  v,
+  c,
+  d,
+  !1,
+  null,
+  "132e7234",
+  null,
+  null
+);
+const p = u.exports;
+export {
+  p as C,
+  h as a
+};
+//# sourceMappingURL=chevron-left.e3a49e62.js.map

package/dist/chunks/chevron-left.e3a49e62.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-left.e3a49e62.js","sources":["../../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/chevron-right.vue","../../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/chevron-left.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" 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\" fill-rule=\"evenodd\" d=\"M4.96967 13.5303C4.67678 13.2374 4.67678 12.7626 4.96967 12.4697L9.43934 8L4.96967 3.53033C4.67678 3.23744 4.67678 2.76256 4.96967 2.46967C5.26256 2.17678 5.73744 2.17678 6.03033 2.46967L11.0303 7.46967C11.3232 7.76256 11.3232 8.23744 11.0303 8.53033L6.03033 13.5303C5.73744 13.8232 5.26256 13.8232 4.96967 13.5303Z\" clip-rule=\"evenodd\"/></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 scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" 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\" fill-rule=\"evenodd\" d=\"M11.0303 2.46967C11.3232 2.76256 11.3232 3.23744 11.0303 3.53033L6.56066 8L11.0303 12.4697C11.3232 12.7626 11.3232 13.2374 11.0303 13.5303C10.7374 13.8232 10.2626 13.8232 9.96967 13.5303L4.96967 8.53033C4.67678 8.23744 4.67678 7.76256 4.96967 7.46967L9.96967 2.46967C10.2626 2.17678 10.7374 2.17678 11.0303 2.46967Z\" clip-rule=\"evenodd\"/></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 scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n"],"names":["uuid$1","_sfc_main$1","uuid","_sfc_main"],"mappings":";;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;ACPA,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/chunks/chevron-up.416431cd.js

@@ -0,0 +1,47 @@
+import "../assets/chevron-up.css";
+import { n as r } from "./_plugin-vue2_normalizer.71e2aa87.js";
+let s = 0;
+const l = {
+  beforeCreate() {
+    this.uuid = s.toString(), s += 1;
+  }
+};
+var o = function() {
+  var t = this, e = t._self._c;
+  return e("svg", t._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? e("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), e("path", { attrs: { fill: "#00112C", "fill-rule": "evenodd", d: "M2.46967 4.96967C2.76256 4.67678 3.23744 4.67678 3.53033 4.96967L8 9.43934L12.4697 4.96967C12.7626 4.67678 13.2374 4.67678 13.5303 4.96967C13.8232 5.26257 13.8232 5.73744 13.5303 6.03033L8.53033 11.0303C8.23744 11.3232 7.76256 11.3232 7.46967 11.0303L2.46967 6.03033C2.17678 5.73744 2.17678 5.26256 2.46967 4.96967Z", "clip-rule": "evenodd" } })]);
+}, i = [], a = /* @__PURE__ */ r(
+  l,
+  o,
+  i,
+  !1,
+  null,
+  "58c18347",
+  null,
+  null
+);
+const p = a.exports;
+let n = 0;
+const v = {
+  beforeCreate() {
+    this.uuid = n.toString(), n += 1;
+  }
+};
+var c = function() {
+  var t = this, e = t._self._c;
+  return e("svg", t._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? e("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), e("path", { attrs: { fill: "#00112C", "fill-rule": "evenodd", d: "M13.5303 11.0303C13.2374 11.3232 12.7626 11.3232 12.4697 11.0303L8 6.56066L3.53033 11.0303C3.23744 11.3232 2.76256 11.3232 2.46967 11.0303C2.17678 10.7374 2.17678 10.2626 2.46967 9.96967L7.46967 4.96967C7.76256 4.67678 8.23744 4.67678 8.53033 4.96967L13.5303 9.96967C13.8232 10.2626 13.8232 10.7374 13.5303 11.0303Z", "clip-rule": "evenodd" } })]);
+}, f = [], d = /* @__PURE__ */ r(
+  v,
+  c,
+  f,
+  !1,
+  null,
+  "32f5f438",
+  null,
+  null
+);
+const h = d.exports;
+export {
+  p as C,
+  h as a
+};
+//# sourceMappingURL=chevron-up.416431cd.js.map

package/dist/chunks/chevron-up.416431cd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-up.416431cd.js","sources":["../../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/chevron-down.vue","../../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/chevron-up.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" 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\" fill-rule=\"evenodd\" d=\"M2.46967 4.96967C2.76256 4.67678 3.23744 4.67678 3.53033 4.96967L8 9.43934L12.4697 4.96967C12.7626 4.67678 13.2374 4.67678 13.5303 4.96967C13.8232 5.26257 13.8232 5.73744 13.5303 6.03033L8.53033 11.0303C8.23744 11.3232 7.76256 11.3232 7.46967 11.0303L2.46967 6.03033C2.17678 5.73744 2.17678 5.26256 2.46967 4.96967Z\" clip-rule=\"evenodd\"/></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 scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" 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\" fill-rule=\"evenodd\" d=\"M13.5303 11.0303C13.2374 11.3232 12.7626 11.3232 12.4697 11.0303L8 6.56066L3.53033 11.0303C3.23744 11.3232 2.76256 11.3232 2.46967 11.0303C2.17678 10.7374 2.17678 10.2626 2.46967 9.96967L7.46967 4.96967C7.76256 4.67678 8.23744 4.67678 8.53033 4.96967L13.5303 9.96967C13.8232 10.2626 13.8232 10.7374 13.5303 11.0303Z\" clip-rule=\"evenodd\"/></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 scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n"],"names":["uuid$1","_sfc_main$1","uuid","_sfc_main"],"mappings":";;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;ACPA,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/chunks/copy.fa9aa27e.js

@@ -0,0 +1,105 @@
+import "../assets/copy.css";
+import { defineComponent as _, ref as s, computed as u } from "vue";
+import { B as d, a as v } from "./button.31b757d1.js";
+import { PopperContainerPosition as f } from "../popper-container.js";
+import { u as y } from "./i18n.8934ef6c.js";
+import { n as a } from "./_plugin-vue2_normalizer.71e2aa87.js";
+import { B as m } from "./tooltip.a4625a7b.js";
+let i = 0;
+const C = {
+  beforeCreate() {
+    this.uuid = i.toString(), i += 1;
+  }
+};
+var x = function() {
+  var e = this, t = e._self._c;
+  return t("svg", e._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? t("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), t("path", { attrs: { fill: "#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" } })]);
+}, g = [], T = /* @__PURE__ */ a(
+  C,
+  x,
+  g,
+  !1,
+  null,
+  "38be5f33",
+  null,
+  null
+);
+const R = T.exports, b = {
+  "en-US": {
+    copy: "Copy",
+    copied: "Copied!",
+    copyFailed: "Copy failed. Try manually."
+  }
+};
+var r = /* @__PURE__ */ ((o) => (o.DEFAULT = "default", o.COPYING = "copying", o.ERROR = "error", o))(r || {});
+const h = _({
+  i18n: { messages: b },
+  name: "copy",
+  components: { BentoButton: d, CopyIcon: R },
+  directives: { BentoTooltipDirective: m },
+  inheritAttrs: !1,
+  props: {
+    /**
+     * Defines the string that will get copied to the clipboard
+     */
+    text: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Position the tooltip should take if space is available. Defaults to 'top'
+     */
+    tooltipPosition: {
+      type: String,
+      default: f.TOP
+    }
+  },
+  setup(o) {
+    const { t: e } = y(), t = s(r.DEFAULT), n = s(!1), c = async () => {
+      try {
+        await navigator.clipboard.writeText(o.text), t.value = r.COPYING, n.value = !0;
+      } catch {
+        t.value = r.ERROR;
+      }
+    }, l = () => {
+      t.value = r.DEFAULT, n.value = !1;
+    }, p = u(() => {
+      switch (t.value) {
+        case r.COPYING:
+          return e("copied");
+        case r.ERROR:
+          return e("copyFailed");
+        case r.DEFAULT:
+        default:
+          return e("copy");
+      }
+    });
+    return {
+      BentoButtonVariant: v,
+      copyText: p,
+      onClickCopy: c,
+      resetText: l,
+      showScreenReaderAlert: n
+    };
+  }
+});
+var w = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("div", { staticClass: "b-copy", on: { mouseleave: e.resetText, focusout: e.resetText } }, [e.$slots.default ? t("span", { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive:[tooltipPosition]", value: e.copyText, expression: "copyText", arg: e.tooltipPosition }], on: { click: e.onClickCopy } }, [e._t("default")], 2) : t("bento-button", { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive:[tooltipPosition]", value: e.copyText, expression: "copyText", arg: e.tooltipPosition }], attrs: { variant: e.BentoButtonVariant.TERTIARY }, on: { click: e.onClickCopy }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
+    return [t("copy-icon", { attrs: { "svg-title": e.$t("copy") } })];
+  }, proxy: !0 }]) }), e.showScreenReaderAlert ? t("div", { staticClass: "b-copy__screen-reader-alert", attrs: { role: "alert" } }, [e._v(e._s(e.$t("copied")))]) : e._e()], 1);
+}, P = [], V = /* @__PURE__ */ a(
+  h,
+  w,
+  P,
+  !1,
+  null,
+  "31f24354",
+  null,
+  null
+);
+const I = V.exports;
+export {
+  I as C
+};
+//# sourceMappingURL=copy.fa9aa27e.js.map

package/dist/chunks/copy.fa9aa27e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy.fa9aa27e.js","sources":["../../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/copy.vue","../../src/components/internal/copy/copy.types.ts","../../src/components/internal/copy/copy.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" 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\" 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\"/></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 scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\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=\"BentoButtonVariant.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, BentoButtonVariant } 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    /**\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        inheritAttrs: false,\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();\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                BentoButtonVariant,\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","_sfc_main$1","CopyTooltipState","CopyTooltipState2","_sfc_main","defineComponent","messages","BentoButton","CopyIcon","BentoTooltipDirective","PopperContainerPosition","props","t","useI18n","copyState","ref","showScreenReaderAlert","onClickCopy","resetText","copyText","computed","BentoButtonVariant"],"mappings":";;;;;;;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;ACZY,IAAAE,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,UAAA,WACAA,EAAA,QAAA,SAHQA,IAAAD,KAAA,CAAA,CAAA;AC0CZ,MAAAE,IAAAC,EAAA;AAAA,EAAA,MAAA,EAAA,UAAAC,EAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA,EAAA,aAAAC,GAAA,UAAAC,EAAA;AAAA,EACA,YAAA,EAAA,uBAAAC,EAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,MAAA;AAAA,MAIA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,iBAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAAC,EAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,MAAAC,GAAA;AAEA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAAb,EAAA,OAAA,GAEAc,IAAAD,EAAA,EAAA,GACAE,IAAA,YAAA;AACA,UAAA;AACA,cAAA,UAAA,UAAA,UAAAN,EAAA,IAAA,GACAG,EAAA,QAAAZ,EAAA,SACAc,EAAA,QAAA;AAAA,MAAA,QAAA;AAEA,QAAAF,EAAA,QAAAZ,EAAA;AAAA,MAAA;AAAA,IACA,GAGAgB,IAAA,MAAA;AACA,MAAAJ,EAAA,QAAAZ,EAAA,SACAc,EAAA,QAAA;AAAA,IAAA,GAGAG,IAAAC,EAAA,MAAA;AACA,cAAAN,EAAA,OAAA;AAAA,QAAA,KAAAZ,EAAA;AAEA,iBAAAU,EAAA,QAAA;AAAA,QAAA,KAAAV,EAAA;AAEA,iBAAAU,EAAA,YAAA;AAAA,QAAA,KAAAV,EAAA;AAAA,QACA;AAEA,iBAAAU,EAAA,MAAA;AAAA,MAAA;AAAA,IACA,CAAA;AAGA,WAAA;AAAA,MAAA,oBAAAS;AAAA,MACA,UAAAF;AAAA,MACA,aAAAF;AAAA,MACA,WAAAC;AAAA,MACA,uBAAAF;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/chunks/cross-circle-fill.0a1d738c.js

@@ -0,0 +1,26 @@
+import "../assets/cross-circle-fill.css";
+import { n as s } from "./_plugin-vue2_normalizer.71e2aa87.js";
+let l = 0;
+const i = {
+  beforeCreate() {
+    this.uuid = l.toString(), l += 1;
+  }
+};
+var r = function() {
+  var t = this, e = t._self._c;
+  return e("svg", t._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? e("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), e("g", { attrs: { "clip-path": "url(#uia-icons-16-cross_circle_fill__a" + t.uuid + ")" } }, [e("path", { attrs: { fill: "#00112C", "fill-rule": "evenodd", 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 8ZM5.46967 5.46967C5.76256 5.17678 6.23744 5.17678 6.53033 5.46967L8 6.93934L9.46967 5.46967C9.76256 5.17678 10.2374 5.17678 10.5303 5.46967C10.8232 5.76256 10.8232 6.23744 10.5303 6.53033L9.06066 8L10.5303 9.46967C10.8232 9.76256 10.8232 10.2374 10.5303 10.5303C10.2374 10.8232 9.76256 10.8232 9.46967 10.5303L8 9.06066L6.53033 10.5303C6.23744 10.8232 5.76256 10.8232 5.46967 10.5303C5.17678 10.2374 5.17678 9.76256 5.46967 9.46967L6.93934 8L5.46967 6.53033C5.17678 6.23744 5.17678 5.76256 5.46967 5.46967Z", "clip-rule": "evenodd" } })]), e("defs", [e("clipPath", { attrs: { id: "uia-icons-16-cross_circle_fill__a" + t.uuid } }, [e("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
+}, _ = [], n = /* @__PURE__ */ s(
+  i,
+  r,
+  _,
+  !1,
+  null,
+  "d287ffae",
+  null,
+  null
+);
+const f = n.exports;
+export {
+  f as C
+};
+//# sourceMappingURL=cross-circle-fill.0a1d738c.js.map

package/dist/chunks/cross-circle-fill.0a1d738c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cross-circle-fill.0a1d738c.js","sources":["../../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/cross-circle-fill.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" 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\" fill-rule=\"evenodd\" 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 8ZM5.46967 5.46967C5.76256 5.17678 6.23744 5.17678 6.53033 5.46967L8 6.93934L9.46967 5.46967C9.76256 5.17678 10.2374 5.17678 10.5303 5.46967C10.8232 5.76256 10.8232 6.23744 10.5303 6.53033L9.06066 8L10.5303 9.46967C10.8232 9.76256 10.8232 10.2374 10.5303 10.5303C10.2374 10.8232 9.76256 10.8232 9.46967 10.5303L8 9.06066L6.53033 10.5303C6.23744 10.8232 5.76256 10.8232 5.46967 10.5303C5.17678 10.2374 5.17678 9.76256 5.46967 9.46967L6.93934 8L5.46967 6.53033C5.17678 6.23744 5.17678 5.76256 5.46967 5.46967Z\" clip-rule=\"evenodd\"/></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 scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/chunks/cross-small.7ecb1b97.js

@@ -0,0 +1,26 @@
+import "../assets/cross-small.css";
+import { n as r } from "./_plugin-vue2_normalizer.71e2aa87.js";
+let s = 0;
+const l = {
+  beforeCreate() {
+    this.uuid = s.toString(), s += 1;
+  }
+};
+var n = function() {
+  var e = this, t = e._self._c;
+  return t("svg", e._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? t("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), t("path", { attrs: { fill: "#00112C", "fill-rule": "evenodd", d: "M11.0303 6.03033C11.3232 5.73744 11.3232 5.26256 11.0303 4.96967C10.7374 4.67678 10.2626 4.67678 9.96967 4.96967L8 6.93934L6.03033 4.96967C5.73744 4.67678 5.26256 4.67678 4.96967 4.96967C4.67678 5.26256 4.67678 5.73744 4.96967 6.03033L6.93934 8L4.96967 9.96967C4.67678 10.2626 4.67678 10.7374 4.96967 11.0303C5.26256 11.3232 5.73744 11.3232 6.03033 11.0303L8 9.06066L9.96967 11.0303C10.2626 11.3232 10.7374 11.3232 11.0303 11.0303C11.3232 10.7374 11.3232 10.2626 11.0303 9.96967L9.06066 8L11.0303 6.03033Z", "clip-rule": "evenodd" } })]);
+}, _ = [], o = /* @__PURE__ */ r(
+  l,
+  n,
+  _,
+  !1,
+  null,
+  "7eda5e5d",
+  null,
+  null
+);
+const c = o.exports;
+export {
+  c as C
+};
+//# sourceMappingURL=cross-small.7ecb1b97.js.map

package/dist/chunks/cross-small.7ecb1b97.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cross-small.7ecb1b97.js","sources":["../../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/cross-small.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" 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\" fill-rule=\"evenodd\" d=\"M11.0303 6.03033C11.3232 5.73744 11.3232 5.26256 11.0303 4.96967C10.7374 4.67678 10.2626 4.67678 9.96967 4.96967L8 6.93934L6.03033 4.96967C5.73744 4.67678 5.26256 4.67678 4.96967 4.96967C4.67678 5.26256 4.67678 5.73744 4.96967 6.03033L6.93934 8L4.96967 9.96967C4.67678 10.2626 4.67678 10.7374 4.96967 11.0303C5.26256 11.3232 5.73744 11.3232 6.03033 11.0303L8 9.06066L9.96967 11.0303C10.2626 11.3232 10.7374 11.3232 11.0303 11.0303C11.3232 10.7374 11.3232 10.2626 11.0303 9.96967L9.06066 8L11.0303 6.03033Z\" clip-rule=\"evenodd\"/></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 scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/chunks/cross.db1f9177.js

@@ -0,0 +1,26 @@
+import "../assets/cross.css";
+import { n as r } from "./_plugin-vue2_normalizer.71e2aa87.js";
+let s = 0;
+const n = {
+  beforeCreate() {
+    this.uuid = s.toString(), s += 1;
+  }
+};
+var l = function() {
+  var e = this, t = e._self._c;
+  return t("svg", e._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? t("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), t("path", { attrs: { fill: "#00112C", "fill-rule": "evenodd", d: "M11.4697 12.5303C11.7626 12.8232 12.2374 12.8232 12.5303 12.5303C12.8232 12.2374 12.8232 11.7626 12.5303 11.4697L9.06066 8L12.5303 4.53033C12.8232 4.23744 12.8232 3.76256 12.5303 3.46967C12.2374 3.17678 11.7626 3.17678 11.4697 3.46967L8 6.93934L4.53033 3.46967C4.23744 3.17678 3.76256 3.17678 3.46967 3.46967C3.17678 3.76256 3.17678 4.23744 3.46967 4.53033L6.93934 8L3.46967 11.4697C3.17678 11.7626 3.17678 12.2374 3.46967 12.5303C3.76256 12.8232 4.23744 12.8232 4.53033 12.5303L8 9.06066L11.4697 12.5303Z", "clip-rule": "evenodd" } })]);
+}, _ = [], o = /* @__PURE__ */ r(
+  n,
+  l,
+  _,
+  !1,
+  null,
+  "3b1e95e1",
+  null,
+  null
+);
+const v = o.exports;
+export {
+  v as C
+};
+//# sourceMappingURL=cross.db1f9177.js.map

package/dist/chunks/cross.db1f9177.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cross.db1f9177.js","sources":["../../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/cross.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" 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\" fill-rule=\"evenodd\" d=\"M11.4697 12.5303C11.7626 12.8232 12.2374 12.8232 12.5303 12.5303C12.8232 12.2374 12.8232 11.7626 12.5303 11.4697L9.06066 8L12.5303 4.53033C12.8232 4.23744 12.8232 3.76256 12.5303 3.46967C12.2374 3.17678 11.7626 3.17678 11.4697 3.46967L8 6.93934L4.53033 3.46967C4.23744 3.17678 3.76256 3.17678 3.46967 3.46967C3.17678 3.76256 3.17678 4.23744 3.46967 4.53033L6.93934 8L3.46967 11.4697C3.17678 11.7626 3.17678 12.2374 3.46967 12.5303C3.76256 12.8232 4.23744 12.8232 4.53033 12.5303L8 9.06066L11.4697 12.5303Z\" clip-rule=\"evenodd\"/></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 scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/chunks/directive.23e35ab0.js

@@ -0,0 +1,21 @@
+import { o as e } from "./on-click-outside.3e0c3e2a.js";
+const _ = {
+  // Attach listener to target element
+  inserted(o, s) {
+    const i = !s.modifiers.bubble;
+    if (typeof s.value == "function")
+      o.__onClickOutside_stop = e(o, s.value, { capture: i });
+    else {
+      const [u, c] = s.value;
+      o.__onClickOutside_stop = e(o, u, { capture: i, ...c });
+    }
+  },
+  // Remove listener from the target element
+  unbind(o) {
+    o.__onClickOutside_stop();
+  }
+};
+export {
+  _ as B
+};
+//# sourceMappingURL=directive.23e35ab0.js.map

package/dist/chunks/directive.23e35ab0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive.23e35ab0.js","sources":["../../src/directives/click-outside/directive.ts"],"sourcesContent":["import type { ObjectDirective } from 'vue';\nimport { onClickOutside } from './on-click-outside';\n\ntype Element = HTMLElement & { __onClickOutside_stop?: () => void };\n\nexport const BentoClickOutsideDirective: ObjectDirective<Element> = {\n    // Attach listener to target element\n    inserted(targetElement, binding) {\n        const capture = !binding.modifiers.bubble;\n        if (typeof binding.value === 'function') {\n            // eslint-disable-next-line no-underscore-dangle, no-param-reassign\n            targetElement.__onClickOutside_stop = onClickOutside(targetElement, binding.value, { capture });\n        } else {\n            const [handler, options] = binding.value;\n            // eslint-disable-next-line no-underscore-dangle, no-param-reassign\n            targetElement.__onClickOutside_stop = onClickOutside(targetElement, handler, { capture, ...options });\n        }\n    },\n    // Remove listener from the target element\n    unbind(targetElement) {\n        // eslint-disable-next-line no-underscore-dangle\n        targetElement.__onClickOutside_stop();\n    },\n};\n"],"names":["BentoClickOutsideDirective","targetElement","binding","capture","onClickOutside","handler","options"],"mappings":";AAKO,MAAMA,IAAuD;AAAA;AAAA,EAEhE,SAASC,GAAeC,GAAS;AACvB,UAAAC,IAAU,CAACD,EAAQ,UAAU;AAC/B,QAAA,OAAOA,EAAQ,SAAU;AAEzB,MAAAD,EAAc,wBAAwBG,EAAeH,GAAeC,EAAQ,OAAO,EAAE,SAAAC,GAAS;AAAA,SAC3F;AACH,YAAM,CAACE,GAASC,CAAO,IAAIJ,EAAQ;AAErB,MAAAD,EAAA,wBAAwBG,EAAeH,GAAeI,GAAS,EAAE,SAAAF,GAAS,GAAGG,GAAS;AAAA;AAAA,EAE5G;AAAA;AAAA,EAEA,OAAOL,GAAe;AAElB,IAAAA,EAAc,sBAAsB;AAAA,EACxC;AACJ;"}