@adyen/bento-vue3 1.45.0 → 1.46.0

package/dist/chunks/code-snippet.BXMQTve4.js

@@ -0,0 +1,422 @@
+import { defineComponent as z, ref as y, computed as h, shallowRef as M, onMounted as G, watch as X, watchEffect as F, resolveComponent as i, openBlock as o, createElementBlock as v, normalizeClass as Q, createElementVNode as C, createBlock as g, mergeProps as K, createCommentVNode as c, createVNode as S, withCtx as b, createTextVNode as Y, toDisplayString as $, renderSlot as q, normalizeProps as ee, guardReactiveProps as te } from "vue";
+import { s as ne, H as ae, t, L as oe, a as se, b as ie, c as le, j as re, x as ce, d as de, e as ge, p as pe, E as ue, h as me, k as fe, i as he, f as H, g as D, l as be, m as Oe, C as w } from "./codemirror.OjJ-3ixa.js";
+import { b as ye, c as ve, d as Ce, e as Se } from "./es6.D11bE5vq.js";
+import { B as _e } from "./dropdown.DhvCTlVl.js";
+import { B as Le } from "./button.DSnv5X7y.js";
+import { B as Ne } from "./typography.DNzU41ah.js";
+import "./events.FNmSWp_P.js";
+import { B as Pe } from "./tooltip.Ch4_ew27.js";
+import { B as Te } from "./loading-indicator.N_WV9Gwz.js";
+import { u as ke } from "./i18n.CPGoe9tN.js";
+import { E as Ee } from "./expand.CgwNEbbz.js";
+import { h as Ie } from "./base-modal.BP7bUB84.js";
+import { C as Ae } from "./copy.CT8wuwho.js";
+import { _ as Re } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import "../assets/code-snippet.css";
+const $e = {
+  red: ye,
+  orange: ve,
+  green: Ce,
+  blue: Se,
+  invalid: "#ffffff"
+}, we = (e, n) => ae.define([
+  {
+    tag: t.keyword,
+    color: e.red
+  },
+  {
+    tag: [t.name, t.deleted, t.character, t.propertyName, t.macroName],
+    color: e.green
+  },
+  {
+    tag: [t.function(t.variableName), t.labelName],
+    color: e.blue
+  },
+  {
+    tag: [t.color, t.constant(t.name), t.standard(t.name)],
+    color: e.red
+  },
+  {
+    tag: [t.definition(t.name), ...n !== "json" ? [t.separator] : []],
+    color: e.red
+  },
+  {
+    tag: [t.typeName, t.className, t.number, t.changed, t.annotation, t.modifier, t.self, t.namespace],
+    color: e.orange
+  },
+  {
+    tag: [t.operator, t.operatorKeyword, t.url, t.escape, t.regexp, t.link, t.special(t.string)],
+    color: e.blue
+  },
+  {
+    tag: [t.meta, t.comment],
+    color: e.orange
+  },
+  {
+    tag: t.strong,
+    fontWeight: "bold"
+  },
+  {
+    tag: t.emphasis,
+    fontStyle: "italic"
+  },
+  {
+    tag: t.strikethrough,
+    textDecoration: "line-through"
+  },
+  {
+    tag: t.link,
+    color: e.orange,
+    textDecoration: "underline"
+  },
+  {
+    tag: t.heading,
+    fontWeight: "bold",
+    color: e.blue
+  },
+  {
+    tag: [t.atom, t.bool, t.special(t.variableName)],
+    color: e.red
+  },
+  {
+    tag: [t.processingInstruction, t.string, t.inserted],
+    color: e.blue
+  },
+  {
+    tag: t.invalid,
+    color: e.invalid
+  }
+]), Be = (e) => ne(we($e, e));
+var _ = /* @__PURE__ */ ((e) => (e.INLINE = "inline", e.SINGLELINE = "singleline", e.MULTILINE = "multiline", e))(_ || {}), s = /* @__PURE__ */ ((e) => (e.JSON = "json", e.XML = "xml", e.JAVA = "java", e.JAVASCRIPT = "javascript", e.PYTHON = "python", e.CSV = "csv", e))(s || {}), O = /* @__PURE__ */ ((e) => (e.ACTION = "action", e.CHANGE = "change", e))(O || {});
+const Ve = oe.deserialize({
+  version: 14,
+  states: "nQVQPOOOOQO'#Ce'#CeOOQO'#Ca'#CaQVQPOOOOQO-E6_-E6_",
+  stateData: "g~OWOS~OQPORPOSPO~OQRSR~",
+  goto: "eYPPPPPZPPPaQRORSRTQOR",
+  nodeNames: "⚠ Program String Separator Value",
+  maxTerm: 9,
+  skippedNodes: [0],
+  repeatNodeCount: 1,
+  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~",
+  tokenizers: [0],
+  topRules: { Program: [0, 1] },
+  tokenPrec: 18
+}), Me = se.define({
+  parser: Ve.configure({
+    props: [
+      ie({
+        Separator: t.separator,
+        Value: t.string,
+        String: t.string,
+        LineComment: t.lineComment,
+        "( )": t.paren
+      })
+    ]
+  })
+});
+function Qe() {
+  return new le(Me);
+}
+const Ye = {
+  [s.JSON]: re,
+  [s.XML]: ce,
+  [s.JAVASCRIPT]: de,
+  [s.JAVA]: ge,
+  [s.PYTHON]: pe,
+  [s.CSV]: Qe
+}, He = (e) => async () => Ye[e], De = (e, n) => {
+  const l = e.doc.lineAt(n.from), a = /^\s*/.exec(l.text);
+  return a ? a[0] : "";
+}, je = {
+  key: "Enter",
+  run: ({ state: e, dispatch: n }) => {
+    const l = e.changeByRange((a) => {
+      const p = `
+${De(e, a)}`;
+      return {
+        changes: { from: a.from, to: a.to, insert: p },
+        range: ue.cursor(a.from + p.length)
+      };
+    });
+    return n(e.update(l, { scrollIntoView: !0, userEvent: "input" })), !0;
+  }
+}, j = {
+  "en-US": {
+    expand: "Expand",
+    nothingToDisplay: "Nothing to display",
+    run: "Run"
+  },
+  "pt-BR": {
+    expand: "Expandir",
+    nothingToDisplay: "Nada para exibir"
+  },
+  "ja-JP": {
+    expand: "展開",
+    nothingToDisplay: "表示するものがありません"
+  }
+}, xe = z({
+  i18n: { messages: j },
+  name: "bento-code-snippet",
+  components: {
+    BentoTypography: Ne,
+    BentoButton: Le,
+    BentoDropdown: _e,
+    Copy: Ae,
+    BaseModal: Ie,
+    BentoLoadingIndicator: Te,
+    ExpandIcon: Ee
+  },
+  directives: { BentoTooltipDirective: Pe },
+  props: {
+    /**
+     * Defines the variant of code-snippet
+     */
+    variant: {
+      type: String,
+      default: _.MULTILINE,
+      validator: (e) => Object.values(_).includes(e)
+    },
+    /**
+     * Language name for syntax highlighting rules
+     */
+    lang: {
+      type: String,
+      default: s.JSON,
+      validator: (e) => Object.values(s).includes(e)
+    },
+    /**
+     * Label to show in the action-bar, describing the language
+     */
+    langLabel: {
+      type: String,
+      default: null
+    },
+    /**
+     * The code content
+     */
+    content: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Allows editing of the code-snippet content by the user
+     */
+    editable: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Displays a button that when clicked will emit an action event
+     * Leaves to the parent component the logic of what to do with it
+     */
+    actionable: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Displays a button that can expand the codeblock into a modal to easily
+     * view large blocks of code.
+     */
+    expandable: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Displays a button that when clicked will emit a run event
+     * Leaves to the parent component the logic of what to do with it
+     */
+    actionableText: {
+      type: String,
+      default: "run"
+    },
+    /**
+     * Toggles the loading indicator within the action bar
+     */
+    loading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [O.ACTION, O.CHANGE],
+  setup(e, { emit: n }) {
+    const { t: l } = ke({ messages: j }), a = y(null), L = [], p = () => {
+    }, N = h(() => e.langLabel ?? e.lang.toUpperCase()), d = h(() => e.variant === _.INLINE), P = h(() => ({
+      "b-code-snippet--inline": d.value,
+      "b-code-snippet--scrollable": !d.value
+    })), T = h(() => ({
+      "b-code-snippet__code-area-content--editable": e.editable
+    })), k = He(e.lang), u = M(), m = M(), E = new w(), f = new w(), x = new w(), r = y(null), I = y(0);
+    G(async () => {
+      const A = await k();
+      r.value = e.content;
+      const U = ({ state: R }) => {
+        r.value = R.doc.toString();
+      }, B = [
+        me(),
+        fe.of([he, je]),
+        E.of(A()),
+        f.of(Be(e.lang)),
+        x.of(H.readOnly.of(!e.editable)),
+        D.updateListener.of((R) => U(R))
+      ];
+      e.variant === "multiline" && B.push([be(), Oe()]);
+      const V = H.create({
+        doc: e.content,
+        extensions: [...B]
+      });
+      I.value = V.doc.length, m.value = new D({
+        state: V,
+        parent: u.value
+      });
+    }), X(
+      () => e.content,
+      () => {
+        if (e.content !== r.value) {
+          const A = e.content.length;
+          m.value.dispatch({
+            changes: {
+              from: 0,
+              to: I.value,
+              insert: e.content
+            }
+          }), I.value = A;
+        }
+      }
+    );
+    const Z = h(() => l(e.actionableText)), J = () => {
+      n(O.ACTION, r.value);
+    };
+    F(() => {
+      r.value !== null && n(O.CHANGE, r.value);
+    });
+    const W = y(!1);
+    return {
+      // Values
+      availableLanguages: L,
+      codeAreaContentConditionalClasses: T,
+      conditionalClasses: P,
+      container: u,
+      currentContents: r,
+      displayedLang: N,
+      editor: m,
+      selectedLanguage: a,
+      showModal: W,
+      isInlineVariant: d,
+      // Methods
+      handleChangeLanguage: p,
+      onActionClicked: J,
+      runText: Z,
+      // Translations
+      t: l
+    };
+  }
+}), Ze = {
+  key: 0,
+  class: "b-code-snippet__action-bar"
+}, Je = { class: "b-code-snippet__action-bar--start" }, We = { class: "b-code-snippet__action-bar--end" }, Ue = {
+  key: 1,
+  class: "b-code-snippet__code-area"
+}, ze = { key: 2 }, Ge = { class: "b-code-snippet__empty-state" };
+function Xe(e, n, l, a, L, p) {
+  const N = i("bento-dropdown"), d = i("bento-typography"), P = i("bento-loading-indicator"), T = i("copy"), k = i("expand-icon"), u = i("bento-button"), m = i("bento-code-snippet"), E = i("base-modal");
+  return o(), v("div", {
+    class: Q(["b-code-snippet", e.conditionalClasses])
+  }, [
+    e.isInlineVariant ? c("", !0) : (o(), v("section", Ze, [
+      C("div", Je, [
+        e.availableLanguages.length > 0 ? (o(), g(N, K({
+          key: 0,
+          modelValue: e.selectedLanguage,
+          "onUpdate:modelValue": n[0] || (n[0] = (f) => e.selectedLanguage = f)
+        }, 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"])) : c("", !0),
+        S(d, {
+          el: "span",
+          stronger: ""
+        }, {
+          default: b(() => [
+            Y($(e.displayedLang), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      C("div", We, [
+        e.loading ? (o(), g(P, { key: 0 })) : c("", !0),
+        e.currentContents !== null ? (o(), g(T, {
+          key: 1,
+          class: "b-structured-list__icon",
+          text: e.currentContents
+        }, null, 8, ["text"])) : c("", !0),
+        e.expandable ? (o(), g(u, {
+          key: 2,
+          variant: "tertiary",
+          condensed: "",
+          "aria-label": e.t("expand"),
+          onClick: n[1] || (n[1] = (f) => e.showModal = !0)
+        }, {
+          iconLeft: b(() => [
+            S(k)
+          ]),
+          _: 1
+        }, 8, ["aria-label"])) : c("", !0),
+        e.actionable ? (o(), g(u, {
+          key: 3,
+          variant: "primary",
+          tertiary: "",
+          condensed: "",
+          onClick: e.onActionClicked
+        }, {
+          iconLeft: b(() => [
+            S(d, {
+              el: "span",
+              class: "b-code-snippet__action-button"
+            }, {
+              default: b(() => [
+                Y($(e.runText), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["onClick"])) : c("", !0)
+      ])
+    ])),
+    e.content || e.editable ? (o(), v("code", Ue, [
+      C("div", {
+        ref: "container",
+        class: Q(["b-code-snippet__code-area-content", e.codeAreaContentConditionalClasses])
+      }, null, 2)
+    ])) : (o(), v("section", ze, [
+      q(e.$slots, "empty-state", {}, () => [
+        C("div", Ge, $(e.t("nothingToDisplay")), 1)
+      ], !0)
+    ])),
+    e.expandable ? (o(), g(E, {
+      key: 3,
+      class: "b-code-snippet__modal",
+      "hide-close-button": !0,
+      "custom-padding": "0px",
+      "is-dismissible": !0,
+      "is-open": e.showModal,
+      size: "large",
+      onCloseModal: n[2] || (n[2] = (f) => e.showModal = !1)
+    }, {
+      content: b(() => [
+        S(m, ee(te({ ...e.$props, expandable: !1 })), null, 16)
+      ]),
+      _: 1
+    }, 8, ["is-open"])) : c("", !0)
+  ], 2);
+}
+const gt = /* @__PURE__ */ Re(xe, [["render", Xe], ["__scopeId", "data-v-54361d30"]]);
+export {
+  _ as B,
+  s as a,
+  O as b,
+  gt as c
+};
+//# sourceMappingURL=code-snippet.BXMQTve4.js.map

package/dist/chunks/code-snippet.BXMQTve4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-snippet.BXMQTve4.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    BCodeSnippetCodeAreaHighlightBlue,\n    BCodeSnippetCodeAreaHighlightGreen,\n    BCodeSnippetCodeAreaHighlightOrange,\n    BCodeSnippetCodeAreaHighlightRed,\n} from '@adyen/bento-design-tokens/dist/js/bento/es6';\nimport { BentoCodeSnippetSupportedLanguage } from './code-snippet.types';\n\nconst lightThemeColors = {\n    red: BCodeSnippetCodeAreaHighlightRed,\n    orange: BCodeSnippetCodeAreaHighlightOrange,\n    green: BCodeSnippetCodeAreaHighlightGreen,\n    blue: BCodeSnippetCodeAreaHighlightBlue,\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// These supported types need to be kept in line with the ones in packages/vue2/src/components/code-snippet/composables/useLanguage.ts function and vice-versa\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","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';\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 = {\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 lang=\"ts\">\n    import { computed, defineComponent, onMounted, PropType, ref, shallowRef, 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 { BentoTooltipDirective } from '@/directives';\n    import { BentoLoadingIndicator } from '@/components/loading-indicator';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { Copy } from '@/internal';\n    import ExpandIcon from '@adyen/ui-assets-icons-16/vue/expand';\n    import {\n        BentoCodeSnippetEvent,\n        BentoCodeSnippetSupportedLanguage,\n        BentoCodeSnippetVariant,\n    } from '@/components/code-snippet/code-snippet.types';\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    /**\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 defineComponent({\n        i18n: { messages },\n        name: 'bento-code-snippet',\n        components: {\n            BentoTypography,\n            BentoButton,\n            BentoDropdown,\n            Copy,\n            BaseModal,\n            BentoLoadingIndicator,\n            ExpandIcon,\n        },\n        directives: { BentoTooltipDirective },\n        props: {\n            /**\n             * Defines the variant of code-snippet\n             */\n            variant: {\n                type: String as PropType<BentoCodeSnippetVariant | `${BentoCodeSnippetVariant}`>,\n                default: BentoCodeSnippetVariant.MULTILINE,\n                validator: (value: BentoCodeSnippetVariant) => Object.values(BentoCodeSnippetVariant).includes(value),\n            },\n            /**\n             * Language name for syntax highlighting rules\n             */\n            lang: {\n                type: String as PropType<BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`>,\n                default: BentoCodeSnippetSupportedLanguage.JSON,\n                validator: (value: BentoCodeSnippetSupportedLanguage) =>\n                    Object.values(BentoCodeSnippetSupportedLanguage).includes(value),\n            },\n            /**\n             * Label to show in the action-bar, describing the language\n             */\n            langLabel: {\n                type: String,\n                default: null,\n            },\n            /**\n             * The code content\n             */\n            content: {\n                type: String,\n                default: '',\n            },\n            /**\n             * Allows editing of the code-snippet content by the user\n             */\n            editable: {\n                type: Boolean,\n                default: false,\n            },\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: {\n                type: Boolean,\n                default: false,\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: {\n                type: Boolean,\n                default: false,\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: {\n                type: String,\n                default: 'run',\n            },\n            /**\n             * Toggles the loading indicator within the action bar\n             */\n            loading: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        emits: [BentoCodeSnippetEvent.ACTION, BentoCodeSnippetEvent.CHANGE],\n        setup(props, { emit }) {\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\n            const currentContents = ref(null);\n            const contentLength = ref(0);\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\n                    editorReadOnly.of(EditorState.readOnly.of(!props.editable)),\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 runText = computed(() => t(props.actionableText as 'run'));\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\n            return {\n                // Values\n                availableLanguages,\n                codeAreaContentConditionalClasses,\n                conditionalClasses,\n                container,\n                currentContents,\n                displayedLang,\n                editor,\n                selectedLanguage,\n                showModal,\n                isInlineVariant,\n\n                // Methods\n                handleChangeLanguage,\n                onActionClicked,\n                runText,\n\n                // Translations\n                t,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./code-snippet.scss\"></style>\n"],"names":["lightThemeColors","BCodeSnippetCodeAreaHighlightRed","BCodeSnippetCodeAreaHighlightOrange","BCodeSnippetCodeAreaHighlightGreen","BCodeSnippetCodeAreaHighlightBlue","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","_sfc_main","defineComponent","messages","BentoTypography","BentoButton","BentoDropdown","Copy","BaseModal","BentoLoadingIndicator","ExpandIcon","BentoTooltipDirective","value","props","emit","t","useI18n","selectedLanguage","ref","availableLanguages","handleChangeLanguage","displayedLang","computed","isInlineVariant","conditionalClasses","codeAreaContentConditionalClasses","loadLang","container","shallowRef","editor","languageConf","Compartment","editorTheme","editorReadOnly","currentContents","contentLength","onMounted","updateCurrentContents","state2","extensions","highlightActiveLine","keymap","indentWithTab","EditorState","EditorView","content","lineNumbers","history","watch","upcomingContentLength","runText","onActionClicked","watchEffect","showModal","_hoisted_3","_ctx","createCommentVNode","openBlock","createElementBlock","_hoisted_1","createElementVNode","_hoisted_2","createBlock","_component_bento_dropdown","mergeProps","_cache","$event","createVNode","_component_bento_typography","createTextVNode","toDisplayString","_component_bento_loading_indicator","_component_copy","_component_bento_button","_component_expand_icon","_hoisted_4","renderSlot","expandable","_component_base_modal","_component_bento_code_snippet","normalizeProps","guardReactiveProps"],"mappings":"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","x_google_ignoreList":[2]}