@cling-se/widget 0.14.4 → 0.14.6

package/dist/Index-CPJVx14x.js

@@ -0,0 +1,171 @@
+import { P as m } from "./PlainHtml-BMPZs2fT.js";
+import { T as c, w as u, n as p } from "./main-CQBEuZk9.js";
+import { s as g } from "./dom-CJxkno7i.js";
+const h = {
+  name: "ExtraWorkConstructionPricingListRead",
+  props: {
+    _document: {
+      type: Object,
+      default: null
+    },
+    workPrice: {
+      type: Number,
+      default: null
+    },
+    managementPrice: {
+      type: Number,
+      default: null
+    },
+    entrepreneurMarkupPercentage: {
+      type: Number,
+      default: null
+    },
+    miscMarkupPercentage: {
+      type: Number,
+      default: null
+    }
+  },
+  i18nOptions: {
+    namespaces: "extraWorkConstructionPricingList",
+    messages: {
+      en: {
+        andVat: "and VAT",
+        subPriceString: "Price {{str}} incl. contractor fees {vat}.",
+        labor: "Labor",
+        laborManagement: "Labor management",
+        subContractors: "Agreed upon subcontractors",
+        subContractorsSub: "Markup with reported prime cost with supplement for contractor fees.",
+        material: "Material, utils & other",
+        materialSub: "Markup with reported prime cost with supplement for contractor fees.",
+        descriptionTop: "Amendments and additional work will be charged as either fixed or cost-plus pricing. In case of cost-plus pricing, fees will be estimated according to:",
+        descriptionBottom: "Possible agreements regarding amendments and additional work should be written and contain information about scope of work, if the contract period is affected and other conditions.",
+        houseWorkDesc1: "Note that as a client, you need to qualify for deductions, for more information",
+        houseWorkDesc2: "in the section about price.",
+        houseWorkReadTerms: "read the terms"
+      },
+      sv: {
+        andVat: "och moms",
+        subPriceString: "Pris {{str}} inkl. entrepenörarvode {{vat}}.",
+        labor: "Arbete",
+        laborManagement: "Arbetsledning",
+        subContractors: "Överenskomna underentreprenader",
+        subContractorsSub: "Påslag med redovisad självkostnad med tillägg för entreprenörarvode.",
+        material: "Material, hjälpmedel & övrigt",
+        materialSub: "Påslag med redovisad självkostnad med tillägg för entreprenörarvode.",
+        descriptionTop: "Ändringar och tilläggsarbeten debiteras antingen till fast pris eller på löpande räkning. Vid arbete på löpande räkning debiteras kostnaden enligt följande:",
+        descriptionBottom: "Eventuella överenskommelser om ändringar och tilläggsarbeten bör vara skriftliga och innehålla information om arbetets omfattning, om arbetet påverkar kontraktstiden och övriga villkor.",
+        houseWorkDesc1: "Notera att du som Beställare ska kvalificera för avdrag, för mer information",
+        houseWorkDesc2: "i stycket för pris.",
+        houseWorkReadTerms: "läs villkoren"
+      }
+    }
+  },
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  render(e) {
+    if (!this._document.readPrices)
+      return e("div");
+    let n = !0, i = null, s = 1, o = null;
+    const {
+      prices: r = null
+    } = this._document || {};
+    if (r && (r.currency && ({
+      currency: o
+    } = r), r.helpers && ({
+      isIndivid: n
+    } = r.helpers), r.region)) {
+      ({
+        houseWorkType: i
+      } = r.region);
+      const t = {
+        rot: 0.7,
+        rut: 0.5,
+        greenRot15: 0.85,
+        greenRot20: 0.8,
+        greenRot50: 0.5
+      };
+      n && (s *= 1.25), n && t[i] && (s *= t[i]);
+    }
+    const d = () => i ? this.$t("deduction.afterType", {
+      type: i
+    }) : n ? "" : `${this.$t("vat.exVat", {
+      thing: this.$t("_common:vat.sharedTitle")
+    })} `, l = this.$t("subPriceString", {
+      str: d(),
+      vat: n ? this.$t("andVat") : ""
+    }), a = [];
+    if (this.workPrice) {
+      const t = c({
+        amount: this.workPrice
+      }).multiply(s).getAmount();
+      a.push({
+        title: this.$t("labor"),
+        subTitle: l,
+        amount: `${u(t, {
+          showZero: !0,
+          currency: o
+        })}/h`
+      });
+    }
+    if (this.managementPrice) {
+      const t = c({
+        amount: this.managementPrice
+      }).multiply(s).getAmount();
+      a.push({
+        title: this.$t("laborManagement"),
+        subTitle: l,
+        amount: `${u(t, {
+          showZero: !0,
+          currency: o
+        })}/h`
+      });
+    }
+    return this.entrepreneurMarkupPercentage && a.push({
+      title: this.$t("subContractors"),
+      subTitle: this.$t("subContractorsSub"),
+      amount: `${this.entrepreneurMarkupPercentage} %`
+    }), this.miscMarkupPercentage && a.push({
+      title: this.$t("material"),
+      subTitle: this.$t("materialSub"),
+      amount: `${this.miscMarkupPercentage} %`
+    }), e(m, [e("div", {
+      class: "m-b-2r"
+    }, [this.$t("descriptionTop")]), e("div", {
+      class: "m-b-2r list-box"
+    }, [a.map((t) => e("div", {
+      class: "ata-item"
+    }, [e("div", {
+      class: "ata-item-text"
+    }, [e("div", {
+      class: "ata-item-text-title"
+    }, [t.title]), e("div", {
+      class: "ata-item-text-sub"
+    }, [t.subTitle])]), e("div", {
+      class: "ata-item-data"
+    }, [t.amount])]))]), e("div", {
+      class: "m-b-2r"
+    }, [this.$t("descriptionBottom")]), i && e("div", {
+      class: "hint-text"
+    }, [this.$t("houseWorkDesc1"), " ", document.getElementById("villkor-avdrag") ? e("span", {
+      on: {
+        click: () => g(document.getElementById("villkor-avdrag"), {
+          offset: 80
+        })
+      },
+      attrs: {
+        className: "cursor-pointer underline"
+      }
+    }, [this.$t("houseWorkReadTerms")]) : this.$t("houseWorkReadTerms"), " ", this.$t("houseWorkDesc2")])]);
+  }
+}, f = null, b = null;
+var k = /* @__PURE__ */ p(
+  h,
+  f,
+  b,
+  !1,
+  null,
+  "16d94649"
+);
+const T = k.exports;
+export {
+  T as default
+};

package/dist/Index-CQ325eVT.js

@@ -0,0 +1,140 @@
+import { m as o } from "./mapFormMixin-DlFcgwhm.js";
+import { n as s, U as l } from "./main-CQBEuZk9.js";
+import { v as a } from "./index-BDMI4NVY.js";
+const c = (e, t) => e ? l(t.workStartAt || /* @__PURE__ */ new Date(), e) >= 0 : !0, u = {
+  name: "ExtraWorkTimeImpactTextEdit",
+  i18nOptions: {
+    namespaces: "ExtraWorkTimeImpactTextEdit",
+    messages: {
+      en: {
+        placeholders: {
+          workStartAt: "Start date",
+          workEndAt: "End date"
+        },
+        inlineForm: {
+          1: "Work will start",
+          2: "and will be completed no later than",
+          3: "Due to the work the original project time"
+        },
+        error: "End date needs to be after start date"
+      },
+      sv: {
+        placeholders: {
+          workStartAt: "Startdatum",
+          workEndAt: "Slutdatum"
+        },
+        inlineForm: {
+          1: "Arbetet kommer påbörjas",
+          2: "och är senast klar",
+          3: "Med anledning av arbetet kommer den ursprungliga kontraktstiden"
+        },
+        error: "Slutdatumet måste vara efter startdatumet."
+      }
+    }
+  },
+  mixins: [
+    o([
+      "workStartAt",
+      "workEndAt",
+      "timeUnit",
+      "noOfTimeUnits",
+      "timeDeltaDirection"
+    ])
+  ],
+  data() {
+    return {
+      isOpen: !1,
+      // Variable to store the old content when the card is disabled
+      hiddenModuleDateDelay: null
+    };
+  },
+  validations: {
+    workStartAt: {
+      required: a.requiredIf(
+        (e) => e.workStartAt || e.workEndAt || e.timeDeltaDirection || e.noOfTimeUnits || e.timeUnit
+      )
+    },
+    workEndAt: {
+      required: a.requiredIf(
+        (e) => e.workStartAt || e.workEndAt || e.timeDeltaDirection || e.noOfTimeUnits || e.timeUnit
+      ),
+      endDateMustBeGreater: c
+    },
+    timeDeltaDirection: {
+      required: a.requiredIf(
+        (e) => e.workStartAt || e.workEndAt || e.timeDeltaDirection || e.noOfTimeUnits || e.timeUnit
+      )
+    },
+    noOfTimeUnits: {
+      required: a.requiredIf(
+        (e) => e.workStartAt || e.workEndAt || e.timeDeltaDirection || e.noOfTimeUnits || e.timeUnit
+      )
+    },
+    timeUnit: {
+      required: a.requiredIf(
+        (e) => e.workStartAt || e.workEndAt || e.timeDeltaDirection || e.noOfTimeUnits || e.timeUnit
+      )
+    }
+  },
+  mounted() {
+    const {
+      workStartAt: e,
+      workEndAt: t,
+      timeUnit: r,
+      noOfTimeUnits: i,
+      timeDeltaDirection: n
+    } = this;
+    (e || t || r || i || n) && (this.isOpen = !0);
+  },
+  methods: {
+    getDateValue(e) {
+      return e ? this.$formatDate(e, "yyyy-MM-dd") : null;
+    },
+    // Method to handle internal data when open/closed
+    toggleOpen(e) {
+      return e ? !0 : (this.clearRoot(), this.$v.$touch(), !1);
+    },
+    // Method to set the root object to null to clear data
+    clearRoot() {
+      const e = this._value.workStartAt.split(".");
+      e.pop();
+      const t = e.join(".");
+      this.$emit("input", { key: t, value: void 0 });
+    }
+  }
+};
+var m = function() {
+  var t = this, r = t._self._c;
+  return r("div", { staticStyle: { position: "relative" } }, [r("CSwitch", { staticStyle: { position: "absolute", right: "0", top: "calc(-0.5 * var(--rem))", transform: "translateY(-100%)" }, on: { input: t.toggleOpen }, model: { value: t.isOpen, callback: function(i) {
+    t.isOpen = i;
+  }, expression: "isOpen" } }), t.isOpen ? r("div", [r("div", { staticClass: "inline-form" }, [t._v(" " + t._s(t.$t("inlineForm.1")) + " "), r("input", { staticClass: "ml-1 bg-gray-100", attrs: { type: "date", max: t.getDateValue(t.workEndAt) }, domProps: { value: t.getDateValue(t.workStartAt) }, on: { input: function(i) {
+    var n;
+    t.workStartAt = (n = i.target) != null && n.value ? new Date(i.target.value).toISOString() : null;
+  } } }), t._v(" " + t._s(t.$t("inlineForm.2")) + " "), r("input", { staticClass: "ml-1 bg-gray-100", attrs: { type: "date", min: t.getDateValue(t.workStartAt) }, domProps: { value: t.getDateValue(t.workEndAt) }, on: { input: function(i) {
+    var n;
+    t.workEndAt = (n = i.target) != null && n.value ? new Date(i.target.value).toISOString() : null;
+  } } }), t._v(". " + t._s(t.$t("inlineForm.3")) + " "), r("CSelect", { staticClass: "select-width input-inline-language", attrs: { placeholder: t.$t("_common:select") }, model: { value: t.timeDeltaDirection, callback: function(i) {
+    t.timeDeltaDirection = i;
+  }, expression: "timeDeltaDirection" } }, [r("option", { attrs: { value: "extend" } }, [t._v(" " + t._s(t.$t("_common:extend").toLowerCase()) + " ")]), r("option", { attrs: { value: "shorten" } }, [t._v(" " + t._s(t.$t("_common:shorten").toLowerCase()) + " ")])]), t._v(" " + t._s(t.$t("_common:with")) + " "), r("CSelect", { staticClass: "select-width quantity input-inline-language", staticStyle: { width: "calc(2 * var(--rem))", "margin-right": "calc(0.5 * var(--rem))" }, attrs: { placeholder: t.$t("_common:select") }, model: { value: t.noOfTimeUnits, callback: function(i) {
+    t.noOfTimeUnits = i;
+  }, expression: "noOfTimeUnits" } }, t._l(31, function(i, n) {
+    return r("option", { key: n, staticStyle: { "font-size": "calc(calc(1 * var(--rem)) + 1px)", "text-align": "center" }, domProps: { value: i - 1 } }, [t._v(" " + t._s(i - 1) + " ")]);
+  }), 0), r("CSelect", { staticClass: "select-width unit input-inline-language", attrs: { placeholder: t.$t("_common:select") }, on: { blur: function(i) {
+    return t.$v.timeUnit.$touch();
+  } }, model: { value: t.timeUnit, callback: function(i) {
+    t.timeUnit = i;
+  }, expression: "timeUnit" } }, [r("option", { attrs: { value: "days" } }, [t._v(t._s(t.$t("_common:day_plural")))]), r("option", { attrs: { value: "weeks" } }, [t._v(t._s(t.$t("_common:week_plural")))]), r("option", { attrs: { value: "months" } }, [t._v(" " + t._s(t.$t("_common:month_plural")) + " ")])]), t._v(". ")], 1), t.$v.$invalid && t.$v.$dirty ? r("div", { staticClass: "error-wrapper", on: { click: function(i) {
+    return t.$v.$touch();
+  } } }, [r("svg", { attrs: { name: "info-icon", width: "14", height: "14", viewBox: "0 0 125 125", xmlns: "http://www.w3.org/2000/svg" } }, [r("path", { attrs: { d: "M62.5 125C27.9822 125 0 97.0178 0 62.5S27.9822 0 62.5 0 125 27.9822 125 62.5 97.0178 125 62.5 125zM52.44694 65.23395v26.93183c0 5.43129 4.40293 9.83422 9.83422 9.83422 5.4461 0 9.87524-4.38793 9.92615-9.83379l.25177-26.93269c.05142-5.50025-4.36573-10.00077-9.86598-10.05219a9.963143 9.963143 0 0 0-.0931-.00043c-5.55215 0-10.05306 4.5009-10.05306 10.05305zm.43768-31.76657c0 5.25109 4.2545 9.50584 9.5027 9.50584h.22536c5.2467 0 9.5027-4.25591 9.5027-9.50584 0-5.25109-4.2545-9.50584-9.5027-9.50584h-.22536c-5.2467 0-9.5027 4.25591-9.5027 9.50584z", fill: "currentColor", "fill-rule": "evenodd" } })]), t._v(" " + t._s(t.$t("error")) + " ")]) : t._e()]) : t._e()], 1);
+}, d = [], p = /* @__PURE__ */ s(
+  u,
+  m,
+  d,
+  !1,
+  null,
+  "88caf6a2"
+);
+const k = p.exports;
+export {
+  k as default
+};

package/dist/Index-CWrDtcfT.js

@@ -0,0 +1,49 @@
+import { m as s } from "./mapFormMixin-DlFcgwhm.js";
+import { T as i } from "./DocTextEditor-VjhV9IRp.js";
+import { z as r, A as a, B as c, n as m } from "./main-CQBEuZk9.js";
+const d = {
+  name: "TextContent",
+  components: {
+    TextEditor: i
+  },
+  mixins: [s(["content"])],
+  computed: {
+    value: {
+      get() {
+        return this.canEdit ? r(
+          this.content,
+          this._document.textTemplateMap,
+          this._document._doc
+        ) : a(this.content, this._document._doc);
+      },
+      set(e) {
+        this.content = c(e);
+      }
+    }
+  },
+  methods: {
+    onAdd() {
+      const e = () => this.$refs.textEditor.focus();
+      this.$refs.textEditor ? e() : this.$once("triggerOnAdd", e);
+    }
+  }
+};
+var l = function() {
+  var t = this, n = t._self._c;
+  return n("div", { staticClass: "quill-format", staticStyle: { "font-size": "16px" } }, [n("TextEditor", { ref: "textEditor", staticClass: "text-editor", staticStyle: { "margin-bottom": "1em" }, attrs: { placeholder: t.$t("components:account.documentForm.titleAndText.text"), mentions: () => t._document.textTemplateItems, snippets: !0, "is-absolute": !0 }, on: { "hook:mounted": function(o) {
+    return t.$emit("triggerOnAdd");
+  } }, model: { value: t.value, callback: function(o) {
+    t.value = o;
+  }, expression: "value" } })], 1);
+}, u = [], p = /* @__PURE__ */ m(
+  d,
+  l,
+  u,
+  !1,
+  null,
+  "b477a743"
+);
+const h = p.exports;
+export {
+  h as default
+};

package/dist/Index-CyJnSvDR.js

@@ -0,0 +1,223 @@
+import { m as C } from "./mapFormMixin-DlFcgwhm.js";
+import { n as f, b as _ } from "./main-CQBEuZk9.js";
+import { C as b } from "./CPhoneFormat-Qg6MkDVP.js";
+const $ = {
+  name: "DocPartiesItem",
+  components: {
+    CPhoneFormat: b
+  },
+  props: {
+    label: {
+      type: String,
+      required: !0
+    },
+    data: {
+      type: [String, Object],
+      required: !0
+    },
+    type: {
+      type: String,
+      default: ""
+    },
+    canEdit: {
+      type: Boolean,
+      default: !1
+    }
+  }
+};
+var w = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "client-row" }, [t("div", { staticClass: "label" }, [e._v(" " + e._s(e.label) + " ")]), t("div", { staticClass: "data", class: {
+    "is-editable": e.canEdit
+  } }, [t("span", { on: { click: function(i) {
+    return e.$emit("click");
+  } } }, [e.type === "phone" ? t("CPhoneFormat", { attrs: { phone: e.data.cellphone, region: e.data.region } }) : [e._v(e._s(e.data))]], 2)])]);
+}, k = [], x = /* @__PURE__ */ f(
+  $,
+  w,
+  k,
+  !1,
+  null,
+  "4c4b7148"
+);
+const S = x.exports, F = {
+  client: () => import("./ClientModal-CVZFb1Br.js"),
+  company: () => import("./CompanyModal-DadjAioS.js")
+}, I = {
+  i18nOptions: {
+    namespaces: "components"
+  },
+  name: "DocParties",
+  components: {
+    DocPartiesItem: S,
+    AddClientCallout: () => import("./AddClientCallout-C7abPZ87.js")
+  },
+  mixins: [C()],
+  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 n = (t, i = {}) => this._document.$t(t, { postProcess: "capitalize", ...i });
+      return (Array.isArray(this.parties) ? this.parties : [this.parties]).map((t) => {
+        const {
+          orgNo: i,
+          socialNo: a,
+          companyName: s,
+          name: r,
+          type: d,
+          cellphone: m,
+          cellphoneRegion: y,
+          email: u,
+          addresses: l,
+          hasFSkatt: v,
+          hasInsurance: h
+        } = t, c = d === "individual", o = l && (l.standard || l.work);
+        o && (o.formKey = l.standard ? "street" : "workStreet");
+        const g = [
+          s && {
+            label: n("company"),
+            value: s,
+            formKey: "name"
+          },
+          i && {
+            label: n("orgNoShort"),
+            value: i,
+            formKey: "orgNo"
+          },
+          r && {
+            label: n(c ? "name" : "reference"),
+            value: r,
+            formKey: c ? "name" : "reference"
+          },
+          a && c && {
+            label: n("socialNo"),
+            value: a,
+            formKey: "orgNo"
+          },
+          u && {
+            label: n("email"),
+            value: u,
+            formKey: "email"
+          },
+          m && {
+            label: n("phone"),
+            type: "phone",
+            value: {
+              cellphone: m,
+              region: y || _(this._document, "sender.company.region", "")
+            },
+            formKey: "cellphone"
+          },
+          o && {
+            label: n("address"),
+            value: this.parseStreet(o.street, o.city, o.zip),
+            formKey: o.formKey
+          }
+        ], p = [];
+        return v && p.push({
+          label: this._document.$t("chapters.parties.fTax"),
+          value: v
+        }), h && p.push({
+          label: this._document.$t("chapters.parties.allRiskAndLiability"),
+          value: h
+        }), {
+          main: g,
+          checks: p
+        };
+      });
+    }
+  },
+  created() {
+    _(this, "_value.parties", "") !== "clients" && (this.type = "company");
+  },
+  methods: {
+    openModal({ formKey: n, index: e } = {}) {
+      var a;
+      let t = "name", i = !1;
+      n && (t = n, ["name", "email", "cellphone", "reference"].includes(n) || (i = !0)), this.$modal.show(F[this.type], {
+        inputFocusOnMount: t,
+        forceExpand: i,
+        documentClientIndex: e,
+        signOptions: (a = this._document) == null ? void 0 : a.signOptions,
+        setFormValue: this.viewSettings.setFormValue,
+        removeFormValue: this.viewSettings.removeFormValue,
+        isPublicForm: this.viewSettings.isPublicForm
+      });
+    },
+    removeClient(n) {
+      this.parties[n] && this.removeField(`clients[${n}]`);
+    },
+    parseStreet(n, e, t) {
+      let i = "";
+      return n && (i += n), n && (t || e) && (i += ", "), t && (i += ` ${t}`), e && (i += ` ${e}`), i;
+    },
+    searchEndCustomers(n, e) {
+      n({
+        q: e,
+        cb: ({ endCustomer: t }) => {
+          this.results = t;
+        }
+      });
+    },
+    setClient(n) {
+      this.$emit("input", {
+        key: `clients[${this.parties.length}]`,
+        value: n
+      });
+    }
+  }
+};
+var P = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticStyle: { position: "relative" } }, [e.viewSettings.canEdit ? t("div", { staticClass: "edit-button" }, [e.type === "company" ? t("CButton", { attrs: { type: "none", size: "small", pattern: "secondary" }, on: { click: e.openModal } }, [e._v(" " + e._s(e.$t("_common:edit").capitalize()) + " ")]) : e.parties.length && e.type === "client" ? t("CDropdown", { ref: "dropdown", attrs: { position: "is-bottom-left" } }, [t("CButton", { attrs: { slot: "trigger", type: "none", size: "small", pattern: "secondary", "icon-right": "chevron-down" }, slot: "trigger" }, [e._v(" " + e._s(e.$t("_common:more").capitalize()) + " ")]), t("CDropdownItem", { attrs: { "icon-props": {
+    class: "text-primary-500"
+  }, "icon-left": "plus-circle" }, on: { click: function(i) {
+    return e.openModal({ index: e.parties.length });
+  } } }, [e._v(" " + e._s(e.$t("components:account.documentForm.clients.add.extra")) + " ")]), t("CDropdownItem", { attrs: { separator: "" } }), e._l(e.parties, function(i, a) {
+    return t("CDropdownItem", { key: a, attrs: { "icon-props": {
+      class: "text-gray-400"
+    }, "icon-left": "edit" }, on: { click: function(s) {
+      return e.openModal({ index: a });
+    } } }, [e._v(" " + e._s(i.type === "individual" ? i.name : i.companyName || i.name) + " ")]);
+  })], 2) : e._e()], 1) : e._e(), e.viewSettings.canEdit ? [e.type === "client" && !(e.parties && e.parties.length) ? t("AddClientCallout", { on: { add: function(i) {
+    return e.openModal({ index: e.parties.length });
+  }, setClient: e.setClient } }) : e._e(), e.type === "company" && e.viewSettings.isPublicForm && !(e.parties.companyName || e.parties.email) ? t("CCallout", { attrs: { title: e.$t("document.chapters.parties.missingSender.title") } }, [t("div", { staticStyle: { "padding-bottom": "1em" } }, [e._v(" " + e._s(e.$t("document.chapters.parties.missingSender.description")) + " ")]), t("CButton", { attrs: { "icon-left": "plus", type: "secondary" }, on: { click: e.openModal } }, [e._v(" " + e._s(e.$t("_common:add", { thing: e.$t("_common:info") })) + " ")])], 1) : e._e()] : e._e(), e._l(e.mappedParties, function(i, a) {
+    return t("div", { key: a, staticClass: "party-wrapper print-avoid-break-inside", on: { "&mouseover": function(s) {
+      e.hoverIndex = a;
+    }, "&mouseleave": function(s) {
+      e.hoverIndex = null;
+    } } }, [e.viewSettings.canEdit && e.type !== "company" && e.hoverIndex === a ? t("div", { staticClass: "controls", staticStyle: { position: "absolute", left: "100%", top: "0", "padding-left": "calc(0.5 * var(--rem))" } }, [t("CButton", { attrs: { circle: "", size: "small", icon: "edit", type: "none", pattern: "tertiary" }, on: { click: function(s) {
+      return e.openModal({ index: a });
+    } } }), t("CButton", { attrs: { circle: "", size: "small", icon: "x", type: "none", pattern: "tertiary" }, on: { click: function(s) {
+      return e.removeClient(a);
+    } } })], 1) : e._e(), e._l(i.main, function(s, r) {
+      return [s ? t("DocPartiesItem", { key: r, attrs: { label: s.label, data: s.value, type: s.type, "can-edit": e.viewSettings.canEdit }, on: { click: function(d) {
+        e.viewSettings.canEdit && e.openModal({ formKey: s.formKey, index: a });
+      } } }) : e._e()];
+    }), i.checks && i.checks.length ? t("div", { staticStyle: { width: "100%", "padding-top": "calc(1 * var(--rem))" } }, e._l(i.checks, function(s, r) {
+      return t("div", { key: r, staticClass: "check-text" }, [t("svg", { attrs: { width: "11", height: "11", viewBox: "0 0 218 185", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { staticClass: "primary-svg-fill", attrs: { 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" } })]), t("div", [e._v(e._s(s.label))])]);
+    }), 0) : e._e()], 2);
+  })], 2);
+}, D = [], M = /* @__PURE__ */ f(
+  I,
+  P,
+  D,
+  !1,
+  null,
+  "fe6ebb87"
+);
+const N = M.exports;
+export {
+  N as default
+};

package/dist/Index-D6bc7lg4.js

@@ -0,0 +1,52 @@
+import { m as o } from "./mapFormMixin-DlFcgwhm.js";
+import { I as i } from "./InputToggleRow-DSSvhPKA.js";
+import { n as a } from "./main-CQBEuZk9.js";
+const m = {
+  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: i
+  },
+  mixins: [
+    o(["timeUnit"]),
+    o(["noOfTimeUnits"], { type: "number" })
+  ],
+  created() {
+    this.timeUnit || (this.timeUnit = "day");
+  }
+};
+var l = function() {
+  var t = this, e = t._self._c;
+  return e("InputToggleRow", { attrs: { "display-value": t.noOfTimeUnits && t.timeUnit ? `${t.noOfTimeUnits} ${t.$t(`_common:${t.timeUnit}`, {
+    count: t.noOfTimeUnits
+  })}` : t.$t("_common:add"), label: t.$t("label"), "show-clear": !!(t.noOfTimeUnits && t.timeUnit) }, on: { remove: function(n) {
+    t.noOfTimeUnits = null;
+  } } }, [e("CInput", { staticStyle: { width: "calc(15 * var(--rem))" }, attrs: { type: "number" }, model: { value: t.noOfTimeUnits, callback: function(n) {
+    t.noOfTimeUnits = t._n(n);
+  }, expression: "noOfTimeUnits" } }, [e("CSelect", { staticClass: "select-width plain", staticStyle: { width: "120px" }, attrs: { slot: "append", placeholder: t.$t("placeholder") }, slot: "append", model: { value: t.timeUnit, callback: function(n) {
+    t.timeUnit = n;
+  }, expression: "timeUnit" } }, [e("option", { attrs: { value: "hour" } }, [t._v(t._s(t.$t("_common:hour_plural")))]), e("option", { attrs: { value: "day" } }, [t._v(t._s(t.$t("_common:day_plural")))]), e("option", { attrs: { value: "week" } }, [t._v(t._s(t.$t("_common:week_plural")))]), e("option", { attrs: { value: "month" } }, [t._v(t._s(t.$t("_common:month_plural")))])])], 1)], 1);
+}, s = [], r = /* @__PURE__ */ a(
+  m,
+  l,
+  s,
+  !1,
+  null,
+  null
+);
+const d = r.exports;
+export {
+  d as default
+};

package/dist/Index-DCR8ev4U.js

@@ -0,0 +1,33 @@
+import { m as n } from "./mapFormMixin-DlFcgwhm.js";
+import { n as i } from "./main-CQBEuZk9.js";
+const r = {
+  name: "ExtraWorkTimeImpactText",
+  components: {
+    Read: () => import("./Index-Dm8xMFGg.js"),
+    Edit: () => import("./Index-CQ325eVT.js")
+  },
+  mixins: [
+    n([
+      "workStartAt",
+      "workEndAt",
+      "timeUnit",
+      "noOfTimeUnits",
+      "timeDeltaDirection"
+    ])
+  ]
+};
+var o = function() {
+  var t = this, e = t._self._c;
+  return t.canEdit ? e("Edit", t._g({ attrs: { _document: t._document, _value: t._value } }, t.$listeners)) : e("Read", { attrs: { "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 } });
+}, a = [], m = /* @__PURE__ */ i(
+  r,
+  o,
+  a,
+  !1,
+  null,
+  null
+);
+const d = m.exports;
+export {
+  d as default
+};