@cling-se/widget 0.14.4 → 0.14.6

package/dist/Index-Bs8wprXw.js

@@ -0,0 +1,58 @@
+import { m as r } from "./mapFormMixin-DlFcgwhm.js";
+import { I as n } from "./InputToggleRow-DSSvhPKA.js";
+import { B as s } from "./BaseDatePicker-k9zlSi5J.js";
+import { n as l } from "./main-CQBEuZk9.js";
+const c = {
+  i18nOptions: {
+    namespaces: "estimatedTimeStartEnd",
+    messages: {
+      en: {
+        title: "Start and end date",
+        label: "Work start and ends",
+        placeholders: {
+          start: "Start date",
+          end: "End date"
+        }
+      },
+      sv: {
+        title: "Start- och slutdatum",
+        label: "Arbetet påbörjas och avslutas",
+        placeholders: {
+          start: "Startdatum",
+          end: "Slutdatum"
+        }
+      }
+    }
+  },
+  name: "EstimatedWorkStartAndEndAtTextEdit",
+  components: {
+    InputToggleRow: n,
+    BaseDatePicker: s
+  },
+  mixins: [r(["startAt", "endAt"])]
+};
+var i = function() {
+  var t = this, a = t._self._c;
+  return a("InputToggleRow", { attrs: { "display-value": t.startAt && t.endAt ? `${t.$formatDate(t.startAt)} → ${t.$formatDate(t.endAt)}` : t.$t("_common:add"), label: t.$t("label"), "show-clear": !!(t.startAt && t.endAt) }, on: { remove: function(e) {
+    t.startAt = null, t.endAt = null;
+  } } }, [a("div", { staticStyle: { display: "inline-flex" } }, [a("BaseDatePicker", { staticClass: "datepicker-simple", staticStyle: { width: "calc(8 * var(--rem))" }, attrs: { placeholder: t.$t("placeholders.start") }, on: { click: function(e) {
+    e.preventDefault();
+  } }, model: { value: t.startAt, callback: function(e) {
+    t.startAt = e;
+  }, expression: "startAt" } }), a("div", { staticStyle: { "line-height": "calc(3 * var(--rem))", margin: "0 calc(0.5 * var(--rem))", "font-size": "calc(calc(1 * var(--rem)) + 2px)" } }, [t._v(" → ")]), a("BaseDatePicker", { staticClass: "datepicker-simple", staticStyle: { width: "calc(8 * var(--rem))" }, attrs: { static: !0, placeholder: t.$t("placeholders.end") }, on: { click: function(e) {
+    e.preventDefault();
+  } }, model: { value: t.endAt, callback: function(e) {
+    t.endAt = e;
+  }, expression: "endAt" } })], 1)]);
+}, o = [], d = /* @__PURE__ */ l(
+  c,
+  i,
+  o,
+  !1,
+  null,
+  null
+);
+const A = d.exports;
+export {
+  A as default
+};

package/dist/Index-BvZZAvFd.js

@@ -0,0 +1,21 @@
+import { P as n } from "./PlainHtml-BMPZs2fT.js";
+import { n as e } from "./main-CQBEuZk9.js";
+const o = {
+  name: "WorkAddressTextRead",
+  functional: !0,
+  render(s, r) {
+    return s(n, [r.props.street ? `${r.props.street}, ` : "", r.props.zip ? `${r.props.zip} ` : " ", r.props.city]);
+  }
+}, p = null, t = null;
+var l = /* @__PURE__ */ e(
+  o,
+  p,
+  t,
+  !1,
+  null,
+  null
+);
+const m = l.exports;
+export {
+  m as default
+};

package/dist/Index-CFo-3Y5Q.js

@@ -0,0 +1,26 @@
+import { m as o } from "./mapFormMixin-DlFcgwhm.js";
+import { n as i } from "./main-CQBEuZk9.js";
+const a = {
+  name: "NotBinding",
+  components: {
+    Edit: () => import("./ToggleBinding-DydtwpNG.js"),
+    Read: () => import("./NotBindingText-JxwzZLPP.js")
+  },
+  mixins: [o()]
+};
+var r = function() {
+  var e;
+  var n = this, t = n._self._c;
+  return n.canEdit ? t("Edit", n._g({ attrs: { _document: n._document, _value: { notBinding: "data.notBinding" } } }, n.$listeners)) : (e = n._document.data) != null && e.notBinding ? t("Read") : n._e();
+}, m = [], _ = /* @__PURE__ */ i(
+  a,
+  r,
+  m,
+  !1,
+  null,
+  "8587fb62"
+);
+const f = _.exports;
+export {
+  f as default
+};

package/dist/Index-CNvp5K3L.js

@@ -0,0 +1,559 @@
+import { m as g } from "./mapFormMixin-DlFcgwhm.js";
+import { A as o, ap as u, b as h, n as l, aq as b, ar as a, as as n } from "./main-CQBEuZk9.js";
+import { s as v, p as y } from "./splitpanes-BHUVsCZF.js";
+import { t as w } from "./throttle-BrC8eGjQ.js";
+import { W as m } from "./DocumentLayout-Dbf8_01r.js";
+import { e as p } from "./dom-CJxkno7i.js";
+import { d as _ } from "./debounce-BPnlzNwd.js";
+const x = `
+/*! 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}
+`, M = (e, { _document: t, id: s, firstRender: i }) => `
+    <!DOCTYPE html>
+    <html>
+        <head>
+            <style>${x}</style>
+            <style>${e.css}</style>
+        </head>
+        <body>
+            ${e.html}
+        </body>
+        <script>
+          var doc = ${t};
+          var firstRender = ${i};
+          function getOuterHeight(el) {
+            var height = el.clientHeight;
+            var computedStyle = window.getComputedStyle(el);
+            height += parseInt(computedStyle.marginTop, 10);
+            height += parseInt(computedStyle.marginBottom, 10);
+            height += parseInt(computedStyle.borderTopWidth, 10);
+            height += parseInt(computedStyle.borderBottomWidth, 10);
+            return height;
+          };
+
+          function sendHeightMessage() {
+            var message = JSON.stringify({
+              id: '${s}',
+              channel: 'customBlock',
+              data: {
+                height: getOuterHeight(document.body),
+              },
+            });
+
+            window.parent.postMessage(message, '*');
+          };
+
+          setTimeout(sendHeightMessage, 10);
+          setInterval(sendHeightMessage, 1000);
+
+          // Update doc variable on changes
+          window.addEventListener('message', function(e){
+            try {
+              parsed = JSON.parse(e.data);
+            } catch (error) {
+              // nope
+            }
+            if (!(parsed && parsed.channel === 'document')) return;
+            doc = parsed.data.body;
+            window.dispatchEvent(new CustomEvent('docUpdate', { detail: doc }));
+          });
+        <\/script>
+        <script type="module">
+          ${e.javascript}
+        <\/script>
+    </html>`, f = {
+  name: "CustomView",
+  props: {
+    html: {
+      type: String,
+      default: ""
+    },
+    css: {
+      type: String,
+      default: ""
+    },
+    javascript: {
+      type: String,
+      default: ""
+    },
+    _document: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      storeListenerUnsubscribe: null,
+      // Temp obj to store current used paths and their value to detect when we should re-render
+      usedPathValues: {}
+    };
+  },
+  watch: {
+    html() {
+      this.updateView();
+    },
+    css() {
+      this.updateView();
+    },
+    javascript() {
+      this.updateView();
+    }
+  },
+  methods: {
+    updateView({
+      firstRender: e = !1
+    } = {}) {
+      if (!this.$refs.iframe)
+        return;
+      const t = this._document.getRawData();
+      this.setUsedPathValues(), this.$refs.iframe.srcdoc = M({
+        html: o(this.html, t),
+        css: o(this.css, t),
+        javascript: o(this.javascript, t)
+      }, {
+        _document: JSON.stringify(t),
+        id: this._uid,
+        firstRender: e
+      });
+    },
+    registerStoreListener() {
+      this.sendDocumentUpdate = w(this.sendDocMessage, 1e3), this.storeListenerUnsubscribe = this.$store.subscribe((e) => {
+        const {
+          type: t
+        } = e;
+        (t === "forms/SET_FORM_VALUE" || t === "publicDocuments/SET_CURRENT_DOCUMENT_VALUE") && (this.sendDocumentUpdate(), ["html", "css", "javascript"].some((i) => {
+          const c = u(this[i]);
+          return Object.keys(c).some((d) => this.usedPathValues[d] !== h(this._document.getRawData(), d));
+        }) && this.updateView());
+      });
+    },
+    unregisterStoreListener() {
+      var e;
+      (e = this.storeListenerUnsubscribe) == null || e.call(this);
+    },
+    setUsedPathValues() {
+      ["html", "css", "javascript"].forEach((e) => {
+        const t = u(this[e]);
+        Object.keys(t).forEach((s) => {
+          this.usedPathValues[s] = h(this._document.getRawData(), s);
+        });
+      });
+    },
+    // Update doc variable in iFrame
+    sendDocMessage() {
+      const e = JSON.stringify({
+        channel: "document",
+        data: {
+          body: this._document.getRawData()
+        }
+      });
+      this.$refs.iframe.contentWindow.postMessage(e, "*");
+    }
+  },
+  mounted() {
+    this.updateView({
+      firstRender: !0
+    }), this.sendDocMessage(), window.addEventListener("message", (e) => {
+      let t = null;
+      try {
+        t = JSON.parse(e.data);
+      } catch {
+      }
+      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();
+  },
+  beforeDestroy() {
+    var e, t;
+    this.unregisterStoreListener(), (t = (e = this.sendDocumentUpdate) == null ? void 0 : e.cancel) == null || t.call(e);
+  },
+  render(e) {
+    return e("iframe", {
+      attrs: {
+        id: this._uid,
+        sandbox: "allow-scripts",
+        frameBorder: "0"
+      },
+      ref: "iframe",
+      class: "h-0 w-full"
+    });
+  }
+}, S = {
+  name: "MonacoEditor",
+  props: {
+    value: String,
+    srcdoc: String,
+    language: {
+      type: String,
+      default: "javascript"
+    },
+    theme: {
+      type: String,
+      default: "vs-dark"
+    },
+    options: {
+      type: Object,
+      default: () => ({
+        tabSize: 2,
+        insertSpaces: !0,
+        minimap: {
+          enabled: !1
+        }
+      })
+    },
+    editorMounted: {
+      type: Function,
+      default: () => {
+      }
+    },
+    editorBeforeMount: {
+      type: Function,
+      default: () => {
+      }
+    },
+    debounceTime: {
+      type: Number,
+      default: 500
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  components: {
+    WithDimensions: m
+  },
+  watch: {
+    options: {
+      deep: !0,
+      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);
+    },
+    theme() {
+      this.editor && window.monaco.editor.setTheme(this.theme);
+    },
+    disabled(e) {
+      var t;
+      (t = this.editor) == null || t.updateOptions({
+        readOnly: e
+      });
+    }
+  },
+  mounted() {
+    this.loadMonaco().then(() => {
+      var e;
+      this.initMonaco(), (e = this.editor) == null || e.focus();
+    });
+  },
+  beforeDestroy() {
+    var e, t, s;
+    (e = this.editor) == null || e.dispose(), (s = (t = this.codeChangeEmitter) == null ? void 0 : t.cancel) == null || s.call(t);
+  },
+  render(e) {
+    return e(m, {
+      on: {
+        width: () => {
+          var t;
+          return (t = this.editor) == null ? void 0 : t.layout();
+        },
+        height: () => {
+          var t;
+          return (t = this.editor) == null ? void 0 : t.layout();
+        }
+      }
+    }, [e("div")]);
+  },
+  methods: {
+    async loadMonaco() {
+      await p("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((t, s) => {
+        window.require.config(e), window.require(["vs/editor/editor.main"], t, s);
+      }), await p("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: e,
+        language: t,
+        theme: s,
+        options: i
+      } = this;
+      Object.assign(i, this._editorBeforeMount()), this.editor = window.monaco.editor.create(this.$el, {
+        value: e,
+        language: t,
+        theme: s,
+        readOnly: this.disabled,
+        ...i
+      }), this._editorMounted(this.editor);
+    },
+    getEditor() {
+      return this.editor ? this.editor : null;
+    },
+    setValue(e) {
+      const t = this.getEditor();
+      t == null || t.setValue(e);
+    },
+    getValue() {
+      const e = this.getEditor();
+      return e ? e.getValue() : "";
+    },
+    _editorBeforeMount() {
+      return this.editorBeforeMount(window.monaco) || {};
+    },
+    _editorMounted(e) {
+      this.editorMounted(e, window.monaco), this.codeChangeEmitter = _((t, s) => this.emitChange(t, s), this.debounceTime), e.onDidChangeModelContent((t) => {
+        const s = this.getValue();
+        this.codeChangeEmitter(s, t);
+      });
+    },
+    emitChange(e, t) {
+      this.$emit("change", e, t), this.$emit("input", e);
+    }
+  }
+}, z = {
+  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>'
+}, k = {
+  name: "Tabs",
+  props: {
+    value: {
+      type: String,
+      default: ""
+    },
+    items: {
+      type: Array,
+      default: () => []
+    },
+    hLayout: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      icons: z
+    };
+  }
+};
+var C = function() {
+  var t = this, s = t._self._c;
+  return s("div", { staticClass: "tabs-root" }, [s("div", { staticClass: "simple-btn", on: { click: function(i) {
+    return t.$emit("close");
+  } } }, [s("CIcon", { attrs: { type: "x", size: "18" } })], 1), t._l(t.items, function(i) {
+    return s("div", { key: i.value, staticClass: "tab-item", class: {
+      "tab-item-active": t.value === i.value
+    }, on: { click: function(c) {
+      return t.$emit("input", i.value);
+    } } }, [s("svg", { staticStyle: { "margin-right": "0.5em" }, attrs: { xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", "aria-hidden": "true", role: "img", width: "18", height: "18", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 32 32" }, domProps: { innerHTML: t._s(t.icons[i.value]) } }), s("span", { domProps: { textContent: t._s(i.text) } })]);
+  }), s("div", { staticClass: "simple-btn", staticStyle: { "margin-left": "auto" }, on: { click: function(i) {
+    return t.$emit("update:hLayout", !t.hLayout);
+  } } }, [s("CIcon", { staticStyle: { transition: "transform 150ms" }, style: {
+    transform: t.hLayout ? "rotate(0deg)" : "rotate(90deg)"
+  }, attrs: { type: "layout", size: "18" } })], 1)], 2);
+}, j = [], $ = /* @__PURE__ */ l(
+  k,
+  C,
+  j,
+  !1,
+  null,
+  "9216f5b5"
+);
+const L = $.exports, V = {
+  name: "CustomModal",
+  components: {
+    Tabs: L,
+    MonacoEditor: S,
+    Splitpanes: v,
+    Pane: y,
+    CustomView: f
+  },
+  props: {
+    _document: {
+      type: Object,
+      default: () => ({})
+    },
+    html: {
+      type: String,
+      default: ""
+    },
+    css: {
+      type: String,
+      default: ""
+    },
+    javascript: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      hLayout: !1,
+      currentTab: "html",
+      items: [
+        { text: "HTML", value: "html" },
+        { text: "CSS", value: "css" },
+        { text: "JS", value: "javascript" },
+        { text: "Data", value: "json", disabled: !0 }
+      ],
+      modalName: `customModal${this._uid}`
+    };
+  },
+  computed: {
+    currentValue() {
+      return this[this.currentTab];
+    },
+    currentItem() {
+      return this.items.find(({ value: e }) => e === this.currentTab) || {};
+    },
+    json() {
+      return JSON.stringify(this._document.getRawData(), null, 2);
+    }
+  },
+  methods: {
+    show() {
+      this.$modal.show(this.modalName);
+    }
+  }
+};
+var T = function() {
+  var t = this, s = t._self._c;
+  return s("portal", { attrs: { to: "modal" } }, [s("modal", { attrs: { name: t.modalName, adaptive: !0, width: "100%", height: "100%", classes: "overflow-visible primary" } }, [s("Splitpanes", { staticClass: "root font-inter", attrs: { horizontal: t.hLayout } }, [s("Pane", [s("Tabs", { attrs: { items: t.items, "h-layout": t.hLayout }, on: { "update:hLayout": function(i) {
+    t.hLayout = i;
+  }, "update:h-layout": function(i) {
+    t.hLayout = i;
+  }, close: function(i) {
+    return t.$modal.hide(t.modalName);
+  } }, model: { value: t.currentTab, callback: function(i) {
+    t.currentTab = i;
+  }, expression: "currentTab" } }), s("MonacoEditor", { staticStyle: { width: "100%", height: "100%" }, attrs: { language: t.currentTab, value: t.currentValue, disabled: t.currentItem.disabled }, on: { change: function(i) {
+    return t.$emit(`update:${t.currentTab}`, i);
+  } }, nativeOn: { keyup: function(i) {
+    i.stopPropagation();
+  } } })], 1), s("Pane", [s("div", { staticStyle: { height: "100%", width: "100%", overflow: "auto" } }, [s("CustomView", { attrs: { html: t.html, css: t.css, javascript: t.javascript, _document: t._document } })], 1)])], 1)], 1)], 1);
+}, E = [], H = /* @__PURE__ */ l(
+  V,
+  T,
+  E,
+  !1,
+  null,
+  "178af298"
+);
+const O = H.exports, r = b(), D = {
+  components: {
+    CustomView: f,
+    CustomModal: O
+  },
+  i18nOptions: {
+    namespaces: "Custom",
+    messages: {
+      en: {
+        title: "Create your own custom block.",
+        text: "Use HTML, CSS and Javascript to create & design a block exactly the way you want it.",
+        action: "Open editor"
+      },
+      sv: {
+        title: "Skapa ett skräddarsytt block.",
+        text: "Använd HTML, CSS och Javascript för att koda & design:a ett block precis som du vill ha det.",
+        action: "Öppna kod-editor"
+      }
+    }
+  },
+  mixins: [g(["custom"])],
+  inject: {
+    setOpenDrawer: {
+      type: Function,
+      default: null
+    }
+  },
+  data() {
+    return {
+      showControls: !1
+    };
+  },
+  computed: {
+    isEdited() {
+      return this.custom ? this.custom.html !== r.html || this.custom.css !== r.css || this.custom.javascript !== r.javascript : !1;
+    },
+    html: {
+      get() {
+        return this.custom.html ? a(this.custom.html) : "";
+      },
+      set(e) {
+        this.custom = {
+          ...this.custom,
+          html: n(e)
+        };
+      }
+    },
+    css: {
+      get() {
+        return this.custom.css ? a(this.custom.css) : "";
+      },
+      set(e) {
+        this.custom = {
+          ...this.custom,
+          css: n(e)
+        };
+      }
+    },
+    javascript: {
+      get() {
+        return this.custom.javascript ? a(this.custom.javascript) : "";
+      },
+      set(e) {
+        this.custom = {
+          ...this.custom,
+          javascript: n(e)
+        };
+      }
+    }
+  },
+  created() {
+    this.setOpenDrawer && this.setOpenDrawer(this.openModal);
+  },
+  methods: {
+    openModal() {
+      this.$refs.customModal.show();
+    }
+  }
+};
+var P = function() {
+  var t = this, s = t._self._c;
+  return s("div", { staticClass: "custom-root", class: {
+    "is-empty": !t.isEdited
+  }, style: t.canEdit && { minHeight: "100px" }, on: { "&mouseover": function(i) {
+    t.showControls = !0;
+  }, "&mouseleave": function(i) {
+    t.showControls = !1;
+  } } }, [t.isEdited ? s("CustomView", { staticStyle: { width: "100%", "min-height": "0" }, attrs: { html: t.html, css: t.css, javascript: t.javascript, _document: t._document } }) : t._e(), t.isForm ? [t.canEdit && !t.isEdited ? s("div", { staticClass: "flex flex-col items-center justify-center text-center", staticStyle: { padding: "calc(3 * var(--rem)) calc(1 * var(--rem))", "line-height": "1.5", color: "white" } }, [s("div", { staticStyle: { "font-weight": "500", "margin-bottom": "0.25em", opacity: "0.98" }, domProps: { textContent: t._s(t.$t("title")) } }), s("div", { staticStyle: { "font-size": "14px", "margin-bottom": "calc(2 * var(--rem))", color: "hsl(218deg 24% 60%)", "max-width": "40ch" }, domProps: { textContent: t._s(t.$t("text")) } }), s("CButton", { staticStyle: { "font-size": "14px", "border-radius": "8px", padding: "12px 12px", height: "initial", "box-shadow": "rgb(0, 0, 0, 50%) 0px 10px 40px" }, attrs: { size: "normal", "icon-left": "code", type: "secondary" }, on: { click: t.openModal } }, [t._v(" " + t._s(t.$t("action")) + " ")])], 1) : t._e()] : t._e(), s("CustomModal", { ref: "customModal", attrs: { html: t.html, css: t.css, javascript: t.javascript, _document: t._document }, on: { "update:html": function(i) {
+    t.html = i;
+  }, "update:css": function(i) {
+    t.css = i;
+  }, "update:javascript": function(i) {
+    t.javascript = i;
+  } } })], 2);
+}, R = [], U = /* @__PURE__ */ l(
+  D,
+  P,
+  R,
+  !1,
+  null,
+  null
+);
+const W = U.exports;
+export {
+  W as default
+};