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

package/dist/Index-CDV5rhWS.js

@@ -1,49 +0,0 @@
-import { m as s } from "./mapFormMixin-QbevCwJK.js";
-import { T as i } from "./DocTextEditor-CntS2Bd-.js";
-import { z as r, A as a, B as c, n as m } from "./main-WKzC-Dnu.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,
-  "91c1fb62"
-);
-const h = p.exports;
-export {
-  h as default
-};

package/dist/Index-CIx4OOK-.js

@@ -1,144 +0,0 @@
-import { m as r } from "./mapFormMixin-QbevCwJK.js";
-import { f as l } from "./focusDrawerMixin-Be6BAK8-.js";
-import { d as c } from "./debounce-C1AuSpOZ.js";
-import { s as m, p as u } from "./splitpanes-BHUVsCZF.js";
-import { n } from "./main-WKzC-Dnu.js";
-const d = {
-  name: "HeaderItems",
-  components: {
-    MediaWrapper: () => import("./MediaWrapper-D37qK4KR.js"),
-    ContentWrapper: () => import("./ContentWrapper-BwmMoe4W.js"),
-    Splitpanes: m,
-    Pane: u
-  },
-  mixins: [r(["layout", "items", "baseStyle"])],
-  props: {
-    showControls: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  computed: {
-    forceHorizontal() {
-      return this.device === "mobile";
-    },
-    canResize() {
-      return this.device === "desktop" || this.device === "tablet";
-    },
-    useSplitPane() {
-      return this.canEdit && this.canResize;
-    }
-  },
-  created() {
-    ["layout", "canEdit"].forEach(
-      (t) => this.$watch(t, {
-        immediate: !0,
-        handler: this.addNoDragClass
-      })
-    );
-  },
-  methods: {
-    addNoDragClass() {
-      !this.canEdit || !["vertical", "horizontal"].includes(this.layout) || setTimeout(() => {
-        const t = this.$el.querySelector(".splitpanes__splitter");
-        t && !t.classList.contains("no-drag") && t.classList.add("no-drag");
-      }, 0);
-    },
-    onResize: c(function([{ size: e }]) {
-      const a = Math.round(e), o = 100 - a;
-      this.items = this.items.map((s, i) => ({ ...s, size: [a, o][i] }));
-    }, 100)
-  }
-};
-var h = function() {
-  var e = this, a = e._self._c;
-  return e.layout === "center" ? a("div", { staticStyle: { position: "relative", "min-height": "calc(100 * var(--vh, 1vh))" } }, e._l(e.items, function(o, s) {
-    return a(`${o.type}Wrapper`, e._g({ key: s, tag: "component", staticClass: "item", staticStyle: { position: "absolute", left: "0", top: "0", right: "0", bottom: "0" }, attrs: { size: o.size, _document: e._document, _value: { ...e._value, item: `${e._value.items}.${s}` }, "has-hover": e.showControls } }, e.$listeners));
-  }), 1) : a(e.useSplitPane ? "splitpanes" : "div", { tag: "component", staticClass: "layout-wrapper", style: !e.canEdit && {
-    "flex-direction": e.forceHorizontal || e.layout === "horizontal" ? "column" : "row"
-  }, attrs: { horizontal: e.forceHorizontal ? !0 : e.layout === "horizontal", vertical: e.forceHorizontal ? !1 : e.layout === "vertical" }, on: { resize: e.onResize } }, e._l(e.items, function(o, s) {
-    return a(e.useSplitPane ? "pane" : "div", { key: s, tag: "component", style: !e.useSplitPane && {
-      flex: `1 1 ${o.size}%`
-    }, attrs: { size: o.size } }, [a(`${o.type}Wrapper`, e._g({ tag: "component", staticClass: "item", attrs: { _document: e._document, _value: { ...e._value, item: `${e._value.items}.${s}` }, "has-hover": e.showControls } }, e.$listeners))], 1);
-  }), 1);
-}, _ = [], p = /* @__PURE__ */ n(
-  d,
-  h,
-  _,
-  !1,
-  null,
-  "683ee6d3"
-);
-const v = p.exports, f = {
-  name: "HeaderBlock",
-  components: {
-    PriceHeader: () => import("./PriceHeader-DhDAruwX.js"),
-    HeaderSettings: () => import("./HeaderSettings-BqczIOsG.js"),
-    HeaderItems: v
-  },
-  mixins: [r(["header"]), l],
-  data() {
-    return {
-      showControls: !1
-    };
-  },
-  computed: {
-    layout() {
-      var t;
-      return (t = this.header) == null ? void 0 : t.layout;
-    },
-    items() {
-      var t;
-      return ((t = this.header) == null ? void 0 : t.items) || [];
-    },
-    mediaPath() {
-      const t = this.items.findIndex(({ type: e }) => e === "media");
-      return t !== -1 ? `${this._value.header}.items.${t}.media` : "";
-    },
-    contentPath() {
-      const t = this.items.findIndex(({ type: e }) => e === "content");
-      return t !== -1 ? `${this._value.header}.items.${t}` : "";
-    }
-  }
-};
-var $ = function() {
-  var e = this, a = e._self._c;
-  return a("div", { staticClass: "header-root", class: {
-    "has-parent-nav": e.viewSettings.isForm,
-    "has-hover": e.showControls
-  }, on: { "&mouseover": function(o) {
-    e.showControls = !0;
-  }, "&mouseleave": function(o) {
-    e.showControls = !1;
-  } } }, [e.layout === "price" ? a("PriceHeader", e._g({ attrs: { _document: e._document, _value: {
-    media: e.mediaPath,
-    backgroundColor: `${e.contentPath}.media.backgroundColor`,
-    documentName: `${e.contentPath}.value.documentName`,
-    showLogo: `${e.contentPath}.value.showLogo`,
-    logotype: `${e.contentPath}.value.logotype`,
-    showPriceSummary: `${e._value.header}.showPriceSummary`
-  }, "has-hover": e.showControls } }, e.$listeners)) : a("HeaderItems", e._g({ attrs: { _document: e._document, _value: {
-    layout: `${e._value.header}.layout`,
-    items: `${e._value.header}.items`,
-    baseStyle: `${e._value.header}.baseStyle`
-  }, "show-controls": e.showControls } }, e.$listeners)), e.isForm ? [e.showDrawer ? a("portal", { attrs: { to: "drawer-content" } }, [a("HeaderSettings", { attrs: { _document: e._document, _value: {
-    layout: `${e._value.header}.layout`,
-    items: `${e._value.header}.items`,
-    showPriceSummary: `${e._value.header}.showPriceSummary`,
-    media: e.mediaPath,
-    backgroundColor: `${e.contentPath}.media.backgroundColor`,
-    textAlign: `${e._value.header}.baseStyle.textAlign`,
-    textColor: `${e._value.header}.baseStyle.textColor`
-  } } })], 1) : e._e()] : e._e()], 2);
-}, y = [], g = /* @__PURE__ */ n(
-  f,
-  $,
-  y,
-  !1,
-  null,
-  null
-);
-const x = g.exports;
-export {
-  x as default
-};

package/dist/Index-CL1OWLt6.js

@@ -1,223 +0,0 @@
-import { m as C } from "./mapFormMixin-QbevCwJK.js";
-import { n as f, b as _ } from "./main-WKzC-Dnu.js";
-import { C as b } from "./CPhoneFormat-CfQayFxw.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(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)])]);
-}, k = [], x = /* @__PURE__ */ f(
-  $,
-  w,
-  k,
-  !1,
-  null,
-  "9bad68ca"
-);
-const S = x.exports, F = {
-  client: () => import("./ClientModal-BXFYvYCF.js"),
-  company: () => import("./CompanyModal-CDr3t28n.js")
-}, I = {
-  i18nOptions: {
-    namespaces: "components"
-  },
-  name: "DocParties",
-  components: {
-    DocPartiesItem: S,
-    AddClientCallout: () => import("./AddClientCallout-BWnvyBcK.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: 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"
-          },
-          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 || _(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 i;
-      let t = "name", a = !1;
-      n && (t = n, ["name", "email", "cellphone", "reference"].includes(n) || (a = !0)), this.$modal.show(F[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 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(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(s) {
-      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(s) {
-      e.hoverIndex = i;
-    }, "&mouseleave": function(s) {
-      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(s) {
-      return e.openModal({ index: i });
-    } } }), t("CButton", { attrs: { circle: "", size: "small", icon: "x", type: "none", pattern: "tertiary" }, on: { click: function(s) {
-      return e.removeClient(i);
-    } } })], 1) : e._e(), e._l(a.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: i });
-      } } }) : e._e()];
-    }), a.checks && a.checks.length ? t("div", { staticStyle: { width: "100%", "padding-top": "calc(1 * var(--rem))" } }, e._l(a.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,
-  "b2458bb1"
-);
-const N = M.exports;
-export {
-  N as default
-};

package/dist/Index-Caow0eZu.js

@@ -1,31 +0,0 @@
-import { n as r } from "./main-WKzC-Dnu.js";
-const l = {
-  name: "DocChapterSub",
-  inject: {
-    viewSettings: { default: () => ({ canEdit: !1 }) }
-  },
-  inheritAttrs: !1
-};
-var o = function(e, t) {
-  var i, n;
-  return t.props.hideFromEdit && t.injections.viewSettings.canEdit ? t._e() : e("div", { staticClass: "sub-chapter" }, [e("div", { staticClass: "sub-chapter-title" }, [e("span", { staticClass: "sub-chapter-counter primary-pseudo-background" }), t.injections.viewSettings.canEdit && ((n = (i = t.props) == null ? void 0 : i._value) != null && n.title) ? [e("CInput", { staticClass: "preview-title-input", attrs: { value: t.props.title, spellcheck: !1, static: "" }, on: { blur: (s) => {
-    var a;
-    t.injections.viewSettings.setFormValue && t.injections.viewSettings.setFormValue({
-      key: t.props._value.title,
-      value: ((a = s.target) == null ? void 0 : a.value) || ""
-    });
-  } }, nativeOn: { keydown: function(s) {
-    return !s.type.indexOf("key") && t._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : s.target.blur();
-  } } })] : t.props.title ? e("div", [t._v(t._s(t.props.title))]) : t._e()], 2), e("div", { staticClass: "sub-chapter-content" }, [t._t("default")], 2)]);
-}, c = [], p = /* @__PURE__ */ r(
-  l,
-  o,
-  c,
-  !0,
-  null,
-  "cf4c14b1"
-);
-const f = p.exports;
-export {
-  f as default
-};