@cling-se/widget 0.14.3 → 0.14.4

package/dist/Index-B6S9U4Z-.js

@@ -1,26 +0,0 @@
-import { m as o } from "./mapFormMixin-y2txvLw9.js";
-import { n as i } from "./main-DE5THsiR.js";
-const a = {
-  name: "NotBinding",
-  components: {
-    Edit: () => import("./ToggleBinding-KEVHHvKf.js"),
-    Read: () => import("./NotBindingText-DA5NpePz.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,
-  "a3b56101"
-);
-const p = _.exports;
-export {
-  p as default
-};

package/dist/Index-BHX0D5fW.js

@@ -1,559 +0,0 @@
-import { m as g } from "./mapFormMixin-y2txvLw9.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-DE5THsiR.js";
-import { s as v, p as y } from "./splitpanes-BHUVsCZF.js";
-import { t as w } from "./throttle-C2srA2wa.js";
-import { W as m } from "./DocumentLayout-BA7mFfZh.js";
-import { e as p } from "./dom-CJxkno7i.js";
-import { d as _ } from "./debounce-BN83gOVd.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,
-  "2b587c3e"
-);
-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,
-  "34c1270f"
-);
-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
-};

package/dist/Index-BL_7m5Ca.js

@@ -1,70 +0,0 @@
-import { m as i } from "./mapFormMixin-y2txvLw9.js";
-import { S as o, n as a } from "./main-DE5THsiR.js";
-import { f as r } from "./focusDrawerMixin-CawyQaGq.js";
-const d = {
-  // eslint-disable-next-line vue/no-reserved-component-names
-  name: "Embed",
-  i18nOptions: {
-    namespaces: "embed",
-    messages: {
-      en: {
-        subTitle: "Embed anything (PDFs, Google Docs, Calender Sheets...)"
-      },
-      sv: {
-        subTitle: "Bädda in vad som helst (PDF:er, Google Docs, Calender Sheets...)"
-      }
-    }
-  },
-  components: {
-    EmbedSettings: () => import("./EmbedSettings-YcwM8hJw.js"),
-    EmbedInput: () => import("./EmbedInput-CheqYcNr.js"),
-    Spinner: o
-  },
-  mixins: [i(["embed", "size"]), r],
-  data() {
-    return {
-      showControls: !1,
-      isLoading: !0
-    };
-  },
-  methods: {
-    onAdd() {
-      const n = () => {
-        this.$refs.input.focus();
-      };
-      this.$refs.input ? n() : this.$once("triggerOnAdd", n);
-    }
-  }
-};
-var m = function() {
-  var e = this, s = e._self._c;
-  return s("div", { staticClass: "embed-root font-inter", on: { "&mouseover": function(t) {
-    e.showControls = !0;
-  }, "&mouseleave": function(t) {
-    e.showControls = !1;
-  } } }, [s("div", { staticClass: "no-drag", class: [
-    (e.size || !(e.embed && e.embed.src)) && "auto-size",
-    `embed-is-${e.size}`
-  ] }, [e.embed ? s("div", { staticClass: "embed-container" }, [!e.embed.src && e.canEdit ? s("div", { staticClass: "embed-element" }, [s("div", { staticClass: "is-placeholder" }, [s("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("subTitle")) + " ")]), s("EmbedInput", { ref: "input", staticStyle: { "padding-top": "1em" }, on: { "hook:mounted": function(t) {
-    return e.$emit("triggerOnAdd");
-  } }, model: { value: e.embed, callback: function(t) {
-    e.embed = t;
-  }, expression: "embed" } })], 1)]) : e.embed.src ? s("iframe", e._b({ ref: "iframe", staticClass: "embed-element", on: { load: function(t) {
-    e.isLoading = !1;
-  } } }, "iframe", { allowfullscreen: "", ...e.embed }, !1)) : e._e(), e.embed.src && e.isLoading ? s("div", { staticClass: "embed-loading-container" }, [s("Spinner", { attrs: { color: "hsl(0, 0%, 60%)" } })], 1) : e._e()]) : e._e()]), e.isForm ? [e.showDrawer ? s("portal", { attrs: { to: "drawer-content" } }, [s("EmbedSettings", { attrs: { size: e.size }, on: { "update:size": function(t) {
-    e.size = t;
-  } }, model: { value: e.embed, callback: function(t) {
-    e.embed = t;
-  }, expression: "embed" } })], 1) : e._e()] : e._e()], 2);
-}, l = [], c = /* @__PURE__ */ a(
-  d,
-  m,
-  l,
-  !1,
-  null,
-  "ca826f69"
-);
-const p = c.exports;
-export {
-  p as default
-};