@cling-se/widget 0.17.2 → 0.18.0

package/dist/Index-CXchTpBa.js

@@ -0,0 +1,74 @@
+import { m as l } from "./mapFormMixin-C7FJLnbO.js";
+import { u as c } from "./index-D8hGHka6.js";
+import { _ as v, z as p, o as s, c as i, e as n } from "./main-Bn5XkQPb.js";
+const g = {
+  name: "PackageGroupBlock",
+  components: {
+    PackageGroupRead: p(
+      () => import("./PackageGroup-clUIUoik.js")
+    ),
+    PackageGroupEdit: p(() => import("./Index-_xN_cczo.js"))
+  },
+  emits: ["input", "remove"],
+  mixins: [l(["type", "packages"])],
+  setup() {
+    return {
+      v$: c()
+    };
+  },
+  data() {
+    return {
+      persistedGroup: {
+        type: "",
+        packages: [],
+        articles: []
+      }
+    };
+  },
+  computed: {
+    valuePaths() {
+      return {
+        ...this._value,
+        ...this._value.groupId && {
+          hideGroupPrice: `data.packageGroup.${this._value.groupId}.hideGroupPrice`
+        },
+        articles: "articles"
+      };
+    }
+  },
+  validations() {
+    return this.isForm ? {
+      type: {
+        required: (e) => !!e
+      },
+      packages: {
+        required: (e) => e && e.length
+        // packages cannot be left empty
+      }
+    } : {
+      // No validation for read mode
+    };
+  }
+};
+function k(e, o, _, a, t, u) {
+  const d = n("PackageGroupEdit"), m = n("PackageGroupRead");
+  return e.canEdit ? (s(), i(d, {
+    key: 0,
+    "persisted-group": t.persistedGroup,
+    "onUpdate:persistedGroup": o[0] || (o[0] = (r) => t.persistedGroup = r),
+    _document: e._document,
+    _value: u.valuePaths,
+    validator: a.v$,
+    onInput: o[1] || (o[1] = (r) => e.$emit("input", r)),
+    onRemove: o[2] || (o[2] = (r) => e.$emit("remove", r))
+  }, null, 8, ["persisted-group", "_document", "_value", "validator"])) : (s(), i(m, {
+    key: 1,
+    _document: e._document,
+    _value: u.valuePaths,
+    validator: a.v$
+  }, null, 8, ["_document", "_value", "validator"]));
+}
+const y = /* @__PURE__ */ v(g, [["render", k]]);
+export {
+  y as default
+};

package/dist/{Index-BzcZCdHj.js → Index-CYoRt8PA.js}

@@ -1,6 +1,6 @@
-import { P as e } from "./PlainHtml-DZ9V0Yuf.js";
-import { n } from "./main-BpqUyMpC.js";
-const s = {
+import { _ as n } from "./PlainHtml.vue_vue_type_script_setup_true_lang-D6KSjjMA.js";
+import { d as e, B as t } from "./main-Bn5XkQPb.js";
+const a = {
   name: "EstimatedWorkStartAndEndAtTextRead",
   props: {
     startAt: {
@@ -27,20 +27,12 @@ const s = {
       }
     }
   },
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  render(t) {
-    return t(e, [this.$t("description1"), " ", t("strong", [this.$formatDate(this.startAt)]), " ", this.$t("description2"), " ", t("strong", [this.$formatDate(this.endAt)]), ".", " ", this.$t("description3")]);
+  render() {
+    return e(n, null, {
+      default: () => [this.$t("description1"), t(" "), e("strong", null, [this.$formatDate(this.startAt)]), t(" "), this.$t("description2"), t(" "), e("strong", null, [this.$formatDate(this.endAt)]), t("."), " ", this.$t("description3")]
+    });
   }
-}, r = null, o = null;
-var a = /* @__PURE__ */ n(
-  s,
-  r,
-  o,
-  !1,
-  null,
-  null
-);
-const l = a.exports;
+};
 export {
-  l as default
+  a as default
 };

package/dist/Index-CZZNQ4q5.js

@@ -0,0 +1,39 @@
+import { m as d } from "./mapFormMixin-C7FJLnbO.js";
+import { _ as p, z as n, o, c as i, e as m } from "./main-Bn5XkQPb.js";
+const u = {
+  name: "ExtraWorkTimeImpactText",
+  components: {
+    Read: n(() => import("./Index-DPDzMKQa.js")),
+    Edit: n(() => import("./Index-Bn4FSQcx.js"))
+  },
+  emits: ["input"],
+  mixins: [
+    d([
+      "workStartAt",
+      "workEndAt",
+      "timeUnit",
+      "noOfTimeUnits",
+      "timeDeltaDirection"
+    ])
+  ]
+};
+function c(t, e, l, k, f, w) {
+  const r = m("Edit"), a = m("Read");
+  return t.canEdit ? (o(), i(r, {
+    key: 0,
+    _document: t._document,
+    _value: t._value,
+    onInput: e[0] || (e[0] = (s) => t.$emit("input", s))
+  }, null, 8, ["_document", "_value"])) : (o(), i(a, {
+    key: 1,
+    "work-start-at": t.workStartAt,
+    "work-end-at": t.workEndAt,
+    "time-unit": t.timeUnit,
+    "no-of-time-units": t.noOfTimeUnits,
+    "time-delta-direction": t.timeDeltaDirection
+  }, null, 8, ["work-start-at", "work-end-at", "time-unit", "no-of-time-units", "time-delta-direction"]));
+}
+const A = /* @__PURE__ */ p(u, [["render", c]]);
+export {
+  A as default
+};

package/dist/Index-CkaAs5ms.js

@@ -0,0 +1,136 @@
+import { m as f } from "./mapFormMixin-C7FJLnbO.js";
+import { f as y } from "./focusDrawerMixin-BVbTYOGr.js";
+import { g as z } from "./utils-DZkn0Q9c.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-Bn5XkQPb.js";
+const C = {
+  name: "VideoPlayer",
+  i18nOptions: {
+    namespaces: "components",
+    keyPrefix: "document.videoPlayer"
+  },
+  components: {
+    VideoPlayerSettings: m(
+      () => import("./VideoPlayerSettings-Dg1OxjOa.js")
+    ),
+    VideoPlayerInput: m(
+      () => import("./VideoPlayerInput-DBxcTUb7.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-CtpXaBz8.js

@@ -0,0 +1,363 @@
+import { m as A } from "./mapFormMixin-C7FJLnbO.js";
+import { C as E } from "./CCallout-CM1VsH30.js";
+import { C as B, a as K } from "./CDropdownItem-DMUAJ90n.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-Bn5XkQPb.js";
+import { C as O } from "./CPhoneFormat-Dnn_cKk7.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-CaMSjLkD.js").then((e) => e.b)
+  ),
+  company: M(
+    () => import("./CompanyModal-ClTcmU4Y.js")
+  )
+}, G = {
+  i18nOptions: {
+    namespaces: "components"
+  },
+  name: "DocParties",
+  components: {
+    DocPartiesItem: R,
+    CCallout: E,
+    CDropdown: B,
+    CDropdownItem: K,
+    AddClientCallout: M(
+      () => import("./AddClientCallout-Bod9Eqx4.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
+};