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

package/dist/Index-L913X8Ly.js

@@ -0,0 +1,102 @@
+import { m as g } from "./mapFormMixin-v-nbaWcx.js";
+import { _ as c, z as l, ah as y, b as r, o as n, d as t, s as a, v as z, e as m, Z as V, f as d, n as w, F as C, c as E, w as h } from "./main-C4OdoeS2.js";
+import { f as k } from "./focusDrawerMixin-T94b2Y6F.js";
+const S = {
+  // 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-BtmFxYGB.js")),
+    EmbedInput: l(() => import("./EmbedInput-rPvTnpXn.js")),
+    Spinner: y
+  },
+  mixins: [g(["embed", "size"]), k],
+  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" }, B = { class: "text-gray-600" }, I = {
+  key: 2,
+  class: "embed-loading-container"
+};
+function P(e, s, $, 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", B, 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", I, [
+          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: h(() => [
+          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(S, [["render", P], ["__scopeId", "data-v-0bad5058"]]);
+export {
+  U as default
+};

package/dist/Index-Mdn0niR_.js

@@ -0,0 +1,28 @@
+import { m as i } from "./mapFormMixin-v-nbaWcx.js";
+import { _ as p, z as e, b as o, o as a, c as s } from "./main-C4OdoeS2.js";
+const u = {
+  name: "EstimatedWorkStartAndEndAtText",
+  components: {
+    Read: e(() => import("./Index-baSB5tPv.js")),
+    Edit: e(() => import("./Index-CqrTij2j.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
+};

package/dist/Index-_ellB2fs.js

@@ -0,0 +1,363 @@
+import { m as A } from "./mapFormMixin-v-nbaWcx.js";
+import { C as E } from "./CCallout-81NkOge7.js";
+import { C as B, a as K } from "./CDropdownItem-DvaU14-V.js";
+import { _ as z, b as h, o as n, d as c, s as g, v as u, c as f, F as C, B as w, n as V, z as M, aa as N, w as y, e as b, k as I, f as v } from "./main-C4OdoeS2.js";
+import { C as O } from "./CPhoneFormat-BBQ_UIc_.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-D8_TPzkv.js").then((e) => e.b)
+  ),
+  company: M(
+    () => import("./CompanyModal-CjzwQU4B.js")
+  )
+}, G = {
+  i18nOptions: {
+    namespaces: "components"
+  },
+  name: "DocParties",
+  components: {
+    DocPartiesItem: R,
+    CCallout: E,
+    CDropdown: B,
+    CDropdownItem: K,
+    AddClientCallout: M(
+      () => import("./AddClientCallout-DRcy9Dqb.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-DcQbh-z2.js → Index-baSB5tPv.js}

@@ -1,6 +1,6 @@
-import { P as e } from "./PlainHtml-CPmIebjY.js";
-import { n } from "./main-WKzC-Dnu.js";
-const s = {
+import { _ as n } from "./PlainHtml.vue_vue_type_script_setup_true_lang-BgsfquR_.js";
+import { e, B as t } from "./main-C4OdoeS2.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-bgKndj-l.js

@@ -0,0 +1,39 @@
+import { m as d } from "./mapFormMixin-v-nbaWcx.js";
+import { _ as p, z as n, b as o, o as i, c as m } from "./main-C4OdoeS2.js";
+const u = {
+  name: "ExtraWorkTimeImpactText",
+  components: {
+    Read: n(() => import("./Index-B3ycPjAI.js")),
+    Edit: n(() => import("./Index-CHInIRw5.js"))
+  },
+  emits: ["input"],
+  mixins: [
+    d([
+      "workStartAt",
+      "workEndAt",
+      "timeUnit",
+      "noOfTimeUnits",
+      "timeDeltaDirection"
+    ])
+  ]
+};
+function c(t, e, l, k, f, w) {
+  const r = o("Edit"), a = o("Read");
+  return t.canEdit ? (i(), m(r, {
+    key: 0,
+    _document: t._document,
+    _value: t._value,
+    onInput: e[0] || (e[0] = (s) => t.$emit("input", s))
+  }, null, 8, ["_document", "_value"])) : (i(), m(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-lNYXAFUH.js

@@ -0,0 +1,87 @@
+import { m as T } from "./mapFormMixin-v-nbaWcx.js";
+import { f as w } from "./focusDrawerMixin-T94b2Y6F.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-C4OdoeS2.js";
+const _ = {
+  name: "Terms",
+  i18nOptions: {
+    namespaces: "terms",
+    messages: {
+      en: {
+        noneSelected: "No terms selected"
+      },
+      sv: {
+        noneSelected: "Inga villkor valda"
+      }
+    }
+  },
+  components: {
+    Read: l(() => import("./Index-BIXfUsHH.js")),
+    TermsSettings: l(() => import("./TermsSettings-DsN6v5yj.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
+};