@cling-se/widget 0.19.7 → 0.19.8

package/dist/{Index-DkQ8_VkX.js → Index-CY2sRfaY.js}

@@ -1,23 +1,22 @@
-import { m as O } from "./mapFormMixin-CjfqZnmd.js";
-import { s as y, aL as $, bl as _, n as k, d as n, a9 as B, _ as C, e as l, o as c, b as u, j as f, F as S, G as N, y as V, t as b, Y as L, bm as A, c as T, w as p, ab as P, bn as I, bo as v, bp as w, f as x, x as R } from "./main-C2Q8_T2Y.js";
-import { M as F, g as J } from "./splitpanes-CuxtOZyV.js";
-import { a as z } from "./DocumentLayout-DaVz9SGF.js";
-import { e as j } from "./dom-DOcGU3-g.js";
-const W = `
+import { m as O } from "./mapFormMixin-Bx5_nE7g.js";
+import { f as a, bl as C, ae as k, aS as U, ag as v, u as $, I as B, bd as N, d as u, o as d, X as A, _ as M, b as l, j as f, F as j, n as I, x as S, t as b, W as V, bm as P, c as L, w as p, am as R, e as y, q as F, bn as w, bo as x, bp as J } from "./main-BayUZ9OO.js";
+import { g as q, M as W } from "./splitpanes-DFkgBT3z.js";
+import { e as z } from "./dom-DOcGU3-g.js";
+const K = `
 /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{box-sizing:border-box;font-family:sans-serif}*,::after,::before{box-sizing:inherit}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,p,pre{margin:0}button{background:0 0;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset{margin:0;padding:0}ol,ul{margin:0}*,::after,::before{border-width:0;border-style:solid;border-color:#dae1e7}img{border-style:solid}[type=button],[type=reset],[type=submit],button{border-radius:0}textarea{resize:vertical}img{max-width:100%;height:auto}button,input,optgroup,select,textarea{font-family:inherit}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:inherit;opacity:.5}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:inherit;opacity:.5}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:inherit;opacity:.5}input::placeholder,textarea::placeholder{color:inherit;opacity:.5}[role=button],button{cursor:pointer}table{border-collapse:collapse}
-`, q = (t, { _document: e, id: o, firstRender: a }) => `
+`, Y = (e, { _document: t, id: o, firstRender: n }) => `
     <!DOCTYPE html>
     <html>
         <head>
-            <style>${W}</style>
-            <style>${t.css}</style>
+            <style>${K}</style>
+            <style>${e.css}</style>
         </head>
         <body>
-            ${t.html}
+            ${e.html}
         </body>
         <script>
-          var doc = ${e};
-          var firstRender = ${a};
+          var doc = ${t};
+          var firstRender = ${n};
           function getOuterHeight(el) {
             var height = el.clientHeight;
             var computedStyle = window.getComputedStyle(el);
@@ -56,9 +55,9 @@ const W = `
           });
         <\/script>
         <script type="module">
-          ${t.javascript}
+          ${e.javascript}
         <\/script>
-    </html>`, E = {
+    </html>`, T = {
   name: "CustomView",
   props: {
     html: {
@@ -98,74 +97,74 @@ const W = `
   },
   methods: {
     updateView({
-      firstRender: t = !1
+      firstRender: e = !1
     } = {}) {
       if (!this.$refs.iframe) return;
-      const e = this._document.getRawData();
-      this.setUsedPathValues(), this.$refs.iframe.srcdoc = q({
-        html: y(this.html, e),
-        css: y(this.css, e),
-        javascript: y(this.javascript, e)
+      const t = this._document.getRawData();
+      this.setUsedPathValues(), this.$refs.iframe.srcdoc = Y({
+        html: v(this.html, t),
+        css: v(this.css, t),
+        javascript: v(this.javascript, t)
       }, {
-        _document: JSON.stringify(e),
+        _document: JSON.stringify(t),
         id: this.$.uid,
-        firstRender: t
+        firstRender: e
       });
     },
     registerStoreListener() {
-      this.sendDocumentUpdate = $(this.sendDocMessage, 1e3), this.storeListenerUnsubscribe = this.$store.subscribe((t) => {
+      this.sendDocumentUpdate = U(this.sendDocMessage, 1e3), this.storeListenerUnsubscribe = this.$store.subscribe((e) => {
         const {
-          type: e
-        } = t;
-        (e === "forms/SET_FORM_VALUE" || e === "publicDocuments/SET_CURRENT_DOCUMENT_VALUE") && (this.sendDocumentUpdate(), ["html", "css", "javascript"].some((a) => {
-          const i = _(this[a]);
+          type: t
+        } = e;
+        (t === "forms/SET_FORM_VALUE" || t === "publicDocuments/SET_CURRENT_DOCUMENT_VALUE") && (this.sendDocumentUpdate(), ["html", "css", "javascript"].some((n) => {
+          const i = C(this[n]);
           return Object.keys(i).some((s) => this.usedPathValues[s] !== k(this._document.getRawData(), s));
         }) && this.updateView());
       });
     },
     unregisterStoreListener() {
-      var t;
-      (t = this.storeListenerUnsubscribe) == null || t.call(this);
+      var e;
+      (e = this.storeListenerUnsubscribe) == null || e.call(this);
     },
     setUsedPathValues() {
-      ["html", "css", "javascript"].forEach((t) => {
-        const e = _(this[t]);
-        Object.keys(e).forEach((o) => {
+      ["html", "css", "javascript"].forEach((e) => {
+        const t = C(this[e]);
+        Object.keys(t).forEach((o) => {
           this.usedPathValues[o] = k(this._document.getRawData(), o);
         });
       });
     },
     // Update doc variable in iFrame
     sendDocMessage() {
-      const t = this.$refs.iframe;
-      if (!t || !t.contentWindow) return;
-      const e = JSON.stringify({
+      const e = this.$refs.iframe;
+      if (!e || !e.contentWindow) return;
+      const t = JSON.stringify({
         channel: "document",
         data: {
           body: this._document.getRawData()
         }
       });
-      this.$refs.iframe.contentWindow.postMessage(e, "*");
+      this.$refs.iframe.contentWindow.postMessage(t, "*");
     }
   },
   mounted() {
     this.updateView({
       firstRender: !0
-    }), this.sendDocMessage(), window.addEventListener("message", (t) => {
-      let e = null;
+    }), this.sendDocMessage(), window.addEventListener("message", (e) => {
+      let t = null;
       try {
-        e = JSON.parse(t.data);
+        t = JSON.parse(e.data);
       } catch {
       }
-      e && e.channel === "customBlock" && (e == null ? void 0 : e.id) === `${this.$.uid}` && this.$refs.iframe && (this.$refs.iframe.style.height = e.data.height + "px");
+      t && t.channel === "customBlock" && (t == null ? void 0 : t.id) === `${this.$.uid}` && this.$refs.iframe && (this.$refs.iframe.style.height = t.data.height + "px");
     }), this.registerStoreListener();
   },
   beforeUnmount() {
-    var t, e;
-    this.unregisterStoreListener(), (e = (t = this.sendDocumentUpdate) == null ? void 0 : t.cancel) == null || e.call(t);
+    var e, t;
+    this.unregisterStoreListener(), (t = (e = this.sendDocumentUpdate) == null ? void 0 : e.cancel) == null || t.call(e);
   },
   render() {
-    return n("iframe", {
+    return a("iframe", {
       id: this.$.uid,
       ref: "iframe",
       sandbox: "allow-scripts",
@@ -173,20 +172,17 @@ const W = `
       class: "h-0 w-full"
     }, null);
   }
-}, K = {
+}, Z = {
+  ref: "editorContainer",
+  class: "h-full w-full"
+}, X = {
   name: "MonacoEditor",
   emits: ["change", "input"],
   props: {
     value: String,
     srcdoc: String,
-    language: {
-      type: String,
-      default: "javascript"
-    },
-    theme: {
-      type: String,
-      default: "vs-dark"
-    },
+    language: { type: String, default: "javascript" },
+    theme: { type: String, default: "vs-dark" },
     options: {
       type: Object,
       default: () => ({
@@ -197,137 +193,117 @@ const W = `
         }
       })
     },
-    editorMounted: {
-      type: Function,
-      default: () => {
-      }
-    },
-    editorBeforeMount: {
-      type: Function,
-      default: () => {
-      }
-    },
-    debounceTime: {
-      type: Number,
-      default: 500
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  components: {
-    WithDimensions: z
+    editorMounted: { type: Function, default: () => {
+    } },
+    editorBeforeMount: { type: Function, default: () => {
+    } },
+    debounceTime: { type: Number, default: 500 },
+    disabled: { type: Boolean, default: !1 }
   },
   watch: {
     options: {
       deep: !0,
-      handler(t) {
-        var e;
-        (e = this.editor) == null || e.updateOptions(t);
+      handler(e) {
+        var t;
+        (t = this.editor) == null || t.updateOptions(e);
       }
     },
     value() {
       this.editor && this.value !== this.getValue() && this.setValue(this.value);
     },
     language() {
-      this.editor && window.monaco.editor.setModelLanguage(this.editor.getModel(), this.language);
+      this.editor && window.monaco.editor.setModelLanguage(
+        this.editor.getModel(),
+        this.language
+      );
     },
     theme() {
       this.editor && window.monaco.editor.setTheme(this.theme);
     },
-    disabled(t) {
-      var e;
-      (e = this.editor) == null || e.updateOptions({
-        readOnly: t
-      });
+    disabled(e) {
+      var t;
+      (t = this.editor) == null || t.updateOptions({ readOnly: e });
     }
   },
   mounted() {
     this.loadMonaco().then(() => {
-      var t;
-      this.initMonaco(), (t = this.editor) == null || t.focus();
+      var e;
+      this.initMonaco(), (e = this.editor) == null || e.focus();
     });
   },
   beforeUnmount() {
-    var t, e, o;
-    (t = this.editor) == null || t.dispose(), (o = (e = this.codeChangeEmitter) == null ? void 0 : e.cancel) == null || o.call(e);
-  },
-  render() {
-    return n(z, {
-      onWidth: () => {
-        var t;
-        return (t = this.editor) == null ? void 0 : t.layout();
-      },
-      onHeight: () => {
-        var t;
-        return (t = this.editor) == null ? void 0 : t.layout();
-      }
-    }, {
-      default: () => [n("div", {
-        ref: "editorContainer",
-        style: "width: 100%; height: 100%"
-      }, null)]
-    });
+    var e, t, o;
+    (e = this.editor) == null || e.dispose(), (o = (t = this.codeChangeEmitter) == null ? void 0 : t.cancel) == null || o.call(t);
   },
   methods: {
     async loadMonaco() {
-      await j("https://cdn.jsdelivr.net/npm/monaco-editor@0.33.0/min/vs/loader.js");
-      const t = {
+      await z(
+        "https://cdn.jsdelivr.net/npm/monaco-editor@0.33.0/min/vs/loader.js"
+      );
+      const e = {
         paths: {
           vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.33.0/min/vs"
         }
       };
-      await new Promise((e, o) => {
-        window.require.config(t), window.require(["vs/editor/editor.main"], e, o);
-      }), await j("https://cdn.jsdelivr.net/npm/emmet-monaco-es@5.1.0/dist/emmet-monaco.js");
+      await new Promise((t, o) => {
+        window.require.config(e), window.require(["vs/editor/editor.main"], t, o);
+      }), await z(
+        "https://cdn.jsdelivr.net/npm/emmet-monaco-es@5.1.0/dist/emmet-monaco.js"
+      );
     },
     initMonaco() {
       window.emmetMonaco.emmetHTML(window.monaco), window.emmetMonaco.emmetCSS(window.monaco);
-      const {
-        value: t,
-        language: e,
-        theme: o,
-        options: a
-      } = this;
-      Object.assign(a, this._editorBeforeMount()), this.editor = window.monaco.editor.create(this.$refs.editorContainer, {
-        value: t,
-        language: e,
+      const { value: e, language: t, theme: o, options: n } = this;
+      Object.assign(n, this._editorBeforeMount()), this.editor = window.monaco.editor.create(this.$refs.editorContainer, {
+        value: e,
+        language: t,
         theme: o,
         readOnly: this.disabled,
-        ...a
+        ...n
       }), this._editorMounted(this.editor);
     },
     getEditor() {
       return this.editor ? this.editor : null;
     },
-    setValue(t) {
-      const e = this.getEditor();
-      e == null || e.setValue(t);
+    setValue(e) {
+      const t = this.getEditor();
+      t == null || t.setValue(e);
     },
     getValue() {
-      const t = this.getEditor();
-      return t ? t.getValue() : "";
+      const e = this.getEditor();
+      return e ? e.getValue() : "";
     },
     _editorBeforeMount() {
       return this.editorBeforeMount(window.monaco) || {};
     },
-    _editorMounted(t) {
-      this.editorMounted(t, window.monaco), this.codeChangeEmitter = B((e, o) => this.emitChange(e, o), this.debounceTime), t.onDidChangeModelContent((e) => {
+    _editorMounted(e) {
+      this.editorMounted(e, window.monaco), this.codeChangeEmitter = A(
+        (t, o) => this.emitChange(t, o),
+        this.debounceTime
+      ), e.onDidChangeModelContent((t) => {
         const o = this.getValue();
-        this.codeChangeEmitter(o, e);
+        this.codeChangeEmitter(o, t);
       });
     },
-    emitChange(t, e) {
-      this.$emit("change", t, e), this.$emit("input", t);
+    emitChange(e, t) {
+      this.$emit("change", e, t), this.$emit("input", e);
     }
   }
-}, Y = {
+}, G = /* @__PURE__ */ Object.assign(X, {
+  setup(e) {
+    return (t, o) => $((d(), u("div", Z, null, 512)), [
+      [B(N), () => {
+        var n;
+        return (n = t.editor) == null ? void 0 : n.layout();
+      }]
+    ]);
+  }
+}), Q = {
   html: '<path fill="#e44f26" d="M5.902 27.201L3.655 2h24.69l-2.25 25.197L15.985 30L5.902 27.201z"></path><path fill="#f1662a" d="m16 27.858l8.17-2.265l1.922-21.532H16v23.797z"></path><path fill="#ebebeb" d="M16 13.407h-4.09l-.282-3.165H16V7.151H8.25l.074.83l.759 8.517H16v-3.091zm0 8.027l-.014.004l-3.442-.929l-.22-2.465H9.221l.433 4.852l6.332 1.758l.014-.004v-3.216z"></path><path fill="#fff" d="M15.989 13.407v3.091h3.806l-.358 4.009l-3.448.93v3.216l6.337-1.757l.046-.522l.726-8.137l.076-.83h-7.185zm0-6.256v3.091h7.466l.062-.694l.141-1.567l.074-.83h-7.743z"></path>',
   css: '<path fill="#1572b6" d="M5.902 27.201L3.656 2h24.688l-2.249 25.197L15.985 30L5.902 27.201z"></path><path fill="#33a9dc" d="m16 27.858l8.17-2.265l1.922-21.532H16v23.797z"></path><path fill="#fff" d="M16 13.191h4.09l.282-3.165H16V6.935h7.75l-.074.829l-.759 8.518H16v-3.091z"></path><path fill="#ebebeb" d="m16.019 21.218l-.014.004l-3.442-.93l-.22-2.465H9.24l.433 4.853l6.331 1.758l.015-.004v-3.216z"></path><path fill="#fff" d="m19.827 16.151l-.372 4.139l-3.447.93v3.216l6.336-1.756l.047-.522l.537-6.007h-3.101z"></path><path fill="#ebebeb" d="M16.011 6.935v3.091H8.545l-.062-.695l-.141-1.567l-.074-.829h7.743zM16 13.191v3.091h-3.399l-.062-.695l-.14-1.567l-.074-.829H16z"></path>',
   javascript: '<path fill="#f5de19" d="M2 2h28v28H2z"></path><path d="M20.809 23.875a2.866 2.866 0 0 0 2.6 1.6c1.09 0 1.787-.545 1.787-1.3c0-.9-.716-1.222-1.916-1.747l-.658-.282c-1.9-.809-3.16-1.822-3.16-3.964c0-1.973 1.5-3.476 3.853-3.476a3.889 3.889 0 0 1 3.742 2.107L25 18.128A1.789 1.789 0 0 0 23.311 17a1.145 1.145 0 0 0-1.259 1.128c0 .789.489 1.109 1.618 1.6l.658.282c2.236.959 3.5 1.936 3.5 4.133c0 2.369-1.861 3.667-4.36 3.667a5.055 5.055 0 0 1-4.795-2.691Zm-9.295.228c.413.733.789 1.353 1.693 1.353c.864 0 1.41-.338 1.41-1.653v-8.947h2.631v8.982c0 2.724-1.6 3.964-3.929 3.964a4.085 4.085 0 0 1-3.947-2.4Z"></path>',
   json: '<path fill="currentColor" d="M31 11v10h-2l-2-6v6h-2V11h2l2 6v-6h2zm-9.666 10h-2.667A1.668 1.668 0 0 1 17 19.334v-6.667A1.668 1.668 0 0 1 18.666 11h2.667A1.668 1.668 0 0 1 23 12.666v6.667A1.668 1.668 0 0 1 21.334 21zM19 19h2v-6h-2zm-5.666 2H9v-2h4v-2h-2a2.002 2.002 0 0 1-2-2v-2.334A1.668 1.668 0 0 1 10.666 11H15v2h-4v2h2a2.002 2.002 0 0 1 2 2v2.333A1.668 1.668 0 0 1 13.334 21zm-8 0H2.667A1.668 1.668 0 0 1 1 19.334V17h2v2h2v-8h2v8.334A1.668 1.668 0 0 1 5.333 21z"></path>'
-}, Z = {
+}, tt = {
   name: "Tabs",
   props: {
     modelValue: {
@@ -346,30 +322,30 @@ const W = `
   emits: ["update:modelValue", "update:hLayout", "close"],
   data() {
     return {
-      icons: Y
+      icons: Q
     };
   }
-}, G = { class: "tabs-root" }, Q = ["onClick"], X = ["innerHTML"], tt = ["textContent"];
-function et(t, e, o, a, i, s) {
+}, et = { class: "tabs-root" }, ot = ["onClick"], st = ["innerHTML"], it = ["textContent"];
+function nt(e, t, o, n, i, s) {
   const m = l("CIcon");
-  return c(), u("div", G, [
+  return d(), u("div", et, [
     f("div", {
       class: "simple-btn",
-      onClick: e[0] || (e[0] = (r) => t.$emit("close"))
+      onClick: t[0] || (t[0] = (r) => e.$emit("close"))
     }, [
-      n(m, {
+      a(m, {
         type: "x",
         size: "18"
       })
     ]),
-    (c(!0), u(S, null, N(o.items, (r) => (c(), u("div", {
+    (d(!0), u(j, null, I(o.items, (r) => (d(), u("div", {
       key: r.value,
-      class: V([{
+      class: S([{
         "tab-item-active": o.modelValue === r.value
       }, "tab-item"]),
-      onClick: (g) => t.$emit("update:modelValue", r.value)
+      onClick: (g) => e.$emit("update:modelValue", r.value)
     }, [
-      (c(), u("svg", {
+      (d(), u("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         "xmlns:xlink": "http://www.w3.org/1999/xlink",
         "aria-hidden": "true",
@@ -380,18 +356,18 @@ function et(t, e, o, a, i, s) {
         viewBox: "0 0 32 32",
         style: { "margin-right": "0.5em" },
         innerHTML: i.icons[r.value]
-      }, null, 8, X)),
+      }, null, 8, st)),
       f("span", {
         textContent: b(r.text)
-      }, null, 8, tt)
-    ], 10, Q))), 128)),
+      }, null, 8, it)
+    ], 10, ot))), 128)),
     f("div", {
       style: { "margin-left": "auto" },
       class: "simple-btn",
-      onClick: e[1] || (e[1] = (r) => t.$emit("update:hLayout", !o.hLayout))
+      onClick: t[1] || (t[1] = (r) => e.$emit("update:hLayout", !o.hLayout))
     }, [
-      n(m, {
-        style: L([{
+      a(m, {
+        style: V([{
           transform: o.hLayout ? "rotate(0deg)" : "rotate(90deg)"
         }, { transition: "transform 150ms" }]),
         type: "layout",
@@ -400,14 +376,14 @@ function et(t, e, o, a, i, s) {
     ])
   ]);
 }
-const ot = /* @__PURE__ */ C(Z, [["render", et], ["__scopeId", "data-v-477b66fe"]]), st = {
+const at = /* @__PURE__ */ M(tt, [["render", nt], ["__scopeId", "data-v-477b66fe"]]), rt = {
   name: "CustomModal",
   components: {
-    Tabs: ot,
-    MonacoEditor: K,
-    Splitpanes: F,
-    Pane: J,
-    CustomView: E
+    Tabs: at,
+    MonacoEditor: G,
+    Splitpanes: W,
+    Pane: q,
+    CustomView: T
   },
   emits: ["update:html", "update:css", "update:javascript", "update:json"],
   props: {
@@ -446,19 +422,19 @@ const ot = /* @__PURE__ */ C(Z, [["render", et], ["__scopeId", "data-v-477b66fe"
       return this[this.currentTab];
     },
     currentItem() {
-      return this.items.find(({ value: t }) => t === this.currentTab) || {};
+      return this.items.find(({ value: e }) => e === this.currentTab) || {};
     },
     json() {
-      const t = this._document.getRawData(), e = this.removeUnwantedKeys(t);
-      return JSON.stringify(e, null, 2);
+      const e = this._document.getRawData(), t = this.removeUnwantedKeys(e);
+      return JSON.stringify(t, null, 2);
     }
   },
   methods: {
     show() {
       this.$modal.show(this.modalName);
     },
-    removeUnwantedKeys(t) {
-      const e = [
+    removeUnwantedKeys(e) {
+      const t = [
         "company.CompanyAccount",
         "company.CompanyBranding",
         "company.CompanyCertificates",
@@ -466,18 +442,18 @@ const ot = /* @__PURE__ */ C(Z, [["render", et], ["__scopeId", "data-v-477b66fe"
         "company.CompanySectors",
         "companyUser.connectedUsers",
         "template"
-      ], o = { ...t };
-      return e.forEach((a) => {
-        A(o, a);
+      ], o = { ...e };
+      return t.forEach((n) => {
+        P(o, n);
       }), o;
     }
   }
-}, it = { style: { height: "100%", width: "100%", overflow: "auto" } };
-function nt(t, e, o, a, i, s) {
-  const m = l("Tabs"), r = l("MonacoEditor"), g = l("Pane"), d = l("CustomView"), H = l("Splitpanes"), D = l("modal"), U = l("portal");
-  return c(), T(U, { to: "modal" }, {
+}, lt = { style: { height: "100%", width: "100%", overflow: "auto" } };
+function dt(e, t, o, n, i, s) {
+  const m = l("Tabs"), r = l("MonacoEditor"), g = l("Pane"), c = l("CustomView"), E = l("Splitpanes"), H = l("modal"), D = l("portal");
+  return d(), L(D, { to: "modal" }, {
     default: p(() => [
-      n(D, {
+      a(H, {
         name: i.modalName,
         adaptive: !0,
         width: "100%",
@@ -485,37 +461,37 @@ function nt(t, e, o, a, i, s) {
         classes: "overflow-visible primary"
       }, {
         default: p(() => [
-          n(H, {
+          a(E, {
             class: "root font-inter",
             horizontal: i.hLayout
           }, {
             default: p(() => [
-              n(g, null, {
+              a(g, null, {
                 default: p(() => [
-                  n(m, {
+                  a(m, {
                     modelValue: i.currentTab,
-                    "onUpdate:modelValue": e[0] || (e[0] = (h) => i.currentTab = h),
+                    "onUpdate:modelValue": t[0] || (t[0] = (h) => i.currentTab = h),
                     "h-layout": i.hLayout,
-                    "onUpdate:hLayout": e[1] || (e[1] = (h) => i.hLayout = h),
+                    "onUpdate:hLayout": t[1] || (t[1] = (h) => i.hLayout = h),
                     items: i.items,
-                    onClose: e[2] || (e[2] = (h) => t.$modal.hide(i.modalName))
+                    onClose: t[2] || (t[2] = (h) => e.$modal.hide(i.modalName))
                   }, null, 8, ["modelValue", "h-layout", "items"]),
-                  n(r, {
+                  a(r, {
                     style: { width: "100%", height: "100%" },
                     language: i.currentTab,
                     value: s.currentValue,
                     disabled: s.currentItem.disabled,
-                    onChange: e[3] || (e[3] = (h) => t.$emit(`update:${i.currentTab}`, h)),
-                    onKeyup: e[4] || (e[4] = P(() => {
+                    onChange: t[3] || (t[3] = (h) => e.$emit(`update:${i.currentTab}`, h)),
+                    onKeyup: t[4] || (t[4] = R(() => {
                     }, ["stop"]))
                   }, null, 8, ["language", "value", "disabled"])
                 ]),
                 _: 1
               }),
-              n(g, null, {
+              a(g, null, {
                 default: p(() => [
-                  f("div", it, [
-                    n(d, {
+                  f("div", lt, [
+                    a(c, {
                       html: o.html,
                       css: o.css,
                       javascript: o.javascript,
@@ -535,10 +511,10 @@ function nt(t, e, o, a, i, s) {
     _: 1
   });
 }
-const at = /* @__PURE__ */ C(st, [["render", nt], ["__scopeId", "data-v-35c6b94a"]]), M = I(), rt = {
+const ct = /* @__PURE__ */ M(rt, [["render", dt], ["__scopeId", "data-v-8b9ea3bc"]]), _ = J(), ut = {
   components: {
-    CustomView: E,
-    CustomModal: at
+    CustomView: T,
+    CustomModal: ct
   },
   i18nOptions: {
     namespaces: "Custom",
@@ -569,38 +545,38 @@ const at = /* @__PURE__ */ C(st, [["render", nt], ["__scopeId", "data-v-35c6b94a
   },
   computed: {
     isEdited() {
-      return this.custom ? this.custom.html !== M.html || this.custom.css !== M.css || this.custom.javascript !== M.javascript : !1;
+      return this.custom ? this.custom.html !== _.html || this.custom.css !== _.css || this.custom.javascript !== _.javascript : !1;
     },
     html: {
       get() {
-        return this.custom.html ? v(this.custom.html) : "";
+        return this.custom.html ? x(this.custom.html) : "";
       },
-      set(t) {
+      set(e) {
         this.custom = {
           ...this.custom,
-          html: w(t)
+          html: w(e)
         };
       }
     },
     css: {
       get() {
-        return this.custom.css ? v(this.custom.css) : "";
+        return this.custom.css ? x(this.custom.css) : "";
       },
-      set(t) {
+      set(e) {
         this.custom = {
           ...this.custom,
-          css: w(t)
+          css: w(e)
         };
       }
     },
     javascript: {
       get() {
-        return this.custom.javascript ? v(this.custom.javascript) : "";
+        return this.custom.javascript ? x(this.custom.javascript) : "";
       },
-      set(t) {
+      set(e) {
         this.custom = {
           ...this.custom,
-          javascript: w(t)
+          javascript: w(e)
         };
       }
     }
@@ -613,41 +589,41 @@ const at = /* @__PURE__ */ C(st, [["render", nt], ["__scopeId", "data-v-35c6b94a
       this.$refs.customModal.show();
     }
   }
-}, lt = {
+}, mt = {
   key: 0,
   class: "flex flex-col items-center justify-center text-center",
   style: { padding: `calc(3 * var(--rem)) calc(1 * var(--rem))
             calc(4 * var(--rem)) calc(1 * var(--rem))`, "line-height": "1.5", color: "white" }
-}, dt = ["textContent"], ct = ["textContent"];
-function ut(t, e, o, a, i, s) {
+}, ht = ["textContent"], pt = ["textContent"];
+function ft(e, t, o, n, i, s) {
   const m = l("CustomView"), r = l("CButton"), g = l("CustomModal");
-  return c(), u("div", {
-    class: V(["custom-root", {
+  return d(), u("div", {
+    class: S(["custom-root", {
       "is-empty": !s.isEdited
     }]),
-    style: L(t.canEdit && { minHeight: "100px" }),
-    onMouseoverPassive: e[3] || (e[3] = (d) => i.showControls = !0),
-    onMouseleavePassive: e[4] || (e[4] = (d) => i.showControls = !1)
+    style: V(e.canEdit && { minHeight: "100px" }),
+    onMouseoverPassive: t[3] || (t[3] = (c) => i.showControls = !0),
+    onMouseleavePassive: t[4] || (t[4] = (c) => i.showControls = !1)
   }, [
-    s.isEdited ? (c(), T(m, {
+    s.isEdited ? (d(), L(m, {
       key: 0,
       html: s.html,
       css: s.css,
       javascript: s.javascript,
-      _document: t._document,
+      _document: e._document,
       style: { width: "100%", "min-height": "0" }
-    }, null, 8, ["html", "css", "javascript", "_document"])) : x("", !0),
-    t.isForm ? (c(), u(S, { key: 1 }, [
-      t.canEdit && !s.isEdited ? (c(), u("div", lt, [
+    }, null, 8, ["html", "css", "javascript", "_document"])) : y("", !0),
+    e.isForm ? (d(), u(j, { key: 1 }, [
+      e.canEdit && !s.isEdited ? (d(), u("div", mt, [
         f("div", {
           style: { "font-weight": "500", "margin-bottom": "0.25em", opacity: "0.98" },
-          textContent: b(t.$t("title"))
-        }, null, 8, dt),
+          textContent: b(e.$t("title"))
+        }, null, 8, ht),
         f("div", {
           style: { "font-size": "14px", "margin-bottom": "calc(2 * var(--rem))", color: "hsl(218deg 24% 60%)", "max-width": "40ch" },
-          textContent: b(t.$t("text"))
-        }, null, 8, ct),
-        n(r, {
+          textContent: b(e.$t("text"))
+        }, null, 8, pt),
+        a(r, {
           size: "normal",
           style: { "font-size": "14px", "border-radius": "8px", padding: "12px 12px", height: "initial", "box-shadow": "rgb(0, 0, 0, 50%) 0px 10px 40px" },
           "icon-left": "code",
@@ -655,25 +631,25 @@ function ut(t, e, o, a, i, s) {
           onClick: s.openModal
         }, {
           default: p(() => [
-            R(b(t.$t("action")), 1)
+            F(b(e.$t("action")), 1)
           ]),
           _: 1
         }, 8, ["onClick"])
-      ])) : x("", !0)
-    ], 64)) : x("", !0),
-    n(g, {
+      ])) : y("", !0)
+    ], 64)) : y("", !0),
+    a(g, {
       ref: "customModal",
       html: s.html,
-      "onUpdate:html": e[0] || (e[0] = (d) => s.html = d),
+      "onUpdate:html": t[0] || (t[0] = (c) => s.html = c),
       css: s.css,
-      "onUpdate:css": e[1] || (e[1] = (d) => s.css = d),
+      "onUpdate:css": t[1] || (t[1] = (c) => s.css = c),
       javascript: s.javascript,
-      "onUpdate:javascript": e[2] || (e[2] = (d) => s.javascript = d),
-      _document: t._document
+      "onUpdate:javascript": t[2] || (t[2] = (c) => s.javascript = c),
+      _document: e._document
     }, null, 8, ["html", "css", "javascript", "_document"])
   ], 38);
 }
-const bt = /* @__PURE__ */ C(rt, [["render", ut]]);
+const wt = /* @__PURE__ */ M(ut, [["render", ft]]);
 export {
-  bt as default
+  wt as default
 };