@cling-se/widget 0.12.8 → 0.13.0

package/dist/{DocFormSend-046a4add.js → DocFormSend-d0979323.js}

@@ -1,26 +1,26 @@
-import { V as n, m as s, a as r, g as l, C as i, n as u } from "./main-00182277.js";
-import { i as m, S as c } from "./formComponentsInstall-f0935848.js";
+import { i as s, S as r } from "./formComponentsInstall-6ccace37.js";
+import { V as n, m as l, a as i, g as u, C as m, n as c } from "./main-2c8b76b7.js";
 import "./vuex.esm-4a0fff7c.js";
-import "./Flag-900b37df.js";
-import "./mapFormMixin-1c6561a7.js";
-import "./BaseDatePicker-d2a55800.js";
-import "./CDropdownItem-d4615a56.js";
-import "./ErrorCallout-a074770e.js";
-import "./IsPremiumPreStep-e80f039e.js";
+import "./Flag-1aceeff5.js";
+import "./mapFormMixin-c2bc089c.js";
+import "./BaseDatePicker-8be0c5ee.js";
+import "./CDropdownItem-d0cd42d6.js";
+import "./ErrorCallout-05a4796b.js";
+import "./IsPremiumPreStep-42eeebac.js";
 import "./anime.es-e284c852.js";
-import "./index-b6c7c8f9.js";
+import "./index-d73fd8ca.js";
 import "./index-805c56e4.js";
 import "./dom-962579a6.js";
-import "./AddClientCallout-1db76c94.js";
-import "./ClientAutocomplete-e74a234a.js";
-import "./SearchApi-969f26f3.js";
-import "./debounce-e16e154a.js";
-import "./ClientModal-37836644.js";
-import "./CSlider.vue_vue_type_style_index_0_lang-5d43c5ff.js";
-import "./CCallout-b49bff26.js";
-import "./CField-f2688fc2.js";
+import "./AddClientCallout-92b43564.js";
+import "./ClientAutocomplete-0d21002e.js";
+import "./SearchApi-410c081e.js";
+import "./debounce-b0ffdee0.js";
+import "./ClientModal-9b8173e2.js";
+import "./CSlider.vue_vue_type_style_index_0_lang-c1638d8a.js";
+import "./CCallout-4239825f.js";
+import "./CField-9b72b886.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-n.use(m);
+n.use(s);
 const a = n.observable({
   canEdit: !1,
   isForm: !0,
@@ -29,7 +29,7 @@ const a = n.observable({
 }), d = {
   name: "DocFormSend",
   components: {
-    SendForm: c
+    SendForm: r
   },
   provide: () => ({ viewSettings: a, allowSenderSign: !1 }),
   // TODO maybe not needed
@@ -87,7 +87,7 @@ const a = n.observable({
     };
   },
   computed: {
-    ...s({
+    ...l({
       company: "application/company",
       can: "application/can",
       rawDoc: "forms/document",
@@ -106,14 +106,14 @@ const a = n.observable({
     this.setDocValue && (a.setFormValue = this.setDocValue), this.removeDocValue && (a.removeFormValue = this.removeDocValue);
   },
   methods: {
-    ...r({
-      saveDocument: l.SAVE_DYNDOC_FORM
+    ...i({
+      saveDocument: u.SAVE_DYNDOC_FORM
       // loadCompanyUser: global.LOAD_COMPANY_USER,
     }),
     async initDoc() {
       if (!this.rawDoc)
         throw new Error("Missing initiated form document");
-      this.document = new i({
+      this.document = new m({
         data: this.rawDoc,
         can: this.can,
         getters: this.$store.getters,
@@ -144,8 +144,8 @@ var p = function() {
     clients: "clients",
     reminders: "data.reminders",
     name: "data.name"
-  }, "show-name": e.showName, "show-save": e.showSave, "show-schedule": e.showSchedule, "allow-manual-delivery": e.allowManualDelivery, "set-form-value": e.setDocValue, "remove-form-value": e.removeDocValue, "on-save-document": e.onSaveDocument, "use-scroll": "" } }, [e.contentSlot ? o("div", { attrs: { slot: "content" }, domProps: { innerHTML: e._s(e.contentSlot) }, slot: "content" }) : e._e(), e.footerSlot ? o("div", { attrs: { slot: "footer" }, domProps: { innerHTML: e._s(e.footerSlot) }, slot: "footer" }) : e._e()]) : o("div", { staticClass: "grid h-full w-full place-items-center" }, [o("BaseIcon", { staticClass: "animate-spin text-gray-400", attrs: { type: "loader", size: 28 } })], 1);
-}, f = [], h = /* @__PURE__ */ u(
+  }, "show-name": e.showName, "show-save": e.showSave, "show-schedule": e.showSchedule, "allow-manual-delivery": e.allowManualDelivery, "set-form-value": e.setDocValue, "remove-form-value": e.removeDocValue, "on-save-document": e.onSaveDocument, "use-scroll": "" } }, [e.contentSlot ? o("div", { attrs: { slot: "content" }, domProps: { textContent: e._s(e.contentSlot) }, slot: "content" }) : e._e(), e.footerSlot ? o("div", { attrs: { slot: "footer" }, domProps: { textContent: e._s(e.footerSlot) }, slot: "footer" }) : e._e()]) : o("div", { staticClass: "grid h-full w-full place-items-center" }, [o("BaseIcon", { staticClass: "animate-spin text-gray-400", attrs: { type: "loader", size: 28 } })], 1);
+}, f = [], h = /* @__PURE__ */ c(
   d,
   p,
   f,
@@ -155,7 +155,7 @@ var p = function() {
   null,
   null
 );
-const R = h.exports;
+const I = h.exports;
 export {
-  R as default
+  I as default
 };

package/dist/{DocLinks-45fab5d6.js → DocLinks-48aa6dd6.js}

@@ -1,5 +1,5 @@
-import { C as o } from "./index-4284b917.js";
-import { n as t } from "./main-00182277.js";
+import { C as o } from "./index-ef3da59c.js";
+import { n as t } from "./main-2c8b76b7.js";
 import "./vuex.esm-4a0fff7c.js";
 const s = {
   name: "DocLinks",

package/dist/{DocModalBase-5f1948d9.js → DocModalBase-77df9b3d.js}

@@ -1,4 +1,4 @@
-import { n as t } from "./main-00182277.js";
+import { n as t } from "./main-2c8b76b7.js";
 const s = {
   name: "DocModalBase",
   components: {},

package/dist/{DocPrint-8332f880.js → DocPrint-d39100c7.js}

@@ -1,4 +1,4 @@
-import { n as d, F as h, c, I as l, G as p, H as a, J as m } from "./main-00182277.js";
+import { n as d, F as h, c, I as l, G as p, H as a, J as m } from "./main-2c8b76b7.js";
 const u = {
   i18nOptions: {
     namespaces: "documentPrint",

package/dist/{DocReceipt-fe11e0cb.js → DocReceipt-cf0e772b.js}

@@ -1,4 +1,4 @@
-import { g as p, n as u } from "./main-00182277.js";
+import { g as p, n as u } from "./main-2c8b76b7.js";
 import { m as g, a as _ } from "./vuex.esm-4a0fff7c.js";
 const f = {
   sv: {

package/dist/{DocSendReminder-8943a812.js → DocSendReminder-dca2775e.js}

@@ -1,4 +1,4 @@
-import { g as m, n as a } from "./main-00182277.js";
+import { g as m, n as a } from "./main-2c8b76b7.js";
 import { m as c, a as d } from "./vuex.esm-4a0fff7c.js";
 const l = {
   name: "DocumentSendReminderModal",
@@ -110,14 +110,14 @@ var p = function() {
   null
 );
 const v = _.exports, y = {
+  components: {
+    DocumentSendReminderModal: v
+  },
   props: {
     document: {
       type: Object,
       required: !0
     }
-  },
-  components: {
-    DocumentSendReminderModal: v
   }
 };
 var h = function() {

package/dist/{DocTextEditor-de66d76f.js → DocTextEditor-5676c56f.js}

@@ -1,11 +1,11 @@
-import { t as Uo, F as _a, s as $a, d as ys } from "./tippy.esm-95420c02.js";
-import { V as Vn, n as ut, a8 as bs, b as Ds, p as Ha } from "./main-00182277.js";
+import { t as Uo, F as _a, s as $a, d as ys } from "./tippy.esm-a855665a.js";
+import { V as Vn, n as ut, aa as bs, b as Ds, p as Ha } from "./main-2c8b76b7.js";
 import { a as ai } from "./dom-962579a6.js";
-import { i as Jo, w as Va } from "./CDropdownItem-d4615a56.js";
-import "./CSlider.vue_vue_type_style_index_0_lang-5d43c5ff.js";
+import { i as Jo, w as Va } from "./CDropdownItem-d0cd42d6.js";
+import "./CSlider.vue_vue_type_style_index_0_lang-c1638d8a.js";
 import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import { M as Go } from "./ManualPopover-4b11a2f4.js";
-import { C as ja } from "./ColorPicker-ccea269c.js";
+import { M as Go } from "./ManualPopover-6cf3f592.js";
+import { C as ja } from "./ColorPicker-3d06f308.js";
 import { h as Wa } from "./color-c1606adc.js";
 function ee(n) {
   this.content = n;
@@ -13967,7 +13967,7 @@ const Cm = Dm.exports;
 const km = {
   components: {
     FormInputRow: _a,
-    TextTemplates: () => import("./index-e7242888.js")
+    TextTemplates: () => import("./index-93d3e2cb.js")
   },
   props: {
     editor: {
@@ -14860,7 +14860,7 @@ const _m = {
     },
     async openPreview() {
       var r;
-      const n = () => import("./FilePreviewModal-fca6faef.js"), { src: e, title: t } = ((r = this.node) == null ? void 0 : r.attrs) || {};
+      const n = () => import("./FilePreviewModal-c1d2d5e7.js"), { src: e, title: t } = ((r = this.node) == null ? void 0 : r.attrs) || {};
       this.$modal.show(
         n,
         {

package/dist/{DocTimeline-3502cb4c.js → DocTimeline-5911b608.js}

@@ -1,96 +1,6 @@
-import { n as u, a8 as b, b as S, a9 as _, aa as f } from "./main-00182277.js";
-import { m as D } from "./vuex.esm-4a0fff7c.js";
-const v = {
-  new: {
-    statusClass: "draft",
-    icon: "statusDraft"
-  },
-  draft: {
-    statusClass: "draft",
-    icon: "statusDraft"
-  },
-  scheduled: {
-    statusClass: "scheduled",
-    icon: "statusScheduled"
-  },
-  sent: {
-    statusClass: "sent",
-    icon: "statusSent"
-  },
-  denied: {
-    statusClass: "denied",
-    icon: "statusDenied"
-  },
-  accepted: {
-    statusClass: "accepted",
-    icon: "statusAccepted"
-  },
-  signed: {
-    statusClass: "accepted",
-    icon: "statusAccepted"
-  },
-  semiSigned: {
-    statusClass: "accepted",
-    icon: "statusSemiSigned"
-  },
-  expired: {
-    statusClass: "expired",
-    icon: "statusExpired"
-  },
-  voided: {
-    statusClass: "voided",
-    icon: "statusVoided"
-  },
-  active: {
-    statusClass: "active",
-    icon: "statusActive"
-  },
-  completed: {
-    statusClass: "completed",
-    icon: "statusCompleted"
-  },
-  archived: {
-    statusClass: "archived",
-    icon: "statusArchive"
-  }
-}, w = {
-  props: {
-    status: {
-      type: String,
-      default: ""
-    },
-    split: {
-      type: String,
-      default: ""
-    }
-  },
-  computed: {
-    text() {
-      return this.status ? b.t(`_common:status.${this.status}`) : "";
-    },
-    className() {
-      const { statusClass: s = "" } = v[this.status] || {};
-      return s;
-    },
-    icon() {
-      return S(v, `${this.status}.icon`);
-    }
-  }
-};
-var k = function() {
-  var t = this, e = t._self._c;
-  return e("div", { staticClass: "c-badge_status inline-flex h-6 items-center rounded-full pl-1 pr-2 text-xs font-medium leading-none", class: t.className }, [t.icon ? e("BaseIcon", { staticClass: "status-icon mr-1", attrs: { type: t.icon, size: "16" } }) : t._e(), e("span", [t._v(t._s(t.text))])], 1);
-}, z = [], T = /* @__PURE__ */ u(
-  w,
-  k,
-  z,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const B = T.exports, I = {
+import { m as b } from "./vuex.esm-4a0fff7c.js";
+import { n as u, a8 as _, a9 as f, aa as S, b as D } from "./main-2c8b76b7.js";
+const w = {
   name: "DynamicLink",
   props: {
     template: {
@@ -104,23 +14,23 @@ const B = T.exports, I = {
     }
   }
 };
-var O = function() {
+var k = function() {
   var t = this, e = t._self._c;
   return e(t.transformed, { tag: "component" });
-}, E = [], M = /* @__PURE__ */ u(
-  I,
-  O,
-  E,
+}, z = [], T = /* @__PURE__ */ u(
+  w,
+  k,
+  z,
   !1,
   null,
   null,
   null,
   null
 );
-const N = M.exports, A = {
+const B = T.exports, I = {
   name: "EventItem",
   components: {
-    DynamicLink: N
+    DynamicLink: B
   },
   props: {
     title: {
@@ -208,20 +118,20 @@ const N = M.exports, A = {
     }
   }
 };
-var F = function() {
+var O = function() {
   var t = this, e = t._self._c;
   return e("div", { staticClass: "text-primary-500 event relative ml-4 flex cursor-default flex-nowrap pb-5 before:absolute before:-left-px before:top-4 before:h-full before:w-px before:bg-gray-300 before:content-[''] last:before:hidden" }, [e("div", { staticClass: "relative m-0 h-[23px]", staticStyle: { "--bg": "#fff" } }, [e("div", { staticClass: "absolute left-1/2 top-1/2 z-[1] flex h-7 w-7 items-center justify-center rounded-full border-none bg-gray-100", class: t.iconClasses, staticStyle: { transform: "translate(-50%, calc(-50% + 8px))", "box-shadow": "0 0 0 2px var(--bg)" } }, [t.loading ? t._e() : e("BaseIcon", { attrs: { type: t.icon, size: "14" } })], 1)]), e("div", { staticClass: "ml-7 flex min-w-0 flex-grow flex-col pt-1" }, [t.loading ? [e("CSkeleton", { staticClass: "max-w-md font-medium text-gray-900", class: t.titleSize, attrs: { width: "80%" } }), e("CSkeleton", { staticClass: "text-gray-600", class: t.textSize, attrs: { width: "40%" } }), e("CSkeleton", { staticClass: "inline-flex pt-0.5 text-center text-xs text-gray-500", class: t.dateSize, attrs: { hidden: "" } })] : t._e(), e("div", { staticClass: "max-w-md font-medium", class: [t.isFuture ? "text-gray-500" : "text-gray-700", t.titleSize] }, [t.template ? e("DynamicLink", { attrs: { template: t.template } }) : [t._v(t._s(t.title))]], 2), t.content ? e("div", { class: [t.isFuture ? "text-gray-400" : "text-gray-600", t.textSize] }, [e("div", { domProps: { innerHTML: t._s(t.content) } })]) : t._e(), e("div", { staticClass: "inline-flex pt-1 text-center text-gray-500", class: t.dateSize }, [e("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.date, expression: "date" }] }, [t._v(t._s(t.dayOfMonth) + " " + t._s(t.month))])])], 2)]);
-}, q = [], j = /* @__PURE__ */ u(
-  A,
-  F,
-  q,
+}, E = [], M = /* @__PURE__ */ u(
+  I,
+  O,
+  E,
   !1,
   null,
   null,
   null,
   null
 );
-const R = j.exports, L = {
+const N = M.exports, A = {
   sv: {
     clientName: "Kunden",
     byName: "Av {{- name}}",
@@ -258,14 +168,14 @@ const R = j.exports, L = {
     expiredContent: "The expiration date has passed",
     toEmail: "To: {{email}}"
   }
-}, P = {
+}, F = {
   name: "DocumentTimeline",
   i18nOptions: {
     namespaces: "documentTimeline",
-    messages: L
+    messages: A
   },
   components: {
-    EventItem: R
+    EventItem: N
   },
   props: {
     document: {
@@ -282,7 +192,7 @@ const R = j.exports, L = {
     }
   },
   computed: {
-    ...D({
+    ...b({
       userById: "companyUsers/byId"
     }),
     events() {
@@ -436,11 +346,102 @@ const R = j.exports, L = {
     }
   }
 };
-var G = function() {
+var q = function() {
   var t = this, e = t._self._c;
   return e("div", [t._t("header"), t._l(t.events, function(n, r) {
     return e("EventItem", { key: r, attrs: { title: n.title, content: n.content, createdAt: n.createdAt, icon: n.icon, color: n.color, "is-future": n.isFuture, size: t.size } });
   })], 2);
+}, j = [], R = /* @__PURE__ */ u(
+  F,
+  q,
+  j,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const L = R.exports;
+const v = {
+  new: {
+    statusClass: "draft",
+    icon: "statusDraft"
+  },
+  draft: {
+    statusClass: "draft",
+    icon: "statusDraft"
+  },
+  scheduled: {
+    statusClass: "scheduled",
+    icon: "statusScheduled"
+  },
+  sent: {
+    statusClass: "sent",
+    icon: "statusSent"
+  },
+  denied: {
+    statusClass: "denied",
+    icon: "statusDenied"
+  },
+  accepted: {
+    statusClass: "accepted",
+    icon: "statusAccepted"
+  },
+  signed: {
+    statusClass: "accepted",
+    icon: "statusAccepted"
+  },
+  semiSigned: {
+    statusClass: "accepted",
+    icon: "statusSemiSigned"
+  },
+  expired: {
+    statusClass: "expired",
+    icon: "statusExpired"
+  },
+  voided: {
+    statusClass: "voided",
+    icon: "statusVoided"
+  },
+  active: {
+    statusClass: "active",
+    icon: "statusActive"
+  },
+  completed: {
+    statusClass: "completed",
+    icon: "statusCompleted"
+  },
+  archived: {
+    statusClass: "archived",
+    icon: "statusArchive"
+  }
+}, P = {
+  props: {
+    status: {
+      type: String,
+      default: ""
+    },
+    split: {
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    text() {
+      return this.status ? S.t(`_common:status.${this.status}`) : "";
+    },
+    className() {
+      const { statusClass: s = "" } = v[this.status] || {};
+      return s;
+    },
+    icon() {
+      return D(v, `${this.status}.icon`);
+    }
+  }
+};
+var G = function() {
+  var t = this, e = t._self._c;
+  return e("div", { staticClass: "c-badge_status inline-flex h-6 items-center rounded-full pl-1 pr-2 text-xs font-medium leading-none", class: t.className }, [t.icon ? e("BaseIcon", { staticClass: "status-icon mr-1", attrs: { type: t.icon, size: "16" } }) : t._e(), e("span", [t._v(t._s(t.text))])], 1);
 }, H = [], V = /* @__PURE__ */ u(
   P,
   G,
@@ -454,8 +455,8 @@ var G = function() {
 const U = V.exports, K = {
   name: "DocTimeline",
   components: {
-    StatusBadge: B,
-    DocumentTimeline: U
+    StatusBadge: U,
+    DocumentTimeline: L
   },
   props: {
     document: {

package/dist/{DocumentClient-b781dd1f.js → DocumentClient-eca72dd7.js}

@@ -1,10 +1,10 @@
-import { V as c, n as a } from "./main-00182277.js";
-import { D as m } from "./DocumentLayout-27fbb225.js";
-import { f as d } from "./formValidationMixin-fbcf6044.js";
-import { a as l } from "./answerDocumentMixin-562a6227.js";
-import { D as f } from "./DocumentVoided-455343c5.js";
-import "./debounce-e16e154a.js";
-import "./CDropdownItem-d4615a56.js";
+import { V as c, n as a } from "./main-2c8b76b7.js";
+import { D as m } from "./DocumentLayout-8104d93d.js";
+import { f as d } from "./formValidationMixin-7216cb94.js";
+import { a as l } from "./answerDocumentMixin-97b33f14.js";
+import { D as f } from "./DocumentVoided-2d93ef71.js";
+import "./debounce-b0ffdee0.js";
+import "./CDropdownItem-d0cd42d6.js";
 import "./dom-962579a6.js";
 const p = (s) => {
   var e;
@@ -114,11 +114,13 @@ const g = b.exports, y = {
     },
     customHtmlAccept: {
       type: String,
-      required: ""
+      required: "",
+      default: ""
     },
     customHtmlDeny: {
       type: String,
-      required: ""
+      required: "",
+      default: ""
     }
   }
 };