@cling-se/widget 1.0.0-beta.1 → 1.0.0-beta.2

package/dist/Index-0_3ULrWX.js

@@ -0,0 +1,126 @@
+import { m as h } from "./mapFormMixin-D3BihYWW.js";
+import { B as C } from "./BlockMedia-CW5wgipC.js";
+import { T as y } from "./DocTextEditor-Dm-cTZpA.js";
+import { u as g } from "./DocumentLayout-CKSi42ev.js";
+import { f as $ } from "./focusDrawerMixin-BwcErMDY.js";
+import { _ as w, z as M, aa as V, ab as b, ac as T, ad as E, ae as S, b as t, o as n, d, s as a, e as l, c as v, F as x, w as c, B as N, v as A, f as u, n as D } from "./main-Cb-nyil1.js";
+const F = {
+  name: "CoverBlock",
+  components: {
+    BlockMedia: C,
+    TextEditor: y,
+    CoverBlockSettings: M(
+      () => import("./CoverBlockSettings-BA5L0Zee.js")
+    )
+  },
+  emits: ["section-remove"],
+  mixins: [h(["coverBlock"]), $],
+  setup() {
+    return { docWidth: g() };
+  },
+  data() {
+    return {
+      showControls: !1
+    };
+  },
+  computed: {
+    text: {
+      get() {
+        const e = V(this, "coverBlock.text", "");
+        return this.canEdit ? b(
+          e,
+          this._document.textTemplateMap,
+          this._document._doc
+        ) : T(e, this._document._doc);
+      },
+      set(e) {
+        this.setValue({ key: "text", value: E(e) });
+      }
+    },
+    media() {
+      const { type: e, cover: o } = this.coverBlock || {};
+      return { ...o, ...e && { type: e } };
+    }
+  },
+  methods: {
+    setValue({ key: e, value: o }) {
+      this.coverBlock = S(this.coverBlock, e, o);
+    },
+    onAdd() {
+      var e;
+      this._isNodeRecentlyAdded() && ((e = this.$refs.editor) == null || e.focus());
+    }
+  }
+}, W = { class: "cover-base" }, I = { class: "cover-text-wrapper no-drag" }, U = { class: "cover-text" }, z = { class: "footer-button" };
+function P(e, o, R, m, i, r) {
+  const p = t("BlockMedia"), k = t("TextEditor"), B = t("CoverBlockSettings"), f = t("CButton"), _ = t("portal");
+  return n(), d("div", {
+    class: D([{ "is-700-plus": m.docWidth >= 700 }, "cover-root font-inter"]),
+    onMouseoverPassive: o[2] || (o[2] = (s) => i.showControls = !0),
+    onMouseleavePassive: o[3] || (o[3] = (s) => i.showControls = !1)
+  }, [
+    a("div", W, [
+      l(p, { media: r.media }, null, 8, ["media"]),
+      a("div", I, [
+        a("div", U, [
+          (n(), v(k, {
+            ref: "editor",
+            key: e.canEdit,
+            modelValue: r.text,
+            "onUpdate:modelValue": o[0] || (o[0] = (s) => r.text = s),
+            editable: e.canEdit,
+            mentions: () => e._document.textTemplateItems,
+            snippets: !0,
+            extensions: "all",
+            unstyled: "",
+            onVnodeMounted: r.onAdd
+          }, null, 8, ["modelValue", "editable", "mentions", "onVnodeMounted"]))
+        ])
+      ])
+    ]),
+    e.isForm ? (n(), d(x, { key: 0 }, [
+      e.showDrawer ? (n(), v(_, {
+        key: 0,
+        to: "drawer-content"
+      }, {
+        footer: c(() => [
+          a("div", z, [
+            l(f, {
+              type: "danger",
+              pattern: "tertiary",
+              wide: "",
+              onClick: o[1] || (o[1] = (s) => e.$emit("section-remove"))
+            }, {
+              default: c(() => [
+                N(A(e.$t("_common:remove")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        default: c(() => [
+          l(B, {
+            _document: e._document,
+            _value: {
+              type: `${e._value.coverBlock}.type`,
+              video: `${e._value.coverBlock}.cover.video`,
+              resourceUrl: `${e._value.coverBlock}.cover.resourceUrl`,
+              filter: `${e._value.coverBlock}.cover.filter`,
+              blur: `${e._value.coverBlock}.cover.blur`,
+              position: `${e._value.coverBlock}.cover.position`,
+              overlay: `${e._value.coverBlock}.cover.overlay`,
+              overlayColor: `${e._value.coverBlock}.cover.overlayColor`,
+              gradient: `${e._value.coverBlock}.cover.gradient`,
+              backgroundColor: `${e._value.coverBlock}.cover.backgroundColor`
+            }
+          }, null, 8, ["_document", "_value"])
+        ]),
+        _: 1
+      })) : u("", !0)
+    ], 64)) : u("", !0)
+  ], 34);
+}
+const L = /* @__PURE__ */ w(F, [["render", P], ["__scopeId", "data-v-3a10d1d6"]]);
+export {
+  L as default
+};