@cling-se/widget 0.9.23 → 0.9.25

package/dist/{main-8d566a02.js → main-4f27b552.js}

@@ -7126,6 +7126,7 @@ const Gp = ["start", "base", "pro"], cr = {
       },
       notifications: {
         viewed: "Få notifikation och e-post när kund öppnat offert / avtal",
+        acceptedSendEmail: "Få e-post när kund godkänt ett dokument",
         acceptedSendSms: "Få SMS när kund godkänt ett dokument",
         getCopyAll: "Få kopia på alla användarens notifikationer",
         semiSigned: "Få notifikation och e-post när ett dokument blir delsignerat",
@@ -9983,6 +9984,7 @@ För att underlätta din ansökan om avdrag så behöver {{company.name}} din fa
       },
       notifications: {
         viewed: "Receive notification and email when client opens a document",
+        acceptedSendEmail: "Receive email when a client accepts a document",
         acceptedSendSms: "Receive a text message when a client accepts a document",
         getCopyAll: "Receive a copy of all my teammates notifications",
         semiSigned: "Receive notification and email when a document is partially accepted",
@@ -27562,7 +27564,7 @@ const HQ = [
   {
     name: "form",
     path: "/form",
-    component: () => import("./DocForm-263bac20.js"),
+    component: () => import("./DocForm-42c0c67c.js"),
     props: !0,
     meta: {
       mode: "modal",
@@ -27574,7 +27576,7 @@ const HQ = [
   {
     name: "document",
     path: "/document",
-    component: () => import("./DocumentLayout-00ec1c6f.js").then((e) => e.c),
+    component: () => import("./DocumentLayout-81ae175c.js").then((e) => e.c),
     props: !0,
     meta: {
       mode: "modal",
@@ -27587,7 +27589,7 @@ const HQ = [
   {
     name: "send",
     path: "/send",
-    component: () => import("./DocFormSend-5b098ca6.js"),
+    component: () => import("./DocFormSend-1f9c446f.js"),
     props: !0,
     meta: {
       mode: "drawer",
@@ -27599,7 +27601,7 @@ const HQ = [
   {
     name: "print",
     path: "/print",
-    component: () => import("./DocPrint-555475c6.js"),
+    component: () => import("./DocPrint-cea9de40.js"),
     props: !0,
     meta: {
       mode: "modal",
@@ -27610,7 +27612,7 @@ const HQ = [
   {
     name: "sendReminder",
     path: "/sendReminder",
-    component: () => import("./DocSendReminder-8d875174.js"),
+    component: () => import("./DocSendReminder-d69f4a3f.js"),
     props: !0,
     meta: {
       mode: "modal",
@@ -27621,7 +27623,7 @@ const HQ = [
   {
     name: "timeline",
     path: "/timeline",
-    component: () => import("./DocTimeline-0273acd1.js"),
+    component: () => import("./DocTimeline-480b7adf.js"),
     props: !0,
     meta: {
       mode: "modal",
@@ -27631,7 +27633,7 @@ const HQ = [
   {
     name: "receipt",
     path: "/receipt",
-    component: () => import("./DocReceipt-5a393f79.js"),
+    component: () => import("./DocReceipt-61b17b52.js"),
     props: !0,
     meta: {
       mode: "modal",
@@ -27641,7 +27643,7 @@ const HQ = [
   {
     name: "clientLinks",
     path: "/clientLinks",
-    component: () => import("./DocLinks-500b61b0.js"),
+    component: () => import("./DocLinks-2c63c0dc.js"),
     props: !0,
     meta: {
       mode: "modal",
@@ -27651,7 +27653,7 @@ const HQ = [
   {
     name: "documentClient",
     path: "/documentClient",
-    component: () => import("./DocumentClient-342454c2.js"),
+    component: () => import("./DocumentClient-6e36a622.js"),
     props: !0,
     meta: {
       mode: "modal",
@@ -27663,7 +27665,7 @@ const HQ = [
   {
     name: "setup",
     path: "/setup",
-    component: () => import("./Setup-2849b519.js"),
+    component: () => import("./Setup-7f309cf0.js"),
     props: !0,
     meta: {
       mode: "modal",
@@ -27675,7 +27677,7 @@ const HQ = [
   {
     name: "docAnswer",
     path: "/docAnswer",
-    component: () => import("./DocAnswer-75f53dd5.js"),
+    component: () => import("./DocAnswer-299edc71.js"),
     props: !0,
     meta: {
       mode: "modal",
@@ -27686,7 +27688,7 @@ const HQ = [
   {
     name: "docDetails",
     path: "/docDetails",
-    component: () => import("./DocDetails-1bdecff4.js"),
+    component: () => import("./DocDetails-c740d0a6.js"),
     props: !0,
     meta: {
       mode: "drawer",
@@ -27742,13 +27744,12 @@ const _n = new vt({
     this._openViews.push(i), Vt.trigger("ui:open", { key: e, view: t, mode: r });
   },
   removeView({ key: e, view: t, mode: r }) {
-    var i;
     const n = this._openViews.findIndex(
-      (a) => a.key === e && a.mode === r
+      (i) => i.key === e && i.mode === r && i.view === t
     );
     if (r === "mount") {
-      const a = this._openViews[n], o = document.getElementById((i = a == null ? void 0 : a.viewOpts) == null ? void 0 : i.key);
-      o && (o.textContent = "");
+      const i = document.getElementById(`${e}-${r}-${t}`);
+      i && (i.textContent = "");
     }
     n > -1 && this._openViews.splice(n, 1), ["modal", "drawer"].includes(r) && _n.push("/"), Vt.trigger("ui:close", { key: e, mode: r, view: t });
   },
@@ -28228,7 +28229,7 @@ const Gte = (e, { renewToken: t }) => {
     // allow API to store cookie
     paramsSerializer: (d) => Hte(d)
   });
-  n.defaults.headers["X-CLIENT"] = "widget", n.defaults.headers["X-CLIENT-VERSION"] = "0.9.23";
+  n.defaults.headers["X-CLIENT"] = "widget", n.defaults.headers["X-CLIENT-VERSION"] = "0.9.25";
   const i = async (d, p, h = null, f = {}) => {
     const m = p.startsWith("/public/"), g = Ce.getItem("token");
     switch (g && !m && (n.defaults.headers["X-TOKEN"] = g), d) {
@@ -30683,7 +30684,7 @@ const a$ = Te.rollbar.clientToken, iy = new ine({
     client: {
       javascript: {
         // eslint-disable-next-line
-        code_version: "0.9.23",
+        code_version: "0.9.25",
         // Git SHA of the deployed code (from webpack plugin)
         source_map_enabled: !0,
         guess_uncaught_frames: !0
@@ -30920,7 +30921,7 @@ var vne = function(t, r) {
   yne,
   !0,
   null,
-  "159b0176",
+  "c4dd8c6e",
   null,
   null
 );
@@ -31003,7 +31004,9 @@ var Ene = function() {
       "bg-green-600": t.notification.type === "success",
       "bg-red-500": t.notification.type === "error",
       "bg-orange-600": t.notification.type === "warning",
-      "bg-primary-500": !["success", "error", "warning"].includes(t.notification.type)
+      "bg-primary-500": !["success", "error", "warning"].includes(
+        t.notification.type
+      )
     }
   ], staticStyle: { "max-width": "calc(100% - calc(2 * var(--rem)))" }, on: { "mouse-over": t.onMouseOver, "mouse-leave": t.onMouseOut } }, [r("div", { staticClass: "block mt-px mr-3 font-semibold" }, [t.notification.type === "success" ? r("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [r("path", { attrs: { d: "M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3" } })]) : t.notification.type === "error" ? r("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [r("polygon", { attrs: { points: "7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" } }), r("line", { attrs: { x1: "12", y1: "8", x2: "12", y2: "12" } }), r("line", { attrs: { x1: "12", y1: "16", x2: "12", y2: "16" } })]) : t.notification.type === "warning" ? r("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [r("path", { attrs: { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" } }), r("line", { attrs: { x1: "12", y1: "9", x2: "12", y2: "13" } }), r("line", { attrs: { x1: "12", y1: "17", x2: "12", y2: "17" } })]) : ["spinner", "countdown"].includes(t.notification.type) ? r("Spinner", { attrs: { size: "18px", color: "white", "stroke-width": 8 } }) : r("svg", { attrs: { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [r("path", { attrs: { d: "M22 17H2a3 3 0 0 0 3-3V9a7 7 0 0 1 14 0v5a3 3 0 0 0 3 3zm-8.27 4a2 2 0 0 1-3.46 0" } })])], 1), r("div", { staticClass: "flex-auto text-sm" }, [t._v(" " + t._s(t.notification.message) + " ")]), t.notification.type === "countdown" ? r("div", { staticClass: "ml-5 font-medium countdown-text" }, [t._v(" " + t._s(t.$t("time.secondsLeft", { time: t.displayTimer })) + " ")]) : t._e(), Object.keys(t.notification.actions || {}).length ? r("div", { staticClass: "w-4" }) : t._e(), t.notification.actions && t.notification.actions.submit ? r("div", { staticClass: "px-3 py-2 ml-1 font-semibold leading-none text-white transition-all rounded-md cursor-pointer font-sm bg-white/20 hover:bg-white/30 active:scale-95", on: { click: function(n) {
     return n.preventDefault(), t.onActionClick("submit");
@@ -34881,7 +34884,7 @@ const hge = fge.exports, mge = {
 var gge = function() {
   var t = this, r = t._self._c;
   return r("div", t._l(t.mountingContainers, function(n) {
-    return r("MountingPortal", { key: n.key, attrs: { "mount-to": n.viewOpts.targetElement, name: n.viewOpts.name, append: !0 } }, [r("ShadowComponent", { attrs: { "slot-class": "Cling-shadow-component", id: n.key, "style-vars": t.styleVars } }, [r("ShadowStyle"), t.isProduction ? t._e() : r("link", { tag: "component", attrs: { rel: "stylesheet", href: "/dist/style.css" } }), r(n.viewOpts.component, t._b({ tag: "component", attrs: { "view-type": "mount" } }, "component", n.viewOpts.props, !1))], 1)], 1);
+    return r("MountingPortal", { key: `${n.key}-${n.mode}-${n.view}`, attrs: { "mount-to": n.viewOpts.targetElement, name: n.viewOpts.name, append: !0 } }, [r("ShadowComponent", { attrs: { "slot-class": "Cling-shadow-component", id: `${n.key}-${n.mode}-${n.view}`, "style-vars": t.styleVars } }, [r("ShadowStyle"), t.isProduction ? t._e() : r("link", { tag: "component", attrs: { rel: "stylesheet", href: "/dist/style.css" } }), r(n.viewOpts.component, t._b({ tag: "component", attrs: { "view-type": "mount" } }, "component", n.viewOpts.props, !1))], 1)], 1);
   }), 1);
 }, vge = [], yge = /* @__PURE__ */ Kt(
   mge,
@@ -52586,12 +52589,7 @@ const POe = {
     }
   },
   render(e) {
-    const {
-      animation: t,
-      animationSpeed: r,
-      size: n,
-      type: i
-    } = this, a = new ROe(i, y2[i]);
+    const { animation: t, animationSpeed: r, size: n, type: i } = this, a = new ROe(i, y2[i]);
     return e(
       this.tag,
       {
@@ -52609,28 +52607,25 @@ const POe = {
         on: this.$listeners
       },
       [
-        a ? e(
-          "svg",
-          {
-            attrs: {
-              ...a.attrs,
-              fill: this.fill || "currentColor",
-              height: n,
-              stroke: this.stroke || "currentColor",
-              "stroke-linecap": this.strokeLinecap,
-              "stroke-linejoin": this.strokeLinejoin,
-              "stroke-width": this.strokeWidth,
-              width: n
-            },
-            style: {
-              ...n ? { width: `${n}px`, height: `${n}px` } : {}
-            },
-            class: [a.attrs ? a.attrs.class : "", "feather__content"],
-            domProps: {
-              innerHTML: a.contents
-            }
+        a ? e("svg", {
+          attrs: {
+            ...a.attrs,
+            fill: this.fill || "currentColor",
+            height: n,
+            stroke: this.stroke || "currentColor",
+            "stroke-linecap": this.strokeLinecap,
+            "stroke-linejoin": this.strokeLinejoin,
+            "stroke-width": this.strokeWidth,
+            width: n
+          },
+          style: {
+            ...n ? { width: `${n}px`, height: `${n}px` } : {}
+          },
+          class: [a.attrs ? a.attrs.class : "", "feather__content"],
+          domProps: {
+            innerHTML: a.contents
           }
-        ) : ""
+        }) : ""
       ]
     );
   }
@@ -52641,7 +52636,7 @@ var NOe = /* @__PURE__ */ Kt(
   DOe,
   !1,
   null,
-  "03e89e7d",
+  "39ce5b63",
   null,
   null
 );
@@ -54752,7 +54747,16 @@ const E2 = {
     type: {
       type: String,
       default: null,
-      validator: (e) => ["primary", "secondary", "tertiary", "success", "warning", "danger", "text", "none"].indexOf(e) >= 0
+      validator: (e) => [
+        "primary",
+        "secondary",
+        "tertiary",
+        "success",
+        "warning",
+        "danger",
+        "text",
+        "none"
+      ].indexOf(e) >= 0
     },
     size: {
       type: String,
@@ -54784,11 +54788,7 @@ const E2 = {
     nativeType: {
       type: String,
       default: "button",
-      validator: (e) => [
-        "button",
-        "submit",
-        "reset"
-      ].indexOf(e) >= 0
+      validator: (e) => ["button", "submit", "reset"].indexOf(e) >= 0
     },
     tag: {
       type: String,
@@ -54833,7 +54833,63 @@ const E2 = {
   methods: {
     tailwindClasses(...e) {
       const t = [];
-      return this.type === "secondary" ? (t.push("bg-primary-500 border-primary-500 text-white"), t.push("disabled:bg-primary-500 disabled:border-primary-500 disabled:text-white disabled:opacity-50 disabled:shadow-none"), t.push("hover:bg-primary-600 hover:border-primary-600 hover:text-white"), t.push("focus:bg-primary-700 focus:border-primary-700 focus:text-white focus:!ring focus:ring-primary-500 focus:ring-opacity-20 [&.is-focused]:text-white"), this.pattern === "secondary" ? (t.push("bg-primary-100 border-primary-100 text-primary-600"), t.push("disabled:bg-primary-100 disabled:border-primary-100 disabled:text-primary-600"), t.push("hover:bg-primary-200 hover:border-primary-200 hover:text-primary-700"), t.push("focus:bg-primary-300 focus:border-primary-300 focus:text-primary-700 [&.is-focused]:text-primary-700")) : this.pattern === "tertiary" && (t.push("bg-transparent border-transparent text-primary-500"), t.push("disabled:bg-transparent disabled:border-transparent disabled:text-primary-500"), t.push("hover:bg-primary-50 hover:border-primary-50 hover:text-primary-500"), t.push("focus:bg-primary-100 focus:border-primary-100 focus:text-primary-500 focus:bg-primary-100 [&.is-focused]:text-primary-500")), this.outlined && (t.push("bg-transparent text-primary-500"), t.push("disabled:bg-transparent disabled:text-primary-500"))) : this.type === "text" ? (t.push("bg-gray-800 border-gray-800 text-white"), t.push("disabled:bg-gray-800 disabled:border-gray-800 disabled:text-white disabled:opacity-50 disabled:shadow-none"), t.push("hover:bg-gray-700 hover:border-gray-700 hover:text-white"), t.push("focus:bg-gray-900 focus:border-gray-900 focus:text-white focus:!ring focus:ring-gray-800 focus:ring-opacity-20 [&.is-focused]:text-white"), this.pattern === "secondary" ? (t.push("bg-gray-400 border-gray-400 text-white"), t.push("disabled:bg-gray-400 disabled:border-gray-400 disabled:text-white"), t.push("hover:bg-gray-500 hover:border-gray-500 hover:text-white"), t.push("focus:bg-gray-310 focus:border-gray-310 focus:text-white [&.is-focused]:text-white")) : this.pattern === "tertiary" && (t.push("bg-transparent border-transparent text-gray-800"), t.push("disabled:bg-transparent disabled:border-transparent disabled:text-gray-800"), t.push("hover:bg-gray-100 hover:border-gray-50 hover:text-gray-800"), t.push("focus:bg-gray-100 focus:border-gray-100 focus:text-gray-800 focus:bg-gray-100 [&.is-focused]:text-gray-800")), this.outlined && (t.push("bg-transparent text-gray-800"), t.push("disabled:bg-transparent disabled:text-gray-800"))) : this.type === "none" ? (t.push("bg-gray-500 border-gray-500 text-white"), t.push("disabled:bg-gray-500 disabled:border-gray-500 disabled:text-white disabled:opacity-50 disabled:shadow-none"), t.push("hover:bg-gray-600 hover:border-gray-600 hover:text-white"), t.push("focus:bg-gray-700 focus:border-gray-700 focus:text-white focus:!ring focus:ring-gray-500 focus:ring-opacity-20 [&.is-focused]:text-white"), this.pattern === "secondary" ? (t.push("bg-gray-100 border-gray-100 text-gray-600"), t.push("disabled:bg-gray-100 disabled:border-gray-100 disabled:text-gray-600"), t.push("hover:bg-gray-200 hover:border-gray-200 hover:text-gray-700"), t.push("focus:bg-gray-300 focus:border-gray-300 focus:text-gray-700 [&.is-focused]:text-gray-700")) : this.pattern === "tertiary" && (t.push("bg-transparent border-transparent text-gray-500"), t.push("disabled:bg-transparent disabled:border-transparent disabled:text-gray-500"), t.push("hover:bg-gray-50 hover:border-gray-50 hover:text-gray-500"), t.push("focus:bg-gray-100 focus:border-gray-100 focus:text-gray-500 focus:bg-gray-100 [&.is-focused]:text-gray-500")), this.outlined && (t.push("bg-transparent text-gray-500"), t.push("disabled:bg-transparent disabled:text-gray-500"))) : this.type === null && (t.push("bg-white border-white text-gray-800"), t.push("disabled:bg-white disabled:border-white disabled:text-gray-800 disabled:opacity-50 disabled:shadow-none"), t.push("hover:bg-gray-100 hover:border-gray-100 hover:text-gray-800"), t.push("focus:bg-white focus:border-white focus:text-gray-800 focus:!ring focus:ring-primary-500 focus:ring-opacity-20 [&.is-focused]:text-gray-800")), oCe(...t, ...e);
+      return this.type === "secondary" ? (t.push("bg-primary-500 border-primary-500 text-white"), t.push(
+        "disabled:bg-primary-500 disabled:border-primary-500 disabled:text-white disabled:opacity-50 disabled:shadow-none"
+      ), t.push(
+        "hover:bg-primary-600 hover:border-primary-600 hover:text-white"
+      ), t.push(
+        "focus:bg-primary-700 focus:border-primary-700 focus:text-white focus:!ring focus:ring-primary-500 focus:ring-opacity-20 [&.is-focused]:text-white"
+      ), this.pattern === "secondary" ? (t.push("bg-primary-100 border-primary-100 text-primary-600"), t.push(
+        "disabled:bg-primary-100 disabled:border-primary-100 disabled:text-primary-600"
+      ), t.push(
+        "hover:bg-primary-200 hover:border-primary-200 hover:text-primary-700"
+      ), t.push(
+        "focus:bg-primary-300 focus:border-primary-300 focus:text-primary-700 [&.is-focused]:text-primary-700"
+      )) : this.pattern === "tertiary" && (t.push("bg-transparent border-transparent text-primary-500"), t.push(
+        "disabled:bg-transparent disabled:border-transparent disabled:text-primary-500"
+      ), t.push(
+        "hover:bg-primary-50 hover:border-primary-50 hover:text-primary-500"
+      ), t.push(
+        "focus:bg-primary-100 focus:border-primary-100 focus:text-primary-500 focus:bg-primary-100 [&.is-focused]:text-primary-500"
+      )), this.outlined && (t.push("bg-transparent text-primary-500"), t.push("disabled:bg-transparent disabled:text-primary-500"))) : this.type === "text" ? (t.push("bg-gray-800 border-gray-800 text-white"), t.push(
+        "disabled:bg-gray-800 disabled:border-gray-800 disabled:text-white disabled:opacity-50 disabled:shadow-none"
+      ), t.push("hover:bg-gray-700 hover:border-gray-700 hover:text-white"), t.push(
+        "focus:bg-gray-900 focus:border-gray-900 focus:text-white focus:!ring focus:ring-gray-800 focus:ring-opacity-20 [&.is-focused]:text-white"
+      ), this.pattern === "secondary" ? (t.push("bg-gray-400 border-gray-400 text-white"), t.push(
+        "disabled:bg-gray-400 disabled:border-gray-400 disabled:text-white"
+      ), t.push(
+        "hover:bg-gray-500 hover:border-gray-500 hover:text-white"
+      ), t.push(
+        "focus:bg-gray-310 focus:border-gray-310 focus:text-white [&.is-focused]:text-white"
+      )) : this.pattern === "tertiary" && (t.push("bg-transparent border-transparent text-gray-800"), t.push(
+        "disabled:bg-transparent disabled:border-transparent disabled:text-gray-800"
+      ), t.push(
+        "hover:bg-gray-100 hover:border-gray-50 hover:text-gray-800"
+      ), t.push(
+        "focus:bg-gray-100 focus:border-gray-100 focus:text-gray-800 focus:bg-gray-100 [&.is-focused]:text-gray-800"
+      )), this.outlined && (t.push("bg-transparent text-gray-800"), t.push("disabled:bg-transparent disabled:text-gray-800"))) : this.type === "none" ? (t.push("bg-gray-500 border-gray-500 text-white"), t.push(
+        "disabled:bg-gray-500 disabled:border-gray-500 disabled:text-white disabled:opacity-50 disabled:shadow-none"
+      ), t.push("hover:bg-gray-600 hover:border-gray-600 hover:text-white"), t.push(
+        "focus:bg-gray-700 focus:border-gray-700 focus:text-white focus:!ring focus:ring-gray-500 focus:ring-opacity-20 [&.is-focused]:text-white"
+      ), this.pattern === "secondary" ? (t.push("bg-gray-100 border-gray-100 text-gray-600"), t.push(
+        "disabled:bg-gray-100 disabled:border-gray-100 disabled:text-gray-600"
+      ), t.push(
+        "hover:bg-gray-200 hover:border-gray-200 hover:text-gray-700"
+      ), t.push(
+        "focus:bg-gray-300 focus:border-gray-300 focus:text-gray-700 [&.is-focused]:text-gray-700"
+      )) : this.pattern === "tertiary" && (t.push("bg-transparent border-transparent text-gray-500"), t.push(
+        "disabled:bg-transparent disabled:border-transparent disabled:text-gray-500"
+      ), t.push(
+        "hover:bg-gray-50 hover:border-gray-50 hover:text-gray-500"
+      ), t.push(
+        "focus:bg-gray-100 focus:border-gray-100 focus:text-gray-500 focus:bg-gray-100 [&.is-focused]:text-gray-500"
+      )), this.outlined && (t.push("bg-transparent text-gray-500"), t.push("disabled:bg-transparent disabled:text-gray-500"))) : this.type === null && (t.push("bg-white border-white text-gray-800"), t.push(
+        "disabled:bg-white disabled:border-white disabled:text-gray-800 disabled:opacity-50 disabled:shadow-none"
+      ), t.push(
+        "hover:bg-gray-100 hover:border-gray-100 hover:text-gray-800"
+      ), t.push(
+        "focus:bg-white focus:border-white focus:text-gray-800 focus:!ring focus:ring-primary-500 focus:ring-opacity-20 [&.is-focused]:text-gray-800"
+      )), oCe(...t, ...e);
     }
   }
 };
@@ -55075,14 +55131,14 @@ const pCe = {
       return this.passwordReveal ? "is-primary" : this.statusTypeIcon ? this.statusType : null;
     },
     /**
-    * Position of the icon or if it's both sides.
-    */
+     * Position of the icon or if it's both sides.
+     */
     iconPosition() {
       return this.icon && this.hasIconRight ? "has-icons-left has-icons-right" : !this.icon && this.hasIconRight ? "has-icons-right" : this.icon ? "has-icons-left" : "";
     },
     /**
-    * Icon name (MDI) based on the type.
-    */
+     * Icon name (MDI) based on the type.
+     */
     statusTypeIcon() {
       switch (this.statusType) {
         case "is-success":
@@ -55112,52 +55168,55 @@ const pCe = {
       }
     },
     /**
-    * Check if have any message prop from parent if it's a Field.
-    */
+     * Check if have any message prop from parent if it's a Field.
+     */
     hasMessage() {
       return !!this.statusMessage;
     },
     /**
-    * Current password-reveal icon name.
-    */
+     * Current password-reveal icon name.
+     */
     passwordVisibleIcon() {
       return this.isPasswordVisible ? "eye-off" : "eye";
     },
     /**
-    * Get value length
-    */
+     * Get value length
+     */
     valueLength() {
       return typeof this.computedValue == "string" ? this.computedValue.length : typeof this.computedValue == "number" ? this.computedValue.toString().length : 0;
     }
   },
   watch: {
     /**
-    * When v-model is changed:
-    *   1. Set internal value.
-    */
+     * When v-model is changed:
+     *   1. Set internal value.
+     */
     value(e) {
       this.newValue = e;
     }
   },
   mounted() {
     this.type === "textarea" && this.autoResize && this.$nextTick(() => {
-      this.$refs.textarea.setAttribute("style", `height: ${this.$refs.textarea.scrollHeight}px`);
+      this.$refs.textarea.setAttribute(
+        "style",
+        `height: ${this.$refs.textarea.scrollHeight}px`
+      );
     }), this.$slots.suffix && (this.inputSuffixOffset = this.calcInputSuffixOffset());
   },
   methods: {
     /**
-    * Toggle the visibility of a password-reveal input
-    * by changing the type and focus the input right away.
-    */
+     * Toggle the visibility of a password-reveal input
+     * by changing the type and focus the input right away.
+     */
     togglePasswordVisibility() {
       this.isPasswordVisible = !this.isPasswordVisible, this.newType = this.isPasswordVisible ? "text" : "password", this.$nextTick(() => {
         this.$refs[this.$data._elementRef].focus();
       });
     },
     /**
-    * Input's 'input' event listener, 'nextTick' is used to prevent event firing
-    * before ui update, helps when using masks (Cleavejs and potentially others).
-    */
+     * Input's 'input' event listener, 'nextTick' is used to prevent event firing
+     * before ui update, helps when using masks (Cleavejs and potentially others).
+     */
     onInput(e) {
       e.target && (this.computedValue = e.target.value), this.$nextTick(() => {
         e.target && this.autoResize && this.type === "textarea" && this.resize(e);
@@ -55184,9 +55243,7 @@ const pCe = {
 };
 var fCe = function() {
   var t = this, r = t._self._c;
-  return r("div", { staticClass: "control", class: t.rootClasses }, [t.type !== "textarea" ? r("input", t._b({ ref: "input", staticClass: "input", class: [t.inputClasses, t.customClass], style: [
-    t.inputSuffixOffset
-  ], attrs: { type: t.newType, autocomplete: t.newAutocomplete, maxlength: t.maxlength }, domProps: { value: t.computedValue }, on: { input: t.onInput, blur: t.onBlur, focus: t.onFocus, keyup: function(n) {
+  return r("div", { staticClass: "control", class: t.rootClasses }, [t.type !== "textarea" ? r("input", t._b({ ref: "input", staticClass: "input", class: [t.inputClasses, t.customClass], style: [t.inputSuffixOffset], attrs: { type: t.newType, autocomplete: t.newAutocomplete, maxlength: t.maxlength }, domProps: { value: t.computedValue }, on: { input: t.onInput, blur: t.onBlur, focus: t.onFocus, keyup: function(n) {
     if (!n.type.indexOf("key") && t._k(n.keyCode, "esc", 27, n.key, ["Esc", "Escape"]))
       return null;
     t.isFocused;
@@ -55209,7 +55266,7 @@ var fCe = function() {
   hCe,
   !1,
   null,
-  "664832e6",
+  "28c8c573",
   null,
   null
 );

package/dist/{mapFormMixin-4446a1bd.js → mapFormMixin-9f326a09.js}

@@ -1,4 +1,4 @@
-import { b as r } from "./main-8d566a02.js";
+import { b as r } from "./main-4f27b552.js";
 const f = (a = [], { event: o = "input", type: c = void 0, useEmit: d = !0, setFnName: l } = {}) => ({
   inheritAttrs: !1,
   props: {

package/dist/{publicSenderState-02c0c9eb.js → publicSenderState-ec8a9ad6.js}

@@ -1,4 +1,4 @@
-import { I as a, V as c } from "./main-8d566a02.js";
+import { I as a, V as c } from "./main-4f27b552.js";
 const e = JSON.parse(a.getItem("publicSender")), s = c.observable({
   company: {
     name: "",

package/dist/{simplebar.min-d30d6e1f.js → simplebar.min-c555666e.js}

@@ -1,4 +1,4 @@
-import { v as i } from "./main-8d566a02.js";
+import { v as i } from "./main-4f27b552.js";
 var _ = {
   name: "simplebar-vue",
   mounted: function() {