@cling-se/widget 0.17.3 → 0.18.1

package/dist/Index-BCHLxp7B.js

@@ -0,0 +1,21 @@
+import { m as o } from "./mapFormMixin-Cgvwie9a.js";
+import { _ as n, z as s, o as r, c as i, e as p } from "./main-DI0diChK.js";
+const a = {
+  name: "WorkAddressText",
+  components: {
+    Read: s(() => import("./Index-BFbcjFo4.js"))
+  },
+  mixins: [o(["street", "city", "zip"])]
+};
+function c(e, m, d, f, _, l) {
+  const t = p("Read");
+  return r(), i(t, {
+    street: e.street,
+    city: e.city,
+    zip: e.zip
+  }, null, 8, ["street", "city", "zip"]);
+}
+const z = /* @__PURE__ */ n(a, [["render", c]]);
+export {
+  z as default
+};

package/dist/Index-BDAp1CwZ.js

@@ -0,0 +1,363 @@
+import { m as A } from "./mapFormMixin-Cgvwie9a.js";
+import { C as E } from "./CCallout-Gd06ds6O.js";
+import { C as B, a as K } from "./CDropdownItem-BUNVCpSR.js";
+import { _ as z, e as h, o as n, b as c, s as g, v as u, c as f, F as C, B as w, n as V, z as M, a9 as N, w as y, d as b, k as I, f as v } from "./main-DI0diChK.js";
+import { C as O } from "./CPhoneFormat-DmN5r9Ci.js";
+const $ = {
+  name: "DocPartiesItem",
+  components: {
+    CPhoneFormat: O
+  },
+  emits: ["click"],
+  props: {
+    label: {
+      type: String,
+      required: !0
+    },
+    data: {
+      type: [String, Object],
+      required: !0
+    },
+    type: {
+      type: String,
+      default: ""
+    },
+    canEdit: {
+      type: Boolean,
+      default: !1
+    }
+  }
+}, q = { class: "client-row" }, L = { class: "label" };
+function j(e, o, t, a, s, l) {
+  const p = h("CPhoneFormat");
+  return n(), c("div", q, [
+    g("div", L, u(t.label), 1),
+    g("div", {
+      class: V([{
+        "is-editable": t.canEdit
+      }, "data"])
+    }, [
+      g("span", {
+        onClick: o[0] || (o[0] = (k) => e.$emit("click"))
+      }, [
+        t.type === "phone" ? (n(), f(p, {
+          key: 0,
+          phone: t.data.cellphone,
+          region: t.data.region
+        }, null, 8, ["phone", "region"])) : (n(), c(C, { key: 1 }, [
+          w(u(t.data), 1)
+        ], 64))
+      ])
+    ], 2)
+  ]);
+}
+const R = /* @__PURE__ */ z($, [["render", j], ["__scopeId", "data-v-5a104f72"]]), T = {
+  client: M(
+    () => import("./ClientModal-B9cbuEiC.js").then((e) => e.b)
+  ),
+  company: M(
+    () => import("./CompanyModal-por9AG4P.js")
+  )
+}, G = {
+  i18nOptions: {
+    namespaces: "components"
+  },
+  name: "DocParties",
+  components: {
+    DocPartiesItem: R,
+    CCallout: E,
+    CDropdown: B,
+    CDropdownItem: K,
+    AddClientCallout: M(
+      () => import("./AddClientCallout-CCt78VvH.js")
+    )
+  },
+  emits: ["input"],
+  mixins: [A()],
+  props: {
+    // todo: atm custom behaviour for path 'data.sender' through doc-class
+    parties: {
+      type: [Array, Object],
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      type: "client",
+      hoverIndex: null
+    };
+  },
+  computed: {
+    mappedParties() {
+      const e = (t, a = {}) => this._document.$t(t, { postProcess: "capitalize", ...a });
+      return (Array.isArray(this.parties) ? this.parties : [this.parties]).map((t) => {
+        const {
+          orgNo: a,
+          socialNo: s,
+          companyName: l,
+          name: p,
+          type: k,
+          cellphone: S,
+          cellphoneRegion: P,
+          email: F,
+          addresses: _,
+          hasFSkatt: r,
+          hasInsurance: d
+        } = t, i = k === "individual", m = _ && (_.standard || _.work);
+        m && (m.formKey = _.standard ? "street" : "workStreet");
+        const x = [
+          l && {
+            label: e("company"),
+            value: l,
+            formKey: "name"
+          },
+          a && {
+            label: e("orgNoShort"),
+            value: a,
+            formKey: "orgNo"
+          },
+          p && {
+            label: e(i ? "name" : "reference"),
+            value: p,
+            formKey: i ? "name" : "reference"
+          },
+          s && i && {
+            label: e("socialNo"),
+            value: s,
+            formKey: "orgNo"
+          },
+          F && {
+            label: e("email"),
+            value: F,
+            formKey: "email"
+          },
+          S && {
+            label: e("phone"),
+            type: "phone",
+            value: {
+              cellphone: S,
+              region: P || N(this._document, "sender.company.region", "")
+            },
+            formKey: "cellphone"
+          },
+          m && {
+            label: e("address"),
+            value: this.parseStreet(m.street, m.city, m.zip),
+            formKey: m.formKey
+          }
+        ], D = [];
+        return r && D.push({
+          label: this._document.$t("chapters.parties.fTax"),
+          value: r
+        }), d && D.push({
+          label: this._document.$t("chapters.parties.allRiskAndLiability"),
+          value: d
+        }), {
+          main: x,
+          checks: D
+        };
+      });
+    }
+  },
+  created() {
+    N(this, "_value.parties", "") !== "clients" && (this.type = "company");
+  },
+  methods: {
+    openModal({ formKey: e, index: o } = {}) {
+      var s;
+      let t = "name", a = !1;
+      e && (t = e, ["name", "email", "cellphone", "reference"].includes(e) || (a = !0)), this.$modal.show(T[this.type], {
+        inputFocusOnMount: t,
+        forceExpand: a,
+        documentClientIndex: o,
+        signOptions: (s = this._document) == null ? void 0 : s.signOptions,
+        setFormValue: this.viewSettings.setFormValue,
+        removeFormValue: this.viewSettings.removeFormValue,
+        isPublicForm: this.viewSettings.isPublicForm
+      });
+    },
+    removeClient(e) {
+      this.parties[e] && this.removeField(`clients[${e}]`);
+    },
+    parseStreet(e, o, t) {
+      let a = "";
+      return e && (a += e), e && (t || o) && (a += ", "), t && (a += ` ${t}`), o && (a += ` ${o}`), a;
+    },
+    searchEndCustomers(e, o) {
+      e({
+        q: o,
+        cb: ({ endCustomer: t }) => {
+          this.results = t;
+        }
+      });
+    },
+    setClient(e) {
+      this.$emit("input", {
+        key: `clients[${this.parties.length}]`,
+        value: e
+      });
+    }
+  }
+}, H = { style: { position: "relative" } }, J = {
+  key: 0,
+  class: "edit-button"
+}, Q = { style: { "padding-bottom": "1em" } }, U = ["onMouseoverPassive"], W = {
+  key: 0,
+  class: "controls",
+  style: { position: "absolute", left: "100%", top: "0", "padding-left": "calc(0.5 * var(--rem))" }
+}, X = {
+  key: 1,
+  style: { width: "100%", "padding-top": "calc(1 * var(--rem))" }
+};
+function Y(e, o, t, a, s, l) {
+  const p = h("CButton"), k = h("CDropdownItem"), S = h("CDropdown"), P = h("AddClientCallout"), F = h("CCallout"), _ = h("DocPartiesItem");
+  return n(), c("div", H, [
+    e.viewSettings.canEdit ? (n(), c("div", J, [
+      s.type === "company" ? (n(), f(p, {
+        key: 0,
+        type: "none",
+        size: "small",
+        pattern: "secondary",
+        onClick: l.openModal
+      }, {
+        default: y(() => [
+          w(u(e.$t("_common:edit").capitalize()), 1)
+        ]),
+        _: 1
+      }, 8, ["onClick"])) : t.parties.length && s.type === "client" ? (n(), f(S, {
+        key: 1,
+        ref: "dropdown",
+        position: "is-bottom-left"
+      }, {
+        trigger: y(() => [
+          b(p, {
+            type: "none",
+            size: "small",
+            pattern: "secondary",
+            "icon-right": "chevron-down"
+          }, {
+            default: y(() => [
+              w(u(e.$t("_common:more").capitalize()), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        default: y(() => [
+          b(k, {
+            "icon-props": {
+              class: "text-primary-500"
+            },
+            "icon-left": "plus-circle",
+            onClick: o[0] || (o[0] = (r) => l.openModal({ index: t.parties.length }))
+          }, {
+            default: y(() => [
+              w(u(e.$t("components:account.documentForm.clients.add.extra")), 1)
+            ]),
+            _: 1
+          }),
+          b(k, { separator: "" }),
+          (n(!0), c(C, null, I(t.parties, (r, d) => (n(), f(k, {
+            key: d,
+            "icon-props": {
+              class: "text-gray-400"
+            },
+            "icon-left": "edit",
+            onClick: (i) => l.openModal({ index: d })
+          }, {
+            default: y(() => [
+              w(u(r.type === "individual" ? r.name : r.companyName || r.name), 1)
+            ]),
+            _: 2
+          }, 1032, ["onClick"]))), 128))
+        ]),
+        _: 1
+      }, 512)) : v("", !0)
+    ])) : v("", !0),
+    e.viewSettings.canEdit ? (n(), c(C, { key: 1 }, [
+      s.type === "client" && !(t.parties && t.parties.length) ? (n(), f(P, {
+        key: 0,
+        onAdd: o[1] || (o[1] = (r) => l.openModal({ index: t.parties.length })),
+        onSetClient: l.setClient
+      }, null, 8, ["onSetClient"])) : v("", !0),
+      s.type === "company" && e.viewSettings.isPublicForm && !(t.parties.companyName || t.parties.email) ? (n(), f(F, {
+        key: 1,
+        title: e.$t("document.chapters.parties.missingSender.title")
+      }, {
+        default: y(() => [
+          g("div", Q, u(e.$t("document.chapters.parties.missingSender.description")), 1),
+          b(p, {
+            "icon-left": "plus",
+            type: "secondary",
+            onClick: l.openModal
+          }, {
+            default: y(() => [
+              w(u(e.$t("_common:add", { thing: e.$t("_common:info") })), 1)
+            ]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      }, 8, ["title"])) : v("", !0)
+    ], 64)) : v("", !0),
+    (n(!0), c(C, null, I(l.mappedParties, (r, d) => (n(), c("div", {
+      key: d,
+      class: "party-wrapper print-avoid-break-inside",
+      onMouseoverPassive: (i) => s.hoverIndex = d,
+      onMouseleavePassive: o[2] || (o[2] = (i) => s.hoverIndex = null)
+    }, [
+      e.viewSettings.canEdit && s.type !== "company" && s.hoverIndex === d ? (n(), c("div", W, [
+        b(p, {
+          circle: "",
+          size: "small",
+          icon: "edit",
+          type: "none",
+          pattern: "tertiary",
+          onClick: (i) => l.openModal({ index: d })
+        }, null, 8, ["onClick"]),
+        b(p, {
+          circle: "",
+          size: "small",
+          icon: "x",
+          type: "none",
+          pattern: "tertiary",
+          onClick: (i) => l.removeClient(d)
+        }, null, 8, ["onClick"])
+      ])) : v("", !0),
+      (n(!0), c(C, null, I(r.main, (i, m) => (n(), c(C, { key: m }, [
+        i ? (n(), f(_, {
+          key: 0,
+          label: i.label,
+          data: i.value,
+          type: i.type,
+          "can-edit": e.viewSettings.canEdit,
+          onClick: (x) => e.viewSettings.canEdit ? l.openModal({ formKey: i.formKey, index: d }) : null
+        }, null, 8, ["label", "data", "type", "can-edit", "onClick"])) : v("", !0)
+      ], 64))), 128)),
+      r.checks && r.checks.length ? (n(), c("div", X, [
+        (n(!0), c(C, null, I(r.checks, (i, m) => (n(), c("div", {
+          key: m,
+          class: "check-text"
+        }, [
+          o[3] || (o[3] = g("svg", {
+            width: "11",
+            height: "11",
+            viewBox: "0 0 218 185",
+            xmlns: "http://www.w3.org/2000/svg"
+          }, [
+            g("path", {
+              class: "primary-svg-fill",
+              d: "M217.931476 30.821773L180.506583.515692 85.82601 117.436462 29.993388 72.224097.068524 109.178227l93.257515 75.518447z",
+              fill: "#D8D8D8",
+              "fill-rule": "evenodd"
+            })
+          ], -1)),
+          g("div", null, u(i.label), 1)
+        ]))), 128))
+      ])) : v("", !0)
+    ], 40, U))), 128))
+  ]);
+}
+const ie = /* @__PURE__ */ z(G, [["render", Y], ["__scopeId", "data-v-54bc3f52"]]);
+export {
+  ie as default
+};

package/dist/Index-BFbcjFo4.js

@@ -0,0 +1,16 @@
+import { h as s, i as r, o, b as c } from "./main-DI0diChK.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-BODJXJNp.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-D5ZLw34T.js";
+import { d as t, B as e } from "./main-DI0diChK.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-BOx_9tTM.js

@@ -0,0 +1,136 @@
+import { m as f } from "./mapFormMixin-Cgvwie9a.js";
+import { f as y } from "./focusDrawerMixin-r-OZchfV.js";
+import { g as z } from "./utils--kBYCNZD.js";
+import { _ as V, z as m, o as i, b as a, s as r, l as _, v as g, d as u, n as w, F as P, c as S, w as k, f as c, e as l } from "./main-DI0diChK.js";
+const C = {
+  name: "VideoPlayer",
+  i18nOptions: {
+    namespaces: "components",
+    keyPrefix: "document.videoPlayer"
+  },
+  components: {
+    VideoPlayerSettings: m(
+      () => import("./VideoPlayerSettings-CFuA-7RC.js")
+    ),
+    VideoPlayerInput: m(
+      () => import("./VideoPlayerInput-DgFNjiKK.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-BgZNiD7A.js

@@ -0,0 +1,47 @@
+import { m as a } from "./mapFormMixin-Cgvwie9a.js";
+import { T as m } from "./DocTextEditor-CVn6gE1i.js";
+import { _ as c, aa as r, ab as d, ac as i, o as l, b as p, d as u, e as _ } from "./main-DI0diChK.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 = _("TextEditor");
+  return l(), p("div", f, [
+    u(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
+};