@cling-se/widget 0.9.4 → 0.9.6

package/dist/VideoSelectModal-fa81fb92.js

@@ -0,0 +1,111 @@
+import { k as h, n as f, j as g } from "./main-2dc98356.js";
+import { B as _, a as y } from "./index-6eda8be0.js";
+import x from "./VideoPlayerInput-fe87698e.js";
+import "./CDropdownItem-5532f8af.js";
+import "./throttle-f8ef830f.js";
+import "./dom-068d1a7b.js";
+import "./simplebar.min-9f5e0b8a.js";
+import "./utils-aab0bc31.js";
+const V = h.pexels.id, b = {
+  name: "VideoSelectModal",
+  i18nOptions: {
+    namespaces: "videoSelectModal",
+    messages: {
+      en: {
+        creditVideos: "Videos from {{thing}}",
+        tabLink: "Use link"
+      },
+      sv: {
+        creditVideos: "Videor från {{thing}}",
+        tabLink: "Egen länk"
+      }
+    }
+  },
+  components: {
+    BackgroundModal: _,
+    BackgroundList: y,
+    VideoPlayerInput: x
+  },
+  data() {
+    return {
+      activeTab: "pexels",
+      selectedVideo: null,
+      customVideo: null
+    };
+  },
+  methods: {
+    async fetch({ query: a, page: t }) {
+      const { data: e } = await g.get("https://api.pexels.com/videos/search", {
+        headers: {
+          Authorization: V
+        },
+        params: {
+          page: t,
+          per_page: 12,
+          query: a
+        }
+      }), s = (o, i) => o.height < i.height || o.width < i.width ? -1 : 1, u = (o) => (o.find(({ height: i }) => i > 1e3 && i < 1200) || {}).link;
+      return {
+        items: (e.videos || []).map(({
+          id: o,
+          image: i,
+          video_files: c = [],
+          user: d
+        }) => {
+          const { sd: m, hd: p } = (c || []).sort(s).reduce((r, l) => (r[l.quality] && l.link && r[l.quality].push(l.link), r), { sd: [], hd: [] }), [v] = m;
+          let n = u(c);
+          return n || ([n] = p.length ? p : m.slice(-1)), {
+            id: `${o}`,
+            image: i,
+            minImage: i,
+            video: n,
+            minVideo: v,
+            userName: d.name,
+            userLink: d.link
+          };
+        }),
+        total: e.total_results
+      };
+    },
+    selectVideo(a) {
+      const {
+        id: t,
+        image: e,
+        video: s
+      } = a || {};
+      this.selectedVideo = {
+        id: t,
+        url: s,
+        thumbnail: e,
+        provider: "pexels"
+      };
+    },
+    onSave() {
+      const a = this.activeTab === "pexels" ? this.selectedVideo : this.customVideo;
+      this.$emit("input", a), this.$parent && this.$parent.$emit("input", a), this.$emit("close");
+    }
+  }
+};
+var w = function() {
+  var t = this, e = t._self._c;
+  return e("BackgroundModal", [e("div", { staticClass: "flex items-center justify-center w-full", staticStyle: { padding: "calc(0.25 * var(--rem)) calc(1 * var(--rem))", "border-bottom": "1px solid hsl(0, 0%, 88%)" }, attrs: { slot: "header" }, slot: "header" }, [e("CButton", { staticStyle: { "font-size": "15px", "font-weight": "700", opacity: "0.5", "box-shadow": "none" }, style: t.activeTab === "pexels" && { opacity: 1 }, on: { click: function(s) {
+    t.activeTab = "pexels";
+  } } }, [e("span", { staticStyle: { display: "inline-flex", "align-items": "center" } }, [e("svg", { staticStyle: { "margin-right": "calc(0.5 * var(--rem))" }, attrs: { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 32 32" } }, [e("path", { attrs: { d: "M2 0h28a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z", fill: "#05A081" } }), e("path", { attrs: { d: "M13 21h3.863v-3.752h1.167a3.124 3.124 0 1 0 0-6.248H13v10zm5.863 2H11V9h7.03a5.124 5.124 0 0 1 .833 10.18V23z", fill: "#fff" } })]), t._v(" " + t._s(t.$t("_common:video").capitalize()) + " ")])]), e("CButton", { staticStyle: { "font-size": "15px", "font-weight": "700", opacity: "0.5", "box-shadow": "none" }, style: t.activeTab === "customUrl" && { opacity: 1 }, on: { click: function(s) {
+    t.activeTab = "customUrl";
+  } } }, [e("span", { staticStyle: { display: "inline-flex", "align-items": "center" } }, [e("svg", { staticStyle: { "margin-right": "calc(0.5 * var(--rem))" }, attrs: { width: "28", height: "28", xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0", y: "0", "xml:space": "preserve", viewBox: "0 0 71.412 50" } }, [e("g", { attrs: { transform: "scale(.58824)" } }, [e("path", { attrs: { d: "M118.9 13.3c-1.4-5.2-5.5-9.3-10.7-10.7C98.7 0 60.7 0 60.7 0s-38 0-47.5 2.5C8.1 3.9 3.9 8.1 2.5 13.3 0 22.8 0 42.5 0 42.5s0 19.8 2.5 29.2C3.9 76.9 8 81 13.2 82.4 22.8 85 60.7 85 60.7 85s38 0 47.5-2.5c5.2-1.4 9.3-5.5 10.7-10.7 2.5-9.5 2.5-29.2 2.5-29.2s.1-19.8-2.5-29.3z", fill: "red", "fill-opacity": "1" } }), e("path", { attrs: { fill: "#fff", d: "M80.2 42.5L48.6 24.3v36.4z" } })])]), t._v(" " + t._s(t.$t("tabLink").capitalize()) + " ")])])], 1), t.activeTab === "pexels" ? e("BackgroundList", { attrs: { fetch: t.fetch, "credit-text": t.$t("creditVideos", { thing: "Pexels" }), "default-query": "nature" }, on: { select: t.selectVideo } }, [e("CButton", { staticStyle: { "margin-left": "0.5em" }, attrs: { slot: "footer", disable: !t.selectedVideo, type: "secondary" }, on: { click: t.onSave }, slot: "footer" }, [t._v(" " + t._s(t.$t("_common:save")) + " ")])], 1) : e("div", { staticClass: "flex flex-col items-center justify-center w-full" }, [e("div", { staticStyle: { "max-width": "500px", width: "100%", margin: "0 auto", "padding-top": "calc(3 * var(--rem))" } }, [e("div", { staticStyle: { position: "relative", width: "100%", "padding-top": "56.25%", "background-color": "hsl(var(--gray-color-100) / 1)", "border-radius": "0.5em", "margin-bottom": "calc(1.5 * var(--rem))" } }, [t.customVideo ? e("iframe", { staticClass: "custom-video-preview", attrs: { src: t.customVideo.url } }) : t._e()]), e("VideoPlayerInput", { attrs: { filled: !0, "video-options": { background: !0 } }, model: { value: t.customVideo, callback: function(s) {
+    t.customVideo = s;
+  }, expression: "customVideo" } }, [e("CButton", { attrs: { disable: !t.customVideo, type: "secondary" }, on: { click: t.onSave } }, [t._v(" " + t._s(t.$t("_common:save")) + " ")])], 1)], 1)])], 1);
+}, k = [], S = /* @__PURE__ */ f(
+  b,
+  w,
+  k,
+  !1,
+  null,
+  "8d77a3bb",
+  null,
+  null
+);
+const j = S.exports;
+export {
+  j as default
+};

package/dist/{answerDocumentMixin-66023e62.js → answerDocumentMixin-ef48c7eb.js}

@@ -1,5 +1,5 @@
-import { b as r } from "./main-04025a56.js";
-import { w as l } from "./CDropdownItem-74672842.js";
+import { b as r } from "./main-2dc98356.js";
+import { w as l } from "./CDropdownItem-5532f8af.js";
 const m = ({ documentKey: s = "document" } = {}) => ({
   mixins: [l],
   inject: {
@@ -26,7 +26,7 @@ const m = ({ documentKey: s = "document" } = {}) => ({
       const o = t === "decline" ? !0 : this.isValid();
       if (!i.isPreview && !o)
         return;
-      const n = this.mq === "sm" ? "100%" : "auto", a = () => import("./AnswerModal-06487437.js");
+      const n = this.mq === "sm" ? "100%" : "auto", a = () => import("./AnswerModal-5f83562b.js");
       this.$modal.show(
         a,
         {

package/dist/{cssMode-8552fc56.js → cssMode-916ae2c1.js}

@@ -1,14 +1,14 @@
 var Le = Object.defineProperty;
 var Fe = (e, n, i) => n in e ? Le(e, n, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[n] = i;
 var E = (e, n, i) => (Fe(e, typeof n != "symbol" ? n + "" : n, i), i);
-import { m as je } from "./Index-9aaf8b90.js";
-import "./mapFormMixin-8d073f99.js";
-import "./main-04025a56.js";
-import "./throttle-a2c1f34d.js";
-import "./CDropdownItem-74672842.js";
+import { m as je } from "./Index-c038406f.js";
+import "./mapFormMixin-4ac649c2.js";
+import "./main-2dc98356.js";
+import "./throttle-f8ef830f.js";
+import "./CDropdownItem-5532f8af.js";
 import "./splitpanes-ba7897bf.js";
-import "./formValidationMixin-4920ab53.js";
-import "./template-42a1d852.js";
+import "./DocumentLayout-ae49ac7a.js";
+import "./template-069f0890.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.33.0(4b1abad427e58dbedc1215d99a0902ffc885fcd4)

package/dist/dom-068d1a7b.js

@@ -0,0 +1,59 @@
+const c = {}, u = {};
+function m(t) {
+  if (u[t])
+    return;
+  if (c[t])
+    return c[t];
+  const e = new Promise((r, n) => {
+    const s = document.createElement("script"), i = window.setTimeout(() => {
+      c[t] = null, n(new Error(`Failed to load ${t} in 20s`));
+    }, 2e4);
+    s.onload = () => {
+      i && window.clearTimeout(i), u[t] = !0, c[t] = null, r();
+    }, s.onerror = (d) => {
+      i && window.clearTimeout(i), c[t] = null, n(d);
+    }, s.src = t, document.body.appendChild(s);
+  });
+  return c[t] = e, e;
+}
+function w(t) {
+  const e = t.getBoundingClientRect(), r = window.innerHeight || document.documentElement.clientHeight, n = window.innerWidth || document.documentElement.clientWidth, s = e.top <= r && e.top + e.height >= 0, i = e.left <= n && e.left + e.width >= 0;
+  return s && i;
+}
+const a = (t) => {
+  const e = /(auto|scroll)/, r = (o, l) => o.parentNode === null ? l : r(o.parentNode, l.concat([o])), n = (o, l) => getComputedStyle(o, null).getPropertyValue(l), s = (o) => n(o, "overflow") + n(o, "overflow-y") + n(o, "overflow-x"), i = (o) => e.test(s(o));
+  return ((o) => {
+    if (!(o instanceof HTMLElement || o instanceof SVGElement))
+      return null;
+    const l = r(o.parentNode, []);
+    for (let f = 0; f < l.length; f += 1)
+      if (i(l[f]))
+        return l[f];
+    return document.scrollingElement || document.documentElement;
+  })(t);
+}, p = (t) => {
+  let e = 0;
+  for (; t; )
+    e += t.offsetTop, t = t.offsetParent;
+  return e;
+};
+function h(t, e) {
+  let r = t;
+  typeof r == "string" && (r = document.querySelector(r));
+  const n = {
+    offset: 0,
+    behavior: "smooth",
+    body: a(r),
+    // custom option used for choosing parent scroll element
+    ...e
+  }, s = p(r);
+  HTMLElement.prototype.scrollTo ? n.body.scrollTo({
+    behavior: n.behavior,
+    top: s - n.offset
+  }) : n.body.scrollTop = s - n.offset;
+}
+export {
+  m as e,
+  w as i,
+  h as s
+};

package/dist/{focusDrawerMixin-67462262.js → focusDrawerMixin-24942dd1.js}

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

package/dist/{formComponentsInstall-ad9c2a83.js → formComponentsInstall-2dfa2def.js}

@@ -1,15 +1,15 @@
 import { b as H, m as f } from "./vuex.esm-4a0fff7c.js";
-import { s as q } from "./simplebar.min-3af55aab.js";
-import { m as u } from "./mapFormMixin-8d073f99.js";
-import { B as O } from "./BaseDatePicker-8c098701.js";
-import { E as j } from "./ErrorCallout-60d0b3ab.js";
-import { n as r, ao as I, ap as v, x as K, b as d, aq as W, k as X, ar as U, as as Q, l as T, at as P, au as R, c as M, av as y } from "./main-04025a56.js";
-import Y from "./AddClientCallout-d472aa84.js";
-import G from "./ClientModal-d276aabd.js";
-import { c as J, r as Z, g as ee, C as p, b as h, e as m } from "./CDropdownItem-74672842.js";
-import { S as te } from "./CSlider.vue_vue_type_style_index_0_lang-f49d85e0.js";
-import { C as _ } from "./CCallout-ffa95028.js";
-import { C as z } from "./CField-06dd50f1.js";
+import { s as q } from "./simplebar.min-9f5e0b8a.js";
+import { m as u } from "./mapFormMixin-4ac649c2.js";
+import { B as O } from "./BaseDatePicker-ae7aebf1.js";
+import { E as j } from "./ErrorCallout-c7f69cd9.js";
+import { n as r, al as I, am as v, h as K, b as d, an as W, l as X, ao as U, ap as Q, o as T, aq as P, ar as R, c as M, A as y } from "./main-2dc98356.js";
+import Y from "./AddClientCallout-d8f5bc53.js";
+import G from "./ClientModal-da9fddf9.js";
+import { c as J, r as Z, g as ee, C as p, b as h, e as m } from "./CDropdownItem-5532f8af.js";
+import { S as te } from "./CSlider.vue_vue_type_style_index_0_lang-d9c2f582.js";
+import { C as _ } from "./CCallout-04e2c8c6.js";
+import { C as z } from "./CField-0bc9de28.js";
 import { r as o } from "./regions-29ee6964.js";
 const ie = {
   name: "DocumentSendReminderItem",
@@ -117,7 +117,7 @@ const re = ae.exports, oe = {
 };
 var le = function() {
   var e = this, i = e._self._c;
-  return i("div", { staticStyle: { "background-color": "white", "border-radius": "0.5rem", padding: "2rem", "font-size": "16px" } }, [i("div", { staticStyle: { "font-size": "1.25em", "font-weight": "700", "margin-bottom": "0.25em", "text-align": "center" } }, [e._v(" " + e._s(e.$t("_common:reminder_plural").capitalize()) + " ")]), i("div", { staticClass: "text-center has-text-grey-dark", staticStyle: { "max-width": "20rem", margin: "0 auto 2rem auto" } }, [e._v(" " + e._s(e.$t("description")) + " ")]), e._l([
+  return i("div", { staticStyle: { "background-color": "white", "border-radius": "calc(0.5 * var(--rem))", padding: "calc(2 * var(--rem))", "font-size": "16px" } }, [i("div", { staticStyle: { "font-size": "1.25em", "font-weight": "700", "margin-bottom": "0.25em", "text-align": "center" } }, [e._v(" " + e._s(e.$t("_common:reminder_plural").capitalize()) + " ")]), i("div", { staticClass: "text-center text-gray-600", staticStyle: { "max-width": "calc(20 * var(--rem))", margin: "0 auto calc(2 * var(--rem)) auto" } }, [e._v(" " + e._s(e.$t("description")) + " ")]), e._l([
     { type: "notViewed", fallbackKey: "viewed" },
     { type: "notAnswered", fallbackKey: "reminder" },
     { type: "expires", fallbackKey: "expires" }
@@ -125,7 +125,7 @@ var le = function() {
     return i("DocumentSendReminderItem", { key: n, attrs: { label: e.$t(s.type), value: e.reminders[s.type] ? e.reminders[s.type].sendDays : 0, done: e.reminders[s.type] && e.reminders[s.type].status === "successful" }, on: { input: function(a) {
       return e.setReminder(e.reminders[s.type] || s.fallbackKey, a);
     } } });
-  }), i("div", { staticClass: "flex items-center justify-center w-full", staticStyle: { "margin-top": "2.5rem" } }, [i("CButton", { attrs: { type: "secondary", expanded: "" }, on: { click: function(s) {
+  }), i("div", { staticClass: "flex items-center justify-center w-full", staticStyle: { "margin-top": "calc(2.5 * var(--rem))" } }, [i("CButton", { attrs: { type: "secondary", expanded: "" }, on: { click: function(s) {
     return e.$emit("close");
   } } }, [e._v(" " + e._s(e.$t("_common:save")) + " ")])], 1)], 2);
 }, de = [], ce = /* @__PURE__ */ r(
@@ -274,7 +274,7 @@ var pe = function() {
     return i("div", { key: n, staticClass: "bg-gray-50 border border-gray-200 p-4 rounded-md mb-4 cursor-pointer flex items-center justify-between text-sm hover:bg-gray-100 hover:border-gray-300 active:bg-gray-200 active:border-gray-400 select-none", on: { click: () => e.onSendAt(s[0]) } }, [i("div", { staticClass: "font-medium" }, [e._v(e._s(e.$t(s[1])))]), i("div", { staticClass: "text-gray-500" }, [e._v(" " + e._s(e.$formatDate(s[0], "p, d MMM")) + " ")])]);
   }), 0)]), i("div", { staticClass: "px-8 py-6 bg-gray-100 border-t border-gray-200", class: e.showCustom ? "" : "cursor-pointer hover:bg-gray-200", on: { click: function(s) {
     e.showCustom = !0;
-  } } }, [i("div", { staticClass: "flex items-center text-sm" }, [i("BaseIcon", { staticClass: "text-primary-500 mr-2", attrs: { type: "calendar", size: "18" } }), i("div", { staticClass: "font-medium", domProps: { textContent: e._s(e.$t("custom.title")) } })], 1), i("Animation", [i("div", { directives: [{ name: "show", rawName: "v-show", value: e.showCustom, expression: "showCustom" }], staticClass: "mt-4" }, [i("div", { staticClass: "grid grid-cols-2 gap-4" }, [i("BaseDatePicker", { attrs: { value: e.sendAt }, on: { input: e.setDate } }), i("CInput", { attrs: { value: e.$formatDate(e.sendAt, "HH:mm"), clearable: !1, type: "time" }, on: { input: e.setTime } })], 1), e.$v.$invalid ? i("div", { staticClass: "error-wrapper" }, [i("BaseIcon", { staticClass: "mr-2 text-primary-500", attrs: { type: "calendar" } }), e._v(" " + e._s(e.$t("custom.invalid")) + " ")], 1) : e._e(), i("CButton", { staticStyle: { "margin-top": "1.5rem" }, attrs: { loading: e.isPostingDocument || e.isPostingProject, type: "secondary", wide: "" }, on: { click: function(s) {
+  } } }, [i("div", { staticClass: "flex items-center text-sm" }, [i("BaseIcon", { staticClass: "text-primary-500 mr-2", attrs: { type: "calendar", size: "18" } }), i("div", { staticClass: "font-medium", domProps: { textContent: e._s(e.$t("custom.title")) } })], 1), i("Animation", [i("div", { directives: [{ name: "show", rawName: "v-show", value: e.showCustom, expression: "showCustom" }], staticClass: "mt-4" }, [i("div", { staticClass: "grid grid-cols-2 gap-4" }, [i("BaseDatePicker", { attrs: { value: e.sendAt }, on: { input: e.setDate } }), i("CInput", { attrs: { value: e.$formatDate(e.sendAt, "HH:mm"), clearable: !1, type: "time" }, on: { input: e.setTime } })], 1), e.$v.$invalid ? i("div", { staticClass: "error-wrapper" }, [i("BaseIcon", { staticClass: "mr-2 text-primary-500", attrs: { type: "calendar" } }), e._v(" " + e._s(e.$t("custom.invalid")) + " ")], 1) : e._e(), i("CButton", { staticStyle: { "margin-top": "calc(1.5 * var(--rem))" }, attrs: { loading: e.isPostingDocument || e.isPostingProject, type: "secondary", wide: "" }, on: { click: function(s) {
     return e.onSendAt(e.sendAt);
   } } }, [e._v(" " + e._s(e.$t("_common:send")) + " " + e._s(e.$formatDate(e.sendAt, "d MMM - p")) + " ")])], 1)])], 1)]);
 }, he = [], fe = /* @__PURE__ */ r(
@@ -283,7 +283,7 @@ var pe = function() {
   he,
   !1,
   null,
-  "b3422e2b",
+  "3b80f637",
   null,
   null
 );
@@ -340,13 +340,13 @@ var ye = function() {
     return n.preventDefault(), n.stopPropagation(), e.$emit("move", -1);
   } } }), i("CButton", { staticClass: "rc-order__button down", attrs: { type: "none", pattern: "primary", circle: "", raised: "", size: "small", icon: "plus" }, on: { click: function(n) {
     return n.preventDefault(), n.stopPropagation(), e.$emit("move", 1);
-  } } }), i("div", { staticClass: "rc-order" }, [e._v(" " + e._s(e.client.signOrder) + " ")])], 1) : i("BaseIcon", { staticClass: "text-primary-500", staticStyle: { "margin-right": "8px", flex: "0 0 18px" }, attrs: { type: e.isSender ? "send" : ["signee", "approver"].includes(e.client.documentRole) ? "pen-tool" : "eye", size: "18" } })], 1), i("div", { staticClass: "rc-data truncate-text" }, [e.client.name || e.client.companyName ? i("div", { staticStyle: { "font-weight": "500" } }, [e._v(" " + e._s(e.client.name || e.client.companyName) + " ")]) : e.isSender ? i("div", { staticClass: "text-gray-500" }, [e._v(" " + e._s(e.$t("_common:empty", { thing: e.$t("_common:reference") })) + " ")]) : i("div", { staticClass: "text-gray-500" }, [e._v(" " + e._s(e.$t("_common:missing", { thing: e.$t("_common:name") })) + " ")]), i("div", { staticClass: "text-gray-700", staticStyle: { "font-size": "12px" } }, [e.isSender ? [e.isSender ? i("span", [e._v(" " + e._s(e.$t("_common:documentRole.sender.description")) + " ")]) : e._e(), e.client.documentRole === "signee" ? i("span", [e._v(" " + e._s(e.$t(`_common:documentRole.${e.client.documentRole}.description`)) + " ")]) : e._e()] : [((s = e.client.answerMethod) == null ? void 0 : s.accept) === "inPerson" ? i("span", { staticClass: "text-red-500" }, [e._v(" " + e._s(e.$t("_common:signMethod.title")) + ": "), i("span", [e._v(" " + e._s(e.$t("_common:signMethod.inPerson")) + " ")])]) : e._e(), e.client.documentRole ? i("span", [e._v(" " + e._s(e.$t(`_common:documentRole.${e.client.documentRole}.description`)) + " ")]) : e._e(), e.client.email ? i("span", [e._v(e._s(e.client.email))]) : e._e(), e.client.cellphone ? i("span", [e._v(e._s(e.client.cellphone))]) : e._e()]], 2)])], e.rightButton ? i("transition", { attrs: { name: "fade-100" } }, [e.isHover || e.isDropdownOpen ? [e.isSender ? i("CDropdown", { ref: "dropdown", staticStyle: { position: "absolute", right: "0.5rem" }, attrs: { position: "is-bottom-left", "menu-styling": {
+  } } }), i("div", { staticClass: "rc-order" }, [e._v(" " + e._s(e.client.signOrder) + " ")])], 1) : i("BaseIcon", { staticClass: "text-primary-500", staticStyle: { "margin-right": "8px", flex: "0 0 18px" }, attrs: { type: e.isSender ? "send" : ["signee", "approver"].includes(e.client.documentRole) ? "pen-tool" : "eye", size: "18" } })], 1), i("div", { staticClass: "rc-data truncate-text" }, [e.client.name || e.client.companyName ? i("div", { staticStyle: { "font-weight": "500" } }, [e._v(" " + e._s(e.client.name || e.client.companyName) + " ")]) : e.isSender ? i("div", { staticClass: "text-gray-500" }, [e._v(" " + e._s(e.$t("_common:empty", { thing: e.$t("_common:reference") })) + " ")]) : i("div", { staticClass: "text-gray-500" }, [e._v(" " + e._s(e.$t("_common:missing", { thing: e.$t("_common:name") })) + " ")]), i("div", { staticClass: "text-gray-700", staticStyle: { "font-size": "12px" } }, [e.isSender ? [e.isSender ? i("span", [e._v(" " + e._s(e.$t("_common:documentRole.sender.description")) + " ")]) : e._e(), e.client.documentRole === "signee" ? i("span", [e._v(" " + e._s(e.$t(`_common:documentRole.${e.client.documentRole}.description`)) + " ")]) : e._e()] : [((s = e.client.answerMethod) == null ? void 0 : s.accept) === "inPerson" ? i("span", { staticClass: "text-red-500" }, [e._v(" " + e._s(e.$t("_common:signMethod.title")) + ": "), i("span", [e._v(" " + e._s(e.$t("_common:signMethod.inPerson")) + " ")])]) : e._e(), e.client.documentRole ? i("span", [e._v(" " + e._s(e.$t(`_common:documentRole.${e.client.documentRole}.description`)) + " ")]) : e._e(), e.client.email ? i("span", [e._v(e._s(e.client.email))]) : e._e(), e.client.cellphone ? i("span", [e._v(e._s(e.client.cellphone))]) : e._e()]], 2)])], e.rightButton ? i("transition", { attrs: { name: "fade-100" } }, [e.isHover || e.isDropdownOpen ? [e.isSender ? i("CDropdown", { ref: "dropdown", staticStyle: { position: "absolute", right: "calc(0.5 * var(--rem))" }, attrs: { position: "is-bottom-left", "menu-styling": {
     width: "220px"
   } }, on: { "active-change": function(n) {
     e.isDropdownOpen = n;
   } }, nativeOn: { click: function(n) {
     n.stopPropagation();
-  } } }, [i("CButton", { attrs: { slot: "trigger", circle: "", size: "small", type: "none", pattern: "secondary", raised: "", icon: "more-horizontal" }, slot: "trigger" }), e._t("dropdownOptions")], 2) : i("CButton", { staticStyle: { position: "absolute", right: "0.5rem" }, attrs: { circle: "", size: "small", icon: "x", type: "none", pattern: "secondary", raised: "" }, on: { click: function(n) {
+  } } }, [i("CButton", { attrs: { slot: "trigger", circle: "", size: "small", type: "none", pattern: "secondary", raised: "", icon: "more-horizontal" }, slot: "trigger" }), e._t("dropdownOptions")], 2) : i("CButton", { staticStyle: { position: "absolute", right: "calc(0.5 * var(--rem))" }, attrs: { circle: "", size: "small", icon: "x", type: "none", pattern: "secondary", raised: "" }, on: { click: function(n) {
     return n.stopPropagation(), e.$emit("remove");
   } } })] : e._e()], 2) : e._e()], 2);
 }, _e = [], be = /* @__PURE__ */ r(
@@ -355,7 +355,7 @@ var ye = function() {
   _e,
   !1,
   null,
-  "48008ee1",
+  "4102ea12",
   null,
   null
 );
@@ -450,7 +450,7 @@ const Ce = {
 };
 var we = function() {
   var e = this, i = e._self._c;
-  return e.senderClientData ? i("RecipientBlockItem", { staticClass: "first-of-group last-of-group", staticStyle: { display: "inline-flex", width: "auto", "padding-right": "2em", "min-width": "220px" }, attrs: { client: e.senderClientData, "right-button": e.allowSenderSign, "is-sender": !0 } }, [i("template", { slot: "dropdownOptions" }, [i("CDropdownItem", { attrs: { value: !!e.senderClient, "close-on-click": !1, toggle: "" }, on: { input: e.toggleSenderSign } }, [e._v(" " + e._s(e.$t("toggle.label")) + " ")]), e.senderClient ? [i("CDropdownItem", { attrs: { separator: "" } }), i("div", { staticClass: "has-text-grey", staticStyle: { "font-size": "13px", padding: "0.5rem 0 0.25rem 1rem", "font-weight": "500" } }, [e._v(" " + e._s(e.$t("_common:signMethod.title")) + " ")]), e._l([
+  return e.senderClientData ? i("RecipientBlockItem", { staticClass: "first-of-group last-of-group", staticStyle: { display: "inline-flex", width: "auto", "padding-right": "2em", "min-width": "220px" }, attrs: { client: e.senderClientData, "right-button": e.allowSenderSign, "is-sender": !0 } }, [i("template", { slot: "dropdownOptions" }, [i("CDropdownItem", { attrs: { value: !!e.senderClient, "close-on-click": !1, toggle: "" }, on: { input: e.toggleSenderSign } }, [e._v(" " + e._s(e.$t("toggle.label")) + " ")]), e.senderClient ? [i("CDropdownItem", { attrs: { separator: "" } }), i("div", { staticClass: "text-gray-400", staticStyle: { "font-size": "13px", padding: "calc(0.5 * var(--rem)) 0 calc(0.25 * var(--rem)) calc(1 * var(--rem))", "font-weight": "500" } }, [e._v(" " + e._s(e.$t("_common:signMethod.title")) + " ")]), e._l([
     "login",
     "signature",
     ...e.feature("bankId") ? ["bankId"] : []
@@ -458,14 +458,14 @@ var we = function() {
     return i("CDropdownItem", { key: s, attrs: { "icon-right": e.get(e.senderClient, "answerMethod.accept") === s ? "check" : "" }, on: { click: function(n) {
       return e.setSenderMethod(s);
     } } }, [e._v(" " + e._s(e.$t(`_common:signMethod.${s}`)) + " ")]);
-  })] : i("div", { staticClass: "has-background-grey-lightest-2 has-text-grey-darker", staticStyle: { padding: "0.5rem", margin: "0.5rem", "font-size": "13px", "border-radius": "4px", "line-height": "1.25", "font-weight": "500" } }, [e._v(" " + e._s(e.$t("toggle.description")) + " ")])], 2)], 2) : e._e();
+  })] : i("div", { staticClass: "text-gray-700 bg-gray-100", staticStyle: { padding: "calc(0.5 * var(--rem))", margin: "calc(0.5 * var(--rem))", "font-size": "13px", "border-radius": "4px", "line-height": "1.25", "font-weight": "500" } }, [e._v(" " + e._s(e.$t("toggle.description")) + " ")])], 2)], 2) : e._e();
 }, xe = [], $e = /* @__PURE__ */ r(
   Ce,
   we,
   xe,
   !1,
   null,
-  "45490d84",
+  "f5277e62",
   null,
   null
 );
@@ -1641,7 +1641,7 @@ var ct = function() {
   ut,
   !1,
   null,
-  "de7880d0",
+  "839e1835",
   null,
   null
 );
@@ -1828,7 +1828,7 @@ var ft = function() {
   gt,
   !1,
   null,
-  "b0f4b11a",
+  "08518f65",
   null,
   null
 );
@@ -1939,7 +1939,7 @@ const V = Ct.exports, wt = {
   }
 };
 var xt = function(e, i) {
-  return e("div", { class: [i.data.class, i.data.staticClass], staticStyle: { padding: "0.75em 1em", display: "flex", "align-items": "flex-start", "border-radius": "0.6em", "background-color": "hsl(0, 0%, 95%)" }, style: { ...i.data.staticStyle } }, [e("div", { class: [
+  return e("div", { class: [i.data.class, i.data.staticClass], staticStyle: { padding: "0.75em 1em", display: "flex", "align-items": "flex-start", "border-radius": "0.6em", "background-color": "hsl(var(--gray-color-100) / 1)" }, style: { ...i.data.staticStyle } }, [e("div", { class: [
     `has-background-${i.props.type}`
   ], staticStyle: { display: "inline-block", padding: "0.5em", "border-radius": "0.45em", "font-weight": "700", color: "white", "line-height": "1", "font-size": "12px", "margin-right": "1.25em" } }, [i._v(" " + i._s(i.props.badge || i.parent.$t("components:cling.message.tip")) + " ")]), e("div", { staticStyle: { color: "hsl(0, 0%, 25%)" } }, [i.props.text ? [i._v(" " + i._s(i.props.text) + " ")] : i._e(), i._t("default")], 2)]);
 }, $t = [], St = /* @__PURE__ */ r(
@@ -1948,7 +1948,7 @@ var xt = function(e, i) {
   $t,
   !0,
   null,
-  "1c984641",
+  "a14c1e41",
   null,
   null
 );

package/dist/formValidationMixin-82793652.js

@@ -0,0 +1,49 @@
+import { h as n } from "./main-2dc98356.js";
+import { s as l } from "./dom-068d1a7b.js";
+const s = (r) => {
+  var i;
+  const t = [];
+  return (i = r.$options) != null && i.validations && t.push(r), r.$children && r.$children.forEach((o) => t.push(...s(o))), t;
+}, m = {
+  provide() {
+    return {
+      formValidation: {
+        isFormValid: this.isFormValid,
+        scrollToInvalidInput: this.scrollToInvalidInput
+      }
+    };
+  },
+  data() {
+    return {
+      _formItems: []
+    };
+  },
+  created() {
+    this._formItems = s(this);
+  },
+  methods: {
+    _getInvalidInputs() {
+      return this._formItems.filter((r) => {
+        var t;
+        return (t = r.$v) == null ? void 0 : t.$invalid;
+      });
+    },
+    isFormValid() {
+      return this._formItems.every((r) => {
+        var t, i;
+        return (t = r.$v) == null || t.$touch(), !((i = r.$v) != null && i.$invalid);
+      });
+    },
+    scrollToInvalidInput({ offset: r = 0 } = {}) {
+      try {
+        const [t] = this._getInvalidInputs();
+        t != null && t.$el && l(t.$el, { offset: r });
+      } catch (t) {
+        n(t);
+      }
+    }
+  }
+};
+export {
+  m as f
+};

package/dist/{freemarker2-7e10a65d.js → freemarker2-6fd30e77.js}

@@ -1,11 +1,11 @@
-import { m as f } from "./Index-9aaf8b90.js";
-import "./mapFormMixin-8d073f99.js";
-import "./main-04025a56.js";
-import "./throttle-a2c1f34d.js";
-import "./CDropdownItem-74672842.js";
+import { m as f } from "./Index-c038406f.js";
+import "./mapFormMixin-4ac649c2.js";
+import "./main-2dc98356.js";
+import "./throttle-f8ef830f.js";
+import "./CDropdownItem-5532f8af.js";
 import "./splitpanes-ba7897bf.js";
-import "./formValidationMixin-4920ab53.js";
-import "./template-42a1d852.js";
+import "./DocumentLayout-ae49ac7a.js";
+import "./template-069f0890.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.33.0(4b1abad427e58dbedc1215d99a0902ffc885fcd4)

package/dist/{handlebars-8045bfa8.js → handlebars-ff07e526.js}

@@ -1,11 +1,11 @@
-import { m as i } from "./Index-9aaf8b90.js";
-import "./mapFormMixin-8d073f99.js";
-import "./main-04025a56.js";
-import "./throttle-a2c1f34d.js";
-import "./CDropdownItem-74672842.js";
+import { m as i } from "./Index-c038406f.js";
+import "./mapFormMixin-4ac649c2.js";
+import "./main-2dc98356.js";
+import "./throttle-f8ef830f.js";
+import "./CDropdownItem-5532f8af.js";
 import "./splitpanes-ba7897bf.js";
-import "./formValidationMixin-4920ab53.js";
-import "./template-42a1d852.js";
+import "./DocumentLayout-ae49ac7a.js";
+import "./template-069f0890.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.33.0(4b1abad427e58dbedc1215d99a0902ffc885fcd4)

package/dist/{html-8afcb633.js → html-5ad143f9.js}

@@ -1,11 +1,11 @@
-import { m as p } from "./Index-9aaf8b90.js";
-import "./mapFormMixin-8d073f99.js";
-import "./main-04025a56.js";
-import "./throttle-a2c1f34d.js";
-import "./CDropdownItem-74672842.js";
+import { m as p } from "./Index-c038406f.js";
+import "./mapFormMixin-4ac649c2.js";
+import "./main-2dc98356.js";
+import "./throttle-f8ef830f.js";
+import "./CDropdownItem-5532f8af.js";
 import "./splitpanes-ba7897bf.js";
-import "./formValidationMixin-4920ab53.js";
-import "./template-42a1d852.js";
+import "./DocumentLayout-ae49ac7a.js";
+import "./template-069f0890.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.33.0(4b1abad427e58dbedc1215d99a0902ffc885fcd4)

package/dist/{htmlMode-1a2d1b48.js → htmlMode-adc834ff.js}

@@ -1,14 +1,14 @@
 var Be = Object.defineProperty;
 var $e = (e, n, i) => n in e ? Be(e, n, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[n] = i;
 var E = (e, n, i) => ($e(e, typeof n != "symbol" ? n + "" : n, i), i);
-import { m as qe } from "./Index-9aaf8b90.js";
-import "./mapFormMixin-8d073f99.js";
-import "./main-04025a56.js";
-import "./throttle-a2c1f34d.js";
-import "./CDropdownItem-74672842.js";
+import { m as qe } from "./Index-c038406f.js";
+import "./mapFormMixin-4ac649c2.js";
+import "./main-2dc98356.js";
+import "./throttle-f8ef830f.js";
+import "./CDropdownItem-5532f8af.js";
 import "./splitpanes-ba7897bf.js";
-import "./formValidationMixin-4920ab53.js";
-import "./template-42a1d852.js";
+import "./DocumentLayout-ae49ac7a.js";
+import "./template-069f0890.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.33.0(4b1abad427e58dbedc1215d99a0902ffc885fcd4)