@adyen/bento-vue3 1.45.0 → 1.47.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue3",
-  "version": "1.45.0",
+  "version": "1.47.0",
   "description": "Adyen Bento Vue 3 components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -34,9 +34,10 @@
     "@vueuse/core": "11.3.0",
     "date-fns": "2.28.0",
     "focus-lock": "0.11.0",
+    "mime": "4.0.6",
     "uuid": "11.0.5",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.45.0"
+    "@adyen/bento-design-tokens": "1.47.0"
   },
   "peerDependencies": {
     "vue": "^3.2.47",
@@ -47,7 +48,8 @@
     "vue-router": ">=4"
   },
   "overrides": {
-    "@codemirror/state": "6.4.0"
+    "@codemirror/state": "catalog:",
+    "@codemirror/view": "catalog:"
   },
   "devDependencies": {
     "@adyen/lume-vue3": "1.11.3",
@@ -61,7 +63,7 @@
     "@codemirror/language": "6.10.3",
     "@codemirror/language-data": "6.4.0",
     "@codemirror/state": "6.4.0",
-    "@codemirror/view": "6.23.1",
+    "@codemirror/view": "6.36.1",
     "@playwright/experimental-ct-vue": "1.42.1",
     "@playwright/test": "1.42.1",
     "@storybook/addon-a11y": "8.6.4",
@@ -90,6 +92,7 @@
     "@vue/test-utils": "2.4.1",
     "axe-core": "4.4.2",
     "clean-webpack-plugin": "3.0.0",
+    "codemirror-lang-csv": "0.1.1",
     "css-loader": "5.2.7",
     "fork-ts-checker-webpack-plugin": "6.5.2",
     "html-webpack-plugin": "4.5.2",

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

@@ -1,392 +0,0 @@
-import { defineComponent as Y, ref as v, computed as h, shallowRef as x, onMounted as F, watch as K, watchEffect as q, resolveComponent as i, createElementBlock as _, openBlock as o, normalizeClass as D, createCommentVNode as c, createBlock as g, createElementVNode as C, createVNode as N, mergeProps as Q, withCtx as f, createTextVNode as R, toDisplayString as O, renderSlot as Z, normalizeProps as ee, guardReactiveProps as ne } from "vue";
-import { s as te, H as ae, t as n, p as oe, j as ie, a as se, x as le, b as re, E as ce, h as de, k as ge, C as H, c as $, i as pe, d as J, l as ue, e as me } from "./codemirror.CXFEqvAi.js";
-import { B as be, a as he, b as fe, c as ye } from "./es6.jIyAPBgt.js";
-import { B as ve } from "./dropdown.CZDXXpKe.js";
-import { B as _e } from "./button.Cneb6rPP.js";
-import { B as Ce } from "./typography.DN5eC5ch.js";
-import "./events.FNmSWp_P.js";
-import { B as Ne } from "./tooltip.2MOlGHD9.js";
-import { B as Le } from "./loading-indicator.DEepb9Wl.js";
-import { u as Ie } from "./i18n.WMYWtwxB.js";
-import { E as Ae } from "./expand.CJ162RaJ.js";
-import { h as Ee } from "./base-modal.DbJYaHyG.js";
-import { C as Te } from "./copy.DAMq-zRP.js";
-import { _ as ke } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import "../assets/code-snippet.css";
-const Be = {
-  red: be,
-  orange: ye,
-  green: he,
-  blue: fe,
-  invalid: "#ffffff"
-}, we = (e, t) => ae.define([
-  {
-    tag: n.keyword,
-    color: e.red
-  },
-  {
-    tag: [n.name, n.deleted, n.character, n.propertyName, n.macroName],
-    color: e.green
-  },
-  {
-    tag: [n.function(n.variableName), n.labelName],
-    color: e.blue
-  },
-  {
-    tag: [n.color, n.constant(n.name), n.standard(n.name)],
-    color: e.red
-  },
-  {
-    tag: [n.definition(n.name), ...t !== "json" ? [n.separator] : []],
-    color: e.red
-  },
-  {
-    tag: [n.typeName, n.className, n.number, n.changed, n.annotation, n.modifier, n.self, n.namespace],
-    color: e.orange
-  },
-  {
-    tag: [n.operator, n.operatorKeyword, n.url, n.escape, n.regexp, n.link, n.special(n.string)],
-    color: e.blue
-  },
-  {
-    tag: [n.meta, n.comment],
-    color: e.orange
-  },
-  {
-    tag: n.strong,
-    fontWeight: "bold"
-  },
-  {
-    tag: n.emphasis,
-    fontStyle: "italic"
-  },
-  {
-    tag: n.strikethrough,
-    textDecoration: "line-through"
-  },
-  {
-    tag: n.link,
-    color: e.orange,
-    textDecoration: "underline"
-  },
-  {
-    tag: n.heading,
-    fontWeight: "bold",
-    color: e.blue
-  },
-  {
-    tag: [n.atom, n.bool, n.special(n.variableName)],
-    color: e.red
-  },
-  {
-    tag: [n.processingInstruction, n.string, n.inserted],
-    color: e.blue
-  },
-  {
-    tag: n.invalid,
-    color: e.invalid
-  }
-]), Se = (e) => te(we(Be, e));
-var L = /* @__PURE__ */ ((e) => (e.INLINE = "inline", e.SINGLELINE = "singleline", e.MULTILINE = "multiline", e))(L || {}), s = /* @__PURE__ */ ((e) => (e.JSON = "json", e.XML = "xml", e.JAVA = "java", e.JAVASCRIPT = "javascript", e.PYTHON = "python", e))(s || {}), y = /* @__PURE__ */ ((e) => (e.ACTION = "action", e.CHANGE = "change", e))(y || {});
-const Me = {
-  [s.JSON]: re,
-  [s.XML]: le,
-  [s.JAVASCRIPT]: se,
-  [s.JAVA]: ie,
-  [s.PYTHON]: oe
-}, Oe = (e) => async () => Me[e], He = (e, t) => {
-  const l = e.doc.lineAt(t.from), a = /^\s*/.exec(l.text);
-  return a ? a[0] : "";
-}, Ve = {
-  key: "Enter",
-  run: ({ state: e, dispatch: t }) => {
-    const l = e.changeByRange((a) => {
-      const p = `
-${He(e, a)}`;
-      return {
-        changes: { from: a.from, to: a.to, insert: p },
-        range: ce.cursor(a.from + p.length)
-      };
-    });
-    return t(e.update(l, { scrollIntoView: !0, userEvent: "input" })), !0;
-  }
-}, P = {
-  "en-US": {
-    expand: "Expand",
-    nothingToDisplay: "Nothing to display",
-    run: "Run"
-  },
-  "pt-BR": {
-    expand: "Expandir",
-    nothingToDisplay: "Nada para exibir"
-  },
-  "ja-JP": {
-    expand: "展開",
-    nothingToDisplay: "表示するものがありません"
-  }
-}, je = Y({
-  i18n: { messages: P },
-  name: "bento-code-snippet",
-  components: {
-    BentoTypography: Ce,
-    BentoButton: _e,
-    BentoDropdown: ve,
-    Copy: Te,
-    BaseModal: Ee,
-    BentoLoadingIndicator: Le,
-    ExpandIcon: Ae
-  },
-  directives: { BentoTooltipDirective: Ne },
-  props: {
-    /**
-     * Defines the variant of code-snippet
-     */
-    variant: {
-      type: String,
-      default: L.MULTILINE,
-      validator: (e) => Object.values(L).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: [y.ACTION, y.CHANGE],
-  setup(e, { emit: t }) {
-    const { t: l } = Ie({ messages: P }), a = v(null), I = [], p = () => {
-    }, A = h(() => e.langLabel ?? e.lang.toUpperCase()), d = h(() => e.variant === L.INLINE), E = 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 = Oe(e.lang), u = x(), m = x(), B = new H(), b = new H(), G = new H(), r = v(null), w = v(0);
-    F(async () => {
-      const S = await k();
-      r.value = e.content;
-      const X = ({ state: M }) => {
-        r.value = M.doc.toString();
-      }, V = [
-        de(),
-        ge.of([pe, Ve]),
-        B.of(S()),
-        b.of(Se(e.lang)),
-        G.of(J.readOnly.of(!e.editable)),
-        $.updateListener.of((M) => X(M))
-      ];
-      e.variant === "multiline" && V.push([ue(), me()]);
-      const j = J.create({
-        doc: e.content,
-        extensions: [...V]
-      });
-      w.value = j.doc.length, m.value = new $({
-        state: j,
-        parent: u.value
-      });
-    }), K(
-      () => e.content,
-      () => {
-        if (e.content !== r.value) {
-          const S = e.content.length;
-          m.value.dispatch({
-            changes: {
-              from: 0,
-              to: w.value,
-              insert: e.content
-            }
-          }), w.value = S;
-        }
-      }
-    );
-    const U = h(() => l(e.actionableText)), z = () => {
-      t(y.ACTION, r.value);
-    };
-    q(() => {
-      r.value !== null && t(y.CHANGE, r.value);
-    });
-    const W = v(!1);
-    return {
-      // Values
-      availableLanguages: I,
-      codeAreaContentConditionalClasses: T,
-      conditionalClasses: E,
-      container: u,
-      currentContents: r,
-      displayedLang: A,
-      editor: m,
-      selectedLanguage: a,
-      showModal: W,
-      isInlineVariant: d,
-      // Methods
-      handleChangeLanguage: p,
-      onActionClicked: z,
-      runText: U,
-      // Translations
-      t: l
-    };
-  }
-}), xe = {
-  key: 0,
-  class: "b-code-snippet__action-bar"
-}, De = { class: "b-code-snippet__action-bar--start" }, Re = { class: "b-code-snippet__action-bar--end" }, $e = {
-  key: 1,
-  class: "b-code-snippet__code-area"
-}, Je = { key: 2 }, Pe = { class: "b-code-snippet__empty-state" };
-function Ge(e, t, l, a, I, p) {
-  const A = i("bento-dropdown"), d = i("bento-typography"), E = i("bento-loading-indicator"), T = i("copy"), k = i("expand-icon"), u = i("bento-button"), m = i("bento-code-snippet"), B = i("base-modal");
-  return o(), _("div", {
-    class: D(["b-code-snippet", e.conditionalClasses])
-  }, [
-    e.isInlineVariant ? c("", !0) : (o(), _("section", xe, [
-      C("div", De, [
-        e.availableLanguages.length > 0 ? (o(), g(A, Q({
-          key: 0,
-          modelValue: e.selectedLanguage,
-          "onUpdate:modelValue": t[0] || (t[0] = (b) => e.selectedLanguage = b)
-        }, 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),
-        N(d, {
-          el: "span",
-          stronger: ""
-        }, {
-          default: f(() => [
-            R(O(e.displayedLang), 1)
-          ]),
-          _: 1
-        })
-      ]),
-      C("div", Re, [
-        e.loading ? (o(), g(E, { 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: t[1] || (t[1] = (b) => e.showModal = !0)
-        }, {
-          iconLeft: f(() => [
-            N(k)
-          ]),
-          _: 1
-        }, 8, ["aria-label"])) : c("", !0),
-        e.actionable ? (o(), g(u, {
-          key: 3,
-          variant: "primary",
-          tertiary: "",
-          condensed: "",
-          onClick: e.onActionClicked
-        }, {
-          iconLeft: f(() => [
-            N(d, {
-              el: "span",
-              class: "b-code-snippet__action-button"
-            }, {
-              default: f(() => [
-                R(O(e.runText), 1)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["onClick"])) : c("", !0)
-      ])
-    ])),
-    e.content || e.editable ? (o(), _("code", $e, [
-      C("div", {
-        ref: "container",
-        class: D(["b-code-snippet__code-area-content", e.codeAreaContentConditionalClasses])
-      }, null, 2)
-    ])) : (o(), _("section", Je, [
-      Z(e.$slots, "empty-state", {}, () => [
-        C("div", Pe, O(e.t("nothingToDisplay")), 1)
-      ], !0)
-    ])),
-    e.expandable ? (o(), g(B, {
-      key: 3,
-      class: "b-code-snippet__modal",
-      "hide-close-button": !0,
-      "custom-padding": "0px",
-      "is-dismissible": !0,
-      "is-open": e.showModal,
-      size: "large",
-      onCloseModal: t[2] || (t[2] = (b) => e.showModal = !1)
-    }, {
-      content: f(() => [
-        N(m, ee(ne({ ...e.$props, expandable: !1 })), null, 16)
-      ]),
-      _: 1
-    }, 8, ["is-open"])) : c("", !0)
-  ], 2);
-}
-const on = /* @__PURE__ */ ke(je, [["render", Ge], ["__scopeId", "data-v-54361d30"]]);
-export {
-  L as B,
-  s as a,
-  y as b,
-  on as c
-};
-//# sourceMappingURL=code-snippet.volJxGqR.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"code-snippet.volJxGqR.js","sources":["../../../vue2/src/components/code-snippet/highlight.ts","../../../vue2/src/components/code-snippet/code-snippet.types.ts","../../../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}\n\nexport enum BentoCodeSnippetEvent {\n    ACTION = 'action',\n    CHANGE = 'change',\n}\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';\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};\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","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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"}