@cling-se/widget 0.17.3 → 0.18.1

package/dist/Index-W10PQb8i.js

@@ -0,0 +1,102 @@
+import { m as g } from "./mapFormMixin-Cgvwie9a.js";
+import { _ as c, z as l, ag as y, o as n, b as t, s as a, v as z, d as m, $ as V, f as d, n as w, F as C, c as E, w as k, e as r } from "./main-DI0diChK.js";
+import { f as S } from "./focusDrawerMixin-r-OZchfV.js";
+const h = {
+  // 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: l(() => import("./EmbedSettings-Cf_F3KrM.js")),
+    EmbedInput: l(() => import("./EmbedInput-CzkOa02p.js")),
+    Spinner: y
+  },
+  mixins: [g(["embed", "size"]), S],
+  data() {
+    return {
+      showControls: !1,
+      isLoading: !0
+    };
+  },
+  methods: {
+    onAdd() {
+      var e;
+      this._isNodeRecentlyAdded() && ((e = this.$refs.input) == null || e.focus());
+    }
+  }
+}, D = {
+  key: 0,
+  class: "embed-container"
+}, F = {
+  key: 0,
+  class: "embed-element"
+}, M = { class: "is-placeholder" }, $ = { class: "text-gray-600" }, B = {
+  key: 2,
+  class: "embed-loading-container"
+};
+function I(e, s, P, A, i, p) {
+  const u = r("EmbedInput"), b = r("Spinner"), f = r("EmbedSettings"), v = r("portal");
+  return n(), t("div", {
+    class: "embed-root font-inter",
+    onMouseoverPassive: s[4] || (s[4] = (o) => i.showControls = !0),
+    onMouseleavePassive: s[5] || (s[5] = (o) => i.showControls = !1)
+  }, [
+    a("div", {
+      class: w([[
+        (e.size || !(e.embed && e.embed.src)) && "auto-size",
+        `embed-is-${e.size}`
+      ], "no-drag"])
+    }, [
+      e.embed ? (n(), t("div", D, [
+        !e.embed.src && e.canEdit ? (n(), t("div", F, [
+          a("div", M, [
+            a("div", $, z(e.$t("subTitle")), 1),
+            m(u, {
+              ref: "input",
+              modelValue: e.embed,
+              "onUpdate:modelValue": s[0] || (s[0] = (o) => e.embed = o),
+              style: { "padding-top": "1em" },
+              onVnodeMounted: p.onAdd
+            }, null, 8, ["modelValue", "onVnodeMounted"])
+          ])
+        ])) : e.embed.src ? (n(), t("iframe", V({ key: 1 }, { allowfullscreen: "", ...e.embed }, {
+          ref: "iframe",
+          class: "embed-element",
+          onLoad: s[1] || (s[1] = (o) => i.isLoading = !1)
+        }), null, 16)) : d("", !0),
+        e.embed.src && i.isLoading ? (n(), t("div", B, [
+          m(b, { color: "hsl(0, 0%, 60%)" })
+        ])) : d("", !0)
+      ])) : d("", !0)
+    ], 2),
+    e.isForm ? (n(), t(C, { key: 0 }, [
+      e.showDrawer ? (n(), E(v, {
+        key: 0,
+        to: "drawer-content"
+      }, {
+        default: k(() => [
+          m(f, {
+            modelValue: e.embed,
+            "onUpdate:modelValue": s[2] || (s[2] = (o) => e.embed = o),
+            size: e.size,
+            "onUpdate:size": s[3] || (s[3] = (o) => e.size = o)
+          }, null, 8, ["modelValue", "size"])
+        ]),
+        _: 1
+      })) : d("", !0)
+    ], 64)) : d("", !0)
+  ], 32);
+}
+const U = /* @__PURE__ */ c(h, [["render", I], ["__scopeId", "data-v-0bad5058"]]);
+export {
+  U as default
+};

package/dist/Index-lbWFEELM.js

@@ -0,0 +1,4 @@
+import { _ as f } from "./Index.vue_vue_type_script_lang-CriDqp1F.js";
+export {
+  f as default
+};