@cling-se/widget 0.13.0 → 0.13.2

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

@@ -1,5 +1,5 @@
-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";
+import { n as u, $ as f, a0 as _, a1 as b, b as S } from "./main-DBw231uy.js";
+import { m as D } from "./vuex.esm-DKGl8mcw.js";
 const w = {
   name: "DynamicLink",
   props: {
@@ -23,14 +23,12 @@ var k = function() {
   z,
   !1,
   null,
-  null,
-  null,
   null
 );
-const B = T.exports, I = {
+const I = T.exports, B = {
   name: "EventItem",
   components: {
-    DynamicLink: B
+    DynamicLink: I
   },
   props: {
     title: {
@@ -86,13 +84,13 @@ const B = T.exports, I = {
   },
   computed: {
     date() {
-      return _(f(this.createdAt)) ? this.$formatDate(this.createdAt, "Pp") : null;
+      return f(_(this.createdAt)) ? this.$formatDate(this.createdAt, "Pp") : null;
     },
     dayOfMonth() {
-      return _(f(this.createdAt)) ? this.$formatDate(this.createdAt, "d") : null;
+      return f(_(this.createdAt)) ? this.$formatDate(this.createdAt, "d") : null;
     },
     month() {
-      return _(f(this.createdAt)) ? this.$formatDate(this.createdAt, "MMM") : null;
+      return f(_(this.createdAt)) ? this.$formatDate(this.createdAt, "MMM") : null;
     },
     iconClasses() {
       const s = {
@@ -120,18 +118,16 @@ const B = T.exports, I = {
 };
 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)]);
+  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("CIcon", { 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)]);
 }, E = [], M = /* @__PURE__ */ u(
-  I,
+  B,
   O,
   E,
   !1,
   null,
-  null,
-  null,
   null
 );
-const N = M.exports, A = {
+const N = M.exports, F = {
   sv: {
     clientName: "Kunden",
     byName: "Av {{- name}}",
@@ -168,11 +164,11 @@ const N = M.exports, A = {
     expiredContent: "The expiration date has passed",
     toEmail: "To: {{email}}"
   }
-}, F = {
+}, q = {
   name: "DocumentTimeline",
   i18nOptions: {
     namespaces: "documentTimeline",
-    messages: A
+    messages: F
   },
   components: {
     EventItem: N
@@ -192,7 +188,7 @@ const N = M.exports, A = {
     }
   },
   computed: {
-    ...b({
+    ...D({
       userById: "companyUsers/byId"
     }),
     events() {
@@ -233,7 +229,7 @@ const N = M.exports, A = {
         counter: x,
         sendSource: h,
         companyUserId: $
-      } = t || {}, p = x || n.length + 1, l = r.name, C = {
+      } = t || {}, p = x || n.length + 1, c = r.name, C = {
         created: () => ({
           title: this.$t("_common:created"),
           createdAt: e,
@@ -242,7 +238,7 @@ const N = M.exports, A = {
         }),
         viewed: () => ({
           title: this.$t("viewed"),
-          content: (l ? this.$t("viewedContent", { name: l }) : "") + (p ? ` ${this.$tc("_common:times", { count: p })}` : ""),
+          content: (c ? this.$t("viewedContent", { name: c }) : "") + (p ? ` ${this.$tc("_common:times", { count: p })}` : ""),
           createdAt: e,
           icon: "eye",
           color: "primary"
@@ -251,7 +247,7 @@ const N = M.exports, A = {
           var a;
           const i = {
             title: this.$t("_common:status.signed"),
-            content: l ? this.$t("byName", { name: l }) : "",
+            content: c ? this.$t("byName", { name: c }) : "",
             createdAt: e,
             icon: "check",
             color: "primary"
@@ -260,7 +256,7 @@ const N = M.exports, A = {
         },
         denied: () => ({
           title: this.$t("_common:status.denied"),
-          content: l ? this.$t("byName", { name: l }) : "",
+          content: c ? this.$t("byName", { name: c }) : "",
           createdAt: e,
           icon: "x",
           color: "primary"
@@ -272,9 +268,9 @@ const N = M.exports, A = {
           })), {
             title: i,
             content: o == null ? void 0 : o.map(
-              (a) => ["email", "cellphone"].filter((c) => !!a[c]).map((c) => a[c]).join(` ${this.$t("_common:and")} `)
+              (a) => ["email", "cellphone"].filter((l) => !!a[l]).map((l) => a[l]).join(` ${this.$t("_common:and")} `)
             ).reduce(
-              (a, c) => a ? `${a}<div>${c}</div>` : `${this.$t("_common:to")}: ${c}`.capitalize(),
+              (a, l) => a ? `${a}<div>${l}</div>` : `${this.$t("_common:to")}: ${l}`.capitalize(),
               ""
             ),
             createdAt: e,
@@ -346,23 +342,20 @@ const N = M.exports, A = {
     }
   }
 };
-var q = function() {
+var A = 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 } });
+    return e("EventItem", { key: r, attrs: { title: n.title, content: n.content, "created-at": n.createdAt, icon: n.icon, color: n.color, "is-future": n.isFuture, size: t.size } });
   })], 2);
 }, j = [], R = /* @__PURE__ */ u(
-  F,
   q,
+  A,
   j,
   !1,
   null,
-  null,
-  null,
   null
 );
-const L = R.exports;
-const v = {
+const L = R.exports, v = {
   new: {
     statusClass: "draft",
     icon: "statusDraft"
@@ -428,28 +421,26 @@ const v = {
   },
   computed: {
     text() {
-      return this.status ? S.t(`_common:status.${this.status}`) : "";
+      return this.status ? b.t(`_common:status.${this.status}`) : "";
     },
     className() {
       const { statusClass: s = "" } = v[this.status] || {};
       return s;
     },
     icon() {
-      return D(v, `${this.status}.icon`);
+      return S(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);
+  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("CIcon", { 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,
   H,
   !1,
   null,
-  null,
-  null,
   null
 );
 const U = V.exports, K = {
@@ -482,8 +473,6 @@ var J = function() {
   Q,
   !1,
   null,
-  null,
-  null,
   null
 );
 const Z = W.exports;

package/dist/{DocumentClient-eca72dd7.js → DocumentClient-1O7wxh-X.js}

@@ -1,11 +1,8 @@
-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";
+import { a as u } from "./answerDocumentMixin-Bqg9Of1S.js";
+import { D as m } from "./DocumentLayout-BrN5peVY.js";
+import { f as d } from "./formValidationMixin-CsLym0iM.js";
+import { V as l, n as a } from "./main-DBw231uy.js";
+import { D as f } from "./DocumentVoided-Dy-pp_ng.js";
 const p = (s) => {
   var e;
   return (e = window == null ? void 0 : window.parent) == null ? void 0 : e.postMessage(s, "*");
@@ -17,7 +14,7 @@ class _ {
   _onMessage(e) {
     if (e.source === window.parent && o(e == null ? void 0 : e.data)) {
       const { event: t, data: r } = e.data;
-      this.observers[t] && this.observers[t].forEach((u) => u(r));
+      this.observers[t] && this.observers[t].forEach((c) => c(r));
     }
   }
   on(e, t) {
@@ -45,11 +42,17 @@ class _ {
     window.removeEventListener("message", this._onMessage.bind(this)), this.registered = !1;
   }
 }
-const n = new _(), i = c.observable({
+const n = new _(), i = l.observable({
   canEdit: !1,
   isForm: !1,
   setFormValue: null
 }), h = {
+  components: {
+    DocumentLayout: m,
+    DocumentVoided: f
+  },
+  mixins: [d, u()],
+  provide: () => ({ viewSettings: i }),
   props: {
     document: {
       type: Object,
@@ -60,12 +63,6 @@ const n = new _(), i = c.observable({
       required: !0
     }
   },
-  components: {
-    DocumentLayout: m,
-    DocumentVoided: f
-  },
-  mixins: [d, l()],
-  provide: () => ({ viewSettings: i }),
   created() {
     this.setFormValue && (i.setFormValue = this.setFormValue), n.on("answer", this.onAnswerMessage);
   },
@@ -88,8 +85,6 @@ var v = function() {
   w,
   !1,
   null,
-  null,
-  null,
   null
 );
 const g = b.exports, y = {
@@ -133,11 +128,9 @@ var M = function() {
   V,
   !1,
   null,
-  null,
-  null,
   null
 );
-const j = D.exports;
+const q = D.exports;
 export {
-  j as default
+  q as default
 };