@cling-se/widget 0.17.2 → 0.18.0

package/dist/Index-D8ZnVbsP.js

@@ -1,32 +0,0 @@
-import { m as n } from "./mapFormMixin-rxtAFyFK.js";
-import { n as t } from "./main-BpqUyMpC.js";
-const a = {
-  name: "ExtraWorkConstructionPricingList",
-  components: {
-    Read: () => import("./Index-CbYLDVU5.js"),
-    Edit: () => import("./Index-B-bSVOoh.js")
-  },
-  mixins: [
-    n([
-      "workPrice",
-      "managementPrice",
-      "entrepreneurMarkupPercentage",
-      "miscMarkupPercentage"
-    ])
-  ]
-};
-var c = function() {
-  var e = this, r = e._self._c;
-  return e.canEdit ? r("Edit", e._g({ attrs: { _document: e._document, _value: e._value } }, e.$listeners)) : r("Read", { attrs: { _document: e._document, "work-price": e.workPrice, "management-price": e.managementPrice, "entrepreneur-markup-percentage": e.entrepreneurMarkupPercentage, "misc-markup-percentage": e.miscMarkupPercentage } });
-}, m = [], i = /* @__PURE__ */ t(
-  a,
-  c,
-  m,
-  !1,
-  null,
-  "b31d846d"
-);
-const _ = i.exports;
-export {
-  _ as default
-};

package/dist/Index-DPNIJewY.js

@@ -1,56 +0,0 @@
-import { m as o } from "./mapFormMixin-rxtAFyFK.js";
-import { I as i } from "./InputToggleRow-BgOubdXs.js";
-import { C as a } from "./CSelect-izVnsQME.js";
-import { n as m } from "./main-BpqUyMpC.js";
-const l = {
-  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,
-    CSelect: a
-  },
-  mixins: [
-    o(["timeUnit"]),
-    o(["noOfTimeUnits"], { type: "number" })
-  ],
-  created() {
-    this.timeUnit || (this.timeUnit = "day");
-  }
-};
-var s = 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" }, scopedSlots: t._u([{ key: "append", fn: function() {
-    return [e("CSelect", { staticClass: "select-width plain", staticStyle: { width: "120px" }, attrs: { placeholder: t.$t("placeholder") }, 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")))])])];
-  }, proxy: !0 }]), model: { value: t.noOfTimeUnits, callback: function(n) {
-    t.noOfTimeUnits = t._n(n);
-  }, expression: "noOfTimeUnits" } })], 1);
-}, r = [], c = /* @__PURE__ */ m(
-  l,
-  s,
-  r,
-  !1,
-  null,
-  null
-);
-const v = c.exports;
-export {
-  v as default
-};

package/dist/Index-DVXhB0Ja.js

@@ -1,58 +0,0 @@
-import { m as r } from "./mapFormMixin-rxtAFyFK.js";
-import { I as n } from "./InputToggleRow-BgOubdXs.js";
-import { B as s } from "./BaseDatePicker-wwmiz_b5.js";
-import { n as l } from "./main-BpqUyMpC.js";
-const c = {
-  i18nOptions: {
-    namespaces: "estimatedTimeStartEnd",
-    messages: {
-      en: {
-        title: "Start and end date",
-        label: "Work start and ends",
-        placeholders: {
-          start: "Start date",
-          end: "End date"
-        }
-      },
-      sv: {
-        title: "Start- och slutdatum",
-        label: "Arbetet påbörjas och avslutas",
-        placeholders: {
-          start: "Startdatum",
-          end: "Slutdatum"
-        }
-      }
-    }
-  },
-  name: "EstimatedWorkStartAndEndAtTextEdit",
-  components: {
-    InputToggleRow: n,
-    BaseDatePicker: s
-  },
-  mixins: [r(["startAt", "endAt"])]
-};
-var i = function() {
-  var t = this, a = t._self._c;
-  return a("InputToggleRow", { attrs: { "display-value": t.startAt && t.endAt ? `${t.$formatDate(t.startAt)} → ${t.$formatDate(t.endAt)}` : t.$t("_common:add"), label: t.$t("label"), "show-clear": !!(t.startAt && t.endAt) }, on: { remove: function(e) {
-    t.startAt = null, t.endAt = null;
-  } } }, [a("div", { staticStyle: { display: "inline-flex" } }, [a("BaseDatePicker", { staticClass: "datepicker-simple", staticStyle: { width: "calc(8 * var(--rem))" }, attrs: { placeholder: t.$t("placeholders.start") }, on: { click: function(e) {
-    e.preventDefault();
-  } }, model: { value: t.startAt, callback: function(e) {
-    t.startAt = e;
-  }, expression: "startAt" } }), a("div", { staticStyle: { "line-height": "calc(3 * var(--rem))", margin: "0 calc(0.5 * var(--rem))", "font-size": "calc(calc(1 * var(--rem)) + 2px)" } }, [t._v(" → ")]), a("BaseDatePicker", { staticClass: "datepicker-simple", staticStyle: { width: "calc(8 * var(--rem))" }, attrs: { static: !0, placeholder: t.$t("placeholders.end") }, on: { click: function(e) {
-    e.preventDefault();
-  } }, model: { value: t.endAt, callback: function(e) {
-    t.endAt = e;
-  }, expression: "endAt" } })], 1)]);
-}, o = [], d = /* @__PURE__ */ l(
-  c,
-  i,
-  o,
-  !1,
-  null,
-  null
-);
-const A = d.exports;
-export {
-  A as default
-};

package/dist/Index-DWhQwxeB.js

@@ -1,94 +0,0 @@
-import { m as o } from "./mapFormMixin-rxtAFyFK.js";
-import { f as a } from "./focusDrawerMixin-DVCJIsb_.js";
-import { g as r } from "./utils-CMs9ODO8.js";
-import { n } from "./main-BpqUyMpC.js";
-const d = {
-  name: "VideoPlayer",
-  i18nOptions: {
-    namespaces: "components",
-    keyPrefix: "document.videoPlayer"
-  },
-  components: {
-    VideoPlayerSettings: () => import("./VideoPlayerSettings-DJh0JNRI.js"),
-    VideoPlayerInput: () => import("./VideoPlayerInput-ryP77WC0.js")
-  },
-  mixins: [o(["videoPlayer"]), a],
-  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 t;
-      return ((t = this.videoPlayer) == null ? void 0 : t.video) || {};
-    },
-    size() {
-      var t;
-      return ((t = this.videoPlayer) == null ? void 0 : t.size) || "medium";
-    }
-  },
-  watch: {
-    video: {
-      immediate: !0,
-      async handler(t) {
-        if (!t || !t.url)
-          return;
-        let { width: e, height: i } = t;
-        (!e || !i) && ({ width: e, height: i } = await r(t.url) || {}), this.videoSize = { width: e, height: i }, this.setAspectRatio();
-      }
-    },
-    size() {
-      this.setAspectRatio();
-    }
-  },
-  methods: {
-    setValue({ key: t, value: e }) {
-      this.videoPlayer = {
-        ...this.videoPlayer,
-        [t]: e
-      };
-    },
-    setAspectRatio() {
-      !this.videoSize.width || !this.videoSize.height || (this.aspectRatio = `${Math.round(
-        100 * this.videoSize.height / this.videoSize.width
-      )}%`);
-    },
-    onAdd() {
-      var t;
-      this._isNodeRecentlyAdded() && ((t = this.$refs.input) == null || t.focus());
-    }
-  }
-};
-var l = function() {
-  var e = this, i = e._self._c;
-  return i("div", { staticClass: "video-root font-inter", on: { "&mouseover": function(s) {
-    e.showControls = !0;
-  }, "&mouseleave": function(s) {
-    e.showControls = !1;
-  } } }, [i("div", { staticClass: "no-drag", class: [`video-is-${e.size}`] }, [i("div", { staticClass: "video-container", style: { paddingTop: e.aspectRatio } }, [!e.video.url && e.canEdit ? i("div", { staticClass: "video-element" }, [i("div", { staticClass: "is-placeholder" }, [i("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("subTitle")) + " ")]), i("VideoPlayerInput", { ref: "input", staticStyle: { "padding-top": "1em" }, attrs: { value: e.video }, on: { input: function(s) {
-    return e.setValue({ key: "video", value: s });
-  }, "hook:mounted": e.onAdd } })], 1)]) : i("iframe", { ref: "iframe", staticClass: "video-element", attrs: { title: "Video", src: e.video.url, frameborder: "0", allowfullscreen: "" } })])]), e.isForm ? [e.showDrawer ? i("portal", { attrs: { to: "drawer-content" } }, [i("VideoPlayerSettings", { attrs: { video: e.video, size: e.size }, on: { input: e.setValue } })], 1) : e._e()] : e._e()], 2);
-}, c = [], m = /* @__PURE__ */ n(
-  d,
-  l,
-  c,
-  !1,
-  null,
-  "a0759f45"
-);
-const f = m.exports;
-export {
-  f as default
-};

package/dist/Index-DX7tomhl.js

@@ -1,230 +0,0 @@
-import { m as C } from "./mapFormMixin-rxtAFyFK.js";
-import { C as b } from "./CCallout-dAjcZXrm.js";
-import { C as $, a as w } from "./CDropdownItem-CkSNbSdj.js";
-import { n as _, b as h } from "./main-BpqUyMpC.js";
-import { C as k } from "./CPhoneFormat-Bd-HZuYo.js";
-const x = {
-  name: "DocPartiesItem",
-  components: {
-    CPhoneFormat: k
-  },
-  props: {
-    label: {
-      type: String,
-      required: !0
-    },
-    data: {
-      type: [String, Object],
-      required: !0
-    },
-    type: {
-      type: String,
-      default: ""
-    },
-    canEdit: {
-      type: Boolean,
-      default: !1
-    }
-  }
-};
-var S = 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(a) {
-    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)])]);
-}, F = [], I = /* @__PURE__ */ _(
-  x,
-  S,
-  F,
-  !1,
-  null,
-  "9bad68ca"
-);
-const D = I.exports, P = {
-  client: () => import("./ClientModal-DjSoPQ9x.js").then((n) => n.b),
-  company: () => import("./CompanyModal-BYQWdbhG.js")
-}, M = {
-  i18nOptions: {
-    namespaces: "components"
-  },
-  name: "DocParties",
-  components: {
-    DocPartiesItem: D,
-    CCallout: b,
-    CDropdown: $,
-    CDropdownItem: w,
-    AddClientCallout: () => import("./AddClientCallout-TF4dWJwb.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, a = {}) => this._document.$t(t, { postProcess: "capitalize", ...a });
-      return (Array.isArray(this.parties) ? this.parties : [this.parties]).map((t) => {
-        const {
-          orgNo: a,
-          socialNo: i,
-          companyName: o,
-          name: r,
-          type: d,
-          cellphone: m,
-          cellphoneRegion: y,
-          email: u,
-          addresses: l,
-          hasFSkatt: v,
-          hasInsurance: f
-        } = t, c = d === "individual", s = l && (l.standard || l.work);
-        s && (s.formKey = l.standard ? "street" : "workStreet");
-        const g = [
-          o && {
-            label: n("company"),
-            value: o,
-            formKey: "name"
-          },
-          a && {
-            label: n("orgNoShort"),
-            value: a,
-            formKey: "orgNo"
-          },
-          r && {
-            label: n(c ? "name" : "reference"),
-            value: r,
-            formKey: c ? "name" : "reference"
-          },
-          i && c && {
-            label: n("socialNo"),
-            value: i,
-            formKey: "orgNo"
-          },
-          u && {
-            label: n("email"),
-            value: u,
-            formKey: "email"
-          },
-          m && {
-            label: n("phone"),
-            type: "phone",
-            value: {
-              cellphone: m,
-              region: y || h(this._document, "sender.company.region", "")
-            },
-            formKey: "cellphone"
-          },
-          s && {
-            label: n("address"),
-            value: this.parseStreet(s.street, s.city, s.zip),
-            formKey: s.formKey
-          }
-        ], p = [];
-        return v && p.push({
-          label: this._document.$t("chapters.parties.fTax"),
-          value: v
-        }), f && p.push({
-          label: this._document.$t("chapters.parties.allRiskAndLiability"),
-          value: f
-        }), {
-          main: g,
-          checks: p
-        };
-      });
-    }
-  },
-  created() {
-    h(this, "_value.parties", "") !== "clients" && (this.type = "company");
-  },
-  methods: {
-    openModal({ formKey: n, index: e } = {}) {
-      var i;
-      let t = "name", a = !1;
-      n && (t = n, ["name", "email", "cellphone", "reference"].includes(n) || (a = !0)), this.$modal.show(P[this.type], {
-        inputFocusOnMount: t,
-        forceExpand: a,
-        documentClientIndex: e,
-        signOptions: (i = this._document) == null ? void 0 : i.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 a = "";
-      return n && (a += n), n && (t || e) && (a += ", "), t && (a += ` ${t}`), e && (a += ` ${e}`), a;
-    },
-    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 z = 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" }, scopedSlots: e._u([{ key: "trigger", fn: function() {
-    return [t("CButton", { attrs: { type: "none", size: "small", pattern: "secondary", "icon-right": "chevron-down" } }, [e._v(" " + e._s(e.$t("_common:more").capitalize()) + " ")])];
-  }, proxy: !0 }], null, !1, 2768188015) }, [t("CDropdownItem", { attrs: { "icon-props": {
-    class: "text-primary-500"
-  }, "icon-left": "plus-circle" }, on: { click: function(a) {
-    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(a, i) {
-    return t("CDropdownItem", { key: i, attrs: { "icon-props": {
-      class: "text-gray-400"
-    }, "icon-left": "edit" }, on: { click: function(o) {
-      return e.openModal({ index: i });
-    } } }, [e._v(" " + e._s(a.type === "individual" ? a.name : a.companyName || a.name) + " ")]);
-  })], 2) : e._e()], 1) : e._e(), e.viewSettings.canEdit ? [e.type === "client" && !(e.parties && e.parties.length) ? t("AddClientCallout", { on: { add: function(a) {
-    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(a, i) {
-    return t("div", { key: i, staticClass: "party-wrapper print-avoid-break-inside", on: { "&mouseover": function(o) {
-      e.hoverIndex = i;
-    }, "&mouseleave": function(o) {
-      e.hoverIndex = null;
-    } } }, [e.viewSettings.canEdit && e.type !== "company" && e.hoverIndex === i ? 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(o) {
-      return e.openModal({ index: i });
-    } } }), t("CButton", { attrs: { circle: "", size: "small", icon: "x", type: "none", pattern: "tertiary" }, on: { click: function(o) {
-      return e.removeClient(i);
-    } } })], 1) : e._e(), e._l(a.main, function(o, r) {
-      return [o ? t("DocPartiesItem", { key: r, attrs: { label: o.label, data: o.value, type: o.type, "can-edit": e.viewSettings.canEdit }, on: { click: function(d) {
-        e.viewSettings.canEdit && e.openModal({ formKey: o.formKey, index: i });
-      } } }) : e._e()];
-    }), a.checks && a.checks.length ? t("div", { staticStyle: { width: "100%", "padding-top": "calc(1 * var(--rem))" } }, e._l(a.checks, function(o, 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(o.label))])]);
-    }), 0) : e._e()], 2);
-  })], 2);
-}, E = [], K = /* @__PURE__ */ _(
-  M,
-  z,
-  E,
-  !1,
-  null,
-  "6051fd15"
-);
-const V = K.exports;
-export {
-  V as default
-};

package/dist/Index-D_AdmLWe.js

@@ -1,41 +0,0 @@
-import { m as s } from "./mapFormMixin-rxtAFyFK.js";
-import { T as a } from "./DocTextEditor-DFid7uKr.js";
-import { H as i, J as c, K as r, n as m } from "./main-BpqUyMpC.js";
-const l = {
-  name: "TextContent",
-  components: {
-    TextEditor: a
-  },
-  mixins: [s(["content"])],
-  computed: {
-    value: {
-      get() {
-        return this.canEdit ? i(
-          this.content,
-          this._document.textTemplateMap,
-          this._document._doc
-        ) : c(this.content, this._document._doc);
-      },
-      set(e) {
-        this.content = r(e);
-      }
-    }
-  }
-};
-var u = 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 }, model: { value: t.value, callback: function(o) {
-    t.value = o;
-  }, expression: "value" } })], 1);
-}, d = [], p = /* @__PURE__ */ m(
-  l,
-  u,
-  d,
-  !1,
-  null,
-  "4df272c3"
-);
-const h = p.exports;
-export {
-  h as default
-};