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

package/dist/Index-Dw1CO5F9.js

@@ -0,0 +1,76 @@
+import { m as a } from "./mapFormMixin-D3BihYWW.js";
+import { I as u } from "./InputToggleRow-v6qAWPg6.js";
+import { C as f } from "./CSelect-DgnT07Hk.js";
+import { _ as T, b as l, o as c, c as U, w as m, e as s, s as n, v as i } from "./main-Cb-nyil1.js";
+const h = {
+  i18nOptions: {
+    namespaces: "estimatedTimeToCompleteText",
+    messages: {
+      en: {
+        label: "Time to complete work",
+        placeholder: "Time unit"
+      },
+      sv: {
+        label: "Tid för att klargöra arbetet",
+        placeholder: "Tidsenhet"
+      }
+    }
+  },
+  name: "EstimatedTimeToCompleteEdit",
+  components: {
+    InputToggleRow: u,
+    CSelect: f
+  },
+  mixins: [
+    a(["timeUnit"]),
+    a(["noOfTimeUnits"], { type: "number" })
+  ],
+  created() {
+    this.timeUnit || (this.timeUnit = "day");
+  }
+}, $ = { value: "hour" }, w = { value: "day" }, v = { value: "week" }, b = { value: "month" };
+function y(e, o, C, _, g, O) {
+  const p = l("CSelect"), r = l("CInput"), d = l("InputToggleRow");
+  return c(), U(d, {
+    "display-value": e.noOfTimeUnits && e.timeUnit ? `${e.noOfTimeUnits} ${e.$t(`_common:${e.timeUnit}`, {
+      count: e.noOfTimeUnits
+    })}` : e.$t("_common:add"),
+    label: e.$t("label"),
+    "show-clear": !!(e.noOfTimeUnits && e.timeUnit),
+    onRemove: o[2] || (o[2] = (t) => e.noOfTimeUnits = null)
+  }, {
+    default: m(() => [
+      s(r, {
+        modelValue: e.noOfTimeUnits,
+        "onUpdate:modelValue": o[1] || (o[1] = (t) => e.noOfTimeUnits = t),
+        modelModifiers: { number: !0 },
+        type: "number",
+        style: { width: "calc(15 * var(--rem))" }
+      }, {
+        suffix: m(() => [
+          s(p, {
+            modelValue: e.timeUnit,
+            "onUpdate:modelValue": o[0] || (o[0] = (t) => e.timeUnit = t),
+            placeholder: e.$t("placeholder"),
+            class: "select-width plain",
+            style: { width: "120px" }
+          }, {
+            default: m(() => [
+              n("option", $, i(e.$t("_common:hour_plural")), 1),
+              n("option", w, i(e.$t("_common:day_plural")), 1),
+              n("option", v, i(e.$t("_common:week_plural")), 1),
+              n("option", b, i(e.$t("_common:month_plural")), 1)
+            ]),
+            _: 1
+          }, 8, ["modelValue", "placeholder"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ]),
+    _: 1
+  }, 8, ["display-value", "label", "show-clear"]);
+}
+const S = /* @__PURE__ */ T(h, [["render", y]]);
+export {
+  S as default
+};

package/dist/Index-PZXyOoVb.js

@@ -0,0 +1,87 @@
+import { m as T } from "./mapFormMixin-D3BihYWW.js";
+import { f as w } from "./focusDrawerMixin-BwcErMDY.js";
+import { _ as k, z as l, b as s, a3 as C, o as n, d as p, e as u, F as g, E as F, c as d, f as r, w as S } from "./main-Cb-nyil1.js";
+const _ = {
+  name: "Terms",
+  i18nOptions: {
+    namespaces: "terms",
+    messages: {
+      en: {
+        noneSelected: "No terms selected"
+      },
+      sv: {
+        noneSelected: "Inga villkor valda"
+      }
+    }
+  },
+  components: {
+    Read: l(() => import("./Index-CjfjdZj5.js")),
+    TermsSettings: l(() => import("./TermsSettings-BOCONyM4.js"))
+  },
+  emits: ["input"],
+  mixins: [
+    T(["href", "termType", "file", "text"]),
+    w
+  ],
+  data() {
+    return {
+      showControls: !1
+    };
+  },
+  computed: {
+    hasTerms() {
+      const e = ["href", "file"].includes(this.termType) && this.href, t = this.termType === "text" && this.text, i = this.termType === "file" && this.file;
+      return e || t || i;
+    }
+  }
+};
+function B(e, t, i, D, m, a) {
+  const c = s("Read"), f = s("CButton"), v = s("TermsSettings"), h = s("portal"), y = C("tooltip");
+  return e.isForm || a.hasTerms ? (n(), p("div", {
+    key: 0,
+    onMouseoverPassive: t[2] || (t[2] = (o) => m.showControls = !0),
+    onMouseleavePassive: t[3] || (t[3] = (o) => m.showControls = !1),
+    class: "px-7 py-5"
+  }, [
+    u(c, {
+      _document: e._document,
+      href: e.href,
+      "term-type": e.termType,
+      file: e.file,
+      text: e.text,
+      onInput: t[0] || (t[0] = (o) => e.$emit("input", o))
+    }, null, 8, ["_document", "href", "term-type", "file", "text"]),
+    e.isForm ? (n(), p(g, { key: 0 }, [
+      a.hasTerms ? r("", !0) : F((n(), d(f, {
+        key: 0,
+        "icon-props": { size: 18 },
+        pattern: "secondary",
+        icon: "info",
+        circle: "",
+        size: "small",
+        type: "danger",
+        style: { position: "absolute", left: "calc(1 * var(--rem))", top: "calc(1 * var(--rem))", width: "2em", height: "2em" },
+        onClick: e.openDrawer
+      }, null, 8, ["onClick"])), [
+        [y, e.$t("noneSelected")]
+      ]),
+      e.showDrawer ? (n(), d(h, {
+        key: 1,
+        to: "drawer-content"
+      }, {
+        default: S(() => [
+          u(v, {
+            _document: e._document,
+            _value: { term: "data.terms" },
+            onInput: t[1] || (t[1] = (o) => e.$emit("input", o))
+          }, null, 8, ["_document"])
+        ]),
+        _: 1
+      })) : r("", !0)
+    ], 64)) : r("", !0)
+  ], 32)) : r("", !0);
+}
+const x = /* @__PURE__ */ k(_, [["render", B]]);
+export {
+  x as default
+};

package/dist/{Index-BioOegOO.js → Index-ZUnH-BHj.js}

@@ -1,6 +1,6 @@
-import { P as r } from "./PlainHtml-5YwYVj1v.js";
-import { n as o } from "./main-BgzLHIoo.js";
-const s = {
+import { _ as o } from "./PlainHtml.vue_vue_type_script_setup_true_lang-D6NNUTz0.js";
+import { e, B as t } from "./main-Cb-nyil1.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-cjKGSiDi.js

@@ -0,0 +1,136 @@
+import { m as f } from "./mapFormMixin-D3BihYWW.js";
+import { f as y } from "./focusDrawerMixin-BwcErMDY.js";
+import { g as z } from "./utils-CBPcYdLv.js";
+import { _ as V, z as m, b as l, o as i, d as a, s as r, l as _, v as g, e as u, n as w, F as P, c as S, w as k, f as c } from "./main-Cb-nyil1.js";
+const C = {
+  name: "VideoPlayer",
+  i18nOptions: {
+    namespaces: "components",
+    keyPrefix: "document.videoPlayer"
+  },
+  components: {
+    VideoPlayerSettings: m(
+      () => import("./VideoPlayerSettings-BXMmxaZQ.js")
+    ),
+    VideoPlayerInput: m(
+      () => import("./VideoPlayerInput-BsUcmpl4.js")
+    )
+  },
+  mixins: [f(["videoPlayer"]), y],
+  data() {
+    return {
+      showControls: !1,
+      aspectRatio: null,
+      sizes: {
+        small: 600,
+        medium: 1e3,
+        large: 1e3
+      },
+      // defaults to 16:9 aspect ratio
+      videoSize: {
+        width: 480,
+        height: 270
+      }
+    };
+  },
+  computed: {
+    video() {
+      var e;
+      return ((e = this.videoPlayer) == null ? void 0 : e.video) || {};
+    },
+    size() {
+      var e;
+      return ((e = this.videoPlayer) == null ? void 0 : e.size) || "medium";
+    }
+  },
+  watch: {
+    video: {
+      immediate: !0,
+      async handler(e) {
+        if (!e || !e.url) return;
+        let { width: t, height: s } = e;
+        (!t || !s) && ({ width: t, height: s } = await z(e.url) || {}), this.videoSize = { width: t, height: s }, this.setAspectRatio();
+      }
+    },
+    size() {
+      this.setAspectRatio();
+    }
+  },
+  methods: {
+    setValue({ key: e, value: t }) {
+      this.videoPlayer = {
+        ...this.videoPlayer,
+        [e]: t
+      };
+    },
+    setAspectRatio() {
+      !this.videoSize.width || !this.videoSize.height || (this.aspectRatio = `${Math.round(
+        100 * this.videoSize.height / this.videoSize.width
+      )}%`);
+    },
+    onAdd() {
+      var e;
+      this._isNodeRecentlyAdded() && ((e = this.$refs.input) == null || e.focus());
+    }
+  }
+}, A = {
+  key: 0,
+  class: "video-element"
+}, I = { class: "is-placeholder" }, M = { class: "text-gray-600" }, R = ["src"];
+function b(e, t, s, x, d, o) {
+  const v = l("VideoPlayerInput"), p = l("VideoPlayerSettings"), h = l("portal");
+  return i(), a("div", {
+    class: "video-root font-inter",
+    onMouseoverPassive: t[1] || (t[1] = (n) => d.showControls = !0),
+    onMouseleavePassive: t[2] || (t[2] = (n) => d.showControls = !1)
+  }, [
+    r("div", {
+      class: w([[`video-is-${o.size}`], "no-drag"])
+    }, [
+      r("div", {
+        style: _({ paddingTop: d.aspectRatio }),
+        class: "video-container"
+      }, [
+        !o.video.url && e.canEdit ? (i(), a("div", A, [
+          r("div", I, [
+            r("div", M, g(e.$t("subTitle")), 1),
+            u(v, {
+              ref: "input",
+              "model-value": o.video,
+              style: { "padding-top": "1em" },
+              "onUpdate:modelValue": t[0] || (t[0] = (n) => o.setValue({ key: "video", value: n })),
+              onVnodeMounted: o.onAdd
+            }, null, 8, ["model-value", "onVnodeMounted"])
+          ])
+        ])) : (i(), a("iframe", {
+          key: 1,
+          ref: "iframe",
+          title: "Video",
+          src: o.video.url,
+          frameborder: "0",
+          allowfullscreen: "",
+          class: "video-element"
+        }, null, 8, R))
+      ], 4)
+    ], 2),
+    e.isForm ? (i(), a(P, { key: 0 }, [
+      e.showDrawer ? (i(), S(h, {
+        key: 0,
+        to: "drawer-content"
+      }, {
+        default: k(() => [
+          u(p, {
+            video: o.video,
+            size: o.size,
+            onInput: o.setValue
+          }, null, 8, ["video", "size", "onInput"])
+        ]),
+        _: 1
+      })) : c("", !0)
+    ], 64)) : c("", !0)
+  ], 32);
+}
+const E = /* @__PURE__ */ V(C, [["render", b], ["__scopeId", "data-v-2bb8500e"]]);
+export {
+  E as default
+};

package/dist/Index-m-goRuKD.js

@@ -0,0 +1,49 @@
+import { h as f, i as n, b as h, o as c, d as r, s as i, c as k, af as y, v as b, f as d, S as B, P as E, _ as g } from "./main-Cb-nyil1.js";
+const w = {
+  key: 0,
+  class: "sub-chapter"
+}, C = { class: "sub-chapter-title" }, F = { key: 1 }, I = { class: "sub-chapter-content" }, S = /* @__PURE__ */ f({
+  __name: "Index",
+  props: {
+    title: {},
+    hideFromEdit: { type: Boolean, default: !1 },
+    _value: { default: () => ({
+      title: ""
+    }) }
+  },
+  setup(u) {
+    const o = u, t = E("viewSettings", { canEdit: !1 }), p = n(
+      () => o.hideFromEdit && t.canEdit
+    ), v = n(() => t.canEdit), s = n(() => o.title || ""), m = (l) => {
+      var a;
+      const e = l.target;
+      t.setFormValue && t.setFormValue({
+        key: (a = o._value) == null ? void 0 : a.title,
+        value: (e == null ? void 0 : e.value) || ""
+      });
+    };
+    return (l, e) => {
+      const a = h("CInput");
+      return p.value ? d("", !0) : (c(), r("div", w, [
+        i("div", C, [
+          e[1] || (e[1] = i("span", { class: "sub-chapter-counter primary-pseudo-background" }, null, -1)),
+          v.value && s.value ? (c(), k(a, {
+            key: 0,
+            "model-value": s.value,
+            spellcheck: !1,
+            static: "",
+            class: "preview-title-input",
+            onKeydown: e[0] || (e[0] = y((_) => _.target.blur(), ["enter"])),
+            onBlur: m
+          }, null, 8, ["model-value"])) : s.value ? (c(), r("div", F, b(s.value), 1)) : d("", !0)
+        ]),
+        i("div", I, [
+          B(l.$slots, "default", {}, void 0, !0)
+        ])
+      ]));
+    };
+  }
+}), V = /* @__PURE__ */ g(S, [["__scopeId", "data-v-1a63c96c"]]);
+export {
+  V as default
+};

package/dist/Index-rGeWbLcB.js

@@ -0,0 +1,47 @@
+import { m as a } from "./mapFormMixin-D3BihYWW.js";
+import { T as m } from "./DocTextEditor-Dm-cTZpA.js";
+import { _ as c, ab as r, ac as d, ad as i, b as l, o as p, d as u, e as _ } from "./main-Cb-nyil1.js";
+const x = {
+  name: "TextContent",
+  components: {
+    TextEditor: m
+  },
+  mixins: [a(["content"])],
+  computed: {
+    value: {
+      get() {
+        return this.canEdit ? r(
+          this.content,
+          this._document.textTemplateMap,
+          this._document._doc
+        ) : d(this.content, this._document._doc);
+      },
+      set(t) {
+        this.content = i(t);
+      }
+    }
+  }
+}, f = {
+  class: "quill-format",
+  style: { "font-size": "16px" }
+};
+function h(t, e, T, v, E, o) {
+  const n = l("TextEditor");
+  return p(), u("div", f, [
+    _(n, {
+      ref: "textEditor",
+      modelValue: o.value,
+      "onUpdate:modelValue": e[0] || (e[0] = (s) => o.value = s),
+      placeholder: t.$t("components:account.documentForm.titleAndText.text"),
+      mentions: () => t._document.textTemplateItems,
+      snippets: !0,
+      "is-absolute": !0,
+      class: "text-editor",
+      style: { "margin-bottom": "1em" }
+    }, null, 8, ["modelValue", "placeholder", "mentions"])
+  ]);
+}
+const I = /* @__PURE__ */ c(x, [["render", h], ["__scopeId", "data-v-7d13b0c4"]]);
+export {
+  I as default
+};

package/dist/Index-vrljNp6G.js

@@ -0,0 +1,28 @@
+import { m as i } from "./mapFormMixin-D3BihYWW.js";
+import { _ as p, z as e, b as o, o as a, c as s } from "./main-Cb-nyil1.js";
+const u = {
+  name: "EstimatedWorkStartAndEndAtText",
+  components: {
+    Read: e(() => import("./Index-CQpznMKV.js")),
+    Edit: e(() => import("./Index-Df9skok6.js"))
+  },
+  emits: ["input"],
+  mixins: [i(["startAt", "endAt"])]
+};
+function c(t, n, l, _, f, A) {
+  const r = o("Edit"), d = o("Read");
+  return t.canEdit ? (a(), s(r, {
+    key: 0,
+    _document: t._document,
+    _value: t._value,
+    onInput: n[0] || (n[0] = (m) => t.$emit("input", m))
+  }, null, 8, ["_document", "_value"])) : (a(), s(d, {
+    key: 1,
+    "start-at": t.startAt,
+    "end-at": t.endAt
+  }, null, 8, ["start-at", "end-at"]));
+}
+const $ = /* @__PURE__ */ p(u, [["render", c]]);
+export {
+  $ as default
+};