@adyen/bento-vue3 1.32.0 → 1.33.0

package/dist/chunks/{code-snippet.DyvQts81.js → code-snippet.BP2IQQvW.js}

@@ -1,32 +1,32 @@
-import { defineComponent as me, ref as x, computed as O, shallowRef as Z, onMounted as fe, watch as he, watchEffect as be, resolveComponent as h, openBlock as g, createElementBlock as j, normalizeClass as ee, createElementVNode as z, createBlock as I, mergeProps as ye, createCommentVNode as C, createVNode as H, withCtx as B, createTextVNode as te, toDisplayString as ne, renderSlot as Ne, normalizeProps as ke, guardReactiveProps as ve, pushScopeId as we, popScopeId as Ce } from "vue";
-import { highlightActiveLine as _e, keymap as Ie, EditorView as oe, lineNumbers as Ae } from "@codemirror/view";
-import { EditorSelection as Le, Compartment as q, EditorState as ae } from "@codemirror/state";
-import { indentWithTab as Ee, history as Oe } from "@codemirror/commands";
-import { syntaxHighlighting as Be, HighlightStyle as Se } from "@codemirror/language";
-import { B as Te, a as Me, b as xe, c as je } from "./es6.BvpG4Oi6.js";
-import { B as He } from "./dropdown.CZyiZiox.js";
-import { B as Ve } from "./button.BbV2BOSa.js";
-import { B as Re } from "./typography.CSIykcgS.js";
-import { B as $e } from "./tooltip.CVUXkVlR.js";
-import { B as ze } from "./loading-indicator.BFMEf39U.js";
-import { u as De } from "./i18n.DY5YXG5f.js";
-import { E as Je } from "./expand.D1DTqaBO.js";
-import { h as Pe } from "./base-modal.09efJqFH.js";
-import { C as Ge } from "./copy._G3BOh-w.js";
-import { json as Ke } from "@codemirror/lang-json";
-import { xml as Ue } from "@codemirror/lang-xml";
-import { javascript as We } from "@codemirror/lang-javascript";
-import { java as qe } from "@codemirror/lang-java";
-import { python as Xe } from "@codemirror/lang-python";
-import { _ as Ye } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { defineComponent as me, ref as x, computed as O, shallowRef as Z, onMounted as fe, watch as he, watchEffect as be, resolveComponent as h, openBlock as g, createElementBlock as j, normalizeClass as ee, createElementVNode as H, createBlock as A, mergeProps as ye, createCommentVNode as C, createVNode as V, withCtx as B, createTextVNode as te, toDisplayString as ne, renderSlot as Ne, normalizeProps as ke, guardReactiveProps as ve } from "vue";
+import { highlightActiveLine as we, keymap as Ce, EditorView as oe, lineNumbers as _e } from "@codemirror/view";
+import { EditorSelection as Ae, Compartment as q, EditorState as ae } from "@codemirror/state";
+import { indentWithTab as Ie, history as Le } from "@codemirror/commands";
+import { syntaxHighlighting as Ee, HighlightStyle as Oe } from "@codemirror/language";
+import { B as Be, a as Te, b as Se, c as Me } from "./es6.BvpG4Oi6.js";
+import { B as xe } from "./dropdown.DQpKDlC-.js";
+import { B as je } from "./button.Br6CyG40.js";
+import { B as He } from "./typography.z9P0Ec3Q.js";
+import { B as Ve } from "./tooltip.DvsfWV0-.js";
+import { B as Re } from "./loading-indicator.BFMEf39U.js";
+import { u as $e } from "./i18n.DL9GT2-k.js";
+import { E as ze } from "./expand.CgwNEbbz.js";
+import { h as De } from "./base-modal.BPaKKH3Q.js";
+import { C as Je } from "./copy.h-wVGvID.js";
+import { json as Pe } from "@codemirror/lang-json";
+import { xml as Ge } from "@codemirror/lang-xml";
+import { javascript as Ke } from "@codemirror/lang-javascript";
+import { java as Ue } from "@codemirror/lang-java";
+import { python as We } from "@codemirror/lang-python";
+import { _ as qe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/code-snippet.css";
-let Fe = 0;
+let Xe = 0;
 class l {
   /**
   Create a new node prop type.
   */
   constructor(n = {}) {
-    this.id = Fe++, this.perNode = !!n.perNode, this.deserialize = n.deserialize || (() => {
+    this.id = Xe++, this.perNode = !!n.perNode, this.deserialize = n.deserialize || (() => {
       throw new Error("This node type doesn't define a deserialize function");
     });
   }
@@ -59,7 +59,7 @@ l.isolate = new l({ deserialize: (e) => {
 l.contextHash = new l({ perNode: !0 });
 l.lookAhead = new l({ perNode: !0 });
 l.mounted = new l({ perNode: !0 });
-const Qe = /* @__PURE__ */ Object.create(null);
+const Ye = /* @__PURE__ */ Object.create(null);
 class M {
   /**
   @internal
@@ -71,7 +71,7 @@ class M {
   Define a node type.
   */
   static define(n) {
-    let a = n.props && n.props.length ? /* @__PURE__ */ Object.create(null) : Qe, i = (n.top ? 1 : 0) | (n.skipped ? 2 : 0) | (n.error ? 4 : 0) | (n.name == null ? 8 : 0), s = new M(n.name || "", a, n.id, i);
+    let a = n.props && n.props.length ? /* @__PURE__ */ Object.create(null) : Ye, i = (n.top ? 1 : 0) | (n.skipped ? 2 : 0) | (n.error ? 4 : 0) | (n.name == null ? 8 : 0), s = new M(n.name || "", a, n.id, i);
     if (n.props) {
       for (let r of n.props)
         if (Array.isArray(r) || (r = r(s)), r) {
@@ -161,13 +161,13 @@ var ie;
   e[e.ExcludeBuffers = 1] = "ExcludeBuffers", e[e.IncludeAnonymous = 2] = "IncludeAnonymous", e[e.IgnoreMounts = 4] = "IgnoreMounts", e[e.IgnoreOverlays = 8] = "IgnoreOverlays";
 })(ie || (ie = {}));
 new l({ perNode: !0 });
-let Ze = 0;
+let Fe = 0;
 class p {
   /**
   @internal
   */
   constructor(n, a, i, s) {
-    this.name = n, this.set = a, this.base = i, this.modified = s, this.id = Ze++;
+    this.name = n, this.set = a, this.base = i, this.modified = s, this.id = Fe++;
   }
   toString() {
     let { name: n } = this;
@@ -202,21 +202,21 @@ class p {
     return (i) => i.modified.indexOf(a) > -1 ? i : J.get(i.base || i, i.modified.concat(a).sort((s, r) => s.id - r.id));
   }
 }
-let et = 0;
+let Qe = 0;
 class J {
   constructor(n) {
-    this.name = n, this.instances = [], this.id = et++;
+    this.name = n, this.instances = [], this.id = Qe++;
   }
   static get(n, a) {
     if (!a.length)
       return n;
-    let i = a[0].instances.find((c) => c.base == n && tt(a, c.modified));
+    let i = a[0].instances.find((c) => c.base == n && Ze(a, c.modified));
     if (i)
       return i;
     let s = [], r = new p(n.name, s, n, a);
     for (let c of a)
       c.instances.push(r);
-    let d = nt(a);
+    let d = et(a);
     for (let c of n.set)
       if (!c.modified.length)
         for (let k of d)
@@ -224,10 +224,10 @@ class J {
     return r;
   }
 }
-function tt(e, n) {
+function Ze(e, n) {
   return e.length == n.length && e.every((a, i) => a == n[i]);
 }
-function nt(e) {
+function et(e) {
   let n = [[]];
   for (let a = 0; a < e.length; a++)
     for (let i = 0, s = n.length; i < s; i++)
@@ -235,7 +235,7 @@ function nt(e) {
   return n.sort((a, i) => i.length - a.length);
 }
 new l();
-function ot(e, n) {
+function tt(e, n) {
   let a = /* @__PURE__ */ Object.create(null);
   for (let r of e)
     if (!Array.isArray(r.tag))
@@ -260,23 +260,23 @@ function ot(e, n) {
     scope: i
   };
 }
-const o = p.define, V = o(), b = o(), re = o(b), se = o(b), y = o(), R = o(y), X = o(y), f = o(), _ = o(f), u = o(), m = o(), Y = o(), S = o(Y), $ = o(), t = {
+const o = p.define, R = o(), b = o(), re = o(b), se = o(b), y = o(), $ = o(y), X = o(y), f = o(), _ = o(f), u = o(), m = o(), Y = o(), T = o(Y), z = o(), t = {
   /**
   A comment.
   */
-  comment: V,
+  comment: R,
   /**
   A line [comment](#highlight.tags.comment).
   */
-  lineComment: o(V),
+  lineComment: o(R),
   /**
   A block [comment](#highlight.tags.comment).
   */
-  blockComment: o(V),
+  blockComment: o(R),
   /**
   A documentation [comment](#highlight.tags.comment).
   */
-  docComment: o(V),
+  docComment: o(R),
   /**
   Any kind of identifier.
   */
@@ -324,19 +324,19 @@ const o = p.define, V = o(), b = o(), re = o(b), se = o(b), y = o(), R = o(y), X
   /**
   A string [literal](#highlight.tags.literal).
   */
-  string: R,
+  string: $,
   /**
   A documentation [string](#highlight.tags.string).
   */
-  docString: o(R),
+  docString: o($),
   /**
   A character literal (subtag of [string](#highlight.tags.string)).
   */
-  character: o(R),
+  character: o($),
   /**
   An attribute value (subtag of [string](#highlight.tags.string)).
   */
-  attributeValue: o(R),
+  attributeValue: o($),
   /**
   A number [literal](#highlight.tags.literal).
   */
@@ -464,27 +464,27 @@ const o = p.define, V = o(), b = o(), re = o(b), se = o(b), y = o(), R = o(y), X
   /**
   Bracket-style [punctuation](#highlight.tags.punctuation).
   */
-  bracket: S,
+  bracket: T,
   /**
   Angle [brackets](#highlight.tags.bracket) (usually `<` and `>`
   tokens).
   */
-  angleBracket: o(S),
+  angleBracket: o(T),
   /**
   Square [brackets](#highlight.tags.bracket) (usually `[` and `]`
   tokens).
   */
-  squareBracket: o(S),
+  squareBracket: o(T),
   /**
   Parentheses (usually `(` and `)` tokens). Subtag of
   [bracket](#highlight.tags.bracket).
   */
-  paren: o(S),
+  paren: o(T),
   /**
   Braces (usually `{` and `}` tokens). Subtag of
   [bracket](#highlight.tags.bracket).
   */
-  brace: o(S),
+  brace: o(T),
   /**
   Content, for example plain text in XML or markup documents.
   */
@@ -570,22 +570,22 @@ const o = p.define, V = o(), b = o(), re = o(b), se = o(b), y = o(), R = o(y), X
   /**
   Metadata or meta-instruction.
   */
-  meta: $,
+  meta: z,
   /**
   [Metadata](#highlight.tags.meta) that applies to the entire
   document.
   */
-  documentMeta: o($),
+  documentMeta: o(z),
   /**
   [Metadata](#highlight.tags.meta) that annotates or adds
   attributes to a given syntactic element.
   */
-  annotation: o($),
+  annotation: o(z),
   /**
   Processing instruction or preprocessor directive. Subtag of
   [meta](#highlight.tags.meta).
   */
-  processingInstruction: o($),
+  processingInstruction: o(z),
   /**
   [Modifier](#highlight.Tag^defineModifier) that indicates that a
   given element is being defined. Expected to be used with the
@@ -630,7 +630,7 @@ for (let e in t) {
   let n = t[e];
   n instanceof p && (n.name = e);
 }
-ot([
+tt([
   { tag: t.link, class: "tok-link" },
   { tag: t.heading, class: "tok-heading" },
   { tag: t.emphasis, class: "tok-emphasis" },
@@ -662,13 +662,13 @@ ot([
   { tag: t.invalid, class: "tok-invalid" },
   { tag: t.punctuation, class: "tok-punctuation" }
 ]);
-const at = {
-  red: Te,
-  orange: Me,
-  green: xe,
-  blue: je,
+const nt = {
+  red: Be,
+  orange: Te,
+  green: Se,
+  blue: Me,
   invalid: "#ffffff"
-}, it = (e, n) => Se.define([
+}, ot = (e, n) => Oe.define([
   {
     tag: t.keyword,
     color: e.red
@@ -735,26 +735,26 @@ const at = {
     tag: t.invalid,
     color: e.invalid
   }
-]), rt = (e) => Be(it(at, e));
-var D = /* @__PURE__ */ ((e) => (e.INLINE = "inline", e.SINGLELINE = "singleline", e.MULTILINE = "multiline", e))(D || {}), N = /* @__PURE__ */ ((e) => (e.JSON = "json", e.XML = "xml", e.JAVA = "java", e.JAVASCRIPT = "javascript", e.PYTHON = "python", e))(N || {}), T = /* @__PURE__ */ ((e) => (e.ACTION = "action", e.CHANGE = "change", e))(T || {});
-const st = {
-  [N.JSON]: Ke,
-  [N.XML]: Ue,
-  [N.JAVASCRIPT]: We,
-  [N.JAVA]: qe,
-  [N.PYTHON]: Xe
-}, lt = (e) => async () => st[e], ct = (e, n) => {
+]), at = (e) => Ee(ot(nt, e));
+var D = /* @__PURE__ */ ((e) => (e.INLINE = "inline", e.SINGLELINE = "singleline", e.MULTILINE = "multiline", e))(D || {}), N = /* @__PURE__ */ ((e) => (e.JSON = "json", e.XML = "xml", e.JAVA = "java", e.JAVASCRIPT = "javascript", e.PYTHON = "python", e))(N || {}), S = /* @__PURE__ */ ((e) => (e.ACTION = "action", e.CHANGE = "change", e))(S || {});
+const it = {
+  [N.JSON]: Pe,
+  [N.XML]: Ge,
+  [N.JAVASCRIPT]: Ke,
+  [N.JAVA]: Ue,
+  [N.PYTHON]: We
+}, rt = (e) => async () => it[e], st = (e, n) => {
   const a = e.doc.lineAt(n.from), i = /^\s*/.exec(a.text);
   return i ? i[0] : "";
-}, dt = {
+}, lt = {
   key: "Enter",
   run: ({ state: e, dispatch: n }) => {
     const a = e.changeByRange((i) => {
       const r = `
-${ct(e, i)}`;
+${st(e, i)}`;
       return {
         changes: { from: i.from, to: i.to, insert: r },
-        range: Le.cursor(i.from + r.length)
+        range: Ae.cursor(i.from + r.length)
       };
     });
     return n(e.update(a, { scrollIntoView: !0, userEvent: "input" })), !0;
@@ -764,19 +764,19 @@ ${ct(e, i)}`;
     run: "Run",
     expand: "Expand"
   }
-}, pt = me({
+}, ct = me({
   i18n: { messages: le },
   name: "bento-code-snippet",
   components: {
-    BentoTypography: Re,
-    BentoButton: Ve,
-    BentoDropdown: He,
-    Copy: Ge,
-    BaseModal: Pe,
-    BentoLoadingIndicator: ze,
-    ExpandIcon: Je
+    BentoTypography: He,
+    BentoButton: je,
+    BentoDropdown: xe,
+    Copy: Je,
+    BaseModal: De,
+    BentoLoadingIndicator: Re,
+    ExpandIcon: ze
   },
-  directives: { BentoTooltipDirective: $e },
+  directives: { BentoTooltipDirective: Ve },
   props: {
     /**
      * Defines the variant of code-snippet
@@ -847,36 +847,36 @@ ${ct(e, i)}`;
       default: !1
     }
   },
-  emits: [T.ACTION, T.CHANGE],
+  emits: [S.ACTION, S.CHANGE],
   setup(e, { emit: n }) {
-    const { t: a } = De({ messages: le }), i = x(null), s = [], r = () => {
+    const { t: a } = $e({ messages: le }), i = x(null), s = [], r = () => {
     }, d = O(() => e.langLabel ?? e.lang.toUpperCase()), c = O(() => e.variant === D.INLINE), k = O(() => ({
       "b-code-snippet--inline": c.value,
       "b-code-snippet--scrollable": !c.value
     })), v = O(() => ({
       "b-code-snippet__code-area-content--editable": e.editable
-    })), P = lt(e.lang), A = Z(), L = Z(), G = new q(), E = new q(), ce = new q(), w = x(null), K = x(0);
+    })), P = rt(e.lang), I = Z(), L = Z(), G = new q(), E = new q(), ce = new q(), w = x(null), K = x(0);
     fe(async () => {
       const U = await P();
       w.value = e.content;
       const ue = ({ state: W }) => {
         w.value = W.doc.toString();
       }, F = [
-        _e(),
-        Ie.of([Ee, dt]),
+        we(),
+        Ce.of([Ie, lt]),
         G.of(U()),
-        E.of(rt(e.lang)),
+        E.of(at(e.lang)),
         ce.of(ae.readOnly.of(!e.editable)),
         oe.updateListener.of((W) => ue(W))
       ];
-      e.variant === "multiline" && F.push([Ae(), Oe()]);
+      e.variant === "multiline" && F.push([_e(), Le()]);
       const Q = ae.create({
         doc: e.content,
         extensions: [...F]
       });
       K.value = Q.doc.length, L.value = new oe({
         state: Q,
-        parent: A.value
+        parent: I.value
       });
     }), he(
       () => e.content,
@@ -894,10 +894,10 @@ ${ct(e, i)}`;
       }
     );
     const de = O(() => a(e.actionableText)), pe = () => {
-      n(T.ACTION, w.value);
+      n(S.ACTION, w.value);
     };
     be(() => {
-      w.value !== null && n(T.CHANGE, w.value);
+      w.value !== null && n(S.CHANGE, w.value);
     });
     const ge = x(!1);
     return {
@@ -905,7 +905,7 @@ ${ct(e, i)}`;
       availableLanguages: s,
       codeAreaContentConditionalClasses: v,
       conditionalClasses: k,
-      container: A,
+      container: I,
       currentContents: w,
       displayedLang: d,
       editor: L,
@@ -920,21 +920,21 @@ ${ct(e, i)}`;
       t: a
     };
   }
-}), gt = (e) => (we("data-v-82835a00"), e = e(), Ce(), e), ut = {
+}), dt = {
   key: 0,
   class: "b-code-snippet__action-bar"
-}, mt = { class: "b-code-snippet__action-bar--start" }, ft = { class: "b-code-snippet__action-bar--end" }, ht = {
+}, pt = { class: "b-code-snippet__action-bar--start" }, gt = { class: "b-code-snippet__action-bar--end" }, ut = {
   key: 1,
   class: "b-code-snippet__code-area"
-}, bt = { key: 2 }, yt = /* @__PURE__ */ gt(() => /* @__PURE__ */ z("div", { class: "b-code-snippet__empty-state" }, "Nothing to show", -1));
-function Nt(e, n, a, i, s, r) {
-  const d = h("bento-dropdown"), c = h("bento-typography"), k = h("bento-loading-indicator"), v = h("copy"), P = h("expand-icon"), A = h("bento-button"), L = h("bento-code-snippet"), G = h("base-modal");
+}, mt = { key: 2 };
+function ft(e, n, a, i, s, r) {
+  const d = h("bento-dropdown"), c = h("bento-typography"), k = h("bento-loading-indicator"), v = h("copy"), P = h("expand-icon"), I = h("bento-button"), L = h("bento-code-snippet"), G = h("base-modal");
   return g(), j("div", {
     class: ee(["b-code-snippet", e.conditionalClasses])
   }, [
-    e.isInlineVariant ? C("", !0) : (g(), j("section", ut, [
-      z("div", mt, [
-        e.availableLanguages.length > 0 ? (g(), I(d, ye({
+    e.isInlineVariant ? C("", !0) : (g(), j("section", dt, [
+      H("div", pt, [
+        e.availableLanguages.length > 0 ? (g(), A(d, ye({
           key: 0,
           modelValue: e.selectedLanguage,
           "onUpdate:modelValue": n[0] || (n[0] = (E) => e.selectedLanguage = E)
@@ -944,7 +944,7 @@ function Nt(e, n, a, i, s, r) {
           class: "b-code-snippet__language-picker",
           onInput: e.handleChangeLanguage
         }), null, 16, ["modelValue", "disabled", "items", "onInput"])) : C("", !0),
-        H(c, {
+        V(c, {
           el: "span",
           stronger: ""
         }, {
@@ -954,14 +954,14 @@ function Nt(e, n, a, i, s, r) {
           _: 1
         })
       ]),
-      z("div", ft, [
-        e.loading ? (g(), I(k, { key: 0 })) : C("", !0),
-        e.currentContents !== null ? (g(), I(v, {
+      H("div", gt, [
+        e.loading ? (g(), A(k, { key: 0 })) : C("", !0),
+        e.currentContents !== null ? (g(), A(v, {
           key: 1,
           class: "b-structured-list__icon",
           text: e.currentContents
         }, null, 8, ["text"])) : C("", !0),
-        e.expandable ? (g(), I(A, {
+        e.expandable ? (g(), A(I, {
           key: 2,
           variant: "tertiary",
           condensed: "",
@@ -969,11 +969,11 @@ function Nt(e, n, a, i, s, r) {
           onClick: n[1] || (n[1] = (E) => e.showModal = !0)
         }, {
           iconLeft: B(() => [
-            H(P)
+            V(P)
           ]),
           _: 1
         }, 8, ["aria-label"])) : C("", !0),
-        e.actionable ? (g(), I(A, {
+        e.actionable ? (g(), A(I, {
           key: 3,
           variant: "primary",
           tertiary: "",
@@ -981,7 +981,7 @@ function Nt(e, n, a, i, s, r) {
           onClick: e.onActionClicked
         }, {
           iconLeft: B(() => [
-            H(c, {
+            V(c, {
               el: "span",
               class: "b-code-snippet__action-button"
             }, {
@@ -995,17 +995,17 @@ function Nt(e, n, a, i, s, r) {
         }, 8, ["onClick"])) : C("", !0)
       ])
     ])),
-    e.content || e.editable ? (g(), j("code", ht, [
-      z("div", {
+    e.content || e.editable ? (g(), j("code", ut, [
+      H("div", {
         ref: "container",
         class: ee(["b-code-snippet__code-area-content", e.codeAreaContentConditionalClasses])
       }, null, 2)
-    ])) : (g(), j("section", bt, [
+    ])) : (g(), j("section", mt, [
       Ne(e.$slots, "empty-state", {}, () => [
-        yt
+        n[3] || (n[3] = H("div", { class: "b-code-snippet__empty-state" }, "Nothing to show", -1))
       ], !0)
     ])),
-    e.expandable ? (g(), I(G, {
+    e.expandable ? (g(), A(G, {
       key: 3,
       class: "b-code-snippet__modal",
       "hide-close-button": !0,
@@ -1016,17 +1016,17 @@ function Nt(e, n, a, i, s, r) {
       onCloseModal: n[2] || (n[2] = (E) => e.showModal = !1)
     }, {
       content: B(() => [
-        H(L, ke(ve({ ...e.$props, expandable: !1 })), null, 16)
+        V(L, ke(ve({ ...e.$props, expandable: !1 })), null, 16)
       ]),
       _: 1
     }, 8, ["is-open"])) : C("", !0)
   ], 2);
 }
-const Dt = /* @__PURE__ */ Ye(pt, [["render", Nt], ["__scopeId", "data-v-82835a00"]]);
+const Vt = /* @__PURE__ */ qe(ct, [["render", ft], ["__scopeId", "data-v-82835a00"]]);
 export {
   D as B,
   N as a,
-  T as b,
-  Dt as c
+  S as b,
+  Vt as c
 };
-//# sourceMappingURL=code-snippet.DyvQts81.js.map
+//# sourceMappingURL=code-snippet.BP2IQQvW.js.map