@cling-se/widget 0.13.0 → 0.13.2

package/dist/{formDrawerState-a7b5832a.js → formDrawerState-DLCSwrgc.js}

@@ -1,4 +1,4 @@
-import { V as s } from "./main-2c8b76b7.js";
+import { V as s } from "./main-DBw231uy.js";
 const e = s.observable({
   isFixed: !1,
   // Worded according to CSS property (show as fixed drawer)

package/dist/{formValidationMixin-7216cb94.js → formValidationMixin-CsLym0iM.js}

@@ -1,5 +1,5 @@
-import { h as n } from "./main-2c8b76b7.js";
-import { s as l } from "./dom-962579a6.js";
+import { h as n } from "./main-DBw231uy.js";
+import { s as l } from "./dom-CPYqHOIw.js";
 const s = (r) => {
   var i;
   const t = [];

package/dist/{index-7690fb79.js → index-0kj8-T7-.js}

@@ -1,9 +1,9 @@
-import { d as n } from "./debounce-b0ffdee0.js";
-import { t as o } from "./throttle-4f3f879a.js";
-import { n as r } from "./main-2c8b76b7.js";
-import { i as c } from "./dom-962579a6.js";
-import { w as d } from "./CDropdownItem-d0cd42d6.js";
-import { s as u, F as m } from "./Flag-1aceeff5.js";
+import { s as n, F as o } from "./Flag-CDN9A_59.js";
+import { w as c } from "./CDropdownItem-CTJ55d4m.js";
+import { n as a } from "./main-DBw231uy.js";
+import { i as d } from "./dom-CPYqHOIw.js";
+import { d as u } from "./debounce-DceKdgy2.js";
+import { t as m } from "./throttle-DKrISvLg.js";
 const f = {
   name: "BackgroundsModalList",
   i18nOptions: {
@@ -20,9 +20,10 @@ const f = {
     }
   },
   components: {
-    simplebar: u,
-    Flag: m
+    simplebar: n,
+    Flag: o
   },
+  mixins: [c],
   props: {
     /**
     * @param {Object} options Input arguments
@@ -50,7 +51,6 @@ const f = {
       default: ""
     }
   },
-  mixins: [d],
   data() {
     return {
       hoverIndex: null,
@@ -71,7 +71,7 @@ const f = {
     }
   },
   created() {
-    this.handleFetch(), this.debouncedHandleFetch = n(this.handleFetch, 1e3);
+    this.handleFetch(), this.debouncedHandleFetch = u(this.handleFetch, 1e3);
   },
   mounted() {
     this.$refs.scrollbar.scrollElement.addEventListener(
@@ -92,24 +92,24 @@ const f = {
       if (!this.allowMoreResults || this.isLoading)
         return;
       this.isLoading = !0;
-      const l = this.query ? this.query : this.defaultQuery, { items: e, total: t } = await this.fetch({ query: l, page: this.page++ });
+      const i = this.query ? this.query : this.defaultQuery, { items: e, total: t } = await this.fetch({ query: i, page: this.page++ });
       this.isLoading = !1, this.noOfResults = this.query ? t : null, this.items == null ? (this.selectedIndex = null, this.items = e) : this.items = [...this.items, ...e], this.allowMoreResults = t >= this.page * 12;
     },
-    scrollHandler: o(async function() {
+    scrollHandler: m(async function() {
       const e = this.$refs.item[this.$refs.item.length - 9 || 0];
-      e && c(e) && this.handleFetch();
+      e && d(e) && this.handleFetch();
     }, 50),
-    selectItem(l, e) {
-      this.selectedIndex = e, this.$emit("select", l);
+    selectItem(i, e) {
+      this.selectedIndex = e, this.$emit("select", i);
     },
     onSave() {
       this.$emit("save");
     },
-    playVideo(l, e) {
-      this.$refs.video[l] && this.$refs.video[l].play();
+    playVideo(i) {
+      this.$refs.video[i] && this.$refs.video[i].play();
     },
-    pauseVideo(l) {
-      const e = this.$refs.video[l];
+    pauseVideo(i) {
+      const e = this.$refs.video[i];
       e && (e.readyState === 4 ? e.pause() : e.addEventListener("playing", () => e.pause(), { once: !0 }));
     }
   }
@@ -120,32 +120,29 @@ var h = function() {
     e.query = s;
   }, expression: "query" } }), e.$i18n.lang !== "en" ? t("div", { staticClass: "absolute right-0 top-1/2 mr-6 hidden -translate-y-1/2 items-center text-gray-400 md:flex" }, [t("Flag", { staticClass: "mr-1", attrs: { region: "GB" } }), e._v(" Sök på "), t("b", { staticClass: "ml-1" }, [e._v("engelska")])], 1) : e._e()], 1), t("div", { staticStyle: { overflow: "hidden", flex: "1", height: "100%" } }, [t("simplebar", { ref: "scrollbar", staticStyle: { width: "100%", height: "100%", padding: "3px 4px" } }, [t("div", { staticStyle: { display: "grid", "grid-template-columns": "repeat(auto-fit, minmax(210px, 1fr))", gap: "2px" } }, [!e.items.length && e.isLoading ? e._l(12, function(s) {
     return t("div", { key: s, ref: "item", refInFor: !0, staticClass: "photo" });
-  }) : e._e(), e._l(e.items, function(s, i) {
-    return t("div", { key: i, ref: "item", refInFor: !0, staticClass: "photo", style: { backgroundImage: `url(${s.minImage})` }, on: { click: function(a) {
-      return e.selectItem(s, i);
-    } } }, [s.minVideo || s.video ? t("div", { staticClass: "video-bg__media", on: { "&mouseenter": function(a) {
-      return e.playVideo(i, s.minVideo || s.video);
-    }, "&mouseleave": function(a) {
-      return e.pauseVideo(i);
-    } } }, [t("video", { ref: "video", refInFor: !0, attrs: { src: s.minVideo || s.video, loop: "", muted: "", playsInline: "", preload: "none" }, domProps: { muted: !0 } })]) : e._e(), e.selectedIndex === i ? t("div", { staticClass: "select-wrapper" }) : e._e(), t("div", { staticClass: "photo__credit" }, [e._v(e._s(s.userName))])]);
-  })], 2), t("div", { staticClass: "flex w-full items-center justify-center", staticStyle: { padding: "2em 1em" } }, [e.isLoading ? t("BaseIcon", { staticClass: "rotateSpin", attrs: { type: "loader" } }) : e.allowMoreResults ? e._e() : t("div", { staticClass: "flex w-full flex-col items-center justify-center text-gray-400" }, [t("div", [e._v(" " + e._s(e.$t("noMoreResults")) + " ")]), e.$i18n.lang !== "en" ? t("div", { staticClass: "flex flex-col items-center text-center", staticStyle: { "padding-top": "3.2rem" } }, [t("Flag", { staticClass: "mb-1 h-8 w-8", attrs: { region: "GB" } }), e._v(" Glöm inte att sökordet måste vara på engelska ")], 1) : e._e()])], 1)])], 1), t("div", { staticClass: "flex w-full items-center justify-end", staticStyle: { padding: "4px 4px 4px 8px", "flex-shrink": "0" } }, [t("div", { staticClass: "flex-grow text-gray-400" }, [e.mq !== "sm" ? [e.query && e.noOfResults && e.noOfResults > 0 ? t("div", [e._v(" " + e._s(e.$tc("_common:result", { count: e.noOfResults })) + " ")]) : e._e(), t("div", [e._v(" " + e._s(e.creditText) + " ")])] : e._e()], 2), e._t("footer", function() {
+  }) : e._e(), e._l(e.items, function(s, l) {
+    return t("div", { key: l, ref: "item", refInFor: !0, staticClass: "photo", style: { backgroundImage: `url(${s.minImage})` }, on: { click: function(r) {
+      return e.selectItem(s, l);
+    } } }, [s.minVideo || s.video ? t("div", { staticClass: "video-bg__media", on: { "&mouseenter": function(r) {
+      return e.playVideo(l, s.minVideo || s.video);
+    }, "&mouseleave": function(r) {
+      return e.pauseVideo(l);
+    } } }, [t("video", { ref: "video", refInFor: !0, attrs: { src: s.minVideo || s.video, loop: "", muted: "", playsInline: "", preload: "none" }, domProps: { muted: !0 } })]) : e._e(), e.selectedIndex === l ? t("div", { staticClass: "select-wrapper" }) : e._e(), t("div", { staticClass: "photo__credit" }, [e._v(e._s(s.userName))])]);
+  })], 2), t("div", { staticClass: "flex w-full items-center justify-center", staticStyle: { padding: "2em 1em" } }, [e.isLoading ? t("CIcon", { staticClass: "rotateSpin", attrs: { type: "loader" } }) : e.allowMoreResults ? e._e() : t("div", { staticClass: "flex w-full flex-col items-center justify-center text-gray-400" }, [t("div", [e._v(" " + e._s(e.$t("noMoreResults")) + " ")]), e.$i18n.lang !== "en" ? t("div", { staticClass: "flex flex-col items-center text-center", staticStyle: { "padding-top": "3.2rem" } }, [t("Flag", { staticClass: "mb-1 h-8 w-8", attrs: { region: "GB" } }), e._v(" Glöm inte att sökordet måste vara på engelska ")], 1) : e._e()])], 1)])], 1), t("div", { staticClass: "flex w-full items-center justify-end", staticStyle: { padding: "4px 4px 4px 8px", "flex-shrink": "0" } }, [t("div", { staticClass: "flex-grow text-gray-400" }, [e.mq !== "sm" ? [e.query && e.noOfResults && e.noOfResults > 0 ? t("div", [e._v(" " + e._s(e.$tc("_common:result", { count: e.noOfResults })) + " ")]) : e._e(), t("div", [e._v(" " + e._s(e.creditText) + " ")])] : e._e()], 2), e._t("footer", function() {
     return [t("CButton", { staticStyle: { "margin-left": "0.5em" }, attrs: { type: "secondary" }, on: { click: e.onSave } }, [e._v(" " + e._s(e.$t("_common:save")) + " ")])];
   })], 2)]);
-}, p = [], _ = /* @__PURE__ */ r(
+}, p = [], v = /* @__PURE__ */ a(
   f,
   h,
   p,
   !1,
   null,
-  "47f429c5",
-  null,
-  null
+  "57b68cb0"
 );
-const v = _.exports;
-const g = {
+const g = v.exports, _ = {
   name: "BackgroundsModal"
 };
-var y = function() {
+var x = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "font-primary fixed inset-0 z-[1000] flex items-center justify-center overflow-auto bg-black bg-opacity-10 max-sm:block max-sm:min-h-full max-sm:w-full max-sm:overflow-auto", on: { click: function(s) {
     return s.target !== s.currentTarget ? null : e.$emit("close");
@@ -154,18 +151,16 @@ var y = function() {
   } } }, [t("CButton", { staticClass: "absolute right-3 top-3 z-10", attrs: { pattern: "tertiary", type: "none", size: "small", circle: "", icon: "x" }, on: { click: function(s) {
     return e.$emit("close");
   } } }), e._t("header"), e._t("default")], 2)]);
-}, x = [], w = /* @__PURE__ */ r(
-  g,
-  y,
+}, y = [], b = /* @__PURE__ */ a(
+  _,
   x,
+  y,
   !1,
   null,
-  "4a6a378b",
-  null,
-  null
+  "4a6a378b"
 );
-const b = w.exports, L = v, R = b;
+const w = b.exports, R = g, L = w;
 export {
-  R as B,
-  L as a
+  L as B,
+  R as a
 };

package/dist/{index-6caf947c.js → index-4MqvoLi4.js}

@@ -1,4 +1,4 @@
-import { n as i, q as n } from "./main-2c8b76b7.js";
+import { n as i, z as n } from "./main-DBw231uy.js";
 const o = {
   name: "DocumentGuide",
   i18nOptions: {
@@ -73,11 +73,9 @@ var c = function() {
   r,
   !1,
   null,
-  null,
-  null,
   null
 );
-const u = l.exports;
+const m = l.exports;
 export {
-  u as default
+  m as default
 };

package/dist/{index-93d3e2cb.js → index-By9c7IPL.js}

@@ -1,25 +1,17 @@
-import { m as f, a as m, b as _ } from "./vuex.esm-4a0fff7c.js";
-import { n as o, A as v, S as h, g as l, h as i } from "./main-2c8b76b7.js";
-import { w as d } from "./CDropdownItem-d0cd42d6.js";
-import { S as x } from "./CSlider.vue_vue_type_style_index_0_lang-c1638d8a.js";
-import { B as p } from "./DocTextEditor-5676c56f.js";
-import { v as r } from "./index-805c56e4.js";
-import "./tippy.esm-a855665a.js";
-import "./ColorPicker-3d06f308.js";
-import "./DocumentLayout-8104d93d.js";
-import "./debounce-b0ffdee0.js";
-import "./dom-962579a6.js";
-import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import "./ManualPopover-6cf3f592.js";
-import "./color-c1606adc.js";
-const g = {
+import { w as m } from "./CDropdownItem-CTJ55d4m.js";
+import { n as o, A as f, S as v, g as i, h as l } from "./main-DBw231uy.js";
+import { m as h, a as d, b as _ } from "./vuex.esm-DKGl8mcw.js";
+import { B as p } from "./DocTextEditor-C-qeLSQa.js";
+import { v as r } from "./index-C16hoSRM.js";
+import { S as g } from "./CTabs.vue_vue_type_style_index_0_scoped_e02a6440_lang-Dc_pbPEA.js";
+const x = {
+  mixins: [m],
   props: {
     placement: {
       type: String,
       default: "top-start"
     }
   },
-  mixins: [d],
   data() {
     return {
       isOpen: !1
@@ -44,17 +36,14 @@ var C = function() {
     a ? e.onOpen() : e.onClose();
   } } }, "v-popover", e.$props, !1), [e._t("default"), t("div", { staticClass: "popover-container", attrs: { slot: "popover" }, slot: "popover" }, [e.isOpen ? t("portal", { attrs: { to: "modal" } }, [t("div", { staticClass: "overlay" })]) : e._e(), e._t("popover", null, { close: e.onClose })], 2)], 2);
 }, T = [], $ = /* @__PURE__ */ o(
-  g,
+  x,
   C,
   T,
   !1,
   null,
-  "4ea2fd3b",
-  null,
-  null
+  "da5fd556"
 );
-const y = $.exports;
-const { mapFields: S } = v({
+const S = $.exports, { mapFields: y } = f({
   getterType: "forms/getField",
   mutationType: "forms/updateField"
 }), b = {
@@ -104,7 +93,7 @@ const { mapFields: S } = v({
   name: "TextTemplatesForm",
   components: {
     BaseTextEditor: p,
-    Spinner: h
+    Spinner: v
   },
   props: {
     id: {
@@ -134,12 +123,12 @@ const { mapFields: S } = v({
     }
   },
   computed: {
-    ...f({
+    ...h({
       isPosting: "templateMessages/isPosting",
       isFetching: "templateMessages/isFetching",
       checkFormChanged: "forms/hasChanged"
     }),
-    ...S({
+    ...y({
       templateMessage: "templateMessage",
       name: "templateMessage.name",
       textContent: "templateMessage.message"
@@ -168,12 +157,12 @@ const { mapFields: S } = v({
     this.load(), this.predefinedTextContent && (this.textContent = this.predefinedTextContent);
   },
   methods: {
-    ...m({
-      loadTemplate: l.LOAD_TEMPLATE_MESSAGE,
-      deleteTemplate: l.DELETE_TEMPLATE_MESSAGE,
-      formNewTemplate: l.FORM_NEW_TEMPLATE_MESSAGE,
-      formEditTemplate: l.FORM_EDIT_TEMPLATE_MESSAGE,
-      formSubmitTemplate: l.FORM_SUBMIT_TEMPLATE_MESSAGE
+    ...d({
+      loadTemplate: i.LOAD_TEMPLATE_MESSAGE,
+      deleteTemplate: i.DELETE_TEMPLATE_MESSAGE,
+      formNewTemplate: i.FORM_NEW_TEMPLATE_MESSAGE,
+      formEditTemplate: i.FORM_EDIT_TEMPLATE_MESSAGE,
+      formSubmitTemplate: i.FORM_SUBMIT_TEMPLATE_MESSAGE
     }),
     canLeave() {
       return !this.hasChanged;
@@ -186,7 +175,7 @@ const { mapFields: S } = v({
           id: this.id
         })) : await this.formNewTemplate();
       } catch (s) {
-        i(s);
+        l(s);
       }
     },
     validateBeforeSubmit() {
@@ -197,14 +186,14 @@ const { mapFields: S } = v({
         try {
           await this.formSubmitTemplate(), typeof this.onAfterSubmit == "function" && this.onAfterSubmit();
         } catch (s) {
-          i(s);
+          l(s);
         }
     },
     async remove() {
       try {
         await this.deleteTemplate({ id: this.id }), typeof this.onAfterSubmit == "function" && this.onAfterSubmit();
       } catch (s) {
-        i(s);
+        l(s);
       }
     }
   }
@@ -226,24 +215,21 @@ var M = function() {
   } } }, [e._v(" " + e._s(e.$t("_common:save")) + " ")]), e.id ? t("CButton", { staticStyle: { "margin-top": "calc(1 * var(--rem))" }, attrs: { loading: e.isPosting, type: "secondary", pattern: "tertiary", wide: "" }, on: { click: function(a) {
     return e.remove();
   } } }, [e._v(" " + e._s(e.$t("_common:remove")) + " ")]) : e._e()], 1) : e._e()], 1);
-}, E = [], F = /* @__PURE__ */ o(
+}, E = [], w = /* @__PURE__ */ o(
   b,
   M,
   E,
   !1,
   null,
-  "bec2c0c3",
-  null,
-  null
+  "e14860e7"
 );
-const w = F.exports;
-const A = {
+const F = w.exports, A = {
   name: "TextTemplatesModal",
   components: {
-    SmartList: x,
+    SmartList: g,
     BaseTextEditor: p
   },
-  mixins: [d],
+  mixins: [m],
   data() {
     return {
       selectedIndex: 0,
@@ -267,7 +253,7 @@ const A = {
     },
     openCreateModal() {
       this.close(), this.$modal.show(
-        w,
+        F,
         {
           predefinedTextContent: "",
           showFixedCloseButton: !0,
@@ -300,7 +286,7 @@ var k = function() {
       }, click: function(u) {
         return e.onSelect(a[e.selectedIndex].message || "");
       } } }, [e._v(" " + e._s(n.name) + " ")]);
-    }), 0), e.mq !== "sm" ? t("div", { staticClass: "t-text quill-format" }, [a[e.selectedIndex] ? t("BaseTextEditor", { attrs: { value: a[e.selectedIndex].message || "", editable: !1, extensions: "all", "class-list": "document-form", unstyled: "" } }) : t("div", [e._v(" " + e._s(e.$t("noResults")) + " ")])], 1) : e._e()]), t("div", { staticClass: "t-footer flex w-full items-center justify-between" }, [t("div", { staticStyle: { display: "inline-flex", "align-items": "center" } }), t("div", [t("CButton", { staticClass: "t-footer-button", attrs: { to: { name: "settingsTemplates" }, target: "_blank", size: "small" } }, [e._v(" " + e._s(e.$t("handle")) + " "), t("BaseIcon", { staticStyle: { "margin-left": "0.5em" }, attrs: { type: "new-window", size: "16" } })], 1), t("CButton", { staticClass: "t-footer-button", attrs: { size: "small" }, on: { click: e.openCreateModal } }, [e._v(" " + e._s(e.$t("create", { thing: e.$t("template") })) + " ")])], 1)])])];
+    }), 0), e.mq !== "sm" ? t("div", { staticClass: "t-text quill-format" }, [a[e.selectedIndex] ? t("BaseTextEditor", { attrs: { value: a[e.selectedIndex].message || "", editable: !1, extensions: "all", "class-list": "document-form", unstyled: "" } }) : t("div", [e._v(" " + e._s(e.$t("noResults")) + " ")])], 1) : e._e()]), t("div", { staticClass: "t-footer flex w-full items-center justify-between" }, [t("div", { staticStyle: { display: "inline-flex", "align-items": "center" } }), t("div", [t("CButton", { staticClass: "t-footer-button", attrs: { to: { name: "settingsTemplates" }, target: "_blank", size: "small" } }, [e._v(" " + e._s(e.$t("handle")) + " "), t("CIcon", { staticStyle: { "margin-left": "0.5em" }, attrs: { type: "new-window", size: "16" } })], 1), t("CButton", { staticClass: "t-footer-button", attrs: { size: "small" }, on: { click: e.openCreateModal } }, [e._v(" " + e._s(e.$t("create", { thing: e.$t("template") })) + " ")])], 1)])])];
   } }]) });
 }, q = [], L = /* @__PURE__ */ o(
   A,
@@ -308,33 +294,31 @@ var k = function() {
   q,
   !1,
   null,
-  "4d29320a",
-  null,
-  null
+  "9d6f8cd8"
 );
 const B = L.exports, O = {
   name: "TextTemplates",
   components: {
-    ContextModal: y,
+    ContextModal: S,
     TextTemplatesModal: B
   },
+  inject: {
+    viewSettings: {
+      default: () => ({ isPublicForm: !1 })
+    }
+  },
   props: {
     placement: {
       type: String,
       default: "left"
     }
   },
-  inject: {
-    viewSettings: {
-      default: () => ({ isPublicForm: !1 })
-    }
-  },
   created() {
     this.viewSettings.isPublicForm || this.loadTemplateMessages();
   },
   methods: {
-    ...m({
-      loadTemplateMessages: l.LOAD_TEMPLATE_MESSAGES
+    ...d({
+      loadTemplateMessages: i.LOAD_TEMPLATE_MESSAGES
     })
   }
 };
@@ -355,11 +339,9 @@ var I = function() {
   P,
   !1,
   null,
-  null,
-  null,
   null
 );
-const Z = G.exports;
+const H = G.exports;
 export {
-  Z as default
+  H as default
 };

package/dist/{index-d73fd8ca.js → index-C16hoSRM.js}

@@ -1,6 +1,5 @@
-import { v as pe } from "./index-805c56e4.js";
-import { Y as Q } from "./main-2c8b76b7.js";
-var P = {}, f = {}, b = {}, O = {};
+import { Y as Q } from "./main-DBw231uy.js";
+var pe = {}, P = {}, f = {}, b = {}, O = {};
 Object.defineProperty(O, "__esModule", {
   value: !0
 });
@@ -488,3 +487,6 @@ G.default = rt;
     return n && n.__esModule ? n : { default: n };
   }
 })(pe);
+export {
+  pe as v
+};

package/dist/{index-ef3da59c.js → index-C6C4uskP.js}

@@ -1,5 +1,5 @@
-import { g as s, K as l, L as r, n as d, V as a } from "./main-2c8b76b7.js";
-import { m as p, a as c } from "./vuex.esm-4a0fff7c.js";
+import { g as s, K as l, L as r, n as d, V as n } from "./main-DBw231uy.js";
+import { m as p, a as c } from "./vuex.esm-DKGl8mcw.js";
 const m = {
   name: "ClientLinks",
   props: {
@@ -55,9 +55,9 @@ const m = {
       loadDocument: s.LOAD_DOCUMENT2
     }),
     async copyToClipboard(o) {
-      var i, n;
+      var i, a;
       (i = o.target.previousElementSibling) == null || i.select();
-      const t = (n = o.target.previousElementSibling) == null ? void 0 : n.value;
+      const t = (a = o.target.previousElementSibling) == null ? void 0 : a.value;
       if (!t)
         return;
       await l(t) && r("info", this.$t("copied"));
@@ -68,24 +68,22 @@ var u = function() {
   var t = this, e = t._self._c;
   return e("div", { staticClass: "font-inter", staticStyle: { "background-color": "white", "border-radius": "10px", overflow: "hidden" } }, [e("div", { staticStyle: { padding: "40px 30px", position: "relative" } }, [e("CButton", { staticStyle: { position: "absolute", right: "1em", top: "1em", color: "hsl(0, 0%, 55%)" }, attrs: { icon: "x", circle: "", size: "normal" }, on: { click: function(i) {
     return t.$emit("close");
-  } } }), e("div", { staticStyle: { padding: "0 0 2.5em" } }, [e("div", { staticClass: "x-title", domProps: { textContent: t._s(t.$t("title")) } }), e("div", { staticClass: "x-text", domProps: { textContent: t._s(t.$t("text")) } })]), t.clients.length ? t._l(t.clients, function(i, n) {
-    return e("div", { key: n, staticClass: "client-card" }, [e("div", { staticStyle: { padding: "4px 6px 8px 6px" } }, [e("div", { staticClass: "client-title truncate-text" }, [t._v(" " + t._s(i.primaryTitle) + " "), i.secondaryTitle ? e("span", { staticStyle: { opacity: "0.5", "padding-left": "0.125ch" } }, [t._v("· " + t._s(i.secondaryTitle))]) : t._e()]), i.documentRole ? e("div", { domProps: { textContent: t._s(t.$t(`_common:documentRole.${i.documentRole}.label`)) } }) : t._e(), e("div", [i.email ? e("a", { attrs: { href: `mailto:${i.email}?&body=${i.docLink}` } }, [t._v(t._s(i.email))]) : t._e(), i.email && i.cellphone ? e("span", { staticStyle: { padding: "0 0.5ch" } }, [t._v("·")]) : t._e(), i.cellphone ? e("a", { attrs: { href: `sms:${i.cellphone}?&body=${i.docLink}` } }, [e("CPhoneFormat", { attrs: { phone: i.cellphone, region: i.cellphoneRegion } })], 1) : t._e()])]), e("div", { staticStyle: { display: "flex", position: "relative" } }, [e("input", { ref: "key", refInFor: !0, staticClass: "link-field truncate-text", attrs: { placeholder: t.$t("placeholder"), type: "text", readonly: "readonly" }, domProps: { value: i.docLink } }), e("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.$t("tooltip"), expression: "$t('tooltip')" }], staticClass: "clipboard-button", on: { click: t.copyToClipboard } }, [e("BaseIcon", { staticStyle: { "pointer-events": "none" }, attrs: { type: "copy", size: "17" } })], 1)])]);
-  }) : e("div", { staticStyle: { padding: "2em", "font-size": "14px", "text-align": "center", color: "hsl(0, 0%, 55%)", border: "1px solid hsl(0, 0%, 88%)", "border-radius": "6px" }, domProps: { textContent: t._s(t.$t("placeholder")) } }), e("div", { staticClass: "x-hint" }, [e("BaseIcon", { staticClass: "text-primary-500", staticStyle: { flex: "0 0 auto", "margin-right": "8px", "margin-top": "3px" }, attrs: { type: "info", size: "16" } }), e("div", { domProps: { textContent: t._s(t.$t("hint")) } })], 1)], 2)]);
+  } } }), e("div", { staticStyle: { padding: "0 0 2.5em" } }, [e("div", { staticClass: "x-title", domProps: { textContent: t._s(t.$t("title")) } }), e("div", { staticClass: "x-text", domProps: { textContent: t._s(t.$t("text")) } })]), t.clients.length ? t._l(t.clients, function(i, a) {
+    return e("div", { key: a, staticClass: "client-card" }, [e("div", { staticStyle: { padding: "4px 6px 8px 6px" } }, [e("div", { staticClass: "client-title truncate-text" }, [t._v(" " + t._s(i.primaryTitle) + " "), i.secondaryTitle ? e("span", { staticStyle: { opacity: "0.5", "padding-left": "0.125ch" } }, [t._v("· " + t._s(i.secondaryTitle))]) : t._e()]), i.documentRole ? e("div", { domProps: { textContent: t._s(t.$t(`_common:documentRole.${i.documentRole}.label`)) } }) : t._e(), e("div", [i.email ? e("a", { attrs: { href: `mailto:${i.email}?&body=${i.docLink}` } }, [t._v(t._s(i.email))]) : t._e(), i.email && i.cellphone ? e("span", { staticStyle: { padding: "0 0.5ch" } }, [t._v("·")]) : t._e(), i.cellphone ? e("a", { attrs: { href: `sms:${i.cellphone}?&body=${i.docLink}` } }, [e("CPhoneFormat", { attrs: { phone: i.cellphone, region: i.cellphoneRegion } })], 1) : t._e()])]), e("div", { staticStyle: { display: "flex", position: "relative" } }, [e("input", { ref: "key", refInFor: !0, staticClass: "link-field truncate-text", attrs: { placeholder: t.$t("placeholder"), type: "text", readonly: "readonly" }, domProps: { value: i.docLink } }), e("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.$t("tooltip"), expression: "$t('tooltip')" }], staticClass: "clipboard-button", on: { click: t.copyToClipboard } }, [e("CIcon", { staticStyle: { "pointer-events": "none" }, attrs: { type: "copy", size: "17" } })], 1)])]);
+  }) : e("div", { staticStyle: { padding: "2em", "font-size": "14px", "text-align": "center", color: "hsl(0, 0%, 55%)", border: "1px solid hsl(0, 0%, 88%)", "border-radius": "6px" }, domProps: { textContent: t._s(t.$t("placeholder")) } }), e("div", { staticClass: "x-hint" }, [e("CIcon", { staticClass: "text-primary-500", staticStyle: { flex: "0 0 auto", "margin-right": "8px", "margin-top": "3px" }, attrs: { type: "info", size: "16" } }), e("div", { domProps: { textContent: t._s(t.$t("hint")) } })], 1)], 2)]);
 }, h = [], y = /* @__PURE__ */ d(
   m,
   u,
   h,
   !1,
   null,
-  "e0736d54",
-  null,
-  null
+  "8273cadb"
 );
-const v = y.exports, _ = v, x = ({ id: o }) => {
-  if (!a.prototype.$modal)
+const v = y.exports, g = v, _ = ({ id: o }) => {
+  if (!n.prototype.$modal)
     throw Error("Open client modal requires plugin vue-js-modal");
-  a.prototype.$modal.show(
-    _,
+  n.prototype.$modal.show(
+    g,
     {
       id: o
     },
@@ -99,6 +97,6 @@ const v = y.exports, _ = v, x = ({ id: o }) => {
   );
 };
 export {
-  _ as C,
-  x as o
+  g as C,
+  _ as o
 };