@cling-se/widget 0.17.3 → 0.18.0

package/dist/Index-CxDsSGtZ.js

@@ -0,0 +1,126 @@
+import { m as h } from "./mapFormMixin-C7FJLnbO.js";
+import { B as C } from "./BlockMedia-DuE_K9hR.js";
+import { T as y } from "./DocTextEditor-CEPcJT2o.js";
+import { u as g } from "./DocumentLayout-DkFlHgW6.js";
+import { f as $ } from "./focusDrawerMixin-BVbTYOGr.js";
+import { _ as w, z as M, a9 as V, aa as b, ab as T, ac as E, ad as S, o as n, b as d, s as a, d as l, c as v, F as x, w as c, B as N, v as A, f as u, n as D, e as t } from "./main-Bn5XkQPb.js";
+const F = {
+  name: "CoverBlock",
+  components: {
+    BlockMedia: C,
+    TextEditor: y,
+    CoverBlockSettings: M(
+      () => import("./CoverBlockSettings-AXyiLxrF.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
+};

package/dist/Index-DFkTBm02.js

@@ -0,0 +1,102 @@
+import { m as g } from "./mapFormMixin-C7FJLnbO.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-Bn5XkQPb.js";
+import { f as S } from "./focusDrawerMixin-BVbTYOGr.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-YMbUmp1O.js")),
+    EmbedInput: l(() => import("./EmbedInput-SevVEpwc.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-DP3ll8F-.js

@@ -0,0 +1,70 @@
+import { m as o } from "./mapFormMixin-C7FJLnbO.js";
+import { I as d } from "./InputToggleRow-CokEYwm2.js";
+import { _ as m, e as u, o as i, c as p, w as g, s } from "./main-Bn5XkQPb.js";
+const A = {
+  i18nOptions: {
+    namespaces: "estimatedTimeStartEnd",
+    messages: {
+      en: {
+        title: "Start and end date",
+        label: "Work start and ends"
+      },
+      sv: {
+        title: "Start- och slutdatum",
+        label: "Arbetet påbörjas och avslutas"
+      }
+    }
+  },
+  name: "EstimatedWorkStartAndEndAtTextEdit",
+  components: {
+    InputToggleRow: d
+  },
+  mixins: [o(["startAt", "endAt"])],
+  methods: {
+    getDateValue(t) {
+      return t ? this.$formatDate(t, "yyyy-MM-dd") : null;
+    }
+  }
+}, v = { style: { display: "inline-flex" } }, f = ["value", "max"], y = ["value", "min"];
+function D(t, e, b, w, I, n) {
+  const r = u("InputToggleRow");
+  return i(), p(r, {
+    "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),
+    onRemove: e[2] || (e[2] = () => {
+      t.startAt = null, t.endAt = null;
+    })
+  }, {
+    default: g(() => [
+      s("div", v, [
+        s("input", {
+          type: "date",
+          class: "ml-1 bg-gray-100",
+          value: n.getDateValue(t.startAt),
+          max: n.getDateValue(t.endAt),
+          onInput: e[0] || (e[0] = (a) => {
+            var l;
+            return t.startAt = (l = a.target) != null && l.value ? new Date(a.target.value).toISOString() : null;
+          })
+        }, null, 40, f),
+        e[3] || (e[3] = s("div", { style: { "line-height": "calc(3 * var(--rem))", margin: "0 calc(0.5 * var(--rem))", "font-size": "calc(calc(1 * var(--rem)) + 2px)" } }, " → ", -1)),
+        s("input", {
+          type: "date",
+          class: "ml-1 bg-gray-100",
+          value: n.getDateValue(t.endAt),
+          min: n.getDateValue(t.startAt),
+          onInput: e[1] || (e[1] = (a) => {
+            var l;
+            return t.endAt = (l = a.target) != null && l.value ? new Date(a.target.value).toISOString() : null;
+          })
+        }, null, 40, y)
+      ])
+    ]),
+    _: 1
+  }, 8, ["display-value", "label", "show-clear"]);
+}
+const T = /* @__PURE__ */ m(A, [["render", D]]);
+export {
+  T as default
+};

package/dist/{Index-RWMPRDAE.js → Index-DPDzMKQa.js}

@@ -1,6 +1,6 @@
-import { P as r } from "./PlainHtml-B7gUNNZd.js";
-import { n as o } from "./main-BL_yzf2r.js";
-const s = {
+import { _ as o } from "./PlainHtml.vue_vue_type_script_setup_true_lang-D6KSjjMA.js";
+import { d as e, B as t } from "./main-Bn5XkQPb.js";
+const d = {
   name: "ExtraWorkTimeImpactTextRead",
   props: {
     workStartAt: {
@@ -39,23 +39,15 @@ const s = {
       description4: " by"
     }
   },
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  render(t) {
-    const e = this.$formatDate(this.workStartAt), n = this.$formatDate(this.workEndAt), i = this.$tc(`_common:${this.timeUnit}`, {
+  render() {
+    const i = this.$formatDate(this.workStartAt), n = this.$formatDate(this.workEndAt), r = this.$tc(`_common:${this.timeUnit}`, {
       count: this.noOfTimeUnits
     });
-    return t(r, [this.$t("description1"), " ", t("strong", [e]), " ", this.$t("description2"), t("strong", [n]), ".", this.$t("description3"), " ", t("strong", [this.$t(`_common:${this.timeDeltaDirection}`)]), this.$t("description4"), " ", t("strong", [i]), "."]);
+    return e(o, null, {
+      default: () => [this.$t("description1"), t(" "), e("strong", null, [i]), t(" "), this.$t("description2"), e("strong", null, [n]), t("."), this.$t("description3"), t(" "), e("strong", null, [this.$t(`_common:${this.timeDeltaDirection}`)]), this.$t("description4"), t(" "), e("strong", null, [r]), t(".")]
+    });
   }
-}, a = null, c = null;
-var d = /* @__PURE__ */ o(
-  s,
-  a,
-  c,
-  !1,
-  null,
-  null
-);
-const p = d.exports;
+};
 export {
-  p as default
+  d as default
 };

package/dist/Index-DvxSig3z.js

@@ -0,0 +1,25 @@
+import { m as r } from "./mapFormMixin-C7FJLnbO.js";
+import { _ as c, z as e, o as i, c as m, f as u, e as a } from "./main-Bn5XkQPb.js";
+const _ = {
+  name: "NotBinding",
+  components: {
+    Edit: e(() => import("./ToggleBinding-DlH4y1IM.js")),
+    Read: e(() => import("./NotBindingText-DcQd8Eej.js"))
+  },
+  emits: ["input"],
+  mixins: [r()]
+};
+function f(n, o, l, B, $, g) {
+  var t;
+  const d = a("Edit"), s = a("Read");
+  return n.canEdit ? (i(), m(d, {
+    key: 0,
+    _document: n._document,
+    _value: { notBinding: "data.notBinding" },
+    onInput: o[0] || (o[0] = (p) => n.$emit("input", p))
+  }, null, 8, ["_document"])) : (t = n._document.data) != null && t.notBinding ? (i(), m(s, { key: 1 })) : u("", !0);
+}
+const y = /* @__PURE__ */ c(_, [["render", f]]);
+export {
+  y as default
+};

package/dist/Index-Dzrn3Y6p.js

@@ -0,0 +1,16 @@
+import { h as s, i as r, o, b as c } from "./main-Bn5XkQPb.js";
+const i = ["innerHTML"], u = /* @__PURE__ */ s({
+  __name: "Index",
+  props: {
+    street: {},
+    zip: {},
+    city: {}
+  },
+  setup(t) {
+    const e = t, n = r(() => `${e.street ? `${e.street}, ` : ""}${e.zip ? `${e.zip} ` : ""}${e.city}`);
+    return (p, a) => (o(), c("div", { innerHTML: n.value }, null, 8, i));
+  }
+});
+export {
+  u as default
+};

package/dist/{Index-CRiATiQn.js → Index-LQb0omFE.js}

@@ -1,6 +1,6 @@
-import { P as n } from "./PlainHtml-B7gUNNZd.js";
-import { n as s } from "./main-BL_yzf2r.js";
-const o = {
+import { _ as s } from "./PlainHtml.vue_vue_type_script_setup_true_lang-D6KSjjMA.js";
+import { d as t, B as e } from "./main-Bn5XkQPb.js";
+const r = {
   name: "EstimatedTimeToCompleteTextRead",
   props: {
     noOfTimeUnits: {
@@ -23,23 +23,15 @@ const o = {
       }
     }
   },
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  render(t) {
-    const e = this.$tc(`_common:${this.timeUnit}`, {
+  render() {
+    const a = this.$tc(`_common:${this.timeUnit}`, {
       count: this.noOfTimeUnits
     });
-    return t(n, [this.$t("text"), " ", t("strong", [e]), "."]);
+    return t(s, null, {
+      default: () => [this.$t("text"), e(" "), t("strong", null, [a]), e(".")]
+    });
   }
-}, r = null, a = null;
-var i = /* @__PURE__ */ s(
-  o,
-  r,
-  a,
-  !1,
-  null,
-  null
-);
-const p = i.exports;
+};
 export {
-  p as default
+  r as default
 };

package/dist/Index-Mt4mSaNT.js

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