@adyen/bento-vue3 1.28.0 → 1.29.0

package/dist/chunks/{code-snippet.e8bxDBCO.js → code-snippet.68epWI-z.js}

@@ -1,30 +1,32 @@
-import { openBlock as p, createElementBlock as I, mergeProps as de, toDisplayString as Y, createCommentVNode as b, createElementVNode as A, defineComponent as be, ref as V, computed as T, shallowRef as ee, onMounted as ye, watch as Ne, watchEffect as ke, resolveComponent as h, normalizeClass as te, createBlock as L, createVNode as x, withCtx as S, createTextVNode as ne, renderSlot as ve, normalizeProps as we, guardReactiveProps as _e, pushScopeId as Ce, popScopeId as Le } from "vue";
-import { highlightActiveLine as Ie, keymap as Ae, EditorView as oe, lineNumbers as Oe } from "@codemirror/view";
-import { EditorSelection as Ee, Compartment as q, EditorState as ae } from "@codemirror/state";
-import { indentWithTab as Be, history as Te } from "@codemirror/commands";
-import { syntaxHighlighting as Se, HighlightStyle as $e } from "@codemirror/language";
-import { B as Me } from "./dropdown.CxBlK83Q.js";
-import { B as He } from "./button.DoqHEvPh.js";
-import { B as Ve } from "./typography.D7onlQ9v.js";
-import { B as xe } from "./tooltip.CTR3s-Rm.js";
-import { B as je } from "./loading-indicator.BFMEf39U.js";
-import { u as Re } from "./i18n.DY5YXG5f.js";
-import { _ as pe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { h as ze } from "./base-modal.BgYlnM_Q.js";
-import { C as Pe } from "./copy.BhO7oRgC.js";
-import { json as De } from "@codemirror/lang-json";
-import { xml as Je } from "@codemirror/lang-xml";
-import { javascript as Ge } from "@codemirror/lang-javascript";
-import { java as Ke } from "@codemirror/lang-java";
-import { python as Ue } from "@codemirror/lang-python";
+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 p, createElementBlock as j, normalizeClass as ee, createElementVNode as P, 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 Te } from "@codemirror/language";
+import { B as Se, a as Me, b as xe, c as je } from "./es6.BvpG4Oi6.js";
+import { B as He } from "./dropdown.CoVT4i0B.js";
+import { B as Ve } from "./button.DoqHEvPh.js";
+import { B as Re } from "./typography.D7onlQ9v.js";
+import { B as ze } from "./tooltip.C0jTO2wt.js";
+import { B as Pe } from "./loading-indicator.BFMEf39U.js";
+import { u as $e } from "./i18n.DY5YXG5f.js";
+import { E as De } from "./expand.D1DTqaBO.js";
+import { h as Je } from "./base-modal.CY-t-QYh.js";
+import { C as Ge } from "./copy.B6CXENok.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 "../assets/code-snippet.css";
-let We = 0;
+let Fe = 0;
 class l {
   /**
   Create a new node prop type.
   */
   constructor(o = {}) {
-    this.id = We++, this.perNode = !!o.perNode, this.deserialize = o.deserialize || (() => {
+    this.id = Fe++, this.perNode = !!o.perNode, this.deserialize = o.deserialize || (() => {
       throw new Error("This node type doesn't define a deserialize function");
     });
   }
@@ -40,7 +42,7 @@ class l {
   add(o) {
     if (this.perNode)
       throw new RangeError("Can't add per-node props to node types");
-    return typeof o != "function" && (o = H.match(o)), (a) => {
+    return typeof o != "function" && (o = M.match(o)), (a) => {
       let r = o(a);
       return r === void 0 ? null : [this, r];
     };
@@ -57,8 +59,8 @@ 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);
-class H {
+const Qe = /* @__PURE__ */ Object.create(null);
+class M {
   /**
   @internal
   */
@@ -69,7 +71,7 @@ class H {
   Define a node type.
   */
   static define(o) {
-    let a = o.props && o.props.length ? /* @__PURE__ */ Object.create(null) : qe, r = (o.top ? 1 : 0) | (o.skipped ? 2 : 0) | (o.error ? 4 : 0) | (o.name == null ? 8 : 0), s = new H(o.name || "", a, o.id, r);
+    let a = o.props && o.props.length ? /* @__PURE__ */ Object.create(null) : Qe, r = (o.top ? 1 : 0) | (o.skipped ? 2 : 0) | (o.error ? 4 : 0) | (o.name == null ? 8 : 0), s = new M(o.name || "", a, o.id, r);
     if (o.props) {
       for (let i of o.props)
         if (Array.isArray(i) || (i = i(s)), i) {
@@ -147,7 +149,7 @@ class H {
     };
   }
 }
-H.none = new H(
+M.none = new M(
   "",
   /* @__PURE__ */ Object.create(null),
   0,
@@ -159,13 +161,13 @@ var re;
   e[e.ExcludeBuffers = 1] = "ExcludeBuffers", e[e.IncludeAnonymous = 2] = "IncludeAnonymous", e[e.IgnoreMounts = 4] = "IgnoreMounts", e[e.IgnoreOverlays = 8] = "IgnoreOverlays";
 })(re || (re = {}));
 new l({ perNode: !0 });
-let Xe = 0;
+let Ze = 0;
 class f {
   /**
   @internal
   */
   constructor(o, a, r) {
-    this.set = o, this.base = a, this.modified = r, this.id = Xe++;
+    this.set = o, this.base = a, this.modified = r, this.id = Ze++;
   }
   /**
   Define a new tag. If `parent` is given, the tag is treated as a
@@ -200,32 +202,32 @@ class f {
     return (a) => a.modified.indexOf(o) > -1 ? a : D.get(a.base || a, a.modified.concat(o).sort((r, s) => r.id - s.id));
   }
 }
-let Ye = 0;
+let et = 0;
 class D {
   constructor() {
-    this.instances = [], this.id = Ye++;
+    this.instances = [], this.id = et++;
   }
   static get(o, a) {
     if (!a.length)
       return o;
-    let r = a[0].instances.find((c) => c.base == o && Ze(a, c.modified));
+    let r = a[0].instances.find((c) => c.base == o && tt(a, c.modified));
     if (r)
       return r;
     let s = [], i = new f(s, o, a);
     for (let c of a)
       c.instances.push(i);
-    let d = Fe(a);
+    let d = nt(a);
     for (let c of o.set)
       if (!c.modified.length)
-        for (let v of d)
-          s.push(D.get(c, v));
+        for (let k of d)
+          s.push(D.get(c, k));
     return i;
   }
 }
-function Ze(e, o) {
+function tt(e, o) {
   return e.length == o.length && e.every((a, r) => a == o[r]);
 }
-function Fe(e) {
+function nt(e) {
   let o = [[]];
   for (let a = 0; a < e.length; a++)
     for (let r = 0, s = o.length; r < s; r++)
@@ -233,7 +235,7 @@ function Fe(e) {
   return o.sort((a, r) => r.length - a.length);
 }
 new l();
-function Qe(e, o) {
+function ot(e, o) {
   let a = /* @__PURE__ */ Object.create(null);
   for (let i of e)
     if (!Array.isArray(i.tag))
@@ -246,10 +248,10 @@ function Qe(e, o) {
     style: (i) => {
       let d = s;
       for (let c of i)
-        for (let v of c.set) {
-          let w = a[v.id];
-          if (w) {
-            d = d ? d + " " + w : w;
+        for (let k of c.set) {
+          let v = a[k.id];
+          if (v) {
+            d = d ? d + " " + v : v;
             break;
           }
         }
@@ -258,31 +260,31 @@ function Qe(e, o) {
     scope: r
   };
 }
-const n = f.define, j = n(), y = n(), ie = n(y), se = n(y), N = n(), R = n(N), X = n(N), m = n(), C = n(m), g = n(), u = n(), Z = n(), $ = n(Z), z = n(), t = {
+const n = f.define, V = n(), b = n(), ie = n(b), se = n(b), y = n(), R = n(y), X = n(y), m = n(), _ = n(m), g = n(), u = n(), Y = n(), T = n(Y), z = n(), t = {
   /**
   A comment.
   */
-  comment: j,
+  comment: V,
   /**
   A line [comment](#highlight.tags.comment).
   */
-  lineComment: n(j),
+  lineComment: n(V),
   /**
   A block [comment](#highlight.tags.comment).
   */
-  blockComment: n(j),
+  blockComment: n(V),
   /**
   A documentation [comment](#highlight.tags.comment).
   */
-  docComment: n(j),
+  docComment: n(V),
   /**
   Any kind of identifier.
   */
-  name: y,
+  name: b,
   /**
   The [name](#highlight.tags.name) of a variable.
   */
-  variableName: n(y),
+  variableName: n(b),
   /**
   A type [name](#highlight.tags.name).
   */
@@ -302,23 +304,23 @@ const n = f.define, j = n(), y = n(), ie = n(y), se = n(y), N = n(), R = n(N), X
   /**
   The [name](#highlight.tags.name) of a class.
   */
-  className: n(y),
+  className: n(b),
   /**
   A label [name](#highlight.tags.name).
   */
-  labelName: n(y),
+  labelName: n(b),
   /**
   A namespace [name](#highlight.tags.name).
   */
-  namespace: n(y),
+  namespace: n(b),
   /**
   The [name](#highlight.tags.name) of a macro.
   */
-  macroName: n(y),
+  macroName: n(b),
   /**
   A literal value.
   */
-  literal: N,
+  literal: y,
   /**
   A string [literal](#highlight.tags.literal).
   */
@@ -350,24 +352,24 @@ const n = f.define, j = n(), y = n(), ie = n(y), se = n(y), N = n(), R = n(N), X
   /**
   A boolean [literal](#highlight.tags.literal).
   */
-  bool: n(N),
+  bool: n(y),
   /**
   Regular expression [literal](#highlight.tags.literal).
   */
-  regexp: n(N),
+  regexp: n(y),
   /**
   An escape [literal](#highlight.tags.literal), for example a
   backslash escape in a string.
   */
-  escape: n(N),
+  escape: n(y),
   /**
   A color [literal](#highlight.tags.literal).
   */
-  color: n(N),
+  color: n(y),
   /**
   A URL [literal](#highlight.tags.literal).
   */
-  url: n(N),
+  url: n(y),
   /**
   A language keyword.
   */
@@ -453,36 +455,36 @@ const n = f.define, j = n(), y = n(), ie = n(y), se = n(y), N = n(), R = n(N), X
   /**
   Program or markup punctuation.
   */
-  punctuation: Z,
+  punctuation: Y,
   /**
   [Punctuation](#highlight.tags.punctuation) that separates
   things.
   */
-  separator: n(Z),
+  separator: n(Y),
   /**
   Bracket-style [punctuation](#highlight.tags.punctuation).
   */
-  bracket: $,
+  bracket: T,
   /**
   Angle [brackets](#highlight.tags.bracket) (usually `<` and `>`
   tokens).
   */
-  angleBracket: n($),
+  angleBracket: n(T),
   /**
   Square [brackets](#highlight.tags.bracket) (usually `[` and `]`
   tokens).
   */
-  squareBracket: n($),
+  squareBracket: n(T),
   /**
   Parentheses (usually `(` and `)` tokens). Subtag of
   [bracket](#highlight.tags.bracket).
   */
-  paren: n($),
+  paren: n(T),
   /**
   Braces (usually `{` and `}` tokens). Subtag of
   [bracket](#highlight.tags.bracket).
   */
-  brace: n($),
+  brace: n(T),
   /**
   Content, for example plain text in XML or markup documents.
   */
@@ -490,31 +492,31 @@ const n = f.define, j = n(), y = n(), ie = n(y), se = n(y), N = n(), R = n(N), X
   /**
   [Content](#highlight.tags.content) that represents a heading.
   */
-  heading: C,
+  heading: _,
   /**
   A level 1 [heading](#highlight.tags.heading).
   */
-  heading1: n(C),
+  heading1: n(_),
   /**
   A level 2 [heading](#highlight.tags.heading).
   */
-  heading2: n(C),
+  heading2: n(_),
   /**
   A level 3 [heading](#highlight.tags.heading).
   */
-  heading3: n(C),
+  heading3: n(_),
   /**
   A level 4 [heading](#highlight.tags.heading).
   */
-  heading4: n(C),
+  heading4: n(_),
   /**
   A level 5 [heading](#highlight.tags.heading).
   */
-  heading5: n(C),
+  heading5: n(_),
   /**
   A level 6 [heading](#highlight.tags.heading).
   */
-  heading6: n(C),
+  heading6: n(_),
   /**
   A prose separator (such as a horizontal rule).
   */
@@ -624,7 +626,7 @@ const n = f.define, j = n(), y = n(), ie = n(y), se = n(y), N = n(), R = n(N), X
   */
   special: f.defineModifier()
 };
-Qe([
+ot([
   { tag: t.link, class: "tok-link" },
   { tag: t.heading, class: "tok-heading" },
   { tag: t.emphasis, class: "tok-emphasis" },
@@ -656,13 +658,13 @@ Qe([
   { tag: t.invalid, class: "tok-invalid" },
   { tag: t.punctuation, class: "tok-punctuation" }
 ]);
-const et = "#c72727", tt = "#9b5700", nt = "#067934", ot = "#0063d7", at = {
-  red: et,
-  orange: tt,
-  green: nt,
-  blue: ot,
+const at = {
+  red: Se,
+  orange: Me,
+  green: xe,
+  blue: je,
   invalid: "#ffffff"
-}, rt = (e) => $e.define([
+}, rt = (e) => Te.define([
   {
     tag: t.keyword,
     color: e.red
@@ -729,14 +731,14 @@ const et = "#c72727", tt = "#9b5700", nt = "#067934", ot = "#0063d7", at = {
     tag: t.invalid,
     color: e.invalid
   }
-]), it = Se(rt(at));
-var P = /* @__PURE__ */ ((e) => (e.INLINE = "inline", e.SINGLELINE = "singleline", e.MULTILINE = "multiline", e))(P || {}), k = /* @__PURE__ */ ((e) => (e.JSON = "json", e.XML = "xml", e.JAVA = "java", e.JAVASCRIPT = "javascript", e.PYTHON = "python", e))(k || {}), M = /* @__PURE__ */ ((e) => (e.ACTION = "action", e.CHANGE = "change", e))(M || {});
+]), it = Be(rt(at));
+var $ = /* @__PURE__ */ ((e) => (e.INLINE = "inline", e.SINGLELINE = "singleline", e.MULTILINE = "multiline", e))($ || {}), 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 st = {
-  [k.JSON]: De,
-  [k.XML]: Je,
-  [k.JAVASCRIPT]: Ge,
-  [k.JAVA]: Ke,
-  [k.PYTHON]: Ue
+  [N.JSON]: Ke,
+  [N.XML]: Ue,
+  [N.JAVASCRIPT]: We,
+  [N.JAVA]: qe,
+  [N.PYTHON]: Xe
 }, lt = (e) => async () => st[e], ct = (e, o) => {
   const a = e.doc.lineAt(o.from), r = /^\s*/.exec(a.text);
   return r ? r[0] : "";
@@ -748,71 +750,45 @@ const st = {
 ${ct(e, r)}`;
       return {
         changes: { from: r.from, to: r.to, insert: i },
-        range: Ee.cursor(r.from + i.length)
+        range: Le.cursor(r.from + i.length)
       };
     });
     return o(e.update(a, { scrollIntoView: !0, userEvent: "input" })), !0;
   }
-};
-let le = 0;
-const pt = {
-  beforeCreate() {
-    this.uuid = le.toString(), le += 1;
-  }
-}, gt = { key: 0 }, ut = /* @__PURE__ */ A("path", {
-  fill: "#00112C",
-  d: "M14.75 1.25V6.75H13.25V3.81083L10.0001 7.06072L8.93945 6.00006L12.1895 2.75H9.25V1.25H14.75Z"
-}, null, -1), mt = /* @__PURE__ */ A("path", {
-  fill: "#00112C",
-  d: "M2.75 12.1895V9.25H1.25V14.75H6.75V13.25H3.81083L7.06072 10.0001L6.00006 8.93945L2.75 12.1895Z"
-}, null, -1);
-function ft(e, o, a, r, s, i) {
-  return p(), I("svg", de({ role: "img" }, e.$attrs, {
-    class: "ui-assets-icons-16",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    fill: "none"
-  }), [
-    e.$attrs["svg-title"] ? (p(), I("title", gt, Y(e.$attrs["svg-title"]), 1)) : b("", !0),
-    ut,
-    mt
-  ], 16);
-}
-const ht = /* @__PURE__ */ pe(pt, [["render", ft]]), ce = {
+}, le = {
   "en-US": {
     run: "Run",
     expand: "Expand"
   }
-}, bt = be({
-  i18n: { messages: ce },
+}, pt = me({
+  i18n: { messages: le },
   name: "bento-code-snippet",
   components: {
-    BentoTypography: Ve,
-    BentoButton: He,
-    BentoDropdown: Me,
-    Copy: Pe,
-    BaseModal: ze,
-    BentoLoadingIndicator: je,
-    ExpandIcon: ht
+    BentoTypography: Re,
+    BentoButton: Ve,
+    BentoDropdown: He,
+    Copy: Ge,
+    BaseModal: Je,
+    BentoLoadingIndicator: Pe,
+    ExpandIcon: De
   },
-  directives: { BentoTooltipDirective: xe },
+  directives: { BentoTooltipDirective: ze },
   props: {
     /**
      * Defines the variant of code-snippet
      */
     variant: {
       type: String,
-      default: P.MULTILINE,
-      validator: (e) => Object.values(P).includes(e)
+      default: $.MULTILINE,
+      validator: (e) => Object.values($).includes(e)
     },
     /**
      * Language name for syntax highlighting rules
      */
     lang: {
       type: String,
-      default: k.JSON,
-      validator: (e) => Object.values(k).includes(e)
+      default: N.JSON,
+      validator: (e) => Object.values(N).includes(e)
     },
     /**
      * Label to show in the action-bar, describing the language
@@ -867,43 +843,43 @@ const ht = /* @__PURE__ */ pe(pt, [["render", ft]]), ce = {
       default: !1
     }
   },
-  emits: [M.ACTION, M.CHANGE],
+  emits: [S.ACTION, S.CHANGE],
   setup(e, { emit: o }) {
-    const { t: a } = Re({ messages: ce }), r = V(null), s = [], i = () => {
-    }, d = T(() => e.langLabel ?? e.lang.toUpperCase()), c = T(() => e.variant === P.INLINE), v = T(() => ({
+    const { t: a } = $e({ messages: le }), r = x(null), s = [], i = () => {
+    }, d = O(() => e.langLabel ?? e.lang.toUpperCase()), c = O(() => e.variant === $.INLINE), k = O(() => ({
       "b-code-snippet--inline": c.value,
       "b-code-snippet--scrollable": !c.value
-    })), w = T(() => ({
+    })), v = O(() => ({
       "b-code-snippet__code-area-content--editable": e.editable
-    })), J = lt(e.lang), O = ee(), E = ee(), G = new q(), B = new q(), ge = new q(), _ = V(null), K = V(0);
-    ye(async () => {
+    })), J = lt(e.lang), A = Z(), L = Z(), G = new q(), E = new q(), ce = new q(), w = x(null), K = x(0);
+    fe(async () => {
       const U = await J();
-      _.value = e.content;
-      const he = ({ state: W }) => {
-        _.value = W.doc.toString();
+      w.value = e.content;
+      const ue = ({ state: W }) => {
+        w.value = W.doc.toString();
       }, F = [
-        Ie(),
-        Ae.of([Be, dt]),
+        _e(),
+        Ie.of([Ee, dt]),
         G.of(U()),
-        B.of(it),
-        ge.of(ae.readOnly.of(!e.editable)),
-        oe.updateListener.of((W) => he(W))
+        E.of(it),
+        ce.of(ae.readOnly.of(!e.editable)),
+        oe.updateListener.of((W) => ue(W))
       ];
-      e.variant === "multiline" && F.push([Oe(), Te()]);
+      e.variant === "multiline" && F.push([Ae(), Oe()]);
       const Q = ae.create({
         doc: e.content,
         extensions: [...F]
       });
-      K.value = Q.doc.length, E.value = new oe({
+      K.value = Q.doc.length, L.value = new oe({
         state: Q,
-        parent: O.value
+        parent: A.value
       });
-    }), Ne(
+    }), he(
       () => e.content,
       () => {
-        if (e.content !== _.value) {
+        if (e.content !== w.value) {
           const U = e.content.length;
-          E.value.dispatch({
+          L.value.dispatch({
             changes: {
               from: 0,
               to: K.value,
@@ -913,119 +889,119 @@ const ht = /* @__PURE__ */ pe(pt, [["render", ft]]), ce = {
         }
       }
     );
-    const ue = T(() => a(e.actionableText)), me = () => {
-      o(M.ACTION, _.value);
+    const de = O(() => a(e.actionableText)), pe = () => {
+      o(S.ACTION, w.value);
     };
-    ke(() => {
-      _.value !== null && o(M.CHANGE, _.value);
+    be(() => {
+      w.value !== null && o(S.CHANGE, w.value);
     });
-    const fe = V(!1);
+    const ge = x(!1);
     return {
       // Values
       availableLanguages: s,
-      codeAreaContentConditionalClasses: w,
-      conditionalClasses: v,
-      container: O,
-      currentContents: _,
+      codeAreaContentConditionalClasses: v,
+      conditionalClasses: k,
+      container: A,
+      currentContents: w,
       displayedLang: d,
-      editor: E,
+      editor: L,
       selectedLanguage: r,
-      showModal: fe,
+      showModal: ge,
       isInlineVariant: c,
       // Methods
       handleChangeLanguage: i,
-      onActionClicked: me,
-      runText: ue,
+      onActionClicked: pe,
+      runText: de,
       // Translations
       t: a
     };
   }
-}), yt = (e) => (Ce("data-v-5eb6a936"), e = e(), Le(), e), Nt = {
+}), gt = (e) => (we("data-v-5eb6a936"), e = e(), Ce(), e), ut = {
   key: 0,
   class: "b-code-snippet__action-bar"
-}, kt = { class: "b-code-snippet__action-bar--start" }, vt = { class: "b-code-snippet__action-bar--end" }, wt = {
+}, mt = { class: "b-code-snippet__action-bar--start" }, ft = { class: "b-code-snippet__action-bar--end" }, ht = {
   key: 1,
   class: "b-code-snippet__code-area"
-}, _t = { key: 2 }, Ct = /* @__PURE__ */ yt(() => /* @__PURE__ */ A("div", { class: "b-code-snippet__empty-state" }, "Nothing to show", -1));
-function Lt(e, o, a, r, s, i) {
-  const d = h("bento-dropdown"), c = h("bento-typography"), v = h("bento-loading-indicator"), w = h("copy"), J = h("expand-icon"), O = h("bento-button"), E = h("bento-code-snippet"), G = h("base-modal");
-  return p(), I("div", {
-    class: te(["b-code-snippet", e.conditionalClasses])
+}, bt = { key: 2 }, yt = /* @__PURE__ */ gt(() => /* @__PURE__ */ P("div", { class: "b-code-snippet__empty-state" }, "Nothing to show", -1));
+function Nt(e, o, a, r, s, i) {
+  const d = h("bento-dropdown"), c = h("bento-typography"), k = h("bento-loading-indicator"), v = h("copy"), J = h("expand-icon"), A = h("bento-button"), L = h("bento-code-snippet"), G = h("base-modal");
+  return p(), j("div", {
+    class: ee(["b-code-snippet", e.conditionalClasses])
   }, [
-    e.isInlineVariant ? b("", !0) : (p(), I("section", Nt, [
-      A("div", kt, [
-        e.availableLanguages.length > 0 ? (p(), L(d, de({
+    e.isInlineVariant ? C("", !0) : (p(), j("section", ut, [
+      P("div", mt, [
+        e.availableLanguages.length > 0 ? (p(), I(d, ye({
           key: 0,
           modelValue: e.selectedLanguage,
-          "onUpdate:modelValue": o[0] || (o[0] = (B) => e.selectedLanguage = B)
+          "onUpdate:modelValue": o[0] || (o[0] = (E) => e.selectedLanguage = E)
         }, e.$props, {
           disabled: e.availableLanguages.length === 1,
           items: e.availableLanguages,
           class: "b-code-snippet__language-picker",
           onInput: e.handleChangeLanguage
-        }), null, 16, ["modelValue", "disabled", "items", "onInput"])) : b("", !0),
-        x(c, {
+        }), null, 16, ["modelValue", "disabled", "items", "onInput"])) : C("", !0),
+        H(c, {
           el: "span",
           stronger: ""
         }, {
-          default: S(() => [
-            ne(Y(e.displayedLang), 1)
+          default: B(() => [
+            te(ne(e.displayedLang), 1)
           ]),
           _: 1
         })
       ]),
-      A("div", vt, [
-        e.loading ? (p(), L(v, { key: 0 })) : b("", !0),
-        e.currentContents !== null ? (p(), L(w, {
+      P("div", ft, [
+        e.loading ? (p(), I(k, { key: 0 })) : C("", !0),
+        e.currentContents !== null ? (p(), I(v, {
           key: 1,
           class: "b-structured-list__icon",
           text: e.currentContents
-        }, null, 8, ["text"])) : b("", !0),
-        e.expandable ? (p(), L(O, {
+        }, null, 8, ["text"])) : C("", !0),
+        e.expandable ? (p(), I(A, {
           key: 2,
           variant: "tertiary",
           condensed: "",
           "aria-label": e.t("expand"),
-          onClick: o[1] || (o[1] = (B) => e.showModal = !0)
+          onClick: o[1] || (o[1] = (E) => e.showModal = !0)
         }, {
-          iconLeft: S(() => [
-            x(J)
+          iconLeft: B(() => [
+            H(J)
           ]),
           _: 1
-        }, 8, ["aria-label"])) : b("", !0),
-        e.actionable ? (p(), L(O, {
+        }, 8, ["aria-label"])) : C("", !0),
+        e.actionable ? (p(), I(A, {
           key: 3,
           variant: "primary",
           tertiary: "",
           condensed: "",
           onClick: e.onActionClicked
         }, {
-          iconLeft: S(() => [
-            x(c, {
+          iconLeft: B(() => [
+            H(c, {
               el: "span",
               class: "b-code-snippet__action-button"
             }, {
-              default: S(() => [
-                ne(Y(e.runText), 1)
+              default: B(() => [
+                te(ne(e.runText), 1)
               ]),
               _: 1
             })
           ]),
           _: 1
-        }, 8, ["onClick"])) : b("", !0)
+        }, 8, ["onClick"])) : C("", !0)
       ])
     ])),
-    e.content || e.editable ? (p(), I("code", wt, [
-      A("div", {
+    e.content || e.editable ? (p(), j("code", ht, [
+      P("div", {
         ref: "container",
-        class: te(["b-code-snippet__code-area-content", e.codeAreaContentConditionalClasses])
+        class: ee(["b-code-snippet__code-area-content", e.codeAreaContentConditionalClasses])
       }, null, 2)
-    ])) : (p(), I("section", _t, [
-      ve(e.$slots, "empty-state", {}, () => [
-        Ct
+    ])) : (p(), j("section", bt, [
+      Ne(e.$slots, "empty-state", {}, () => [
+        yt
       ], !0)
     ])),
-    e.expandable ? (p(), L(G, {
+    e.expandable ? (p(), I(G, {
       key: 3,
       class: "b-code-snippet__modal",
       "hide-close-button": !0,
@@ -1033,20 +1009,20 @@ function Lt(e, o, a, r, s, i) {
       "is-dismissible": !0,
       "is-open": e.showModal,
       size: "large",
-      onCloseModal: o[2] || (o[2] = (B) => e.showModal = !1)
+      onCloseModal: o[2] || (o[2] = (E) => e.showModal = !1)
     }, {
-      content: S(() => [
-        x(E, we(_e({ ...e.$props, expandable: !1 })), null, 16)
+      content: B(() => [
+        H(L, ke(ve({ ...e.$props, expandable: !1 })), null, 16)
       ]),
       _: 1
-    }, 8, ["is-open"])) : b("", !0)
+    }, 8, ["is-open"])) : C("", !0)
   ], 2);
 }
-const Kt = /* @__PURE__ */ pe(bt, [["render", Lt], ["__scopeId", "data-v-5eb6a936"]]);
+const $t = /* @__PURE__ */ Ye(pt, [["render", Nt], ["__scopeId", "data-v-5eb6a936"]]);
 export {
-  P as B,
-  k as a,
-  M as b,
-  Kt as c
+  $ as B,
+  N as a,
+  S as b,
+  $t as c
 };
-//# sourceMappingURL=code-snippet.e8bxDBCO.js.map
+//# sourceMappingURL=code-snippet.68epWI-z.js.map