@rypen-dev/shared-components 8.1.4 → 8.1.6

package/dist/index.js

@@ -1,4 +1,4 @@
-import { computed as E, createElementBlock as d, openBlock as u, createTextVNode as P, createCommentVNode as b, toDisplayString as S, Fragment as N, createElementVNode as e, unref as X, normalizeClass as k, ref as C, withKeys as _, onBeforeMount as he, onMounted as G, watch as Y, withDirectives as z, vModelText as oe, renderList as R, renderSlot as q, useSlots as ve, createBlock as ee, Transition as Ae, withCtx as j, createVNode as F, reactive as U, normalizeStyle as K, resolveDirective as te, nextTick as pe } from "vue";
+import { computed as E, createElementBlock as d, openBlock as u, createTextVNode as P, createCommentVNode as C, toDisplayString as b, Fragment as N, createElementVNode as e, unref as X, normalizeClass as M, ref as I, withKeys as _, onBeforeMount as he, onMounted as G, watch as Y, withDirectives as z, vModelText as oe, renderList as R, renderSlot as q, useSlots as ve, createBlock as ee, Transition as Ae, withCtx as j, createVNode as F, reactive as U, normalizeStyle as K, resolveDirective as te, nextTick as pe } from "vue";
 import le from "moment";
 var Z = { exports: {} }, ne;
 function ye() {
@@ -13,8 +13,8 @@ function ye() {
           var o = s[r] = { i: r, l: !1, exports: {} };
           return l[r].call(o.exports, o, o.exports, a), o.l = !0, o.exports;
         }
-        return a.m = l, a.c = s, a.d = function(r, o, m) {
-          a.o(r, o) || Object.defineProperty(r, o, { configurable: !1, enumerable: !0, get: m });
+        return a.m = l, a.c = s, a.d = function(r, o, f) {
+          a.o(r, o) || Object.defineProperty(r, o, { configurable: !1, enumerable: !0, get: f });
         }, a.r = function(r) {
           Object.defineProperty(r, "__esModule", { value: !0 });
         }, a.n = function(r) {
@@ -29,17 +29,17 @@ function ye() {
         }, a.p = "", a(a.s = 11);
       }([function(l, s) {
         l.exports = function(a, r) {
-          var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "text/csv;charset=utf-8;", m = new Blob([a], { type: o }), g = URL.createObjectURL(m), h = document.createElement("a");
-          h.href = g, h.setAttribute("download", r), h.click();
+          var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "text/csv;charset=utf-8;", f = new Blob([a], { type: o }), g = URL.createObjectURL(f), A = document.createElement("a");
+          A.href = g, A.setAttribute("download", r), A.click();
         };
       }, function(l, s) {
         l.exports = function(a) {
-          var r, o = this, m = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 500;
+          var r, o = this, f = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 500;
           return function() {
-            for (var g = arguments.length, h = new Array(g), x = 0; x < g; x++) h[x] = arguments[x];
+            for (var g = arguments.length, A = new Array(g), y = 0; y < g; y++) A[y] = arguments[y];
             clearTimeout(r), r = setTimeout(function() {
-              a.apply(o, h);
-            }, m);
+              a.apply(o, A);
+            }, f);
           };
         };
       }, function(l, s) {
@@ -47,15 +47,15 @@ function ye() {
           if (a) {
             var r = "", o = null;
             if (a.indexOf("x") > -1) {
-              var m = a.split("x");
-              o = m[1], a = m[0];
+              var f = a.split("x");
+              o = f[1], a = f[0];
             }
             var g = a.replace(/[^0-9]/g, "");
             if (g.length === 7) r = "".concat(g.substring(0, 3), "-").concat(g.substring(3, 7));
             else if (g.length === 10) r = "(".concat(g.substring(0, 3), ") ").concat(g.substring(3, 6), "-").concat(g.substring(6, 10));
             else if (g.length > 10) {
-              var h = g.length - 10;
-              r = "+".concat(g.substring(0, h), " (").concat(g.substring(h, 3 + h), ") ").concat(g.substring(3 + h, 6 + h), "-").concat(g.substring(6 + h, 10 + h));
+              var A = g.length - 10;
+              r = "+".concat(g.substring(0, A), " (").concat(g.substring(A, 3 + A), ") ").concat(g.substring(3 + A, 6 + A), "-").concat(g.substring(6 + A, 10 + A));
             }
             return r + (o ? ", ext. " + o : "");
           }
@@ -65,61 +65,61 @@ function ye() {
         l.exports = n;
       }, function(l, s, a) {
         var r = a(3), o = function(i) {
-          var A = arguments.length > 1 && arguments[1] !== void 0 && arguments[1];
-          return typeof i == "string" ? !i || i.length === 0 || i.trim().length === 0 : i === 0 && !A || i !== 0 && (!i || i.length === 0);
-        }, m = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,24}))$/, g = function(i) {
-          return m.test(i);
-        }, h = function(i) {
+          var p = arguments.length > 1 && arguments[1] !== void 0 && arguments[1];
+          return typeof i == "string" ? !i || i.length === 0 || i.trim().length === 0 : i === 0 && !p || i !== 0 && (!i || i.length === 0);
+        }, f = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,24}))$/, g = function(i) {
+          return f.test(i);
+        }, A = function(i) {
           return arguments.length > 1 && arguments[1] !== void 0 && arguments[1] ? /^[ABCEGHJKLMNPRSTVXYabceghjklmnprstvxy]{1}\d{1}[A-Za-z]{1}\d{1}[A-Za-z]{1}\d{1}$/.test(i) : /^[0-9]{5}$/.test(i);
-        }, x = function(i) {
+        }, y = function(i) {
           return /^[0-9]{10}$/.test(i);
-        }, B = /^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/, f = /^[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&//=]*)$/;
-        s.empty = o, s.validEmail = g, s.validZip = h, s.validPhone = x, s.validUrl = function(i) {
-          return arguments.length > 1 && arguments[1] !== void 0 && !arguments[1] ? f.test(i) : B.test(i);
+        }, k = /^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/, h = /^[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&//=]*)$/;
+        s.empty = o, s.validEmail = g, s.validZip = A, s.validPhone = y, s.validUrl = function(i) {
+          return arguments.length > 1 && arguments[1] !== void 0 && !arguments[1] ? h.test(i) : k.test(i);
         }, s.validCardNumber = function(i) {
-          return function(A) {
-            if (!/^[\d\-\s]+$/.test(A)) return !1;
-            for (var I = 0, y = 0, p = !1, v = A.replace(/\D/g, ""), w = v.length - 1; w >= 0; w--) {
-              var M = v.charAt(w);
-              y = parseInt(M, 10), p && (y *= 2) > 9 && (y -= 9), I += y, p = !p;
+          return function(p) {
+            if (!/^[\d\-\s]+$/.test(p)) return !1;
+            for (var x = 0, S = 0, w = !1, m = p.replace(/\D/g, ""), v = m.length - 1; v >= 0; v--) {
+              var B = m.charAt(v);
+              S = parseInt(B, 10), w && (S *= 2) > 9 && (S -= 9), x += S, w = !w;
             }
-            return I % 10 == 0;
+            return x % 10 == 0;
           }(i);
         }, s.validCardCode = function(i) {
           return /^[0-9]{3,4}$/.test(i);
         }, s.validExpirationDate = function(i) {
           if (!/^[0-9]{4}$/.test(i)) return !1;
-          var A = i.substring(0, 2), I = i.substring(2), y = r((I = "20" + I) + "-" + A + "-01");
-          return !(!y.isValid() || y.isBefore(r(), "month"));
+          var p = i.substring(0, 2), x = i.substring(2), S = r((x = "20" + x) + "-" + p + "-01");
+          return !(!S.isValid() || S.isBefore(r(), "month"));
         }, s.emptyAddress = function(i) {
-          var A = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], I = !0;
-          return arguments.length > 2 && arguments[2] !== void 0 && !arguments[2] ? o(i.PostalCode) || o(i.Street) || (I = !1) : (o(i.PostalCode) && o(i.Street) && o(i.City) && o(i.State) || (I = !1), A && (o(i.CareOf) && o(i.ContactEmail) && o(i.PhoneNumber) || (I = !1))), I;
+          var p = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], x = !0;
+          return arguments.length > 2 && arguments[2] !== void 0 && !arguments[2] ? o(i.PostalCode) || o(i.Street) || (x = !1) : (o(i.PostalCode) && o(i.Street) && o(i.City) && o(i.State) || (x = !1), p && (o(i.CareOf) && o(i.ContactEmail) && o(i.PhoneNumber) || (x = !1))), x;
         }, s.validAddress = function(i) {
-          var A = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], I = !(arguments.length > 2 && arguments[2] !== void 0) || arguments[2], y = !0;
-          return o(i.PostalCode) ? y = !1 : h(i.PostalCode, function(p) {
-            return p.Country === "CA";
-          }(i)) || (y = !1), A && I && (o(i.CareOf) || !o(i.ContactEmail) && !g(i.ContactEmail) || o(i.PhoneNumber) || !x(i.PhoneNumber)) && (y = !1), (o(i.FirstName) && o(i.LastName) || o(i.Street) || o(i.Country) || o(i.City) || o(i.State)) && (y = !1), y;
+          var p = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], x = !(arguments.length > 2 && arguments[2] !== void 0) || arguments[2], S = !0;
+          return o(i.PostalCode) ? S = !1 : A(i.PostalCode, function(w) {
+            return w.Country === "CA";
+          }(i)) || (S = !1), p && x && (o(i.CareOf) || !o(i.ContactEmail) && !g(i.ContactEmail) || o(i.PhoneNumber) || !y(i.PhoneNumber)) && (S = !1), (o(i.FirstName) && o(i.LastName) || o(i.Street) || o(i.Country) || o(i.City) || o(i.State)) && (S = !1), S;
         };
       }, function(l, s) {
         l.exports = function(a) {
           var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 500, o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0;
-          return new Promise(function(m, g) {
-            var h = document.scrollingElement;
-            typeof a == "string" && (a = document.querySelector(a) || g()), typeof a != "number" && (a = a.getBoundingClientRect().top + h.scrollTop), a += o;
-            var x = h.scrollTop, B = a - x, f = 0;
+          return new Promise(function(f, g) {
+            var A = document.scrollingElement;
+            typeof a == "string" && (a = document.querySelector(a) || g()), typeof a != "number" && (a = a.getBoundingClientRect().top + A.scrollTop), a += o;
+            var y = A.scrollTop, k = a - y, h = 0;
             (function i() {
-              var A = function(I, y, p, v) {
-                return (I /= v / 2) < 1 ? p / 2 * I * I + y : -p / 2 * (--I * (I - 2) - 1) + y;
-              }(f += 20, x, B, r);
-              h.scrollTop = A, f < r ? setTimeout(i, 20) : m();
+              var p = function(x, S, w, m) {
+                return (x /= m / 2) < 1 ? w / 2 * x * x + S : -w / 2 * (--x * (x - 2) - 1) + S;
+              }(h += 20, y, k, r);
+              A.scrollTop = p, h < r ? setTimeout(i, 20) : f();
             })();
           });
         };
       }, function(l, s) {
         l.exports = function(a) {
           for (var r = window.location.search.substring(1).split("&"), o = 0; o < r.length; o++) {
-            var m = r[o].split("=");
-            if (m[0].toLowerCase() === a.toLowerCase()) return m[1];
+            var f = r[o].split("=");
+            if (f[0].toLowerCase() === a.toLowerCase()) return f[1];
           }
           return !1;
         };
@@ -134,16 +134,16 @@ function ye() {
           return r && r === "AmericanExpress" ? "AMEX" : r;
         }, s.formatMaskedCreditCard = function(r) {
           if (r) {
-            var o = r.replace(/X/g, "*"), m = o.lastIndexOf("*");
-            return o.slice(0, m + 1) + " " + o.slice(m + 1);
+            var o = r.replace(/X/g, "*"), f = o.lastIndexOf("*");
+            return o.slice(0, f + 1) + " " + o.slice(f + 1);
           }
           return r;
         }, s.cardType = function(r) {
-          for (var o = [{ reg: /^4[0-9]{5}/gi, type: a.VISA }, { reg: /^5[1-5][0-9]{4}/gi, type: a.MASTER_CARD }, { reg: /^3[47][0-9]{3}/gi, type: a.AMERICAN_EXPRESS }, { reg: /^6(?:011|5[0-9]{2})/gi, type: a.DISCOVER }, { reg: /^(5[06-8]\d{4}|6\d{5})/gi, type: a.MAESTRO }], m = "", g = 0; g < o.length; g++) if (r.match(o[g].reg)) {
-            m = o[g].type;
+          for (var o = [{ reg: /^4[0-9]{5}/gi, type: a.VISA }, { reg: /^5[1-5][0-9]{4}/gi, type: a.MASTER_CARD }, { reg: /^3[47][0-9]{3}/gi, type: a.AMERICAN_EXPRESS }, { reg: /^6(?:011|5[0-9]{2})/gi, type: a.DISCOVER }, { reg: /^(5[06-8]\d{4}|6\d{5})/gi, type: a.MAESTRO }], f = "", g = 0; g < o.length; g++) if (r.match(o[g].reg)) {
+            f = o[g].type;
             break;
           }
-          return m && (m = m.toLowerCase().replace(/ /g, "-")), m;
+          return f && (f = f.toLowerCase().replace(/ /g, "-")), f;
         };
       }, function(l, s) {
         s.processError = function(a) {
@@ -168,22 +168,22 @@ function ye() {
         };
       }, function(l, s) {
         var a = function(r, o) {
-          return Object.keys(r).find(function(m) {
-            return r[m] === o;
+          return Object.keys(r).find(function(f) {
+            return r[f] === o;
           });
         };
         s.getKeyByValue = a, s.transformEnumForDisplay = function(r, o) {
-          var m = !(arguments.length > 2 && arguments[2] !== void 0) || arguments[2], g = a(r, o);
+          var f = !(arguments.length > 2 && arguments[2] !== void 0) || arguments[2], g = a(r, o);
           if (g) {
-            var h = g.split("_"), x = "";
-            return m ? h.forEach(function(B, f) {
-              x = x + (f === 0 ? "" : " ") + B.charAt(0).toUpperCase() + B.slice(1).toLowerCase();
-            }) : x = h.join(" "), x;
+            var A = g.split("_"), y = "";
+            return f ? A.forEach(function(k, h) {
+              y = y + (h === 0 ? "" : " ") + k.charAt(0).toUpperCase() + k.slice(1).toLowerCase();
+            }) : y = A.join(" "), y;
           }
           return "";
         }, s.addressesAreEqual = function(r, o) {
-          var m = arguments.length > 2 && arguments[2] !== void 0 && arguments[2], g = !0;
-          return r.FirstName == o.FirstName && r.LastName == o.LastName && r.Company == o.Company && r.Street == o.Street && r.Street2 == o.Street2 && r.City == o.City && r.State == o.State && r.PostalCode == o.PostalCode || (g = !1), !m || r.Type == o.Type && r.CareOf == o.CareOf && r.PhoneNumber == o.PhoneNumber && r.ContactEmail == o.ContactEmail || (g = !1), g;
+          var f = arguments.length > 2 && arguments[2] !== void 0 && arguments[2], g = !0;
+          return r.FirstName == o.FirstName && r.LastName == o.LastName && r.Company == o.Company && r.Street == o.Street && r.Street2 == o.Street2 && r.City == o.City && r.State == o.State && r.PostalCode == o.PostalCode || (g = !1), !f || r.Type == o.Type && r.CareOf == o.CareOf && r.PhoneNumber == o.PhoneNumber && r.ContactEmail == o.ContactEmail || (g = !1), g;
         };
       }, function(l, s, a) {
         var r = a(10), o = a(9);
@@ -229,45 +229,45 @@ const xe = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
     }
     const l = E(() => c.excludeName ? null : (c.address.FirstName || "") + (c.address.FirstName && c.address.LastName ? " " : "") + (c.address.LastName || ""));
     return (s, a) => (u(), d("div", null, [
-      P(S(l.value), 1),
-      l.value ? (u(), d("br", we)) : b("", !0),
+      P(b(l.value), 1),
+      l.value ? (u(), d("br", we)) : C("", !0),
       t.address.Company ? (u(), d(N, { key: 1 }, [
-        P(S(t.address.Company) + " ", 1),
+        P(b(t.address.Company) + " ", 1),
         a[0] || (a[0] = e("br", null, null, -1))
-      ], 64)) : b("", !0),
-      P(" " + S(t.address.Street), 1),
-      t.address.Street ? (u(), d("br", Ie)) : b("", !0),
+      ], 64)) : C("", !0),
+      P(" " + b(t.address.Street), 1),
+      t.address.Street ? (u(), d("br", Ie)) : C("", !0),
       t.address.Street2 ? (u(), d(N, { key: 3 }, [
-        P(S(t.address.Street2) + " ", 1),
+        P(b(t.address.Street2) + " ", 1),
         a[1] || (a[1] = e("br", null, null, -1))
-      ], 64)) : b("", !0),
-      P(" " + S(t.address.City ? t.address.City + ", " : "") + S(t.address.State) + " " + S(t.address.PostalCode) + " ", 1),
+      ], 64)) : C("", !0),
+      P(" " + b(t.address.City ? t.address.City + ", " : "") + b(t.address.State) + " " + b(t.address.PostalCode) + " ", 1),
       t.includeCountry && t.address.Country && t.address.Country !== "US" && t.address.Country !== "USA" ? (u(), d(N, { key: 4 }, [
         a[2] || (a[2] = e("br", null, null, -1)),
-        P(S(n(t.address.Country)), 1)
-      ], 64)) : b("", !0),
-      !t.separateContactInfo && t.includePhone && t.address.PhoneNumber || t.includeHours && t.address.Hours ? (u(), d("br", Ce)) : b("", !0),
+        P(b(n(t.address.Country)), 1)
+      ], 64)) : C("", !0),
+      !t.separateContactInfo && t.includePhone && t.address.PhoneNumber || t.includeHours && t.address.Hours ? (u(), d("br", Ce)) : C("", !0),
       !t.separateContactInfo && t.includePhone && t.address.PhoneNumber ? (u(), d(N, { key: 6 }, [
         a[3] || (a[3] = e("br", null, null, -1)),
         a[4] || (a[4] = e("i", { class: "fa-solid fa-phone color-text-gray" }, null, -1)),
-        P(" " + S(X(W.formatter).formatPhone(t.address.PhoneNumber)), 1)
-      ], 64)) : b("", !0),
+        P(" " + b(X(W.formatter).formatPhone(t.address.PhoneNumber)), 1)
+      ], 64)) : C("", !0),
       t.includeHours && t.address.Hours ? (u(), d(N, { key: 7 }, [
         a[5] || (a[5] = e("br", null, null, -1)),
-        P("Hours: " + S(t.address.Hours), 1)
-      ], 64)) : b("", !0),
+        P("Hours: " + b(t.address.Hours), 1)
+      ], 64)) : C("", !0),
       t.separateContactInfo && (t.address.CareOf || t.address.ContactEmail || t.address.PhoneNumber) ? (u(), d(N, { key: 8 }, [
         a[8] || (a[8] = e("br", null, null, -1)),
-        t.address.CareOf ? (u(), d("br", be)) : b("", !0),
-        P(S(t.address.CareOf) + " ", 1),
-        t.address.ContactEmail ? (u(), d("br", Se)) : b("", !0),
-        P(S(t.address.ContactEmail) + " ", 1),
+        t.address.CareOf ? (u(), d("br", be)) : C("", !0),
+        P(b(t.address.CareOf) + " ", 1),
+        t.address.ContactEmail ? (u(), d("br", Se)) : C("", !0),
+        P(b(t.address.ContactEmail) + " ", 1),
         t.address.PhoneNumber ? (u(), d(N, { key: 2 }, [
           a[6] || (a[6] = e("br", null, null, -1)),
           a[7] || (a[7] = e("i", { class: "fa-solid fa-phone color-text-gray" }, null, -1)),
-          P(" " + S(X(W.formatter).formatPhone(t.address.PhoneNumber)), 1)
-        ], 64)) : b("", !0)
-      ], 64)) : b("", !0)
+          P(" " + b(X(W.formatter).formatPhone(t.address.PhoneNumber)), 1)
+        ], 64)) : C("", !0)
+      ], 64)) : C("", !0)
     ]));
   }
 }, Be = {
@@ -289,7 +289,7 @@ const xe = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
   setup(t) {
     return (c, n) => (u(), d("svg", Be, [
       e("g", {
-        class: k(["error-icon", { on: t.on }])
+        class: M(["error-icon", { on: t.on }])
       }, n[0] || (n[0] = [
         e("path", {
           class: "path outline",
@@ -333,24 +333,24 @@ const xe = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
   },
   emits: ["change", "truechange"],
   setup(t, { expose: c, emit: n }) {
-    const l = t, s = n, a = C(null);
-    function r(h) {
-      let x = le(h);
-      return x.isValid() ? x.format("YYYY-MM-DD") : "";
+    const l = t, s = n, a = I(null);
+    function r(A) {
+      let y = le(A);
+      return y.isValid() ? y.format("YYYY-MM-DD") : "";
     }
-    function o(h) {
-      r(l.value) !== r(h.target.value) && s("truechange", h.target.value);
+    function o(A) {
+      r(l.value) !== r(A.target.value) && s("truechange", A.target.value);
     }
-    function m(h) {
-      r(l.value) !== r(h.target.value) && s("change", h.target.value);
+    function f(A) {
+      r(l.value) !== r(A.target.value) && s("change", A.target.value);
     }
     function g() {
       a.value && a.value.blur();
     }
     return c({
       triggerBlur: g
-    }), (h, x) => (u(), d("div", {
-      class: k(["input-container date", t.cssClass])
+    }), (A, y) => (u(), d("div", {
+      class: M(["input-container date", t.cssClass])
     }, [
       e("input", {
         type: "date",
@@ -361,7 +361,7 @@ const xe = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
         ref_key: "inputref",
         ref: a,
         onChange: o,
-        onBlur: m,
+        onBlur: f,
         onKeyup: _(g, ["enter"])
       }, null, 40, ke)
     ], 2));
@@ -382,18 +382,18 @@ const xe = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
   },
   emits: ["change"],
   setup(t, { emit: c }) {
-    const n = t, l = c, s = C(n.initialValue || ""), a = C(n.initialValue || ""), r = W.debounce((g) => {
+    const n = t, l = c, s = I(n.initialValue || ""), a = I(n.initialValue || ""), r = W.debounce((g) => {
       a.value = g, l("change", g);
     });
     function o(g) {
-      const h = g.target.value;
-      s.value = h, r(h);
+      const A = g.target.value;
+      s.value = A, r(A);
     }
-    function m() {
+    function f() {
       s.value = "", l("change", "");
     }
-    return (g, h) => (u(), d("div", {
-      class: k(["input-container", t.cssClass])
+    return (g, A) => (u(), d("div", {
+      class: M(["input-container", t.cssClass])
     }, [
       e("input", {
         type: "text",
@@ -404,10 +404,10 @@ const xe = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
       t.includeClear && s.value.length ? (u(), d("a", {
         key: 0,
         class: "clear-button",
-        onClick: m
-      }, h[0] || (h[0] = [
+        onClick: f
+      }, A[0] || (A[0] = [
         e("i", { class: "fa-solid fa-times" }, null, -1)
-      ]))) : b("", !0)
+      ]))) : C("", !0)
     ], 2));
   }
 }, Ee = { class: "file-upload-drop-wrapper" }, Ne = {
@@ -454,71 +454,76 @@ const xe = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
     }
   },
   emits: ["change", "remove"],
-  setup(t, { emit: c }) {
-    const n = t, l = c, s = C(!1), a = C(null), r = C(""), o = C(!1), m = C(null), g = C(null), h = E(() => {
-      let y = "";
-      return n.showImage || (y += "no-image"), n.cssClass && (y += " " + n.cssClass), y;
+  setup(t, { expose: c, emit: n }) {
+    const l = t, s = n, a = I(!1), r = I(null), o = I(""), f = I(!1), g = I(null), A = I(null), y = E(() => {
+      let m = "";
+      return l.showImage || (m += "no-image"), l.cssClass && (m += " " + l.cssClass), m;
     });
     he(() => {
-      n.image && n.image.ImageUrl && (r.value = n.imageBasePath + n.image.ImageUrl), a.value = new FileReader(), a.value.addEventListener("load", I);
+      l.image && l.image.ImageUrl && (o.value = l.imageBasePath + l.image.ImageUrl), r.value = new FileReader(), r.value.addEventListener("load", w);
     }), G(() => {
-      s.value = x(), s.value && m.value && (["drag", "drop"].forEach((y) => {
-        m.value.addEventListener(y, (p) => {
-          p.preventDefault(), p.stopPropagation();
+      a.value = k(), a.value && g.value && (["drag", "drop"].forEach((m) => {
+        g.value.addEventListener(m, (v) => {
+          v.preventDefault(), v.stopPropagation();
         });
-      }), ["dragstart", "dragenter", "dragover"].forEach((y) => {
-        m.value.addEventListener(y, (p) => {
-          p.preventDefault(), p.stopPropagation(), o.value = !0;
+      }), ["dragstart", "dragenter", "dragover"].forEach((m) => {
+        g.value.addEventListener(m, (v) => {
+          v.preventDefault(), v.stopPropagation(), f.value = !0;
         });
-      }), ["dragend", "dragleave"].forEach((y) => {
-        m.value.addEventListener(y, (p) => {
-          p.preventDefault(), p.stopPropagation(), o.value = !1;
+      }), ["dragend", "dragleave"].forEach((m) => {
+        g.value.addEventListener(m, (v) => {
+          v.preventDefault(), v.stopPropagation(), f.value = !1;
         });
-      }), m.value.addEventListener("drop", B));
+      }), g.value.addEventListener("drop", h));
     });
-    function x() {
-      const y = document.createElement("div");
-      return ("draggable" in y || "ondragstart" in y && "ondrop" in y) && "FormData" in window && "FileReader" in window;
+    function k() {
+      const m = document.createElement("div");
+      return ("draggable" in m || "ondragstart" in m && "ondrop" in m) && "FormData" in window && "FileReader" in window;
     }
-    function B(y) {
-      o.value = !1;
-      let p = y.dataTransfer.files;
-      A(p[0]), l("change", p[0]);
+    function h(m) {
+      f.value = !1;
+      let v = m.dataTransfer.files;
+      S(v[0]), s("change", v[0]);
     }
-    function f(y) {
-      const { value: p, files: v } = y.target;
-      A(v[0]), l("change", v[0]);
+    function i(m) {
+      const { value: v, files: B } = m.target;
+      S(B[0]), s("change", B[0]);
     }
-    function i() {
-      r.value = "", l("remove");
+    function p() {
+      x(), s("remove");
+    }
+    function x() {
+      o.value = "";
     }
-    function A(y) {
-      y && y.type.startsWith("image/") && a.value.readAsDataURL(y);
+    function S(m) {
+      m && m.type.startsWith("image/") && r.value.readAsDataURL(m);
     }
-    function I() {
-      r.value = a.value.result;
+    function w() {
+      o.value = r.value.result;
     }
-    return (y, p) => (u(), d("div", Ee, [
-      t.showImage && r.value ? (u(), d("div", Ne, [
-        e("img", { src: r.value }, null, 8, Pe),
+    return c({
+      clearImage: x
+    }), (m, v) => (u(), d("div", Ee, [
+      t.showImage && o.value ? (u(), d("div", Ne, [
+        e("img", { src: o.value }, null, 8, Pe),
         t.showRemove ? (u(), d("a", {
           key: 0,
           class: "color-callout remove",
           title: "Remove image",
-          onClick: i
-        }, p[0] || (p[0] = [
+          onClick: p
+        }, v[0] || (v[0] = [
           e("i", { class: "fa-solid fa-xmark" }, null, -1)
-        ]))) : b("", !0)
-      ])) : b("", !0),
+        ]))) : C("", !0)
+      ])) : C("", !0),
       e("div", {
-        class: k(["file-upload-drop", h.value])
+        class: M(["file-upload-drop", y.value])
       }, [
         e("div", {
-          class: k(["drop-target", { over: o.value }]),
+          class: M(["drop-target", { over: f.value }]),
           ref_key: "droptargetref",
-          ref: m
+          ref: g
         }, [
-          p[1] || (p[1] = e("div", null, [
+          v[1] || (v[1] = e("div", null, [
             e("i", { class: "fa-solid fa-download" })
           ], -1)),
           e("input", {
@@ -526,17 +531,17 @@ const xe = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
             id: t.id,
             class: "show-for-sr",
             disabled: t.disabled || t.updating,
-            onChange: f,
+            onChange: i,
             accept: t.accept,
             ref_key: "fileuploadref",
-            ref: g
+            ref: A
           }, null, 40, De),
           e("label", {
             for: t.id,
             class: "main-label"
           }, [
-            e("strong", null, S(t.chooseText), 1),
-            P(" " + S(s.value ? t.dragText : null), 1)
+            e("strong", null, b(t.chooseText), 1),
+            P(" " + b(a.value ? t.dragText : null), 1)
           ], 8, Le)
         ], 2)
       ], 2)
@@ -582,31 +587,31 @@ const xe = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
   },
   emits: ["change"],
   setup(t, { emit: c }) {
-    const n = t, l = c, s = C(null), a = C(""), r = C(null);
+    const n = t, l = c, s = I(null), a = I(""), r = I(null);
     G(() => {
       n.file && (a.value = n.assetBasePath + n.file), s.value = new FileReader(), s.value.addEventListener("load", g);
     });
-    function o(x) {
-      const { value: B, files: f } = x.target;
-      f[0] && (m(f[0]), l("change", f[0]));
+    function o(y) {
+      const { value: k, files: h } = y.target;
+      h[0] && (f(h[0]), l("change", h[0]));
     }
-    function m(x) {
-      s.value.readAsDataURL(x);
+    function f(y) {
+      s.value.readAsDataURL(y);
     }
     function g() {
       a.value = s.value.result;
     }
-    const h = E(() => (n.disabled || n.updating ? "disabled" : "") + " " + (n.cssClass || ""));
-    return (x, B) => (u(), d("span", Re, [
+    const A = E(() => (n.disabled || n.updating ? "disabled" : "") + " " + (n.cssClass || ""));
+    return (y, k) => (u(), d("span", Re, [
       t.showFilePath && t.file ? (u(), d("span", Te, [
-        B[0] || (B[0] = e("i", { class: "fa-regular fa-circle-check" }, null, -1)),
-        P(" " + S(t.file.name), 1)
-      ])) : b("", !0),
+        k[0] || (k[0] = e("i", { class: "fa-regular fa-circle-check" }, null, -1)),
+        P(" " + b(t.file.name), 1)
+      ])) : C("", !0),
       e("span", Ve, [
         e("label", {
           for: t.id,
-          class: k(["button", h.value])
-        }, S(t.text), 11, Fe),
+          class: M(["button", A.value])
+        }, b(t.text), 11, Fe),
         e("input", {
           type: "file",
           id: t.id,
@@ -686,45 +691,45 @@ const xe = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
   },
   emits: ["search", "select", "enter"],
   setup(t, { expose: c, emit: n }) {
-    const l = t, s = n, a = C(""), r = C(""), o = C(!1), m = C(null), g = C(null), h = E(() => r.value && r.value.length >= l.minimumLength && o.value && (!l.loading || l.suggestions.length > 0)), x = W.debounce((v) => {
-      r.value = v, B();
+    const l = t, s = n, a = I(""), r = I(""), o = I(!1), f = I(null), g = I(null), A = E(() => r.value && r.value.length >= l.minimumLength && o.value && (!l.loading || l.suggestions.length > 0)), y = W.debounce((m) => {
+      r.value = m, k();
     });
-    function B() {
-      const v = l.useExternalValue ? l.externalValue : a.value;
-      (v.length === 0 || v.length >= l.minimumLength) && s("search", v);
+    function k() {
+      const m = l.useExternalValue ? l.externalValue : a.value;
+      (m.length === 0 || m.length >= l.minimumLength) && s("search", m);
     }
-    function f(v) {
-      let w = v;
-      l.nameOnly && (w = v.Name), s("select", w);
+    function h(m) {
+      let v = m;
+      l.nameOnly && (v = m.Name), s("select", v);
     }
-    function i(v) {
-      s("select", v.target.value);
+    function i(m) {
+      s("select", m.target.value);
     }
-    function A() {
-      l.useExternalValue && g.value ? g.value.focus() : m.value && m.value.focus();
+    function p() {
+      l.useExternalValue && g.value ? g.value.focus() : f.value && f.value.focus();
     }
-    function I() {
+    function x() {
       o.value = !0;
     }
-    function y() {
+    function S() {
       setTimeout(() => {
         o.value = !1, a.value = "";
       }, 200);
     }
-    function p() {
+    function w() {
       s("enter");
     }
-    return Y(() => l.externalValue, (v) => {
-      l.useExternalValue && x(v);
-    }, { immediate: !0 }), Y(a, (v) => {
-      l.useExternalValue || x(v);
+    return Y(() => l.externalValue, (m) => {
+      l.useExternalValue && y(m);
+    }, { immediate: !0 }), Y(a, (m) => {
+      l.useExternalValue || y(m);
     }, { immediate: !0 }), c({
-      focusInput: A
-    }), (v, w) => (u(), d("div", {
-      class: k(["lookup-container", { small: t.small }])
+      focusInput: p
+    }), (m, v) => (u(), d("div", {
+      class: M(["lookup-container", { small: t.small }])
     }, [
       e("div", {
-        class: k(["input-container", { loading: t.loading, suggestions: h.value, small: t.small, error: t.invalid }])
+        class: M(["input-container", { loading: t.loading, suggestions: A.value, small: t.small, error: t.invalid }])
       }, [
         t.useExternalValue ? (u(), d("input", {
           key: 0,
@@ -735,39 +740,39 @@ const xe = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
           value: t.externalValue,
           maxlength: t.maxLength,
           onInput: i,
-          onFocus: I,
-          onBlur: y,
-          onKeyup: _(p, ["enter"]),
+          onFocus: x,
+          onBlur: S,
+          onKeyup: _(w, ["enter"]),
           disabled: t.disabled
         }, null, 40, Ge)) : z((u(), d("input", {
           key: 1,
           ref_key: "inputref",
-          ref: m,
+          ref: f,
           type: "text",
           autocomplete: "off",
-          "onUpdate:modelValue": w[0] || (w[0] = (M) => a.value = M),
+          "onUpdate:modelValue": v[0] || (v[0] = (B) => a.value = B),
           maxlength: t.maxLength,
-          onFocus: I,
-          onBlur: y,
-          onKeyup: _(p, ["enter"]),
+          onFocus: x,
+          onBlur: S,
+          onKeyup: _(w, ["enter"]),
           disabled: t.disabled
         }, null, 40, Ue)), [
           [oe, a.value]
         ]),
-        t.loading ? (u(), d("span", Je)) : b("", !0)
+        t.loading ? (u(), d("span", Je)) : C("", !0)
       ], 2),
-      h.value ? (u(), d("div", qe, [
+      A.value ? (u(), d("div", qe, [
         e("ul", null, [
-          t.suggestions.length === 0 ? (u(), d("li", je, "No " + S(t.searchType) + " found", 1)) : b("", !0),
-          (u(!0), d(N, null, R(t.suggestions, (M) => (u(), d("li", {
-            key: M.Id
+          t.suggestions.length === 0 ? (u(), d("li", je, "No " + b(t.searchType) + " found", 1)) : C("", !0),
+          (u(!0), d(N, null, R(t.suggestions, (B) => (u(), d("li", {
+            key: B.Id
           }, [
             e("a", {
-              onClick: (H) => f(M)
-            }, S(M.Name), 9, We)
+              onClick: (H) => h(B)
+            }, b(B.Name), 9, We)
           ]))), 128))
         ])
-      ])) : b("", !0)
+      ])) : C("", !0)
     ], 2));
   }
 }, ze = {
@@ -777,7 +782,7 @@ const xe = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
   },
   setup(t) {
     return (c, n) => (u(), d("div", {
-      class: k(["generic-loader", t.cssClass])
+      class: M(["generic-loader", t.cssClass])
     }, n[0] || (n[0] = [
       e("span", null, null, -1)
     ]), 2));
@@ -816,7 +821,7 @@ const xe = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
       e("title", {
         id: t.iconName,
         lang: "en"
-      }, S(t.title), 9, $e),
+      }, b(t.title), 9, $e),
       e("g", null, [
         q(c.$slots, "default")
       ])
@@ -880,19 +885,19 @@ const tt = /* @__PURE__ */ O(Xe, [["render", et]]), at = { class: "modal-wrapper
     function r(o) {
       s.closeable && o.target === o.currentTarget && l("close");
     }
-    return (o, m) => (u(), ee(Ae, { name: "modal" }, {
+    return (o, f) => (u(), ee(Ae, { name: "modal" }, {
       default: j(() => [
         e("div", {
-          class: k(["modal-mask hide-for-print", t.maskCssClass]),
+          class: M(["modal-mask hide-for-print", t.maskCssClass]),
           onClick: r
         }, [
           e("div", {
-            class: k(["modal-container", t.cssClass])
+            class: M(["modal-container", t.cssClass])
           }, [
             t.closeable ? (u(), d("a", {
               key: 0,
               class: "close",
-              onClick: m[0] || (m[0] = (g) => o.$emit("close"))
+              onClick: f[0] || (f[0] = (g) => o.$emit("close"))
             }, [
               F(ae, {
                 "icon-name": "close",
@@ -905,17 +910,17 @@ const tt = /* @__PURE__ */ O(Xe, [["render", et]]), at = { class: "modal-wrapper
                 ]),
                 _: 1
               })
-            ])) : b("", !0),
+            ])) : C("", !0),
             e("div", at, [
               e("div", {
-                class: k(["modal-grid", { "with-footer": a.value }])
+                class: M(["modal-grid", { "with-footer": a.value }])
               }, [
                 e("div", nt, [
                   e("div", rt, [
                     t.header || t.subheader ? (u(), d("h3", st, [
-                      P(S(t.header) + " ", 1),
-                      t.subheader ? (u(), d("small", ot, S(t.subheader), 1)) : b("", !0)
-                    ])) : b("", !0)
+                      P(b(t.header) + " ", 1),
+                      t.subheader ? (u(), d("small", ot, b(t.subheader), 1)) : C("", !0)
+                    ])) : C("", !0)
                   ]),
                   e("div", lt, [
                     q(o.$slots, "body")
@@ -923,7 +928,7 @@ const tt = /* @__PURE__ */ O(Xe, [["render", et]]), at = { class: "modal-wrapper
                 ]),
                 a.value ? (u(), d("div", ct, [
                   q(o.$slots, "footer")
-                ])) : b("", !0)
+                ])) : C("", !0)
               ], 2)
             ])
           ], 2)
@@ -973,48 +978,48 @@ const tt = /* @__PURE__ */ O(Xe, [["render", et]]), at = { class: "modal-wrapper
   },
   emits: ["change"],
   setup(t, { emit: c }) {
-    const n = /^-?(?:\d+|\d+\.\d+|\.\d+)(?:[eE][-+]?\d+)?$/, l = t, s = c, a = C(null), r = C(l.value), o = C(l.value);
-    function m(v) {
-      l.emitOnInput && i(v.target.value, !0);
+    const n = /^-?(?:\d+|\d+\.\d+|\.\d+)(?:[eE][-+]?\d+)?$/, l = t, s = c, a = I(null), r = I(l.value), o = I(l.value);
+    function f(m) {
+      l.emitOnInput && i(m.target.value, !0);
     }
-    function g(v) {
-      l.emitOnInput || i(v.target.value);
+    function g(m) {
+      l.emitOnInput || i(m.target.value);
     }
-    function h(v) {
-      l.selectOnFocus && v.target.select();
+    function A(m) {
+      l.selectOnFocus && m.target.select();
     }
-    function x(v) {
-      const w = v.clipboardData || window.clipboardData;
-      w && !n.test(w.getData("text")) && v.preventDefault();
+    function y(m) {
+      const v = m.clipboardData || window.clipboardData;
+      v && !n.test(v.getData("text")) && m.preventDefault();
     }
-    function B(v) {
-      const { key: w } = v;
-      w === "ArrowUp" ? I() : w === "ArrowDown" ? y() : w === "Enter" ? a.value.blur() : l.enforceNumbersOnly && w.length === 1 && !v.ctrlKey && !v.shiftKey && isNaN(w) && v.preventDefault();
+    function k(m) {
+      const { key: v } = m;
+      v === "ArrowUp" ? x() : v === "ArrowDown" ? S() : v === "Enter" ? a.value.blur() : l.enforceNumbersOnly && v.length === 1 && !m.ctrlKey && !m.shiftKey && isNaN(v) && m.preventDefault();
     }
-    function f(v, w, M) {
-      return v <= M ? Math.min(M, Math.max(v, w)) : w;
+    function h(m, v, B) {
+      return m <= B ? Math.min(B, Math.max(m, v)) : v;
     }
-    function i(v, w = !1) {
-      let M = Math.round(v);
-      l.min <= l.max && (M = f(l.min, M, l.max)), r.value = M, a.value.value != M && (a.value.value = M), (!w || l.emitOnInput) && p();
+    function i(m, v = !1) {
+      let B = Math.round(m);
+      l.min <= l.max && (B = h(l.min, B, l.max)), r.value = B, a.value.value != B && (a.value.value = B), (!v || l.emitOnInput) && w();
     }
-    function A(v = !0) {
-      let w = l.step;
-      v || (w = -w), r.value += w, l.emitOnInput && p();
+    function p(m = !0) {
+      let v = l.step;
+      m || (v = -v), r.value += v, l.emitOnInput && w();
     }
-    function I(v) {
-      r.value < l.max && A();
+    function x(m) {
+      r.value < l.max && p();
     }
-    function y(v) {
-      r.value > l.min && A(!1);
+    function S(m) {
+      r.value > l.min && p(!1);
     }
-    function p() {
+    function w() {
       r.value != o.value && (o.value = r.value, s("change", r.value));
     }
-    return Y(() => l.value, (v) => {
-      const w = parseInt(v);
-      !isNaN(w) && w !== r.value && i(w);
-    }, { immediate: !0 }), (v, w) => (u(), d("input", {
+    return Y(() => l.value, (m) => {
+      const v = parseInt(m);
+      !isNaN(v) && v !== r.value && i(v);
+    }, { immediate: !0 }), (m, v) => (u(), d("input", {
       type: "number",
       value: r.value,
       placeholder: t.placeholder,
@@ -1023,11 +1028,11 @@ const tt = /* @__PURE__ */ O(Xe, [["render", et]]), at = { class: "modal-wrapper
       inputmode: "numeric",
       ref_key: "inputref",
       ref: a,
-      onKeydown: B,
-      onInput: m,
+      onKeydown: k,
+      onInput: f,
       onBlur: g,
-      onFocus: h,
-      onPaste: x
+      onFocus: A,
+      onPaste: y
     }, null, 40, it));
   }
 }, dt = { class: "pagination" }, gt = { key: 1 }, mt = { key: 0 }, ft = ["onClick"], ht = {
@@ -1066,39 +1071,39 @@ const tt = /* @__PURE__ */ O(Xe, [["render", et]]), at = { class: "modal-wrapper
   },
   emits: ["navigate", "top"],
   setup(t, { emit: c }) {
-    const n = t, l = c, s = U([]), a = C(!1), r = U([]), o = U([]), m = C(!1);
+    const n = t, l = c, s = U([]), a = I(!1), r = U([]), o = U([]), f = I(!1);
     function g() {
-      n.hasNextPage && x(n.pageIndex + 1);
+      n.hasNextPage && y(n.pageIndex + 1);
     }
-    function h() {
-      n.hasPreviousPage && x(n.pageIndex - 1);
+    function A() {
+      n.hasPreviousPage && y(n.pageIndex - 1);
     }
-    function x(f) {
-      f !== n.pageIndex && (l("navigate", f), l("top"));
+    function y(h) {
+      h !== n.pageIndex && (l("navigate", h), l("top"));
     }
-    function B() {
-      if (s.splice(0), a.value = !1, r.splice(0), m.value = !1, o.splice(0), n.totalPages > 0)
+    function k() {
+      if (s.splice(0), a.value = !1, r.splice(0), f.value = !1, o.splice(0), n.totalPages > 0)
         if (n.totalPages > n.maxVisiblePages) {
-          let f = 0;
+          let h = 0;
           const i = Math.floor(n.maxVisiblePages / 2);
-          n.pageIndex > n.totalPages - i - 1 ? f = n.totalPages - n.maxVisiblePages : n.pageIndex > i && (f = n.pageIndex - i), f > 0 && (s.push(0), a.value = !0);
-          for (let A = f; A < f + n.maxVisiblePages; A++)
-            r.push(A);
-          f < n.totalPages - n.maxVisiblePages && (m.value = !0, o.push(n.totalPages - 1));
+          n.pageIndex > n.totalPages - i - 1 ? h = n.totalPages - n.maxVisiblePages : n.pageIndex > i && (h = n.pageIndex - i), h > 0 && (s.push(0), a.value = !0);
+          for (let p = h; p < h + n.maxVisiblePages; p++)
+            r.push(p);
+          h < n.totalPages - n.maxVisiblePages && (f.value = !0, o.push(n.totalPages - 1));
         } else
-          for (let f = 0; f < n.totalPages; f++)
-            r.push(f);
+          for (let h = 0; h < n.totalPages; h++)
+            r.push(h);
     }
-    return Y(() => n.loading, (f, i) => {
-      !f && i && B();
-    }), (f, i) => (u(), d("nav", null, [
+    return Y(() => n.loading, (h, i) => {
+      !h && i && k();
+    }), (h, i) => (u(), d("nav", null, [
       e("ul", dt, [
         e("li", {
-          class: k(["pagination-previous", { disabled: !t.hasPreviousPage }])
+          class: M(["pagination-previous", { disabled: !t.hasPreviousPage }])
         }, [
           t.hasPreviousPage ? (u(), d("a", {
             key: 0,
-            onClick: h
+            onClick: A
           }, i[0] || (i[0] = [
             e("span", null, "Previous", -1)
           ]))) : (u(), d("span", gt, i[1] || (i[1] = [
@@ -1106,37 +1111,37 @@ const tt = /* @__PURE__ */ O(Xe, [["render", et]]), at = { class: "modal-wrapper
           ])))
         ], 2),
         t.totalPages > 0 ? (u(), d(N, { key: 0 }, [
-          (u(!0), d(N, null, R(s, (A) => (u(), d("li", {
-            class: k({ current: A === t.pageIndex })
+          (u(!0), d(N, null, R(s, (p) => (u(), d("li", {
+            class: M({ current: p === t.pageIndex })
           }, [
-            A === t.pageIndex ? (u(), d("span", mt, S(A + 1), 1)) : (u(), d("a", {
+            p === t.pageIndex ? (u(), d("span", mt, b(p + 1), 1)) : (u(), d("a", {
               key: 1,
-              onClick: (I) => x(A)
-            }, S(A + 1), 9, ft))
+              onClick: (x) => y(p)
+            }, b(p + 1), 9, ft))
           ], 2))), 256)),
-          a.value ? (u(), d("li", ht)) : b("", !0),
-          (u(!0), d(N, null, R(r, (A) => (u(), d("li", {
-            class: k({ current: A === t.pageIndex })
+          a.value ? (u(), d("li", ht)) : C("", !0),
+          (u(!0), d(N, null, R(r, (p) => (u(), d("li", {
+            class: M({ current: p === t.pageIndex })
           }, [
-            A === t.pageIndex ? (u(), d("span", vt, S(A + 1), 1)) : (u(), d("a", {
+            p === t.pageIndex ? (u(), d("span", vt, b(p + 1), 1)) : (u(), d("a", {
               key: 1,
-              onClick: (I) => x(A)
-            }, S(A + 1), 9, At))
+              onClick: (x) => y(p)
+            }, b(p + 1), 9, At))
           ], 2))), 256)),
-          m.value ? (u(), d("li", pt)) : b("", !0),
-          (u(!0), d(N, null, R(o, (A) => (u(), d("li", {
-            class: k({ current: A === t.pageIndex })
+          f.value ? (u(), d("li", pt)) : C("", !0),
+          (u(!0), d(N, null, R(o, (p) => (u(), d("li", {
+            class: M({ current: p === t.pageIndex })
           }, [
-            A === t.pageIndex ? (u(), d("span", yt, S(A + 1), 1)) : (u(), d("a", {
+            p === t.pageIndex ? (u(), d("span", yt, b(p + 1), 1)) : (u(), d("a", {
               key: 1,
-              onClick: (I) => x(A)
-            }, S(A + 1), 9, xt))
+              onClick: (x) => y(p)
+            }, b(p + 1), 9, xt))
           ], 2))), 256))
         ], 64)) : (u(), d("li", wt, i[2] || (i[2] = [
           e("span", { class: "disabled" }, "1", -1)
         ]))),
         e("li", {
-          class: k(["pagination-next", { disabled: !t.hasNextPage }])
+          class: M(["pagination-next", { disabled: !t.hasNextPage }])
         }, [
           t.hasNextPage ? (u(), d("a", {
             key: 0,
@@ -1204,51 +1209,51 @@ const re = /* @__PURE__ */ O(Ct, [["render", St]]), Bt = { class: "image-selecto
   },
   emits: ["update"],
   setup(t, { emit: c }) {
-    const n = t, l = c, s = C(0), a = C(6);
+    const n = t, l = c, s = I(0), a = I(6);
     function r(D) {
       return n.selectedImage.replace(n.imageBasePath, "") === D.ImageUrl;
     }
     function o(D) {
       n.disabled || l("update", D);
     }
-    function m() {
+    function f() {
       n.disabled || (n.variant ? l("update", n.variant) : l("update", n.product.PrimaryImage));
     }
     const g = E(() => {
       const D = n.selectedImage.replace(n.imageBasePath, "");
       return n.selectedImage && (n.variant && n.variant.ImageUrl === D || n.product && n.product.PrimaryImage && n.product.PrimaryImage.ImageUrl === D);
     });
-    function h() {
-      B(-1);
+    function A() {
+      k(-1);
     }
-    function x() {
-      B(1);
+    function y() {
+      k(1);
     }
-    function B(D) {
+    function k(D) {
       let T = s.value + D;
-      T < 0 ? T = 0 : T > I.value && (T = I.value), s.value = T;
+      T < 0 ? T = 0 : T > x.value && (T = x.value), s.value = T;
     }
-    const f = E(() => n.product ? n.product.AdditionalImages.length + n.product.LifeStyleImages.length : 0), i = E(() => f.value + (n.hasVariants ? 1 : 0)), A = E(() => i.value > a.value), I = E(() => i.value - a.value);
-    function y(D) {
+    const h = E(() => n.product ? n.product.AdditionalImages.length + n.product.LifeStyleImages.length : 0), i = E(() => h.value + (n.hasVariants ? 1 : 0)), p = E(() => i.value > a.value), x = E(() => i.value - a.value);
+    function S(D) {
       return D && D.ImageUrl ? n.imageBasePath + D.ImageUrl + ";width=100;height=100" : null;
     }
-    const p = E(() => n.selectedImage ? (n.usePathPrefix ? n.imageBasePath : "") + n.selectedImage : null), v = E(() => p.value ? { "background-image": 'url("' + p.value + (n.usePathPrefix ? ";width=1200;height=1200" : "") + '")' } : null), w = E(() => n.variant && n.variant.ImageUrl ? n.imageBasePath + n.variant.ImageUrl + ";width=100;height=100" : n.product ? n.imageBasePath + n.product.PrimaryImage.ImageUrl + ";width=100;height=100" : null), M = E(() => "up-" + Math.min(i.value, a.value)), H = E(() => ({ left: "-" + s.value * (100 / a.value) + "%" })), ge = E(() => g.value && n.variant && n.variant.SubstitutedImage);
+    const w = E(() => n.selectedImage ? (n.usePathPrefix ? n.imageBasePath : "") + n.selectedImage : null), m = E(() => w.value ? { "background-image": 'url("' + w.value + (n.usePathPrefix ? ";width=1200;height=1200" : "") + '")' } : null), v = E(() => n.variant && n.variant.ImageUrl ? n.imageBasePath + n.variant.ImageUrl + ";width=100;height=100" : n.product ? n.imageBasePath + n.product.PrimaryImage.ImageUrl + ";width=100;height=100" : null), B = E(() => "up-" + Math.min(i.value, a.value)), H = E(() => ({ left: "-" + s.value * (100 / a.value) + "%" })), ge = E(() => g.value && n.variant && n.variant.SubstitutedImage);
     return (D, T) => (u(), d("div", Bt, [
       e("div", kt, [
         e("div", Mt, [
           e("div", {
-            class: k(["image-container", { empty: t.showEmpty && t.selectedImage === "" }]),
-            style: K(v.value)
+            class: M(["image-container", { empty: t.showEmpty && t.selectedImage === "" }]),
+            style: K(m.value)
           }, [
-            ge.value ? (u(), d("small", Et, "*Image may not be representative of actual product with options currently selected")) : b("", !0)
+            ge.value ? (u(), d("small", Et, "*Image may not be representative of actual product with options currently selected")) : C("", !0)
           ], 6)
         ])
       ]),
       t.product || t.forceNav ? (u(), d("nav", Nt, [
-        A.value ? (u(), d("a", {
+        p.value ? (u(), d("a", {
           key: 0,
           class: "arrow rotate-90 show-for-medium",
-          onClick: h,
+          onClick: A,
           disabled: s.value === 0
         }, [
           F(ae, {
@@ -1262,48 +1267,48 @@ const re = /* @__PURE__ */ O(Ct, [["render", St]]), Bt = { class: "image-selecto
             ]),
             _: 1
           })
-        ], 8, Pt)) : b("", !0),
+        ], 8, Pt)) : C("", !0),
         e("div", {
-          class: k(["image-nav-list", M.value])
+          class: M(["image-nav-list", B.value])
         }, [
           e("a", {
-            class: k(["variant-image", { current: g.value }]),
-            onClick: m,
+            class: M(["variant-image", { current: g.value }]),
+            onClick: f,
             style: K(H.value)
           }, [
             e("img", {
-              src: w.value,
+              src: v.value,
               alt: ""
             }, null, 8, Dt)
           ], 6),
           t.product ? (u(), d(N, { key: 0 }, [
             (u(!0), d(N, null, R(t.product.AdditionalImages, (V, me) => (u(), d("a", {
-              class: k({ current: r(V) }),
+              class: M({ current: r(V) }),
               onClick: (fe) => o(V),
               style: K(H.value)
             }, [
               e("img", {
-                src: y(V),
+                src: S(V),
                 alt: ""
               }, null, 8, Rt)
             ], 14, Lt))), 256)),
             (u(!0), d(N, null, R(t.product.LifeStyleImages, (V, me) => (u(), d("a", {
-              class: k({ current: r(V) }),
+              class: M({ current: r(V) }),
               onClick: (fe) => o(V),
               style: K(H.value)
             }, [
               e("img", {
-                src: y(V),
+                src: S(V),
                 alt: ""
               }, null, 8, Vt)
             ], 14, Tt))), 256))
-          ], 64)) : b("", !0)
+          ], 64)) : C("", !0)
         ], 2),
-        A.value ? (u(), d("a", {
+        p.value ? (u(), d("a", {
           key: 1,
           class: "arrow rotate-270 show-for-medium",
-          onClick: x,
-          disabled: s.value === I.value
+          onClick: y,
+          disabled: s.value === x.value
         }, [
           F(ae, {
             width: "32",
@@ -1316,8 +1321,8 @@ const re = /* @__PURE__ */ O(Ct, [["render", St]]), Bt = { class: "image-selecto
             ]),
             _: 1
           })
-        ], 8, Ft)) : b("", !0)
-      ])) : b("", !0)
+        ], 8, Ft)) : C("", !0)
+      ])) : C("", !0)
     ]));
   }
 }, Ot = ["id"], Qt = { class: "value" }, Yt = { class: "options-list-container" }, Ht = { class: "input-container search small" }, Kt = ["aria-controls", "aria-expanded", "maxlength", "disabled"], Gt = ["aria-label", "id"], Ut = {
@@ -1361,71 +1366,71 @@ const re = /* @__PURE__ */ O(Ct, [["render", St]]), Bt = { class: "image-selecto
   },
   emits: ["update"],
   setup(t, { expose: c, emit: n }) {
-    const l = t, s = n, a = C(null), r = C(""), o = C(!1), m = U([]), g = C(null), h = C(null);
+    const l = t, s = n, a = I(null), r = I(""), o = I(!1), f = U([]), g = I(null), A = I(null);
     G(() => {
-      l.externalValueId && l.externalValueName && (a.value = { Id: l.externalValueId, Name: l.externalValueName }), l.options.length && (m.splice(0), m.push(...l.options));
+      l.externalValueId && l.externalValueName && (a.value = { Id: l.externalValueId, Name: l.externalValueName }), l.options.length && (f.splice(0), f.push(...l.options));
     });
-    function x() {
-      let p = [];
+    function y() {
+      let w = [];
       if (r.value) {
-        const v = r.value.toLowerCase();
-        l.options.forEach((w) => {
-          w.Name && w.Name.toLowerCase().indexOf(v) > -1 && p.push(w);
+        const m = r.value.toLowerCase();
+        l.options.forEach((v) => {
+          v.Name && v.Name.toLowerCase().indexOf(m) > -1 && w.push(v);
         });
       } else
-        p = l.options.slice();
-      m.splice(0), m.push(...p);
+        w = l.options.slice();
+      f.splice(0), f.push(...w);
     }
-    function B(p) {
-      p.value = p, s("update", p), g.value && g.value.blur(), o.value = !1;
+    function k(w) {
+      w.value = w, s("update", w), g.value && g.value.blur(), o.value = !1;
     }
-    function f() {
+    function h() {
       o.value = !0;
     }
     function i() {
-      o.value = !0, h.value && h.value.focus();
+      o.value = !0, A.value && A.value.focus();
     }
-    function A(p) {
+    function p(w) {
       o.value = !0;
     }
-    function I(p) {
+    function x(w) {
       setTimeout(() => {
         (!g.value || !document.activeElement || document.activeElement.id !== l.id + "-container" && !g.value.contains(document.activeElement)) && (o.value = !1, r.value = "");
       }, 200);
     }
-    const y = E(() => (l.cssClass || "") + (o.value ? " open" : "") + (l.invalid ? " error" : ""));
-    return Y(() => l.loading, (p, v) => {
-      !p && v && (r.value = "", x());
-    }), Y(() => r.value, (p) => {
-      x();
+    const S = E(() => (l.cssClass || "") + (o.value ? " open" : "") + (l.invalid ? " error" : ""));
+    return Y(() => l.loading, (w, m) => {
+      !w && m && (r.value = "", y());
+    }), Y(() => r.value, (w) => {
+      y();
     }), c({
-      focusInput: f,
+      focusInput: h,
       focusSearchInput: i
-    }), (p, v) => (u(), d("div", {
+    }), (w, m) => (u(), d("div", {
       id: t.id + "-container",
       ref_key: "containerref",
       ref: g,
       class: "input-container searchable-dropdown-container",
-      onFocusin: A,
-      onFocusout: I,
+      onFocusin: p,
+      onFocusout: x,
       tabindex: "0"
     }, [
       e("div", {
-        class: k(["input-container select false-select", y.value])
+        class: M(["input-container select false-select", S.value])
       }, [
-        e("span", Qt, S(a.value ? a.value.Name : "Select"), 1),
+        e("span", Qt, b(a.value ? a.value.Name : "Select"), 1),
         e("div", Yt, [
           e("div", Ht, [
             z(e("input", {
               ref_key: "inputref",
-              ref: h,
+              ref: A,
               type: "text",
               autocomplete: "off",
               role: "combobox",
               "aria-controls": t.id + "-list",
               "aria-autocomplete": "list",
               "aria-expanded": o.value,
-              "onUpdate:modelValue": v[0] || (v[0] = (w) => r.value = w),
+              "onUpdate:modelValue": m[0] || (m[0] = (v) => r.value = v),
               maxlength: t.maxLength,
               disabled: t.disabled
             }, null, 8, Kt), [
@@ -1438,13 +1443,13 @@ const re = /* @__PURE__ */ O(Ct, [["render", St]]), Bt = { class: "image-selecto
             "aria-label": t.label,
             id: t.id + "-list"
           }, [
-            m.length === 0 ? (u(), d("span", Ut, "No " + S(t.searchType) + " found", 1)) : b("", !0),
-            (u(!0), d(N, null, R(m, (w) => (u(), d("a", {
-              key: w.Id,
+            f.length === 0 ? (u(), d("span", Ut, "No " + b(t.searchType) + " found", 1)) : C("", !0),
+            (u(!0), d(N, null, R(f, (v) => (u(), d("a", {
+              key: v.Id,
               role: "option",
-              class: k(["option", { active: a.value && a.value.Id === w.Id }]),
-              onClick: (M) => B(w)
-            }, S(w.Name), 11, Jt))), 128))
+              class: M(["option", { active: a.value && a.value.Id === v.Id }]),
+              onClick: (B) => k(v)
+            }, b(v.Name), 11, Jt))), 128))
           ], 8, Gt)
         ])
       ], 2)
@@ -1493,82 +1498,82 @@ const re = /* @__PURE__ */ O(Ct, [["render", St]]), Bt = { class: "image-selecto
     G(() => {
       a();
     });
-    const s = C(null);
+    const s = I(null);
     function a() {
       n.auto && r();
     }
     function r() {
-      n.slides.length > 0 && (s.value !== null && clearTimeout(s.value), s.value = setTimeout(x, n.delay));
+      n.slides.length > 0 && (s.value !== null && clearTimeout(s.value), s.value = setTimeout(y, n.delay));
     }
     function o() {
-      n.auto && m();
+      n.auto && f();
     }
-    function m() {
+    function f() {
       s.value !== null && (clearTimeout(s.value), s.value = null);
     }
-    const g = C(0);
-    function h() {
-      B(f.value);
+    const g = I(0);
+    function A() {
+      k(h.value);
     }
-    function x() {
-      B(i.value);
+    function y() {
+      k(i.value);
     }
-    function B(I) {
-      o(), g.value = I, l("change", I), a();
+    function k(x) {
+      o(), g.value = x, l("change", x), a();
     }
-    const f = E(() => g.value === 0 ? n.slides.length - 1 : g.value - 1), i = E(() => g.value === n.slides.length - 1 ? 0 : g.value + 1);
-    function A(I) {
-      return { backgroundImage: 'url("' + (n.usePrefix ? n.imageBasePath : "") + I + (n.widthSuffix ? ";width=" + n.widthSuffix : "") + '")' };
+    const h = E(() => g.value === 0 ? n.slides.length - 1 : g.value - 1), i = E(() => g.value === n.slides.length - 1 ? 0 : g.value + 1);
+    function p(x) {
+      return { backgroundImage: 'url("' + (n.usePrefix ? n.imageBasePath : "") + x + (n.widthSuffix ? ";width=" + n.widthSuffix : "") + '")' };
     }
-    return (I, y) => {
-      const p = te("touch"), v = te("touch-options");
+    return (x, S) => {
+      const w = te("touch"), m = te("touch-options");
       return t.slides.length > 1 ? (u(), d("div", {
         key: 0,
-        class: k(["slideshow", { small: t.small }]),
+        class: M(["slideshow", { small: t.small }]),
         onMouseover: o,
         onMouseout: a
       }, [
         e("div", qt, [
           z((u(), d("div", null, [
-            (u(!0), d(N, null, R(t.slides, (w, M) => (u(), d("div", {
-              class: k(["slide", { current: M == g.value, prev: M === f.value, next: M === i.value }]),
-              style: K(A(w))
+            (u(!0), d(N, null, R(t.slides, (v, B) => (u(), d("div", {
+              class: M(["slide", { current: B == g.value, prev: B === h.value, next: B === i.value }]),
+              style: K(p(v))
             }, null, 6))), 256))
           ])), [
             [
-              p,
-              x,
+              w,
+              y,
               "swipe",
               { left: !0 }
             ],
             [
-              p,
-              h,
+              w,
+              A,
               "swipe",
               { right: !0 }
             ],
-            [v, { swipeTolerance: 50 }]
+            [m, { swipeTolerance: 50 }]
           ]),
           t.slides.length > 1 || t.forceNav ? (u(), d("a", {
             key: 0,
             class: "nav prev show-for-medium",
-            onClick: h
-          })) : b("", !0),
+            onClick: A
+          })) : C("", !0),
           t.slides.length > 1 || t.forceNav ? (u(), d("a", {
             key: 1,
             class: "nav next show-for-medium",
-            onClick: x
-          })) : b("", !0)
+            onClick: y
+          })) : C("", !0)
         ]),
         e("nav", jt, [
-          (u(!0), d(N, null, R(t.slides, (w, M) => (u(), d("a", {
-            "aria-label": M,
-            class: k({ current: M == g.value }),
-            onClick: (H) => B(M)
+          (u(!0), d(N, null, R(t.slides, (v, B) => (u(), d("a", {
+            "aria-label": B,
+            class: M({ current: B == g.value }),
+            onClick: (H) => k(B)
           }, null, 10, Wt))), 256))
         ])
       ], 34)) : (u(), d("div", zt, [
-        q(I.$slots, "default")
+        q(x.$slots, "default")
       ]));
     };
   }
@@ -1599,12 +1604,12 @@ const re = /* @__PURE__ */ O(Ct, [["render", St]]), Bt = { class: "image-selecto
   },
   emits: ["change"],
   setup(t, { emit: c }) {
-    const n = t, l = c, s = C(n.value);
+    const n = t, l = c, s = I(n.value);
     function a() {
       s.value = !s.value, l("change", s.value);
     }
     return (r, o) => (u(), d("div", {
-      class: k(["switch", t.cssClass])
+      class: M(["switch", t.cssClass])
     }, [
       e("input", {
         id: t.id,
@@ -1641,7 +1646,7 @@ const re = /* @__PURE__ */ O(Ct, [["render", St]]), Bt = { class: "image-selecto
   setup(t) {
     return (c, n) => (u(), d("svg", Xt, [
       e("g", {
-        class: k(["success-icon", { on: t.on }])
+        class: M(["success-icon", { on: t.on }])
       }, n[0] || (n[0] = [
         e("path", {
           class: "path circle",
@@ -1677,37 +1682,37 @@ const re = /* @__PURE__ */ O(Ct, [["render", St]]), Bt = { class: "image-selecto
       DAYS: "DAYS",
       WEEKS: "WEEKS",
       YEARS: "YEARS"
-    }, l = t, s = c, a = C(0), r = C(n.DAYS);
+    }, l = t, s = c, a = I(0), r = I(n.DAYS);
     G(() => {
       o();
     });
     function o() {
-      let f = l.initialValue, i = n.DAYS;
-      f && !isNaN(f) && (f % 365 === 0 ? (f = f / 365, i = n.YEARS) : f % 7 === 0 && (f = f / 7, i = n.WEEKS)), a.value = f, r.value = i;
+      let h = l.initialValue, i = n.DAYS;
+      h && !isNaN(h) && (h % 365 === 0 ? (h = h / 365, i = n.YEARS) : h % 7 === 0 && (h = h / 7, i = n.WEEKS)), a.value = h, r.value = i;
     }
-    function m(f, i) {
-      let A = f, I = r.value;
-      isNaN(f) ? (A = l.initialValue, I = n.DAYS) : f > 0 && (r.value === n.DAYS ? A % 365 === 0 ? (A = A / 365, I = n.YEARS) : A % 7 === 0 && (A = A / 7, I = n.WEEKS) : r.value === n.WEEKS && f % 52 === 0 && (A = f / 52, I = n.YEARS)), a.value = A, r.value = I, i !== void 0 && pe(i);
+    function f(h, i) {
+      let p = h, x = r.value;
+      isNaN(h) ? (p = l.initialValue, x = n.DAYS) : h > 0 && (r.value === n.DAYS ? p % 365 === 0 ? (p = p / 365, x = n.YEARS) : p % 7 === 0 && (p = p / 7, x = n.WEEKS) : r.value === n.WEEKS && h % 52 === 0 && (p = h / 52, x = n.YEARS)), a.value = p, r.value = x, i !== void 0 && pe(i);
     }
-    function g(f) {
-      const { value: i } = f.target;
-      r.value = i, m(a.value, x);
+    function g(h) {
+      const { value: i } = h.target;
+      r.value = i, f(a.value, y);
     }
-    function h(f) {
-      m(f, x);
+    function A(h) {
+      f(h, y);
     }
-    function x() {
-      s("update", B.value, l.name);
+    function y() {
+      s("update", k.value, l.name);
     }
-    const B = E(() => {
-      let f = a.value;
-      return r.value === n.WEEKS ? f = f * 7 : r.value === n.YEARS && (f = f * 365), f;
+    const k = E(() => {
+      let h = a.value;
+      return r.value === n.WEEKS ? h = h * 7 : r.value === n.YEARS && (h = h * 365), h;
     });
-    return (f, i) => (u(), d("div", _t, [
+    return (h, i) => (u(), d("div", _t, [
       e("div", ea, [
         F(ut, {
           value: a.value,
-          onChange: h,
+          onChange: A,
           min: 0,
           max: 9999
         }, null, 8, ["value"])