@adyen/bento-vue2 1.45.0 → 1.46.0

package/dist/chunks/{code-snippet.5iJcUZSo.js → code-snippet.Bs7wIGi8.js}

@@ -1,24 +1,24 @@
-import { defineComponent as j, ref as d, computed as l, shallowRef as x, onMounted as R, watch as D, watchEffect as J } from "vue";
-import { s as P, H as V, t as n, p as G, j as $, a as U, x as W, b as z, E as F, h as X, k as Y, C as h, c as L, i as K, d as N, l as q, e as Q } from "./codemirror.CXFEqvAi.js";
-import { B as Z, a as ee, b as te, c as ne } from "./es6.jIyAPBgt.js";
-import { B as ae } from "./dropdown.BqsoncJr.js";
-import { B as oe } from "./button.BX6ZJxF7.js";
-import { B as se } from "./typography.J1v_SPG3.js";
-import { B as ie } from "./loading-indicator.z8COalOc.js";
-import { u as le } from "./i18n.BQkEbtPM.js";
-import { E as re } from "./expand.CwwKq7Uc.js";
-import { h as ce } from "./base-modal.4JSNBM4T.js";
-import { C as de } from "./copy.DN0tClPm.js";
-import { B as ge } from "./tooltip.R2sqydIE.js";
-import { n as ue } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { defineComponent as B, ref as d, computed as l, shallowRef as C, onMounted as Q, watch as Y, watchEffect as H } from "vue";
+import { s as M, H as V, t as n, L as j, a as D, b as Z, c as J, j as W, x as U, d as G, e as z, p as F, E as X, h as K, k as q, i as ee, f as S, g as L, l as te, m as ne, C as b } from "./codemirror.OjJ-3ixa.js";
+import { b as ae, c as oe, d as se, e as ie } from "./es6.D11bE5vq.js";
+import { B as le } from "./dropdown.BkLc07G8.js";
+import { B as re } from "./button.Bx8WC-dy.js";
+import { B as ce } from "./typography.Bu_WAKdf.js";
+import { B as de } from "./loading-indicator.z8COalOc.js";
+import { u as ge } from "./i18n.BQkEbtPM.js";
+import { E as ue } from "./expand.CwwKq7Uc.js";
+import { h as pe } from "./base-modal.UPLi477L.js";
+import { C as fe } from "./copy.BakPR7GI.js";
+import { B as me } from "./tooltip.CQGwmwt9.js";
+import { n as he } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/code-snippet.css";
-const pe = {
-  red: Z,
-  orange: ne,
-  green: ee,
-  blue: te,
+const be = {
+  red: ae,
+  orange: oe,
+  green: se,
+  blue: ie,
   invalid: "#ffffff"
-}, fe = (e, t) => V.define([
+}, Oe = (e, t) => V.define([
   {
     tag: n.keyword,
     color: e.red
@@ -85,31 +85,61 @@ const pe = {
     tag: n.invalid,
     color: e.invalid
   }
-]), me = (e) => P(fe(pe, e));
-var g = /* @__PURE__ */ ((e) => (e.INLINE = "inline", e.SINGLELINE = "singleline", e.MULTILINE = "multiline", e))(g || {}), s = /* @__PURE__ */ ((e) => (e.JSON = "json", e.XML = "xml", e.JAVA = "java", e.JAVASCRIPT = "javascript", e.PYTHON = "python", e))(s || {}), r = /* @__PURE__ */ ((e) => (e.ACTION = "action", e.CHANGE = "change", e))(r || {});
-const be = {
-  [s.JSON]: z,
-  [s.XML]: W,
-  [s.JAVASCRIPT]: U,
-  [s.JAVA]: $,
-  [s.PYTHON]: G
-}, he = (e) => async () => be[e], _e = (e, t) => {
+]), _e = (e) => M(Oe(be, e));
+var g = /* @__PURE__ */ ((e) => (e.INLINE = "inline", e.SINGLELINE = "singleline", e.MULTILINE = "multiline", e))(g || {}), s = /* @__PURE__ */ ((e) => (e.JSON = "json", e.XML = "xml", e.JAVA = "java", e.JAVASCRIPT = "javascript", e.PYTHON = "python", e.CSV = "csv", e))(s || {}), r = /* @__PURE__ */ ((e) => (e.ACTION = "action", e.CHANGE = "change", e))(r || {});
+const ve = j.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
+}), ye = D.define({
+  parser: ve.configure({
+    props: [
+      Z({
+        Separator: n.separator,
+        Value: n.string,
+        String: n.string,
+        LineComment: n.lineComment,
+        "( )": n.paren
+      })
+    ]
+  })
+});
+function Ce() {
+  return new J(ye);
+}
+const Se = {
+  [s.JSON]: W,
+  [s.XML]: U,
+  [s.JAVASCRIPT]: G,
+  [s.JAVA]: z,
+  [s.PYTHON]: F,
+  [s.CSV]: Ce
+}, Le = (e) => async () => Se[e], xe = (e, t) => {
   const a = e.doc.lineAt(t.from), o = /^\s*/.exec(a.text);
   return o ? o[0] : "";
-}, ve = {
+}, Ne = {
   key: "Enter",
   run: ({ state: e, dispatch: t }) => {
     const a = e.changeByRange((o) => {
       const c = `
-${_e(e, o)}`;
+${xe(e, o)}`;
       return {
         changes: { from: o.from, to: o.to, insert: c },
-        range: F.cursor(o.from + c.length)
+        range: X.cursor(o.from + c.length)
       };
     });
     return t(e.update(a, { scrollIntoView: !0, userEvent: "input" })), !0;
   }
-}, ye = {
+}, Pe = {
   "en-US": {
     expand: "Expand",
     nothingToDisplay: "Nothing to display",
@@ -123,19 +153,19 @@ ${_e(e, o)}`;
     expand: "展開",
     nothingToDisplay: "表示するものがありません"
   }
-}, Ce = j({
-  i18n: { messages: ye },
+}, Te = B({
+  i18n: { messages: Pe },
   name: "bento-code-snippet",
   components: {
-    BentoTypography: se,
-    BentoButton: oe,
-    BentoDropdown: ae,
-    Copy: de,
-    BaseModal: ce,
-    BentoLoadingIndicator: ie,
-    ExpandIcon: re
+    BentoTypography: ce,
+    BentoButton: re,
+    BentoDropdown: le,
+    Copy: fe,
+    BaseModal: pe,
+    BentoLoadingIndicator: de,
+    ExpandIcon: ue
   },
-  directives: { BentoTooltipDirective: ge },
+  directives: { BentoTooltipDirective: me },
   props: {
     /**
      * Defines the variant of code-snippet
@@ -208,36 +238,36 @@ ${_e(e, o)}`;
   },
   emits: [r.ACTION, r.CHANGE],
   setup(e, { emit: t }) {
-    const { t: a } = le(), o = d(null), _ = [], c = () => {
-    }, A = l(() => e.langLabel ?? e.lang.toUpperCase()), u = l(() => e.variant === g.INLINE), I = l(() => ({
+    const { t: a } = ge(), o = d(null), O = [], c = () => {
+    }, x = l(() => e.langLabel ?? e.lang.toUpperCase()), u = l(() => e.variant === g.INLINE), N = l(() => ({
       "b-code-snippet--inline": u.value,
       "b-code-snippet--scrollable": !u.value
-    })), T = l(() => ({
+    })), P = l(() => ({
       "b-code-snippet__code-area-content--editable": e.editable
-    })), E = he(e.lang), v = x(), p = x(), w = new h(), B = new h(), S = new h(), i = d(null), f = d(0);
-    R(async () => {
-      const m = await E();
+    })), T = Le(e.lang), _ = C(), p = C(), A = new b(), E = new b(), I = new b(), i = d(null), f = d(0);
+    Q(async () => {
+      const m = await T();
       i.value = e.content;
-      const M = ({ state: b }) => {
-        i.value = b.doc.toString();
-      }, y = [
-        X(),
-        Y.of([K, ve]),
-        w.of(m()),
-        B.of(me(e.lang)),
-        S.of(N.readOnly.of(!e.editable)),
-        L.updateListener.of((b) => M(b))
+      const $ = ({ state: h }) => {
+        i.value = h.doc.toString();
+      }, v = [
+        K(),
+        q.of([ee, Ne]),
+        A.of(m()),
+        E.of(_e(e.lang)),
+        I.of(S.readOnly.of(!e.editable)),
+        L.updateListener.of((h) => $(h))
       ];
-      e.variant === "multiline" && y.push([q(), Q()]);
-      const C = N.create({
+      e.variant === "multiline" && v.push([te(), ne()]);
+      const y = S.create({
         doc: e.content,
-        extensions: [...y]
+        extensions: [...v]
       });
-      f.value = C.doc.length, p.value = new L({
-        state: C,
-        parent: v.value
+      f.value = y.doc.length, p.value = new L({
+        state: y,
+        parent: _.value
       });
-    }), D(
+    }), Y(
       () => e.content,
       () => {
         if (e.content !== i.value) {
@@ -252,35 +282,35 @@ ${_e(e, o)}`;
         }
       }
     );
-    const k = l(() => a(e.actionableText)), O = () => {
+    const R = l(() => a(e.actionableText)), w = () => {
       t(r.ACTION, i.value);
     };
-    J(() => {
+    H(() => {
       i.value !== null && t(r.CHANGE, i.value);
     });
-    const H = d(!1);
+    const k = d(!1);
     return {
       // Values
-      availableLanguages: _,
-      codeAreaContentConditionalClasses: T,
-      conditionalClasses: I,
-      container: v,
+      availableLanguages: O,
+      codeAreaContentConditionalClasses: P,
+      conditionalClasses: N,
+      container: _,
       currentContents: i,
-      displayedLang: A,
+      displayedLang: x,
       editor: p,
       selectedLanguage: o,
-      showModal: H,
+      showModal: k,
       isInlineVariant: u,
       // Methods
       handleChangeLanguage: c,
-      onActionClicked: O,
-      runText: k,
+      onActionClicked: w,
+      runText: R,
       // Translations
       t: a
     };
   }
 });
-var xe = function() {
+var Ae = function() {
   var t = this, a = t._self._c;
   return t._self._setupProxy, a("div", { staticClass: "b-code-snippet", class: t.conditionalClasses }, [t.isInlineVariant ? t._e() : a("section", { staticClass: "b-code-snippet__action-bar" }, [a("div", { staticClass: "b-code-snippet__action-bar--start" }, [t.availableLanguages.length > 0 ? a("bento-dropdown", t._b({ staticClass: "b-code-snippet__language-picker", attrs: { disabled: t.availableLanguages.length === 1, items: t.availableLanguages }, on: { input: t.handleChangeLanguage }, model: { value: t.selectedLanguage, callback: function(o) {
     t.selectedLanguage = o;
@@ -297,19 +327,19 @@ var xe = function() {
   } }, scopedSlots: t._u([{ key: "content", fn: function() {
     return [a("bento-code-snippet", t._b({}, "bento-code-snippet", { ...t.$props, expandable: !1 }, !1))];
   }, proxy: !0 }], null, !1, 3343589027) }) : t._e()], 1);
-}, Le = [], Ne = /* @__PURE__ */ ue(
-  Ce,
-  xe,
-  Le,
+}, Ee = [], Ie = /* @__PURE__ */ he(
+  Te,
+  Ae,
+  Ee,
   !1,
   null,
   "10a1a4c8"
 );
-const De = Ne.exports;
+const Je = Ie.exports;
 export {
   g as B,
   s as a,
   r as b,
-  De as c
+  Je as c
 };
-//# sourceMappingURL=code-snippet.5iJcUZSo.js.map
+//# sourceMappingURL=code-snippet.Bs7wIGi8.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code-snippet.Bs7wIGi8.js","sources":["../../src/components/code-snippet/highlight.ts","../../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","../../src/components/code-snippet/utils/get-lang-loader.ts","../../src/components/code-snippet/utils/indent-same-as-line-before-extension.ts","../../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"],"mappings":"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","x_google_ignoreList":[2]}