@adyen/bento-vue3 1.85.0 → 1.86.0

package/dist/chunks/{checkmark-small.x-gmK2Dt.js → checkmark-small.CRuZauJc.js}

@@ -1,5 +1,5 @@
 /* empty css              */
-import { createElementBlock as o, openBlock as r, mergeProps as i, createCommentVNode as n, createElementVNode as l, toDisplayString as a } from "vue";
+import { openBlock as o, createElementBlock as r, mergeProps as i, toDisplayString as n, createCommentVNode as l, createElementVNode as a } from "vue";
 import { _ as m } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 let s = 0;
 const p = {
@@ -8,15 +8,15 @@ const p = {
   }
 }, c = { key: 0 };
 function d(t, e, g, u, f, h) {
-  return r(), o("svg", i({ role: "img" }, t.$attrs, {
+  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"] ? (r(), o("title", c, a(t.$attrs["svg-title"]), 1)) : n("", !0),
-    e[0] || (e[0] = l("path", {
+    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: "M12.0608 6.00011L11.0001 4.93945L7.00011 8.93945L5.00011 6.93945L3.93945 8.00011L7.00011 11.0608L12.0608 6.00011Z"
     }, null, -1))
@@ -26,4 +26,4 @@ const k = /* @__PURE__ */ m(p, [["render", d]]);
 export {
   k as C
 };
-//# sourceMappingURL=checkmark-small.x-gmK2Dt.js.map
+//# sourceMappingURL=checkmark-small.CRuZauJc.js.map

package/dist/chunks/{checkmark-small.x-gmK2Dt.js.map → checkmark-small.CRuZauJc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkmark-small.x-gmK2Dt.js","sources":["../../../ui-assets/icons-16/dist/vue/checkmark-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=\"M12.0608 6.00011L11.0001 4.93945L7.00011 8.93945L5.00011 6.93945L3.93945 8.00011L7.00011 11.0608L12.0608 6.00011Z\"/></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,EAAsV,OAAtVC,EAAsV,EAAjV,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,EAA4I,QAAA;AAAA,MAAtI,MAAK;AAAA,MAAU,GAAE;AAAA;;;;"}
+{"version":3,"file":"checkmark-small.CRuZauJc.js","sources":["../../../ui-assets/icons-16/dist/vue/checkmark-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=\"M12.0608 6.00011L11.0001 4.93945L7.00011 8.93945L5.00011 6.93945L3.93945 8.00011L7.00011 11.0608L12.0608 6.00011Z\"/></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,EAAsV,OAAtVC,EAAsV,EAAjV,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,EAA4I,QAAA;AAAA,MAAtI,MAAK;AAAA,MAAU,GAAE;AAAA;;;;"}

package/dist/chunks/{chevron-down.DCQ6ZLaq.js → chevron-down.XeE-LBV_.js}

@@ -1,5 +1,5 @@
 /* empty css              */
-import { createElementBlock as o, openBlock as r, mergeProps as n, createCommentVNode as i, createElementVNode as l, toDisplayString as a } from "vue";
+import { openBlock as o, createElementBlock as r, mergeProps as n, toDisplayString as i, createCommentVNode as l, createElementVNode as a } from "vue";
 import { _ as p } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 let s = 0;
 const m = {
@@ -8,15 +8,15 @@ const m = {
   }
 }, c = { key: 0 };
 function d(t, e, g, u, f, h) {
-  return r(), o("svg", n({ role: "img" }, t.$attrs, {
+  return o(), r("svg", n({ 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"] ? (r(), o("title", c, a(t.$attrs["svg-title"]), 1)) : i("", !0),
-    e[0] || (e[0] = l("path", {
+    t.$attrs["svg-title"] ? (o(), r("title", c, i(t.$attrs["svg-title"]), 1)) : l("", !0),
+    e[0] || (e[0] = a("path", {
       fill: "#001222",
       d: "M2.99988 4.43923L7.99988 9.43923L12.9999 4.43923L14.0605 5.49989L7.99988 11.5605L1.93922 5.49989L2.99988 4.43923Z"
     }, null, -1))
@@ -26,4 +26,4 @@ const _ = /* @__PURE__ */ p(m, [["render", d]]);
 export {
   _ as C
 };
-//# sourceMappingURL=chevron-down.DCQ6ZLaq.js.map
+//# sourceMappingURL=chevron-down.XeE-LBV_.js.map

package/dist/chunks/{chevron-down.DCQ6ZLaq.js.map → chevron-down.XeE-LBV_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chevron-down.DCQ6ZLaq.js","sources":["../../../ui-assets/icons-16/dist/vue/chevron-down.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=\"M2.99988 4.43923L7.99988 9.43923L12.9999 4.43923L14.0605 5.49989L7.99988 11.5605L1.93922 5.49989L2.99988 4.43923Z\"/></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,EAAsV,OAAtVC,EAAsV,EAAjV,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,EAA4I,QAAA;AAAA,MAAtI,MAAK;AAAA,MAAU,GAAE;AAAA;;;;"}
+{"version":3,"file":"chevron-down.XeE-LBV_.js","sources":["../../../ui-assets/icons-16/dist/vue/chevron-down.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=\"M2.99988 4.43923L7.99988 9.43923L12.9999 4.43923L14.0605 5.49989L7.99988 11.5605L1.93922 5.49989L2.99988 4.43923Z\"/></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,EAAsV,OAAtVC,EAAsV,EAAjV,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,EAA4I,QAAA;AAAA,MAAtI,MAAK;AAAA,MAAU,GAAE;AAAA;;;;"}

package/dist/chunks/{chevron-left.Cfn1uGLH.js → chevron-left.C_vPW7OR.js}

@@ -1,5 +1,5 @@
 /* empty css              */
-import { createElementBlock as s, openBlock as o, mergeProps as n, createCommentVNode as l, createElementVNode as a, toDisplayString as p } from "vue";
+import { openBlock as s, createElementBlock as o, mergeProps as n, toDisplayString as l, createCommentVNode as a, createElementVNode as p } from "vue";
 import { _ as u } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 let r = 0;
 const f = {
@@ -8,15 +8,15 @@ const f = {
   }
 }, m = { key: 0 };
 function h(t, e, g, d, $, c) {
-  return o(), s("svg", n({ role: "img" }, t.$attrs, {
+  return s(), o("svg", n({ 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(), s("title", m, p(t.$attrs["svg-title"]), 1)) : l("", !0),
-    e[0] || (e[0] = a("path", {
+    t.$attrs["svg-title"] ? (s(), o("title", m, l(t.$attrs["svg-title"]), 1)) : a("", !0),
+    e[0] || (e[0] = p("path", {
       fill: "#001222",
       d: "M4.43945 12.9999L9.43945 7.99988L4.43945 2.99988L5.50011 1.93922L11.5608 7.99988L5.50011 14.0605L4.43945 12.9999Z"
     }, null, -1))
@@ -30,15 +30,15 @@ const L = {
   }
 }, v = { key: 0 };
 function w(t, e, g, d, $, c) {
-  return o(), s("svg", n({ role: "img" }, t.$attrs, {
+  return s(), o("svg", n({ 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(), s("title", v, p(t.$attrs["svg-title"]), 1)) : l("", !0),
-    e[0] || (e[0] = a("path", {
+    t.$attrs["svg-title"] ? (s(), o("title", v, l(t.$attrs["svg-title"]), 1)) : a("", !0),
+    e[0] || (e[0] = p("path", {
       fill: "#001222",
       d: "M11.5606 3.00011L6.56056 8.00011L11.5606 13.0001L10.4999 14.0608L4.43924 8.00011L10.4999 1.93945L11.5606 3.00011Z"
     }, null, -1))
@@ -49,4 +49,4 @@ export {
   S as C,
   y as a
 };
-//# sourceMappingURL=chevron-left.Cfn1uGLH.js.map
+//# sourceMappingURL=chevron-left.C_vPW7OR.js.map

package/dist/chunks/{chevron-left.Cfn1uGLH.js.map → chevron-left.C_vPW7OR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chevron-left.Cfn1uGLH.js","sources":["../../../ui-assets/icons-16/dist/vue/chevron-right.vue","../../../ui-assets/icons-16/dist/vue/chevron-left.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=\"M4.43945 12.9999L9.43945 7.99988L4.43945 2.99988L5.50011 1.93922L11.5608 7.99988L5.50011 14.0605L4.43945 12.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","\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=\"M11.5606 3.00011L6.56056 8.00011L11.5606 13.0001L10.4999 14.0608L4.43924 8.00011L10.4999 1.93945L11.5606 3.00011Z\"/></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,EAAsV,OAAtVC,EAAsV,EAAjV,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,EAA4I,QAAA;AAAA,MAAtI,MAAK;AAAA,MAAU,GAAE;AAAA;;;;ACK3N,IAAIR,IAAO;AAEX,MAAKC,IAAU;AAAA,EACX,eAAe;AACX,SAAK,OAAOD,EAAK,SAAQ,GACzBA,KAAQ;AAAA,EACZ;SAbR,KAAA,EAAA;;AAEI,SAAAE,EAAA,GAAAC,EAAsV,OAAtVC,EAAsV,EAAjV,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,EAA4I,QAAA;AAAA,MAAtI,MAAK;AAAA,MAAU,GAAE;AAAA;;;;"}
+{"version":3,"file":"chevron-left.C_vPW7OR.js","sources":["../../../ui-assets/icons-16/dist/vue/chevron-right.vue","../../../ui-assets/icons-16/dist/vue/chevron-left.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=\"M4.43945 12.9999L9.43945 7.99988L4.43945 2.99988L5.50011 1.93922L11.5608 7.99988L5.50011 14.0605L4.43945 12.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","\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=\"M11.5606 3.00011L6.56056 8.00011L11.5606 13.0001L10.4999 14.0608L4.43924 8.00011L10.4999 1.93945L11.5606 3.00011Z\"/></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,EAAsV,OAAtVC,EAAsV,EAAjV,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,EAA4I,QAAA;AAAA,MAAtI,MAAK;AAAA,MAAU,GAAE;AAAA;;;;ACK3N,IAAIR,IAAO;AAEX,MAAKC,IAAU;AAAA,EACX,eAAe;AACX,SAAK,OAAOD,EAAK,SAAQ,GACzBA,KAAQ;AAAA,EACZ;SAbR,KAAA,EAAA;;AAEI,SAAAE,EAAA,GAAAC,EAAsV,OAAtVC,EAAsV,EAAjV,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,EAA4I,QAAA;AAAA,MAAtI,MAAK;AAAA,MAAU,GAAE;AAAA;;;;"}

package/dist/chunks/{chevron-up.kfuLRpZb.js → chevron-up.Cmgl2a3x.js}

@@ -1,5 +1,5 @@
 /* empty css              */
-import { createElementBlock as o, openBlock as r, mergeProps as i, createCommentVNode as n, createElementVNode as l, toDisplayString as a } from "vue";
+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 = {
@@ -8,15 +8,15 @@ const m = {
   }
 }, c = { key: 0 };
 function d(t, e, g, u, f, h) {
-  return r(), o("svg", i({ role: "img" }, t.$attrs, {
+  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"] ? (r(), o("title", c, a(t.$attrs["svg-title"]), 1)) : n("", !0),
-    e[0] || (e[0] = l("path", {
+    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: "M12.9999 11.5605L7.99989 6.56055L2.99988 11.5605L1.93922 10.4999L7.99989 4.43923L14.0605 10.4999L12.9999 11.5605Z"
     }, null, -1))
@@ -26,4 +26,4 @@ const v = /* @__PURE__ */ p(m, [["render", d]]);
 export {
   v as C
 };
-//# sourceMappingURL=chevron-up.kfuLRpZb.js.map
+//# sourceMappingURL=chevron-up.Cmgl2a3x.js.map

package/dist/chunks/{chevron-up.kfuLRpZb.js.map → chevron-up.Cmgl2a3x.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chevron-up.kfuLRpZb.js","sources":["../../../ui-assets/icons-16/dist/vue/chevron-up.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=\"M12.9999 11.5605L7.99989 6.56055L2.99988 11.5605L1.93922 10.4999L7.99989 4.43923L14.0605 10.4999L12.9999 11.5605Z\"/></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,EAAsV,OAAtVC,EAAsV,EAAjV,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,EAA4I,QAAA;AAAA,MAAtI,MAAK;AAAA,MAAU,GAAE;AAAA;;;;"}
+{"version":3,"file":"chevron-up.Cmgl2a3x.js","sources":["../../../ui-assets/icons-16/dist/vue/chevron-up.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=\"M12.9999 11.5605L7.99989 6.56055L2.99988 11.5605L1.93922 10.4999L7.99989 4.43923L14.0605 10.4999L12.9999 11.5605Z\"/></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,EAAsV,OAAtVC,EAAsV,EAAjV,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,EAA4I,QAAA;AAAA,MAAtI,MAAK;AAAA,MAAU,GAAE;AAAA;;;;"}

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

@@ -1,8 +1,8 @@
-import { defineComponent as _, computed as t, createBlock as b, openBlock 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.CUd03aA2.js";
-import { B as g } from "./typography.6Oo5TOMP.js";
-import { C as k } from "./cross-small.n1UO5wNB.js";
-import { u as x } from "./index.pdBj0KQU.js";
+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 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 { _ as R } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/chip.css";
@@ -38,7 +38,7 @@ const n = {
       "b-chip--readonly": e.readonly && !e.disabled,
       "b-chip--error": e.error
     }));
-    return (f, s) => (v(), b(o(C), {
+    return (f, s) => (b(), v(o(C), {
       class: h(["b-chip", u.value]),
       disabled: f.disabled,
       onClick: s[0] || (s[0] = (V) => i("click"))
@@ -68,4 +68,4 @@ const n = {
 export {
   P as B
 };
-//# sourceMappingURL=chip.eefnwpgE.js.map
+//# sourceMappingURL=chip.CyW1V8RU.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.eefnwpgE.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.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,5 @@
 import { defineComponent as o, ref as d, h as a } from "vue";
-import { o as p } from "./on-click-outside.D9aY9g8G.js";
+import { o as p } from "./on-click-outside.BW4rkhzG.js";
 const l = /* @__PURE__ */ o({
   name: "bento-click-outside",
   props: {
@@ -20,4 +20,4 @@ const l = /* @__PURE__ */ o({
 export {
   l as B
 };
-//# sourceMappingURL=click-outside.C1Ud8AA2.js.map
+//# sourceMappingURL=click-outside.CDz_x8mN.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"click-outside.C1Ud8AA2.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.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;"}

package/dist/chunks/{code-snippet.DKkTjYdC.js → code-snippet.UIqVTv4U.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, createElementBlock as _, openBlock as s, normalizeClass as w, createCommentVNode as u, createBlock as f, createElementVNode as S, createVNode as C, unref as r, mergeProps as re, 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, C as N, f as E, i as Ne, g as Y, l as Pe, m as ke } from "./codemirror.Cy7iSLbd.js";
+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 { c as Le, d as Te, e as xe, f as Ee } from "./es6.C1DXQV6f.js";
-import { B as Ie } from "./dropdown.DmzMGz30.js";
-import { B as W } from "./button.CSp48LJt.js";
-import { B as D } from "./typography.6Oo5TOMP.js";
-import { B as Ae } from "./loading-indicator.Db794TT5.js";
-import { u as Re } from "./index.pdBj0KQU.js";
-import { E as Be } from "./expand.C9IAqYYL.js";
-import { h as Ve } from "./base-modal.CNETR72d.js";
-import { C as $e } from "./copy.CgITv6wr.js";
+import { B as Ie } from "./dropdown.CU6nfq3V.js";
+import { B as W } from "./button.C6t9_lzm.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.D5HrjwL1.js";
+import { C as $e } from "./copy.ByyQlckP.js";
 import { _ as we } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/code-snippet.css";
 const Qe = {
@@ -86,7 +86,7 @@ const Qe = {
   }
 ]), We = (t) => de(Ye(Qe, t));
 var I = /* @__PURE__ */ ((t) => (t.INLINE = "inline", t.SINGLELINE = "singleline", t.MULTILINE = "multiline", t))(I || {}), d = /* @__PURE__ */ ((t) => (t.JSON = "json", t.XML = "xml", t.JAVA = "java", t.JAVASCRIPT = "javascript", t.PYTHON = "python", t.CSV = "csv", t))(d || {}), b = /* @__PURE__ */ ((t) => (t.ACTION = "action", t.CHANGE = "change", t))(b || {});
-const De = fe.deserialize({
+const De = me.deserialize({
   version: 14,
   states: "nQVQPOOOOQO'#Ce'#CeOOQO'#Ca'#CaQVQPOOOOQO-E6_-E6_",
   stateData: "g~OWOS~OQPORPOSPO~OQRSR~",
@@ -102,7 +102,7 @@ const De = fe.deserialize({
 }), Me = ge.define({
   parser: De.configure({
     props: [
-      me({
+      fe({
         Separator: e.separator,
         Value: e.string,
         String: e.string,
@@ -337,9 +337,9 @@ ${Je(t, o)}`;
   }
 }), ft = /* @__PURE__ */ we(tt, [["__scopeId", "data-v-56590288"]]);
 export {
-  I as B,
+  b as B,
   d as a,
-  b,
+  I as b,
   ft as c
 };
-//# sourceMappingURL=code-snippet.DKkTjYdC.js.map
+//# sourceMappingURL=code-snippet.UIqVTv4U.js.map

package/dist/chunks/{code-snippet.DKkTjYdC.js.map → code-snippet.UIqVTv4U.js.map}

@@ -1 +1 @@
-{"version":3,"file":"code-snippet.DKkTjYdC.js","sources":["../../../vue2/src/components/code-snippet/highlight.ts","../../../vue2/src/components/code-snippet/code-snippet.types.ts","../../../../node_modules/.pnpm/codemirror-lang-csv@0.1.1/node_modules/codemirror-lang-csv/dist/index.js","../../../vue2/src/components/code-snippet/utils/get-lang-loader.ts","../../../vue2/src/components/code-snippet/utils/indent-same-as-line-before-extension.ts","../../../vue2/src/components/code-snippet/code-snippet.vue"],"sourcesContent":["import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport { tags as t } from '@lezer/highlight';\nimport {\n    BColorLabelOnBackgroundCriticalWeak,\n    BColorLabelOnBackgroundHighlightWeak,\n    BColorLabelOnBackgroundSuccessWeak,\n    BColorLabelOnBackgroundWarningWeak,\n} from '@adyen/bento-design-tokens/dist/js/bento/es6';\nimport { type BentoCodeSnippetSupportedLanguage } from './code-snippet.types';\n\nconst lightThemeColors = {\n    red: BColorLabelOnBackgroundCriticalWeak,\n    orange: BColorLabelOnBackgroundWarningWeak,\n    green: BColorLabelOnBackgroundSuccessWeak,\n    blue: BColorLabelOnBackgroundHighlightWeak,\n    invalid: '#ffffff',\n};\n\nconst highlightStyle = (colors, language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`) =>\n    HighlightStyle.define([\n        {\n            tag: t.keyword,\n            color: colors.red,\n        },\n        {\n            tag: [t.name, t.deleted, t.character, t.propertyName, t.macroName],\n            color: colors.green,\n        },\n        {\n            tag: [t.function(t.variableName), t.labelName],\n            color: colors.blue,\n        },\n        {\n            tag: [t.color, t.constant(t.name), t.standard(t.name)],\n            color: colors.red,\n        },\n        {\n            tag: [t.definition(t.name), ...(language !== 'json' ? [t.separator] : [])],\n            color: colors.red,\n        },\n        {\n            tag: [t.typeName, t.className, t.number, t.changed, t.annotation, t.modifier, t.self, t.namespace],\n            color: colors.orange,\n        },\n        {\n            tag: [t.operator, t.operatorKeyword, t.url, t.escape, t.regexp, t.link, t.special(t.string)],\n            color: colors.blue,\n        },\n        {\n            tag: [t.meta, t.comment],\n            color: colors.orange,\n        },\n        {\n            tag: t.strong,\n            fontWeight: 'bold',\n        },\n        {\n            tag: t.emphasis,\n            fontStyle: 'italic',\n        },\n        {\n            tag: t.strikethrough,\n            textDecoration: 'line-through',\n        },\n        {\n            tag: t.link,\n            color: colors.orange,\n            textDecoration: 'underline',\n        },\n        {\n            tag: t.heading,\n            fontWeight: 'bold',\n            color: colors.blue,\n        },\n        {\n            tag: [t.atom, t.bool, t.special(t.variableName)],\n            color: colors.red,\n        },\n        {\n            tag: [t.processingInstruction, t.string, t.inserted],\n            color: colors.blue,\n        },\n        {\n            tag: t.invalid,\n            color: colors.invalid,\n        },\n    ]);\n\nexport const lightThemeHighlight = (\n    language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`\n) => syntaxHighlighting(highlightStyle(lightThemeColors, language));\n","/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCodeSnippetVariant {\n    INLINE = 'inline',\n    SINGLELINE = 'singleline',\n    MULTILINE = 'multiline',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCodeSnippetSupportedLanguage {\n    JSON = 'json',\n    XML = 'xml',\n    JAVA = 'java',\n    JAVASCRIPT = 'javascript',\n    PYTHON = 'python',\n    CSV = 'csv',\n}\n\nexport enum BentoCodeSnippetEvent {\n    ACTION = 'action',\n    CHANGE = 'change',\n}\n\nexport interface BentoCodeSnippetProps {\n    /**\n     * Displays a button that when clicked will emit an action event\n     * Leaves to the parent component the logic of what to do with it\n     */\n    actionable?: boolean;\n\n    /**\n     * Displays a button that when clicked will emit a run event\n     * Leaves to the parent component the logic of what to do with it\n     */\n    actionableText?: string;\n\n    /**\n     * The code content\n     */\n    content?: string;\n\n    /**\n     * Displays a button that can expand the codeblock into a modal to easily\n     * view large blocks of code.\n     */\n    expandable?: boolean;\n\n    /**\n     * Allows editing of the code-snippet content by the user\n     */\n    editable?: boolean;\n\n    /**\n     * Language name for syntax highlighting rules\n     */\n    lang?: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`;\n\n    /**\n     * Label to show in the action-bar, describing the language\n     */\n    langLabel?: string;\n\n    /**\n     * Toggles the loading indicator within the action bar\n     */\n    loading?: boolean;\n\n    /**\n     * Defines the variant of code-snippet\n     */\n    variant?: BentoCodeSnippetVariant | `${BentoCodeSnippetVariant}`;\n}\n","import { LRParser } from '@lezer/lr';\nimport { LRLanguage, LanguageSupport } from '@codemirror/language';\nimport { styleTags, tags } from '@lezer/highlight';\n\n// This file was generated by lezer-generator. You probably shouldn't edit it.\nconst parser = LRParser.deserialize({\n  version: 14,\n  states: \"nQVQPOOOOQO'#Ce'#CeOOQO'#Ca'#CaQVQPOOOOQO-E6_-E6_\",\n  stateData: \"g~OWOS~OQPORPOSPO~OQRSR~\",\n  goto: \"eYPPPPPZPPPaQRORSRTQOR\",\n  nodeNames: \"⚠ Program String Separator Value\",\n  maxTerm: 9,\n  skippedNodes: [0],\n  repeatNodeCount: 1,\n  tokenData: \"'Y~RZOYtYZ!cZrtrs!hs|t|}'T}!]t!]!^'T!^;'St;'S;=`!]<%lOt~yUS~OYtZ|t}!]t!^;'St;'S;=`!]<%lOt~!`P;=`<%lt~!hOW~~!m]S~OY!hYZ#fZr!hrs%Ss|!h|}#f}!]!h!]!^#f!^#O!h#O#P%m#P;'S!h;'S;=`&}<%lO!h~#iVOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|<%lO#f~$TOQ~~$WRO;'S#f;'S;=`$a;=`O#f~$dWOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|;=`<%l#f<%lO#f~%PP;=`<%l#f~%ZUQ~S~OYtZ|t}!]t!^;'St;'S;=`!]<%lOt~%rYS~OY!hYZ#fZ|!h|}#f}!]!h!]!^#f!^;'S!h;'S;=`&b;=`<%l#f<%lO!h~&eWOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|;=`<%l!h<%lO#f~'QP;=`<%l!h~'YOR~\",\n  tokenizers: [0],\n  topRules: {\"Program\":[0,1]},\n  tokenPrec: 18\n});\n\nconst csvLanguage = LRLanguage.define({\n    parser: parser.configure({\n        props: [\n            styleTags({\n                Separator: tags.separator,\n                Value: tags.string,\n                String: tags.string,\n                LineComment: tags.lineComment,\n                \"( )\": tags.paren,\n            }),\n        ],\n    }),\n});\nfunction csv() {\n    return new LanguageSupport(csvLanguage);\n}\n\nexport { csv, csvLanguage };\n","import { BentoCodeSnippetSupportedLanguage } from '@/components/code-snippet/code-snippet.types';\nimport { json } from '@codemirror/lang-json';\nimport { xml } from '@codemirror/lang-xml';\nimport { javascript } from '@codemirror/lang-javascript';\nimport { java } from '@codemirror/lang-java';\nimport { python } from '@codemirror/lang-python';\nimport { csv } from 'codemirror-lang-csv';\nimport type { LanguageSupport } from '@codemirror/language';\n\n/**\n * TODO: This should be handled with dynamic imports,\n * without relying on importing every single language/package available.\n * These supported types need to be kept in line with the ones in packages/vue2/src/components/code-snippet/code-snippet.types.ts enum\n */\nconst importsMap: Record<BentoCodeSnippetSupportedLanguage, () => LanguageSupport> = {\n    [BentoCodeSnippetSupportedLanguage.JSON]: json,\n    [BentoCodeSnippetSupportedLanguage.XML]: xml,\n    [BentoCodeSnippetSupportedLanguage.JAVASCRIPT]: javascript,\n    [BentoCodeSnippetSupportedLanguage.JAVA]: java,\n    [BentoCodeSnippetSupportedLanguage.PYTHON]: python,\n    [BentoCodeSnippetSupportedLanguage.CSV]: csv,\n};\n\n/**\n * Returns a language loder for `CodeMirror`.\n * Supported languages: json, xml, javascript & java\n *\n * @param language Language to be used\n * @returns Language configuration loader to be used in codemirror\n */\nexport const getLangLoader = (language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`) => {\n    const loadLang = async () => importsMap[language];\n\n    return loadLang;\n};\n","import { EditorSelection, type EditorState, type SelectionRange } from '@codemirror/state';\n\n/**\n * Calculate indentation for a new line based on line before it.\n * @param state - The editor state\n * @param line - the selection range, in this case one line\n * @returns the indentation string to be pre-pended on a new line.\n */\nconst getIndentation = (state: EditorState, line: SelectionRange) => {\n    const currentLine = state.doc.lineAt(line.from);\n    const indentMatch = /^\\s*/.exec(currentLine.text);\n    return indentMatch ? indentMatch[0] : '';\n};\n\n/**\n * This extension to codemirror will, upon pressing the 'Enter' key, indent the new line\n * the same as the line before it.\n */\nexport const INDENT_SAME_AS_LINE_BEFORE = {\n    key: 'Enter',\n    run: ({ state, dispatch }) => {\n        const changes = state.changeByRange(range => {\n            const indentation = getIndentation(state, range);\n            const newText = `\\n${indentation}`;\n            return {\n                changes: { from: range.from, to: range.to, insert: newText },\n                range: EditorSelection.cursor(range.from + newText.length),\n            };\n        });\n        dispatch(state.update(changes, { scrollIntoView: true, userEvent: 'input' }));\n        return true;\n    },\n};\n\nexport default INDENT_SAME_AS_LINE_BEFORE;\n","<template>\n    <div class=\"b-code-snippet\" :class=\"conditionalClasses\">\n        <section v-if=\"!isInlineVariant\" class=\"b-code-snippet__action-bar\">\n            <div class=\"b-code-snippet__action-bar--start\">\n                <bento-dropdown\n                    v-if=\"availableLanguages.length > 0\"\n                    v-model=\"selectedLanguage\"\n                    v-bind=\"$props\"\n                    :disabled=\"availableLanguages.length === 1\"\n                    :items=\"availableLanguages\"\n                    class=\"b-code-snippet__language-picker\"\n                    @input=\"handleChangeLanguage\"\n                />\n                <bento-typography el=\"span\" stronger>\n                    {{ displayedLang }}\n                </bento-typography>\n            </div>\n            <div class=\"b-code-snippet__action-bar--end\">\n                <bento-loading-indicator v-if=\"loading\" />\n                <copy v-if=\"currentContents !== null\" class=\"b-structured-list__icon\" :text=\"currentContents\" />\n                <bento-button\n                    v-if=\"expandable\"\n                    variant=\"tertiary\"\n                    condensed\n                    :aria-label=\"t('expand')\"\n                    @click=\"showModal = true\"\n                >\n                    <template #iconLeft>\n                        <expand-icon />\n                    </template>\n                </bento-button>\n                <bento-button v-if=\"actionable\" variant=\"primary\" tertiary condensed @click=\"onActionClicked\">\n                    <template #iconLeft>\n                        <bento-typography el=\"span\" class=\"b-code-snippet__action-button\">\n                            {{ runText }}\n                        </bento-typography>\n                    </template>\n                </bento-button>\n            </div>\n        </section>\n        <code v-if=\"content || editable\" class=\"b-code-snippet__code-area\">\n            <div ref=\"container\" class=\"b-code-snippet__code-area-content\" :class=\"codeAreaContentConditionalClasses\" />\n        </code>\n        <section v-else>\n            <slot name=\"empty-state\">\n                <!-- TODO: switch with empty-state component when ready -->\n                <div class=\"b-code-snippet__empty-state\">{{ t('nothingToDisplay') }}</div>\n            </slot>\n        </section>\n        <base-modal\n            v-if=\"expandable\"\n            class=\"b-code-snippet__modal\"\n            :hide-close-button=\"true\"\n            :custom-padding=\"'0px'\"\n            :is-dismissible=\"true\"\n            :is-open=\"showModal\"\n            size=\"large\"\n            @close-modal=\"showModal = false\"\n        >\n            <template #content>\n                <bento-code-snippet v-bind=\"{ ...$props, expandable: false }\" />\n            </template>\n        </base-modal>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, type HTMLAttributes, onMounted, ref, shallowRef, useAttrs, watch, watchEffect } from 'vue';\n    import { EditorView, highlightActiveLine, keymap, lineNumbers } from '@codemirror/view';\n    import { Compartment, EditorState } from '@codemirror/state';\n    import { history, indentWithTab } from '@codemirror/commands';\n    import { lightThemeHighlight } from './highlight';\n    import { getLangLoader, INDENT_SAME_AS_LINE_BEFORE } from './utils';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { BentoButton } from '@/components/button';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoLoadingIndicator } from '@/components/loading-indicator';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { Copy } from '@/internal';\n    import {\n        BentoCodeSnippetEvent,\n        type BentoCodeSnippetProps,\n        BentoCodeSnippetSupportedLanguage,\n        BentoCodeSnippetVariant,\n    } from './code-snippet.types';\n    import ExpandIcon from '@adyen/ui-assets-icons-16/vue/expand';\n    import BaseModal from '@/components/modal/components/base-modal/base-modal.vue';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = withDefaults(defineProps<BentoCodeSnippetProps>(), {\n        actionable: false,\n        actionableText: null,\n        content: '',\n        editable: false,\n        expandable: false,\n        lang: BentoCodeSnippetSupportedLanguage.JSON,\n        langLabel: null,\n        loading: false,\n        variant: BentoCodeSnippetVariant.MULTILINE,\n    });\n\n    const emit = defineEmits([BentoCodeSnippetEvent.ACTION, BentoCodeSnippetEvent.CHANGE]);\n\n    const attrs = useAttrs();\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    // language\n    const selectedLanguage = ref<string | null>(null);\n    const availableLanguages = []; // TODO: implement\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    const handleChangeLanguage = () => {};\n    const displayedLang = computed(() => props.langLabel ?? props.lang.toUpperCase());\n\n    const isInlineVariant = computed(() => props.variant === BentoCodeSnippetVariant.INLINE);\n\n    const conditionalClasses = computed(() => ({\n        'b-code-snippet--inline': isInlineVariant.value,\n        'b-code-snippet--scrollable': !isInlineVariant.value,\n    }));\n\n    const codeAreaContentConditionalClasses = computed(() => ({\n        'b-code-snippet__code-area-content--editable': props.editable,\n    }));\n\n    const loadLang = getLangLoader(props.lang);\n\n    const container = shallowRef<HTMLDivElement>();\n    const editor = shallowRef<EditorView>();\n    const languageConf = new Compartment();\n    const editorTheme = new Compartment();\n    const editorReadOnly = new Compartment();\n    const editorAttributes = new Compartment();\n\n    const currentContents = ref(null);\n    const contentLength = ref(0);\n\n    const runText = computed(() => props.actionableText || t('run'));\n\n    onMounted(async () => {\n        const language = await loadLang();\n\n        // alongside the updateListener plugin it acts as a watcher of changes to the editor state\n        currentContents.value = props.content;\n        const updateCurrentContents = ({ state }) => {\n            currentContents.value = state.doc.toString();\n        };\n\n        const extensions = [\n            highlightActiveLine(),\n            keymap.of([indentWithTab, INDENT_SAME_AS_LINE_BEFORE]),\n            languageConf.of(language()),\n            editorTheme.of(lightThemeHighlight(props.lang)),\n            editorReadOnly.of(EditorState.readOnly.of(!props.editable)),\n            editorAttributes.of(\n                EditorView.contentAttributes.of({\n                    'aria-label': (attrs['aria-label'] as HTMLAttributes['aria-label']) ?? t('codeSnippet'),\n                    ...(!isInlineVariant.value && { tabindex: '0' }),\n                })\n            ),\n            EditorView.updateListener.of(content => updateCurrentContents(content)),\n        ];\n\n        if (props.variant === 'multiline') {\n            extensions.push([lineNumbers(), history()]);\n        }\n\n        const state = EditorState.create({\n            doc: props.content,\n            extensions: [...extensions],\n        });\n        contentLength.value = state.doc.length;\n\n        editor.value = new EditorView({\n            state,\n            parent: container.value,\n        });\n    });\n    watch(\n        () => props.content,\n        () => {\n            if (props.content !== currentContents.value) {\n                const upcomingContentLength = props.content.length;\n                editor.value.dispatch({\n                    changes: {\n                        from: 0,\n                        to: contentLength.value,\n                        insert: props.content,\n                    },\n                });\n                contentLength.value = upcomingContentLength;\n            }\n        }\n    );\n\n    const onActionClicked = () => {\n        emit(BentoCodeSnippetEvent.ACTION, currentContents.value);\n    };\n\n    watchEffect(() => {\n        if (currentContents.value !== null) {\n            emit(BentoCodeSnippetEvent.CHANGE, currentContents.value);\n        }\n    });\n\n    const showModal = ref(false);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A code-snippet is a container to display code in a readable way.\n     * Come with added functionalities like syntax highlighting, editing and actioning the code\n     *\n     * @example\n     * import { BentoCodeSnippet } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCodeSnippet },\n     *     template: `\n     *          <bento-code-snippet :variant=\"BentoCodeSnippetVariant.MULTILINE\" content=\"{ example: 1234 }\" />\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-code-snippet',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./code-snippet.scss\"></style>\n"],"names":["lightThemeColors","BColorLabelOnBackgroundCriticalWeak","BColorLabelOnBackgroundWarningWeak","BColorLabelOnBackgroundSuccessWeak","BColorLabelOnBackgroundHighlightWeak","highlightStyle","colors","language","HighlightStyle","tags","lightThemeHighlight","syntaxHighlighting","BentoCodeSnippetVariant","BentoCodeSnippetVariant2","BentoCodeSnippetSupportedLanguage","BentoCodeSnippetSupportedLanguage2","BentoCodeSnippetEvent","BentoCodeSnippetEvent2","parser","LRParser","csvLanguage","LRLanguage","styleTags","csv","LanguageSupport","importsMap","json","xml","javascript","java","python","getLangLoader","getIndentation","state","line","currentLine","indentMatch","INDENT_SAME_AS_LINE_BEFORE","dispatch","changes","range","newText","EditorSelection","__default__","messages","props","__props","emit","__emit","attrs","useAttrs","t","useI18n","selectedLanguage","ref","availableLanguages","handleChangeLanguage","displayedLang","computed","isInlineVariant","conditionalClasses","codeAreaContentConditionalClasses","loadLang","container","shallowRef","editor","languageConf","Compartment","editorTheme","editorReadOnly","editorAttributes","currentContents","contentLength","runText","onMounted","updateCurrentContents","state2","extensions","highlightActiveLine","keymap","indentWithTab","EditorState","EditorView","content","lineNumbers","history","watch","upcomingContentLength","onActionClicked","watchEffect","showModal"],"mappings":"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","x_google_ignoreList":[2]}
+{"version":3,"file":"code-snippet.UIqVTv4U.js","sources":["../../../vue2/src/components/code-snippet/highlight.ts","../../../vue2/src/components/code-snippet/code-snippet.types.ts","../../../../node_modules/.pnpm/codemirror-lang-csv@0.1.1/node_modules/codemirror-lang-csv/dist/index.js","../../../vue2/src/components/code-snippet/utils/get-lang-loader.ts","../../../vue2/src/components/code-snippet/utils/indent-same-as-line-before-extension.ts","../../../vue2/src/components/code-snippet/code-snippet.vue"],"sourcesContent":["import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport { tags as t } from '@lezer/highlight';\nimport {\n    BColorLabelOnBackgroundCriticalWeak,\n    BColorLabelOnBackgroundHighlightWeak,\n    BColorLabelOnBackgroundSuccessWeak,\n    BColorLabelOnBackgroundWarningWeak,\n} from '@adyen/bento-design-tokens/dist/js/bento/es6';\nimport { type BentoCodeSnippetSupportedLanguage } from './code-snippet.types';\n\nconst lightThemeColors = {\n    red: BColorLabelOnBackgroundCriticalWeak,\n    orange: BColorLabelOnBackgroundWarningWeak,\n    green: BColorLabelOnBackgroundSuccessWeak,\n    blue: BColorLabelOnBackgroundHighlightWeak,\n    invalid: '#ffffff',\n};\n\nconst highlightStyle = (colors, language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`) =>\n    HighlightStyle.define([\n        {\n            tag: t.keyword,\n            color: colors.red,\n        },\n        {\n            tag: [t.name, t.deleted, t.character, t.propertyName, t.macroName],\n            color: colors.green,\n        },\n        {\n            tag: [t.function(t.variableName), t.labelName],\n            color: colors.blue,\n        },\n        {\n            tag: [t.color, t.constant(t.name), t.standard(t.name)],\n            color: colors.red,\n        },\n        {\n            tag: [t.definition(t.name), ...(language !== 'json' ? [t.separator] : [])],\n            color: colors.red,\n        },\n        {\n            tag: [t.typeName, t.className, t.number, t.changed, t.annotation, t.modifier, t.self, t.namespace],\n            color: colors.orange,\n        },\n        {\n            tag: [t.operator, t.operatorKeyword, t.url, t.escape, t.regexp, t.link, t.special(t.string)],\n            color: colors.blue,\n        },\n        {\n            tag: [t.meta, t.comment],\n            color: colors.orange,\n        },\n        {\n            tag: t.strong,\n            fontWeight: 'bold',\n        },\n        {\n            tag: t.emphasis,\n            fontStyle: 'italic',\n        },\n        {\n            tag: t.strikethrough,\n            textDecoration: 'line-through',\n        },\n        {\n            tag: t.link,\n            color: colors.orange,\n            textDecoration: 'underline',\n        },\n        {\n            tag: t.heading,\n            fontWeight: 'bold',\n            color: colors.blue,\n        },\n        {\n            tag: [t.atom, t.bool, t.special(t.variableName)],\n            color: colors.red,\n        },\n        {\n            tag: [t.processingInstruction, t.string, t.inserted],\n            color: colors.blue,\n        },\n        {\n            tag: t.invalid,\n            color: colors.invalid,\n        },\n    ]);\n\nexport const lightThemeHighlight = (\n    language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`\n) => syntaxHighlighting(highlightStyle(lightThemeColors, language));\n","/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCodeSnippetVariant {\n    INLINE = 'inline',\n    SINGLELINE = 'singleline',\n    MULTILINE = 'multiline',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCodeSnippetSupportedLanguage {\n    JSON = 'json',\n    XML = 'xml',\n    JAVA = 'java',\n    JAVASCRIPT = 'javascript',\n    PYTHON = 'python',\n    CSV = 'csv',\n}\n\nexport enum BentoCodeSnippetEvent {\n    ACTION = 'action',\n    CHANGE = 'change',\n}\n\nexport interface BentoCodeSnippetProps {\n    /**\n     * Displays a button that when clicked will emit an action event\n     * Leaves to the parent component the logic of what to do with it\n     */\n    actionable?: boolean;\n\n    /**\n     * Displays a button that when clicked will emit a run event\n     * Leaves to the parent component the logic of what to do with it\n     */\n    actionableText?: string;\n\n    /**\n     * The code content\n     */\n    content?: string;\n\n    /**\n     * Displays a button that can expand the codeblock into a modal to easily\n     * view large blocks of code.\n     */\n    expandable?: boolean;\n\n    /**\n     * Allows editing of the code-snippet content by the user\n     */\n    editable?: boolean;\n\n    /**\n     * Language name for syntax highlighting rules\n     */\n    lang?: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`;\n\n    /**\n     * Label to show in the action-bar, describing the language\n     */\n    langLabel?: string;\n\n    /**\n     * Toggles the loading indicator within the action bar\n     */\n    loading?: boolean;\n\n    /**\n     * Defines the variant of code-snippet\n     */\n    variant?: BentoCodeSnippetVariant | `${BentoCodeSnippetVariant}`;\n}\n","import { LRParser } from '@lezer/lr';\nimport { LRLanguage, LanguageSupport } from '@codemirror/language';\nimport { styleTags, tags } from '@lezer/highlight';\n\n// This file was generated by lezer-generator. You probably shouldn't edit it.\nconst parser = LRParser.deserialize({\n  version: 14,\n  states: \"nQVQPOOOOQO'#Ce'#CeOOQO'#Ca'#CaQVQPOOOOQO-E6_-E6_\",\n  stateData: \"g~OWOS~OQPORPOSPO~OQRSR~\",\n  goto: \"eYPPPPPZPPPaQRORSRTQOR\",\n  nodeNames: \"⚠ Program String Separator Value\",\n  maxTerm: 9,\n  skippedNodes: [0],\n  repeatNodeCount: 1,\n  tokenData: \"'Y~RZOYtYZ!cZrtrs!hs|t|}'T}!]t!]!^'T!^;'St;'S;=`!]<%lOt~yUS~OYtZ|t}!]t!^;'St;'S;=`!]<%lOt~!`P;=`<%lt~!hOW~~!m]S~OY!hYZ#fZr!hrs%Ss|!h|}#f}!]!h!]!^#f!^#O!h#O#P%m#P;'S!h;'S;=`&}<%lO!h~#iVOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|<%lO#f~$TOQ~~$WRO;'S#f;'S;=`$a;=`O#f~$dWOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|;=`<%l#f<%lO#f~%PP;=`<%l#f~%ZUQ~S~OYtZ|t}!]t!^;'St;'S;=`!]<%lOt~%rYS~OY!hYZ#fZ|!h|}#f}!]!h!]!^#f!^;'S!h;'S;=`&b;=`<%l#f<%lO!h~&eWOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|;=`<%l!h<%lO#f~'QP;=`<%l!h~'YOR~\",\n  tokenizers: [0],\n  topRules: {\"Program\":[0,1]},\n  tokenPrec: 18\n});\n\nconst csvLanguage = LRLanguage.define({\n    parser: parser.configure({\n        props: [\n            styleTags({\n                Separator: tags.separator,\n                Value: tags.string,\n                String: tags.string,\n                LineComment: tags.lineComment,\n                \"( )\": tags.paren,\n            }),\n        ],\n    }),\n});\nfunction csv() {\n    return new LanguageSupport(csvLanguage);\n}\n\nexport { csv, csvLanguage };\n","import { BentoCodeSnippetSupportedLanguage } from '@/components/code-snippet/code-snippet.types';\nimport { json } from '@codemirror/lang-json';\nimport { xml } from '@codemirror/lang-xml';\nimport { javascript } from '@codemirror/lang-javascript';\nimport { java } from '@codemirror/lang-java';\nimport { python } from '@codemirror/lang-python';\nimport { csv } from 'codemirror-lang-csv';\nimport type { LanguageSupport } from '@codemirror/language';\n\n/**\n * TODO: This should be handled with dynamic imports,\n * without relying on importing every single language/package available.\n * These supported types need to be kept in line with the ones in packages/vue2/src/components/code-snippet/code-snippet.types.ts enum\n */\nconst importsMap: Record<BentoCodeSnippetSupportedLanguage, () => LanguageSupport> = {\n    [BentoCodeSnippetSupportedLanguage.JSON]: json,\n    [BentoCodeSnippetSupportedLanguage.XML]: xml,\n    [BentoCodeSnippetSupportedLanguage.JAVASCRIPT]: javascript,\n    [BentoCodeSnippetSupportedLanguage.JAVA]: java,\n    [BentoCodeSnippetSupportedLanguage.PYTHON]: python,\n    [BentoCodeSnippetSupportedLanguage.CSV]: csv,\n};\n\n/**\n * Returns a language loder for `CodeMirror`.\n * Supported languages: json, xml, javascript & java\n *\n * @param language Language to be used\n * @returns Language configuration loader to be used in codemirror\n */\nexport const getLangLoader = (language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`) => {\n    const loadLang = async () => importsMap[language];\n\n    return loadLang;\n};\n","import { EditorSelection, type EditorState, type SelectionRange } from '@codemirror/state';\n\n/**\n * Calculate indentation for a new line based on line before it.\n * @param state - The editor state\n * @param line - the selection range, in this case one line\n * @returns the indentation string to be pre-pended on a new line.\n */\nconst getIndentation = (state: EditorState, line: SelectionRange) => {\n    const currentLine = state.doc.lineAt(line.from);\n    const indentMatch = /^\\s*/.exec(currentLine.text);\n    return indentMatch ? indentMatch[0] : '';\n};\n\n/**\n * This extension to codemirror will, upon pressing the 'Enter' key, indent the new line\n * the same as the line before it.\n */\nexport const INDENT_SAME_AS_LINE_BEFORE = {\n    key: 'Enter',\n    run: ({ state, dispatch }) => {\n        const changes = state.changeByRange(range => {\n            const indentation = getIndentation(state, range);\n            const newText = `\\n${indentation}`;\n            return {\n                changes: { from: range.from, to: range.to, insert: newText },\n                range: EditorSelection.cursor(range.from + newText.length),\n            };\n        });\n        dispatch(state.update(changes, { scrollIntoView: true, userEvent: 'input' }));\n        return true;\n    },\n};\n\nexport default INDENT_SAME_AS_LINE_BEFORE;\n","<template>\n    <div class=\"b-code-snippet\" :class=\"conditionalClasses\">\n        <section v-if=\"!isInlineVariant\" class=\"b-code-snippet__action-bar\">\n            <div class=\"b-code-snippet__action-bar--start\">\n                <bento-dropdown\n                    v-if=\"availableLanguages.length > 0\"\n                    v-model=\"selectedLanguage\"\n                    v-bind=\"$props\"\n                    :disabled=\"availableLanguages.length === 1\"\n                    :items=\"availableLanguages\"\n                    class=\"b-code-snippet__language-picker\"\n                    @input=\"handleChangeLanguage\"\n                />\n                <bento-typography el=\"span\" stronger>\n                    {{ displayedLang }}\n                </bento-typography>\n            </div>\n            <div class=\"b-code-snippet__action-bar--end\">\n                <bento-loading-indicator v-if=\"loading\" />\n                <copy v-if=\"currentContents !== null\" class=\"b-structured-list__icon\" :text=\"currentContents\" />\n                <bento-button\n                    v-if=\"expandable\"\n                    variant=\"tertiary\"\n                    condensed\n                    :aria-label=\"t('expand')\"\n                    @click=\"showModal = true\"\n                >\n                    <template #iconLeft>\n                        <expand-icon />\n                    </template>\n                </bento-button>\n                <bento-button v-if=\"actionable\" variant=\"primary\" tertiary condensed @click=\"onActionClicked\">\n                    <template #iconLeft>\n                        <bento-typography el=\"span\" class=\"b-code-snippet__action-button\">\n                            {{ runText }}\n                        </bento-typography>\n                    </template>\n                </bento-button>\n            </div>\n        </section>\n        <code v-if=\"content || editable\" class=\"b-code-snippet__code-area\">\n            <div ref=\"container\" class=\"b-code-snippet__code-area-content\" :class=\"codeAreaContentConditionalClasses\" />\n        </code>\n        <section v-else>\n            <slot name=\"empty-state\">\n                <!-- TODO: switch with empty-state component when ready -->\n                <div class=\"b-code-snippet__empty-state\">{{ t('nothingToDisplay') }}</div>\n            </slot>\n        </section>\n        <base-modal\n            v-if=\"expandable\"\n            class=\"b-code-snippet__modal\"\n            :hide-close-button=\"true\"\n            :custom-padding=\"'0px'\"\n            :is-dismissible=\"true\"\n            :is-open=\"showModal\"\n            size=\"large\"\n            @close-modal=\"showModal = false\"\n        >\n            <template #content>\n                <bento-code-snippet v-bind=\"{ ...$props, expandable: false }\" />\n            </template>\n        </base-modal>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, type HTMLAttributes, onMounted, ref, shallowRef, useAttrs, watch, watchEffect } from 'vue';\n    import { EditorView, highlightActiveLine, keymap, lineNumbers } from '@codemirror/view';\n    import { Compartment, EditorState } from '@codemirror/state';\n    import { history, indentWithTab } from '@codemirror/commands';\n    import { lightThemeHighlight } from './highlight';\n    import { getLangLoader, INDENT_SAME_AS_LINE_BEFORE } from './utils';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { BentoButton } from '@/components/button';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoLoadingIndicator } from '@/components/loading-indicator';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { Copy } from '@/internal';\n    import {\n        BentoCodeSnippetEvent,\n        type BentoCodeSnippetProps,\n        BentoCodeSnippetSupportedLanguage,\n        BentoCodeSnippetVariant,\n    } from './code-snippet.types';\n    import ExpandIcon from '@adyen/ui-assets-icons-16/vue/expand';\n    import BaseModal from '@/components/modal/components/base-modal/base-modal.vue';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = withDefaults(defineProps<BentoCodeSnippetProps>(), {\n        actionable: false,\n        actionableText: null,\n        content: '',\n        editable: false,\n        expandable: false,\n        lang: BentoCodeSnippetSupportedLanguage.JSON,\n        langLabel: null,\n        loading: false,\n        variant: BentoCodeSnippetVariant.MULTILINE,\n    });\n\n    const emit = defineEmits([BentoCodeSnippetEvent.ACTION, BentoCodeSnippetEvent.CHANGE]);\n\n    const attrs = useAttrs();\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    // language\n    const selectedLanguage = ref<string | null>(null);\n    const availableLanguages = []; // TODO: implement\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    const handleChangeLanguage = () => {};\n    const displayedLang = computed(() => props.langLabel ?? props.lang.toUpperCase());\n\n    const isInlineVariant = computed(() => props.variant === BentoCodeSnippetVariant.INLINE);\n\n    const conditionalClasses = computed(() => ({\n        'b-code-snippet--inline': isInlineVariant.value,\n        'b-code-snippet--scrollable': !isInlineVariant.value,\n    }));\n\n    const codeAreaContentConditionalClasses = computed(() => ({\n        'b-code-snippet__code-area-content--editable': props.editable,\n    }));\n\n    const loadLang = getLangLoader(props.lang);\n\n    const container = shallowRef<HTMLDivElement>();\n    const editor = shallowRef<EditorView>();\n    const languageConf = new Compartment();\n    const editorTheme = new Compartment();\n    const editorReadOnly = new Compartment();\n    const editorAttributes = new Compartment();\n\n    const currentContents = ref(null);\n    const contentLength = ref(0);\n\n    const runText = computed(() => props.actionableText || t('run'));\n\n    onMounted(async () => {\n        const language = await loadLang();\n\n        // alongside the updateListener plugin it acts as a watcher of changes to the editor state\n        currentContents.value = props.content;\n        const updateCurrentContents = ({ state }) => {\n            currentContents.value = state.doc.toString();\n        };\n\n        const extensions = [\n            highlightActiveLine(),\n            keymap.of([indentWithTab, INDENT_SAME_AS_LINE_BEFORE]),\n            languageConf.of(language()),\n            editorTheme.of(lightThemeHighlight(props.lang)),\n            editorReadOnly.of(EditorState.readOnly.of(!props.editable)),\n            editorAttributes.of(\n                EditorView.contentAttributes.of({\n                    'aria-label': (attrs['aria-label'] as HTMLAttributes['aria-label']) ?? t('codeSnippet'),\n                    ...(!isInlineVariant.value && { tabindex: '0' }),\n                })\n            ),\n            EditorView.updateListener.of(content => updateCurrentContents(content)),\n        ];\n\n        if (props.variant === 'multiline') {\n            extensions.push([lineNumbers(), history()]);\n        }\n\n        const state = EditorState.create({\n            doc: props.content,\n            extensions: [...extensions],\n        });\n        contentLength.value = state.doc.length;\n\n        editor.value = new EditorView({\n            state,\n            parent: container.value,\n        });\n    });\n    watch(\n        () => props.content,\n        () => {\n            if (props.content !== currentContents.value) {\n                const upcomingContentLength = props.content.length;\n                editor.value.dispatch({\n                    changes: {\n                        from: 0,\n                        to: contentLength.value,\n                        insert: props.content,\n                    },\n                });\n                contentLength.value = upcomingContentLength;\n            }\n        }\n    );\n\n    const onActionClicked = () => {\n        emit(BentoCodeSnippetEvent.ACTION, currentContents.value);\n    };\n\n    watchEffect(() => {\n        if (currentContents.value !== null) {\n            emit(BentoCodeSnippetEvent.CHANGE, currentContents.value);\n        }\n    });\n\n    const showModal = ref(false);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A code-snippet is a container to display code in a readable way.\n     * Come with added functionalities like syntax highlighting, editing and actioning the code\n     *\n     * @example\n     * import { BentoCodeSnippet } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCodeSnippet },\n     *     template: `\n     *          <bento-code-snippet :variant=\"BentoCodeSnippetVariant.MULTILINE\" content=\"{ example: 1234 }\" />\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-code-snippet',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./code-snippet.scss\"></style>\n"],"names":["lightThemeColors","BColorLabelOnBackgroundCriticalWeak","BColorLabelOnBackgroundWarningWeak","BColorLabelOnBackgroundSuccessWeak","BColorLabelOnBackgroundHighlightWeak","highlightStyle","colors","language","HighlightStyle","tags","lightThemeHighlight","syntaxHighlighting","BentoCodeSnippetVariant","BentoCodeSnippetVariant2","BentoCodeSnippetSupportedLanguage","BentoCodeSnippetSupportedLanguage2","BentoCodeSnippetEvent","BentoCodeSnippetEvent2","parser","LRParser","csvLanguage","LRLanguage","styleTags","csv","LanguageSupport","importsMap","json","xml","javascript","java","python","getLangLoader","getIndentation","state","line","currentLine","indentMatch","INDENT_SAME_AS_LINE_BEFORE","dispatch","changes","range","newText","EditorSelection","__default__","messages","props","__props","emit","__emit","attrs","useAttrs","t","useI18n","selectedLanguage","ref","availableLanguages","handleChangeLanguage","displayedLang","computed","isInlineVariant","conditionalClasses","codeAreaContentConditionalClasses","loadLang","container","shallowRef","editor","languageConf","Compartment","editorTheme","editorReadOnly","editorAttributes","currentContents","contentLength","runText","onMounted","updateCurrentContents","state2","extensions","highlightActiveLine","keymap","indentWithTab","EditorState","EditorView","content","lineNumbers","history","watch","upcomingContentLength","onActionClicked","watchEffect","showModal"],"mappings":"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","x_google_ignoreList":[2]}