@rypen-dev/shared-components 8.0.10 → 8.0.12

package/dist/index.js

@@ -1,4 +1,4 @@
-import { computed as M, createElementBlock as u, openBlock as d, createTextVNode as P, createCommentVNode as C, toDisplayString as B, Fragment as N, createElementVNode as e, unref as _, normalizeClass as k, ref as b, withKeys as H, onBeforeMount as ve, onMounted as U, watch as Y, withDirectives as Z, vModelText as le, renderList as R, renderSlot as q, useSlots as Ae, createBlock as ee, Transition as pe, withCtx as W, createVNode as Q, withModifiers as ne, reactive as J, normalizeStyle as K, resolveDirective as te, nextTick as ye } from "vue";
+import { computed as M, createElementBlock as u, openBlock as d, createTextVNode as P, createCommentVNode as S, toDisplayString as B, Fragment as N, createElementVNode as e, unref as _, normalizeClass as k, ref as b, withKeys as H, onBeforeMount as ve, onMounted as U, watch as Y, withDirectives as Z, vModelText as le, renderList as R, renderSlot as j, useSlots as Ae, createBlock as ee, Transition as pe, withCtx as W, createVNode as Q, withModifiers as ne, reactive as J, normalizeStyle as K, resolveDirective as te, nextTick as ye } from "vue";
 import ce from "moment";
 var $ = { exports: {} }, re;
 function xe() {
@@ -7,146 +7,146 @@ function xe() {
       t.exports = l(ce);
     })(window, function(n) {
       return function(l) {
-        var o = {};
+        var s = {};
         function a(r) {
-          if (o[r]) return o[r].exports;
-          var s = o[r] = { i: r, l: !1, exports: {} };
-          return l[r].call(s.exports, s, s.exports, a), s.l = !0, s.exports;
+          if (s[r]) return s[r].exports;
+          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 = o, a.d = function(r, s, m) {
-          a.o(r, s) || Object.defineProperty(r, s, { configurable: !1, enumerable: !0, get: m });
+        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 });
         }, a.r = function(r) {
           Object.defineProperty(r, "__esModule", { value: !0 });
         }, a.n = function(r) {
-          var s = r && r.__esModule ? function() {
+          var o = r && r.__esModule ? function() {
             return r.default;
           } : function() {
             return r;
           };
-          return a.d(s, "a", s), s;
-        }, a.o = function(r, s) {
-          return Object.prototype.hasOwnProperty.call(r, s);
+          return a.d(o, "a", o), o;
+        }, a.o = function(r, o) {
+          return Object.prototype.hasOwnProperty.call(r, o);
         }, a.p = "", a(a.s = 11);
-      }([function(l, o) {
+      }([function(l, s) {
         l.exports = function(a, r) {
-          var s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "text/csv;charset=utf-8;", m = new Blob([a], { type: s }), 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;", m = new Blob([a], { type: o }), g = URL.createObjectURL(m), f = document.createElement("a");
+          f.href = g, f.setAttribute("download", r), f.click();
         };
-      }, function(l, o) {
+      }, function(l, s) {
         l.exports = function(a) {
-          var r, s = this, m = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 500;
+          var r, o = this, m = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 500;
           return function() {
-            for (var g = arguments.length, h = new Array(g), y = 0; y < g; y++) h[y] = arguments[y];
+            for (var g = arguments.length, f = new Array(g), x = 0; x < g; x++) f[x] = arguments[x];
             clearTimeout(r), r = setTimeout(function() {
-              a.apply(s, h);
+              a.apply(o, f);
             }, m);
           };
         };
-      }, function(l, o) {
-        o.formatPhone = function(a) {
+      }, function(l, s) {
+        s.formatPhone = function(a) {
           if (a) {
-            var r = "", s = null;
+            var r = "", o = null;
             if (a.indexOf("x") > -1) {
               var m = a.split("x");
-              s = m[1], a = m[0];
+              o = m[1], a = m[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 f = g.length - 10;
+              r = "+".concat(g.substring(0, f), " (").concat(g.substring(f, 3 + f), ") ").concat(g.substring(3 + f, 6 + f), "-").concat(g.substring(6 + f, 10 + f));
             }
-            return r + (s ? ", ext. " + s : "");
+            return r + (o ? ", ext. " + o : "");
           }
           return a;
         };
-      }, function(l, o) {
+      }, function(l, s) {
         l.exports = n;
-      }, function(l, o, a) {
-        var r = a(3), s = 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);
+      }, function(l, s, a) {
+        var r = a(3), o = function(i) {
+          var y = arguments.length > 1 && arguments[1] !== void 0 && arguments[1];
+          return typeof i == "string" ? !i || i.length === 0 || i.trim().length === 0 : i === 0 && !y || 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) {
+        }, f = 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);
-        }, y = function(i) {
+        }, x = function(i) {
           return /^[0-9]{10}$/.test(i);
-        }, S = /^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()@:%_\+.~#?&//=]*)$/;
-        o.empty = s, o.validEmail = g, o.validZip = h, o.validPhone = y, o.validUrl = function(i) {
-          return arguments.length > 1 && arguments[1] !== void 0 && !arguments[1] ? f.test(i) : S.test(i);
-        }, o.validCardNumber = function(i) {
-          return function(A) {
-            if (!/^[\d\-\s]+$/.test(A)) return !1;
-            for (var v = 0, x = 0, p = !1, w = A.replace(/\D/g, ""), I = w.length - 1; I >= 0; I--) {
-              var E = w.charAt(I);
-              x = parseInt(E, 10), p && (x *= 2) > 9 && (x -= 9), v += x, p = !p;
+        }, v = /^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/, p = /^[-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 = f, s.validPhone = x, s.validUrl = function(i) {
+          return arguments.length > 1 && arguments[1] !== void 0 && !arguments[1] ? p.test(i) : v.test(i);
+        }, s.validCardNumber = function(i) {
+          return function(y) {
+            if (!/^[\d\-\s]+$/.test(y)) return !1;
+            for (var h = 0, w = 0, A = !1, I = y.replace(/\D/g, ""), C = I.length - 1; C >= 0; C--) {
+              var E = I.charAt(C);
+              w = parseInt(E, 10), A && (w *= 2) > 9 && (w -= 9), h += w, A = !A;
             }
-            return v % 10 == 0;
+            return h % 10 == 0;
           }(i);
-        }, o.validCardCode = function(i) {
+        }, s.validCardCode = function(i) {
           return /^[0-9]{3,4}$/.test(i);
-        }, o.validExpirationDate = function(i) {
+        }, s.validExpirationDate = function(i) {
           if (!/^[0-9]{4}$/.test(i)) return !1;
-          var A = i.substring(0, 2), v = i.substring(2), x = r((v = "20" + v) + "-" + A + "-01");
-          return !(!x.isValid() || x.isBefore(r(), "month"));
-        }, o.emptyAddress = function(i) {
-          var A = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], v = !0;
-          return arguments.length > 2 && arguments[2] !== void 0 && !arguments[2] ? s(i.PostalCode) || s(i.Street) || (v = !1) : (s(i.PostalCode) && s(i.Street) && s(i.City) && s(i.State) || (v = !1), A && (s(i.CareOf) && s(i.ContactEmail) && s(i.PhoneNumber) || (v = !1))), v;
-        }, o.validAddress = function(i) {
-          var A = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], v = !(arguments.length > 2 && arguments[2] !== void 0) || arguments[2], x = !0;
-          return s(i.PostalCode) ? x = !1 : h(i.PostalCode, function(p) {
-            return p.Country === "CA";
-          }(i)) || (x = !1), A && v && (s(i.CareOf) || !s(i.ContactEmail) && !g(i.ContactEmail) || s(i.PhoneNumber) || !y(i.PhoneNumber)) && (x = !1), (s(i.FirstName) && s(i.LastName) || s(i.Street) || s(i.Country) || s(i.City) || s(i.State)) && (x = !1), x;
+          var y = i.substring(0, 2), h = i.substring(2), w = r((h = "20" + h) + "-" + y + "-01");
+          return !(!w.isValid() || w.isBefore(r(), "month"));
+        }, s.emptyAddress = function(i) {
+          var y = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], h = !0;
+          return arguments.length > 2 && arguments[2] !== void 0 && !arguments[2] ? o(i.PostalCode) || o(i.Street) || (h = !1) : (o(i.PostalCode) && o(i.Street) && o(i.City) && o(i.State) || (h = !1), y && (o(i.CareOf) && o(i.ContactEmail) && o(i.PhoneNumber) || (h = !1))), h;
+        }, s.validAddress = function(i) {
+          var y = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], h = !(arguments.length > 2 && arguments[2] !== void 0) || arguments[2], w = !0;
+          return o(i.PostalCode) ? w = !1 : f(i.PostalCode, function(A) {
+            return A.Country === "CA";
+          }(i)) || (w = !1), y && h && (o(i.CareOf) || !o(i.ContactEmail) && !g(i.ContactEmail) || o(i.PhoneNumber) || !x(i.PhoneNumber)) && (w = !1), (o(i.FirstName) && o(i.LastName) || o(i.Street) || o(i.Country) || o(i.City) || o(i.State)) && (w = !1), w;
         };
-      }, function(l, o) {
+      }, function(l, s) {
         l.exports = function(a) {
-          var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 500, s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0;
+          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 += s;
-            var y = h.scrollTop, S = a - y, f = 0;
+            var f = document.scrollingElement;
+            typeof a == "string" && (a = document.querySelector(a) || g()), typeof a != "number" && (a = a.getBoundingClientRect().top + f.scrollTop), a += o;
+            var x = f.scrollTop, v = a - x, p = 0;
             (function i() {
-              var A = function(v, x, p, w) {
-                return (v /= w / 2) < 1 ? p / 2 * v * v + x : -p / 2 * (--v * (v - 2) - 1) + x;
-              }(f += 20, y, S, r);
-              h.scrollTop = A, f < r ? setTimeout(i, 20) : m();
+              var y = function(h, w, A, I) {
+                return (h /= I / 2) < 1 ? A / 2 * h * h + w : -A / 2 * (--h * (h - 2) - 1) + w;
+              }(p += 20, x, v, r);
+              f.scrollTop = y, p < r ? setTimeout(i, 20) : m();
             })();
           });
         };
-      }, function(l, o) {
+      }, function(l, s) {
         l.exports = function(a) {
-          for (var r = window.location.search.substring(1).split("&"), s = 0; s < r.length; s++) {
-            var m = r[s].split("=");
+          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];
           }
           return !1;
         };
-      }, function(l, o) {
+      }, function(l, s) {
         l.exports = function(a) {
           var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
           return typeof a != "number" ? a : new Intl.NumberFormat("en-US", { style: "currency", currency: "USD", minimumFractionDigits: r }).format(a);
         };
-      }, function(l, o) {
+      }, function(l, s) {
         var a = { VISA: "Visa", MASTER_CARD: "MasterCard", AMERICAN_EXPRESS: "American Express", DISCOVER: "Discover", MAESTRO: "Maestro" };
-        o.CARD_TYPES = a, o.formatCreditCardType = function(r) {
+        s.CARD_TYPES = a, s.formatCreditCardType = function(r) {
           return r && r === "AmericanExpress" ? "AMEX" : r;
-        }, o.formatMaskedCreditCard = function(r) {
+        }, s.formatMaskedCreditCard = function(r) {
           if (r) {
-            var s = r.replace(/X/g, "*"), m = s.lastIndexOf("*");
-            return s.slice(0, m + 1) + " " + s.slice(m + 1);
+            var o = r.replace(/X/g, "*"), m = o.lastIndexOf("*");
+            return o.slice(0, m + 1) + " " + o.slice(m + 1);
           }
           return r;
-        }, o.cardType = function(r) {
-          for (var s = [{ 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 < s.length; g++) if (r.match(s[g].reg)) {
-            m = s[g].type;
+        }, 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;
             break;
           }
           return m && (m = m.toLowerCase().replace(/ /g, "-")), m;
         };
-      }, function(l, o) {
-        o.processError = function(a) {
+      }, function(l, s) {
+        s.processError = function(a) {
           if (a.ErrorMessage) return a.ErrorMessage;
           if (a.data && a.data.ErrorMessage) return a.data.ErrorMessage;
           if (a.response) {
@@ -166,28 +166,28 @@ function xe() {
           }
           return a.name ? a.message ? a.name + " " + a.message : a.name : a.error ? a.error : a.message ? a.message : a;
         };
-      }, function(l, o) {
-        var a = function(r, s) {
+      }, function(l, s) {
+        var a = function(r, o) {
           return Object.keys(r).find(function(m) {
-            return r[m] === s;
+            return r[m] === o;
           });
         };
-        o.getKeyByValue = a, o.transformEnumForDisplay = function(r, s) {
-          var m = !(arguments.length > 2 && arguments[2] !== void 0) || arguments[2], g = a(r, s);
+        s.getKeyByValue = a, s.transformEnumForDisplay = function(r, o) {
+          var m = !(arguments.length > 2 && arguments[2] !== void 0) || arguments[2], g = a(r, o);
           if (g) {
-            var h = g.split("_"), y = "";
-            return m ? h.forEach(function(S, f) {
-              y = y + (f === 0 ? "" : " ") + S.charAt(0).toUpperCase() + S.slice(1).toLowerCase();
-            }) : y = h.join(" "), y;
+            var f = g.split("_"), x = "";
+            return m ? f.forEach(function(v, p) {
+              x = x + (p === 0 ? "" : " ") + v.charAt(0).toUpperCase() + v.slice(1).toLowerCase();
+            }) : x = f.join(" "), x;
           }
           return "";
-        }, o.addressesAreEqual = function(r, s) {
+        }, s.addressesAreEqual = function(r, o) {
           var m = arguments.length > 2 && arguments[2] !== void 0 && arguments[2], g = !0;
-          return r.FirstName == s.FirstName && r.LastName == s.LastName && r.Company == s.Company && r.Street == s.Street && r.Street2 == s.Street2 && r.City == s.City && r.State == s.State && r.PostalCode == s.PostalCode || (g = !1), !m || r.Type == s.Type && r.CareOf == s.CareOf && r.PhoneNumber == s.PhoneNumber && r.ContactEmail == s.ContactEmail || (g = !1), g;
+          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;
         };
-      }, function(l, o, a) {
-        var r = a(10), s = a(9);
-        o.processError = s.processError, o.getKeyByValue = r.getKeyByValue, o.transformEnumForDisplay = r.transformEnumForDisplay, o.addressesAreEqual = r.addressesAreEqual, o.creditCard = a(8), o.currency = a(7), o.querystring = a(6), o.scrollToAnimated = a(5), o.validation = a(4), o.formatter = a(2), o.debounce = a(1), o.downloadBlob = a(0);
+      }, function(l, s, a) {
+        var r = a(10), o = a(9);
+        s.processError = o.processError, s.getKeyByValue = r.getKeyByValue, s.transformEnumForDisplay = r.transformEnumForDisplay, s.addressesAreEqual = r.addressesAreEqual, s.creditCard = a(8), s.currency = a(7), s.querystring = a(6), s.scrollToAnimated = a(5), s.validation = a(4), s.formatter = a(2), s.debounce = a(1), s.downloadBlob = a(0);
       }]);
     });
   }($)), $.exports;
@@ -223,51 +223,51 @@ const we = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
   },
   setup(t) {
     const c = t;
-    function n(o) {
-      let a = we.find((r) => r.code === o);
-      return a ? a.name : o;
+    function n(s) {
+      let a = we.find((r) => r.code === s);
+      return a ? a.name : s;
     }
     const l = M(() => c.excludeName ? null : (c.address.FirstName || "") + (c.address.FirstName && c.address.LastName ? " " : "") + (c.address.LastName || ""));
-    return (o, a) => (d(), u("div", null, [
+    return (s, a) => (d(), u("div", null, [
       P(B(l.value), 1),
-      l.value ? (d(), u("br", Ie)) : C("", !0),
+      l.value ? (d(), u("br", Ie)) : S("", !0),
       t.address.Company ? (d(), u(N, { key: 1 }, [
         P(B(t.address.Company) + " ", 1),
         a[0] || (a[0] = e("br", null, null, -1))
-      ], 64)) : C("", !0),
+      ], 64)) : S("", !0),
       P(" " + B(t.address.Street), 1),
-      t.address.Street ? (d(), u("br", Ce)) : C("", !0),
+      t.address.Street ? (d(), u("br", Ce)) : S("", !0),
       t.address.Street2 ? (d(), u(N, { key: 3 }, [
         P(B(t.address.Street2) + " ", 1),
         a[1] || (a[1] = e("br", null, null, -1))
-      ], 64)) : C("", !0),
+      ], 64)) : S("", !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" ? (d(), u(N, { key: 4 }, [
         a[2] || (a[2] = e("br", null, null, -1)),
         P(B(n(t.address.Country)), 1)
-      ], 64)) : C("", !0),
-      !t.separateContactInfo && t.includePhone && t.address.PhoneNumber || t.includeHours && t.address.Hours ? (d(), u("br", be)) : C("", !0),
+      ], 64)) : S("", !0),
+      !t.separateContactInfo && t.includePhone && t.address.PhoneNumber || t.includeHours && t.address.Hours ? (d(), u("br", be)) : S("", !0),
       !t.separateContactInfo && t.includePhone && t.address.PhoneNumber ? (d(), u(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(" " + B(_(z.formatter).formatPhone(t.address.PhoneNumber)), 1)
-      ], 64)) : C("", !0),
+      ], 64)) : S("", !0),
       t.includeHours && t.address.Hours ? (d(), u(N, { key: 7 }, [
         a[5] || (a[5] = e("br", null, null, -1)),
         P("Hours: " + B(t.address.Hours), 1)
-      ], 64)) : C("", !0),
+      ], 64)) : S("", !0),
       t.separateContactInfo && (t.address.CareOf || t.address.ContactEmail || t.address.PhoneNumber) ? (d(), u(N, { key: 8 }, [
         a[8] || (a[8] = e("br", null, null, -1)),
-        t.address.CareOf ? (d(), u("br", Se)) : C("", !0),
+        t.address.CareOf ? (d(), u("br", Se)) : S("", !0),
         P(B(t.address.CareOf) + " ", 1),
-        t.address.ContactEmail ? (d(), u("br", Be)) : C("", !0),
+        t.address.ContactEmail ? (d(), u("br", Be)) : S("", !0),
         P(B(t.address.ContactEmail) + " ", 1),
         t.address.PhoneNumber ? (d(), u(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(" " + B(_(z.formatter).formatPhone(t.address.PhoneNumber)), 1)
-        ], 64)) : C("", !0)
-      ], 64)) : C("", !0)
+        ], 64)) : S("", !0)
+      ], 64)) : S("", !0)
     ]));
   }
 }, ke = {
@@ -333,23 +333,23 @@ const we = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
   },
   emits: ["change", "truechange"],
   setup(t, { expose: c, emit: n }) {
-    const l = t, o = n, a = b(null);
-    function r(h) {
-      let y = ce(h);
-      return y.isValid() ? y.format("YYYY-MM-DD") : "";
+    const l = t, s = n, a = b(null);
+    function r(f) {
+      let x = ce(f);
+      return x.isValid() ? x.format("YYYY-MM-DD") : "";
     }
-    function s(h) {
-      r(l.value) !== r(h.target.value) && o("truechange", h.target.value);
+    function o(f) {
+      r(l.value) !== r(f.target.value) && s("truechange", f.target.value);
     }
-    function m(h) {
-      r(l.value) !== r(h.target.value) && o("change", h.target.value);
+    function m(f) {
+      r(l.value) !== r(f.target.value) && s("change", f.target.value);
     }
     function g() {
       a.value && a.value.blur();
     }
     return c({
       triggerBlur: g
-    }), (h, y) => (d(), u("div", {
+    }), (f, x) => (d(), u("div", {
       class: k(["input-container date", t.cssClass])
     }, [
       e("input", {
@@ -360,7 +360,7 @@ const we = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
         max: r(t.max),
         ref_key: "inputref",
         ref: a,
-        onChange: s,
+        onChange: o,
         onBlur: m,
         onKeyup: H(g, ["enter"])
       }, null, 40, Me)
@@ -382,38 +382,38 @@ const we = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
   },
   emits: ["change"],
   setup(t, { emit: c }) {
-    const n = t, l = c, o = b(n.initialValue || ""), a = b(n.initialValue || ""), r = z.debounce((g) => {
+    const n = t, l = c, s = b(n.initialValue || ""), a = b(n.initialValue || ""), r = z.debounce((g) => {
       a.value = g, l("change", g);
     });
-    function s(g) {
-      const h = g.target.value;
-      o.value = h, r(h);
+    function o(g) {
+      const f = g.target.value;
+      s.value = f, r(f);
     }
     function m() {
-      o.value = "", l("change", "");
+      s.value = "", l("change", "");
     }
-    return (g, h) => (d(), u("div", {
+    return (g, f) => (d(), u("div", {
       class: k(["input-container", t.cssClass])
     }, [
       e("input", {
         type: "text",
         maxLength: t.maxLength,
-        value: o.value,
-        onInput: s
+        value: s.value,
+        onInput: o
       }, null, 40, Ee),
-      t.includeClear && o.value.length ? (d(), u("a", {
+      t.includeClear && s.value.length ? (d(), u("a", {
         key: 0,
         class: "clear-button",
         onClick: m
-      }, h[0] || (h[0] = [
+      }, f[0] || (f[0] = [
         e("i", { class: "fa-solid fa-times" }, null, -1)
-      ]))) : C("", !0)
+      ]))) : S("", !0)
     ], 2));
   }
 }, Ne = { class: "file-upload-drop-wrapper" }, Pe = {
   key: 0,
   class: "current-image"
-}, De = ["src"], Le = { class: "file-upload-drop" }, Re = ["id", "disabled"], Te = ["for"], Da = {
+}, De = ["src"], Le = { class: "file-upload-drop" }, Re = ["id", "disabled"], Ve = ["for"], Da = {
   __name: "FileDropzone",
   props: {
     imageBasePath: {
@@ -438,65 +438,65 @@ const we = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
   },
   emits: ["change", "remove"],
   setup(t, { emit: c }) {
-    const n = t, l = c, o = b(!1), a = b(null), r = b(""), s = b(!1), m = b(null), g = b(null);
+    const n = t, l = c, s = b(!1), a = b(null), r = b(""), o = b(!1), m = b(null), g = b(null);
     ve(() => {
-      n.image && n.image.ImageUrl && (r.value = n.imageBasePath + n.image.ImageUrl), a.value = new FileReader(), a.value.addEventListener("load", A);
+      n.image && n.image.ImageUrl && (r.value = n.imageBasePath + n.image.ImageUrl), a.value = new FileReader(), a.value.addEventListener("load", y);
     }), U(() => {
-      o.value = h(), o.value && m.value && (["drag", "drop"].forEach((v) => {
-        m.value.addEventListener(v, (x) => {
-          x.preventDefault(), x.stopPropagation();
+      s.value = f(), s.value && m.value && (["drag", "drop"].forEach((h) => {
+        m.value.addEventListener(h, (w) => {
+          w.preventDefault(), w.stopPropagation();
         });
-      }), ["dragstart", "dragenter", "dragover"].forEach((v) => {
-        m.value.addEventListener(v, (x) => {
-          x.preventDefault(), x.stopPropagation(), s.value = !0;
+      }), ["dragstart", "dragenter", "dragover"].forEach((h) => {
+        m.value.addEventListener(h, (w) => {
+          w.preventDefault(), w.stopPropagation(), o.value = !0;
         });
-      }), ["dragend", "dragleave"].forEach((v) => {
-        m.value.addEventListener(v, (x) => {
-          x.preventDefault(), x.stopPropagation(), s.value = !1;
+      }), ["dragend", "dragleave"].forEach((h) => {
+        m.value.addEventListener(h, (w) => {
+          w.preventDefault(), w.stopPropagation(), o.value = !1;
         });
-      }), m.value.addEventListener("drop", y));
+      }), m.value.addEventListener("drop", x));
     });
-    function h() {
-      const v = document.createElement("div");
-      return ("draggable" in v || "ondragstart" in v && "ondrop" in v) && "FormData" in window && "FileReader" in window;
+    function f() {
+      const h = document.createElement("div");
+      return ("draggable" in h || "ondragstart" in h && "ondrop" in h) && "FormData" in window && "FileReader" in window;
     }
-    function y(v) {
-      s.value = !1;
-      let x = v.dataTransfer.files;
-      i(x[0]), l("change", x[0]);
+    function x(h) {
+      o.value = !1;
+      let w = h.dataTransfer.files;
+      i(w[0]), l("change", w[0]);
     }
-    function S(v) {
-      const { value: x, files: p } = v.target;
-      i(p[0]), l("change", p[0]);
+    function v(h) {
+      const { value: w, files: A } = h.target;
+      i(A[0]), l("change", A[0]);
     }
-    function f() {
+    function p() {
       r.value = "", l("remove");
     }
-    function i(v) {
-      v && v.type.startsWith("image/") && a.value.readAsDataURL(v);
+    function i(h) {
+      h && h.type.startsWith("image/") && a.value.readAsDataURL(h);
     }
-    function A() {
+    function y() {
       r.value = a.value.result;
     }
-    return (v, x) => (d(), u("div", Ne, [
+    return (h, w) => (d(), u("div", Ne, [
       r.value ? (d(), u("div", Pe, [
         e("img", { src: r.value }, null, 8, De),
         t.showRemove ? (d(), u("a", {
           key: 0,
           class: "color-callout remove",
           title: "Remove image",
-          onClick: f
-        }, x[0] || (x[0] = [
+          onClick: p
+        }, w[0] || (w[0] = [
           e("i", { class: "fa-solid fa-xmark" }, null, -1)
-        ]))) : C("", !0)
-      ])) : C("", !0),
+        ]))) : S("", !0)
+      ])) : S("", !0),
       e("div", Le, [
         e("div", {
-          class: k(["drop-target", { over: s.value }]),
+          class: k(["drop-target", { over: o.value }]),
           ref_key: "droptargetref",
           ref: m
         }, [
-          x[2] || (x[2] = e("div", null, [
+          w[2] || (w[2] = e("div", null, [
             e("i", { class: "fa-solid fa-download" })
           ], -1)),
           e("input", {
@@ -504,7 +504,7 @@ const we = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
             id: t.id,
             class: "show-for-sr",
             disabled: t.disabled || t.updating,
-            onChange: S,
+            onChange: v,
             accept: "image/*",
             ref_key: "fileuploadref",
             ref: g
@@ -512,15 +512,15 @@ const we = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
           e("label", {
             for: t.id,
             class: "main-label"
-          }, x[1] || (x[1] = [
+          }, w[1] || (w[1] = [
             e("strong", null, "Choose a banner image", -1),
             P(" or drag it here")
-          ]), 8, Te)
+          ]), 8, Ve)
         ], 2)
       ])
     ]));
   }
-}, Ve = { class: "file-upload-wrapper" }, Fe = {
+}, Te = { class: "file-upload-wrapper" }, Fe = {
   key: 0,
   class: "file-upload-path"
 }, Oe = { class: "file-upload" }, Qe = ["for"], He = ["id", "disabled", "accept"], La = {
@@ -532,7 +532,10 @@ const we = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
       //MERCH_ASSET_BASE_PATH
     },
     file: [Object, File],
-    id: String,
+    id: {
+      type: String,
+      required: !0
+    },
     updating: {
       type: Boolean,
       default: !1
@@ -557,40 +560,40 @@ const we = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
   },
   emits: ["change"],
   setup(t, { emit: c }) {
-    const n = t, l = c, o = b(null), a = b(null);
+    const n = t, l = c, s = b(null), a = b(""), r = b(null);
     U(() => {
-      n.file && (internalFile.value = n.assetBasePath + n.file), o.value = new FileReader(), o.value.addEventListener("load", m);
+      n.file && (a.value = n.assetBasePath + n.file), s.value = new FileReader(), s.value.addEventListener("load", g);
     });
-    function r(h) {
-      const { value: y, files: S } = h.target;
-      S[0] && (s(S[0]), l("change", S[0]));
+    function o(x) {
+      const { value: v, files: p } = x.target;
+      p[0] && (m(p[0]), l("change", p[0]));
     }
-    function s(h) {
-      o.value.readAsDataURL(h);
+    function m(x) {
+      s.value.readAsDataURL(x);
     }
-    function m() {
-      internalFile.value = o.value.result;
+    function g() {
+      a.value = s.value.result;
     }
-    const g = M(() => (n.disabled || n.updating ? "disabled" : "") + " " + (n.cssClass || ""));
-    return (h, y) => (d(), u("span", Ve, [
+    const f = M(() => (n.disabled || n.updating ? "disabled" : "") + " " + (n.cssClass || ""));
+    return (x, v) => (d(), u("span", Te, [
       t.showFilePath && t.file ? (d(), u("span", Fe, [
-        y[0] || (y[0] = e("i", { class: "fa-regular fa-circle-check" }, null, -1)),
+        v[0] || (v[0] = e("i", { class: "fa-regular fa-circle-check" }, null, -1)),
         P(" " + B(t.file.name), 1)
-      ])) : C("", !0),
+      ])) : S("", !0),
       e("span", Oe, [
         e("label", {
           for: t.id,
-          class: k(["button", g.value])
+          class: k(["button", f.value])
         }, B(t.text), 11, Qe),
         e("input", {
           type: "file",
           id: t.id,
           class: "show-for-sr",
           disabled: t.disabled || t.updating,
-          onChange: r,
+          onChange: o,
           accept: t.accept,
           ref_key: "fileupload",
-          ref: a
+          ref: r
         }, null, 40, He)
       ])
     ]));
@@ -605,7 +608,7 @@ const we = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
       }, null, 8, Ke)
     ]));
   }
-}, Je = ["value", "maxlength", "disabled"], je = ["maxlength", "disabled"], qe = {
+}, Je = ["value", "maxlength", "disabled"], qe = ["maxlength", "disabled"], je = {
   key: 2,
   class: "mini-loader"
 }, We = {
@@ -661,45 +664,45 @@ const we = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
   },
   emits: ["search", "select", "enter"],
   setup(t, { expose: c, emit: n }) {
-    const l = t, o = n, a = b(""), r = b(""), s = b(!1), m = b(null), g = b(null), h = M(() => r.value && r.value.length >= l.minimumLength && s.value && (!l.loading || l.suggestions.length > 0)), y = z.debounce((w) => {
-      r.value = w, S();
+    const l = t, s = n, a = b(""), r = b(""), o = b(!1), m = b(null), g = b(null), f = M(() => r.value && r.value.length >= l.minimumLength && o.value && (!l.loading || l.suggestions.length > 0)), x = z.debounce((I) => {
+      r.value = I, v();
     });
-    function S() {
-      const w = l.useExternalValue ? l.externalValue : a.value;
-      (w.length === 0 || w.length >= l.minimumLength) && o("search", w);
+    function v() {
+      const I = l.useExternalValue ? l.externalValue : a.value;
+      (I.length === 0 || I.length >= l.minimumLength) && s("search", I);
     }
-    function f(w) {
-      let I = w;
-      l.nameOnly && (I = w.Name), o("select", I);
+    function p(I) {
+      let C = I;
+      l.nameOnly && (C = I.Name), s("select", C);
     }
-    function i(w) {
-      o("select", w.target.value);
+    function i(I) {
+      s("select", I.target.value);
     }
-    function A() {
+    function y() {
       l.useExternalValue && g.value ? g.value.focus() : m.value && m.value.focus();
     }
-    function v() {
-      s.value = !0;
+    function h() {
+      o.value = !0;
     }
-    function x() {
+    function w() {
       setTimeout(() => {
-        s.value = !1, a.value = "";
+        o.value = !1, a.value = "";
       }, 200);
     }
-    function p() {
-      o("enter");
+    function A() {
+      s("enter");
     }
-    return Y(() => l.externalValue, (w) => {
-      l.useExternalValue && y(w);
-    }, { immediate: !0 }), Y(a, (w) => {
-      l.useExternalValue || y(w);
+    return Y(() => l.externalValue, (I) => {
+      l.useExternalValue && x(I);
+    }, { immediate: !0 }), Y(a, (I) => {
+      l.useExternalValue || x(I);
     }, { immediate: !0 }), c({
-      focusInput: A
-    }), (w, I) => (d(), u("div", {
+      focusInput: y
+    }), (I, C) => (d(), u("div", {
       class: k(["lookup-container", { small: t.small }])
     }, [
       e("div", {
-        class: k(["input-container", { loading: t.loading, suggestions: h.value, small: t.small, error: t.invalid }])
+        class: k(["input-container", { loading: t.loading, suggestions: f.value, small: t.small, error: t.invalid }])
       }, [
         t.useExternalValue ? (d(), u("input", {
           key: 0,
@@ -710,9 +713,9 @@ const we = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
           value: t.externalValue,
           maxlength: t.maxLength,
           onInput: i,
-          onFocus: v,
-          onBlur: x,
-          onKeyup: H(p, ["enter"]),
+          onFocus: h,
+          onBlur: w,
+          onKeyup: H(A, ["enter"]),
           disabled: t.disabled
         }, null, 40, Je)) : Z((d(), u("input", {
           key: 1,
@@ -720,29 +723,29 @@ const we = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
           ref: m,
           type: "text",
           autocomplete: "off",
-          "onUpdate:modelValue": I[0] || (I[0] = (E) => a.value = E),
+          "onUpdate:modelValue": C[0] || (C[0] = (E) => a.value = E),
           maxlength: t.maxLength,
-          onFocus: v,
-          onBlur: x,
-          onKeyup: H(p, ["enter"]),
+          onFocus: h,
+          onBlur: w,
+          onKeyup: H(A, ["enter"]),
           disabled: t.disabled
-        }, null, 40, je)), [
+        }, null, 40, qe)), [
           [le, a.value]
         ]),
-        t.loading ? (d(), u("span", qe)) : C("", !0)
+        t.loading ? (d(), u("span", je)) : S("", !0)
       ], 2),
-      h.value ? (d(), u("div", We, [
+      f.value ? (d(), u("div", We, [
         e("ul", null, [
-          t.suggestions.length === 0 ? (d(), u("li", ze, "No " + B(t.searchType) + " found", 1)) : C("", !0),
+          t.suggestions.length === 0 ? (d(), u("li", ze, "No " + B(t.searchType) + " found", 1)) : S("", !0),
           (d(!0), u(N, null, R(t.suggestions, (E) => (d(), u("li", {
             key: E.Id
           }, [
             e("a", {
-              onClick: (G) => f(E)
+              onClick: (G) => p(E)
             }, B(E.Name), 9, Ze)
           ]))), 128))
         ])
-      ])) : C("", !0)
+      ])) : S("", !0)
     ], 2));
   }
 }, $e = {
@@ -796,14 +799,14 @@ const we = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
         lang: "en"
       }, B(t.title), 9, _e),
       e("g", null, [
-        q(c.$slots, "default")
+        j(c.$slots, "default")
       ])
     ], 8, Xe));
   }
 }, F = (t, c) => {
   const n = t.__vccOpts || t;
-  for (const [l, o] of c)
-    n[l] = o;
+  for (const [l, s] of c)
+    n[l] = s;
   return n;
 }, et = {
   name: "IconClose"
@@ -811,7 +814,7 @@ const we = /* @__PURE__ */ JSON.parse(`[{"name":"United States","code":"US"},{"n
   class: "color-target",
   transform: "translate(3 3.5)"
 };
-function at(t, c, n, l, o, a) {
+function at(t, c, n, l, s, a) {
   return d(), u("g", tt, c[0] || (c[0] = [
     e("rect", {
       width: "20",
@@ -834,7 +837,7 @@ function at(t, c, n, l, o, a) {
 const nt = /* @__PURE__ */ F(et, [["render", at]]), rt = { class: "modal-wrapper" }, st = { class: "scrollable-content" }, ot = { class: "modal-header" }, lt = { key: 0 }, ct = { key: 0 }, it = { class: "modal-body" }, dt = {
   key: 0,
   class: "modal-footer"
-}, Ta = {
+}, Va = {
   __name: "ModalWrapper",
   props: {
     header: {
@@ -854,11 +857,11 @@ const nt = /* @__PURE__ */ F(et, [["render", at]]), rt = { class: "modal-wrapper
   },
   emits: ["close"],
   setup(t, { emit: c }) {
-    const n = Ae(), l = c, o = t, a = M(() => !!n.footer);
-    function r(s) {
-      o.closeable && s.target === s.currentTarget && l("close");
+    const n = Ae(), l = c, s = t, a = M(() => !!n.footer);
+    function r(o) {
+      s.closeable && o.target === o.currentTarget && l("close");
     }
-    return (s, m) => (d(), ee(pe, { name: "modal" }, {
+    return (o, m) => (d(), ee(pe, { name: "modal" }, {
       default: W(() => [
         e("div", {
           class: k(["modal-mask hide-for-print", t.maskCssClass]),
@@ -870,7 +873,7 @@ const nt = /* @__PURE__ */ F(et, [["render", at]]), rt = { class: "modal-wrapper
             t.closeable ? (d(), u("a", {
               key: 0,
               class: "close",
-              onClick: m[0] || (m[0] = (g) => s.$emit("close"))
+              onClick: m[0] || (m[0] = (g) => o.$emit("close"))
             }, [
               Q(ae, {
                 "icon-name": "close",
@@ -883,7 +886,7 @@ const nt = /* @__PURE__ */ F(et, [["render", at]]), rt = { class: "modal-wrapper
                 ]),
                 _: 1
               })
-            ])) : C("", !0),
+            ])) : S("", !0),
             e("div", rt, [
               e("div", {
                 class: k(["modal-grid", { "with-footer": a.value }])
@@ -892,16 +895,16 @@ const nt = /* @__PURE__ */ F(et, [["render", at]]), rt = { class: "modal-wrapper
                   e("div", ot, [
                     t.header || t.subheader ? (d(), u("h3", lt, [
                       P(B(t.header) + " ", 1),
-                      t.subheader ? (d(), u("small", ct, B(t.subheader), 1)) : C("", !0)
-                    ])) : C("", !0)
+                      t.subheader ? (d(), u("small", ct, B(t.subheader), 1)) : S("", !0)
+                    ])) : S("", !0)
                   ]),
                   e("div", it, [
-                    q(s.$slots, "body")
+                    j(o.$slots, "body")
                   ])
                 ]),
                 a.value ? (d(), u("div", dt, [
-                  q(s.$slots, "footer")
-                ])) : C("", !0)
+                  j(o.$slots, "footer")
+                ])) : S("", !0)
               ], 2)
             ])
           ], 2)
@@ -910,7 +913,7 @@ const nt = /* @__PURE__ */ F(et, [["render", at]]), rt = { class: "modal-wrapper
       _: 3
     }));
   }
-}, ut = ["value", "placeholder", "disabled", "pattern", "onKeydown"], Va = {
+}, ut = ["value", "placeholder", "disabled", "pattern", "onKeydown"], Ta = {
   __name: "NumberInput",
   props: {
     value: Number,
@@ -947,44 +950,44 @@ const nt = /* @__PURE__ */ F(et, [["render", at]]), rt = { class: "modal-wrapper
   },
   emits: ["change"],
   setup(t, { emit: c }) {
-    const n = /^-?(?:\d+|\d+\.\d+|\.\d+)(?:[eE][-+]?\d+)?$/, l = t, o = c, a = b(null), r = b(l.value), s = b(l.value);
-    function m(p) {
-      l.emitOnInput && f(p.target.value, !0);
+    const n = /^-?(?:\d+|\d+\.\d+|\.\d+)(?:[eE][-+]?\d+)?$/, l = t, s = c, a = b(null), r = b(l.value), o = b(l.value);
+    function m(A) {
+      l.emitOnInput && p(A.target.value, !0);
     }
-    function g(p) {
-      l.emitOnInput || f(p.target.value);
+    function g(A) {
+      l.emitOnInput || p(A.target.value);
     }
-    function h(p) {
-      l.selectOnFocus && p.target.select();
+    function f(A) {
+      l.selectOnFocus && A.target.select();
     }
-    function y(p) {
-      const w = p.clipboardData || window.clipboardData;
-      w && !n.test(w.getData("text")) && p.preventDefault();
+    function x(A) {
+      const I = A.clipboardData || window.clipboardData;
+      I && !n.test(I.getData("text")) && A.preventDefault();
     }
-    function S(p, w, I) {
-      return p <= I ? Math.min(I, Math.max(p, w)) : w;
+    function v(A, I, C) {
+      return A <= C ? Math.min(C, Math.max(A, I)) : I;
     }
-    function f(p, w = !1) {
-      let I = Math.round(p);
-      l.min <= l.max && (I = S(l.min, I, l.max)), r.value = I, a.value.value != I && (a.value.value = I), (!w || l.emitOnInput) && x();
+    function p(A, I = !1) {
+      let C = Math.round(A);
+      l.min <= l.max && (C = v(l.min, C, l.max)), r.value = C, a.value.value != C && (a.value.value = C), (!I || l.emitOnInput) && w();
     }
-    function i(p = !0) {
-      let w = l.step;
-      p || (w = -w), r.value += w, l.emitOnInput && x();
+    function i(A = !0) {
+      let I = l.step;
+      A || (I = -I), r.value += I, l.emitOnInput && w();
     }
-    function A(p) {
+    function y(A) {
       r.value < l.max && i();
     }
-    function v(p) {
+    function h(A) {
       r.value > l.min && i(!1);
     }
-    function x() {
-      r.value != s.value && (s.value = r.value, o("change", r.value));
+    function w() {
+      r.value != o.value && (o.value = r.value, s("change", r.value));
     }
-    return Y(() => l.value, (p) => {
-      const w = parseInt(p);
-      !isNaN(w) && w !== r.value && f(w);
-    }, { immediate: !0 }), (p, w) => (d(), u("input", {
+    return Y(() => l.value, (A) => {
+      const I = parseInt(A);
+      !isNaN(I) && I !== r.value && p(I);
+    }, { immediate: !0 }), (A, I) => (d(), u("input", {
       type: "number",
       value: r.value,
       placeholder: t.placeholder,
@@ -994,14 +997,14 @@ const nt = /* @__PURE__ */ F(et, [["render", at]]), rt = { class: "modal-wrapper
       ref_key: "inputref",
       ref: a,
       onKeydown: [
-        H(ne(A, ["prevent"]), ["up"]),
-        H(ne(v, ["prevent"]), ["down"]),
+        H(ne(y, ["prevent"]), ["up"]),
+        H(ne(h, ["prevent"]), ["down"]),
         H(g, ["enter"])
       ],
       onInput: m,
       onBlur: g,
-      onFocus: h,
-      onPaste: y
+      onFocus: f,
+      onPaste: x
     }, null, 40, ut));
   }
 }, gt = { class: "pagination" }, mt = { key: 1 }, ft = { key: 0 }, ht = ["onClick"], vt = {
@@ -1040,39 +1043,39 @@ const nt = /* @__PURE__ */ F(et, [["render", at]]), rt = { class: "modal-wrapper
   },
   emits: ["navigate", "top"],
   setup(t, { emit: c }) {
-    const n = t, l = c, o = J([]), a = b(!1), r = J([]), s = J([]), m = b(!1);
+    const n = t, l = c, s = J([]), a = b(!1), r = J([]), o = J([]), m = b(!1);
     function g() {
-      n.hasNextPage && y(n.pageIndex + 1);
+      n.hasNextPage && x(n.pageIndex + 1);
     }
-    function h() {
-      n.hasPreviousPage && y(n.pageIndex - 1);
+    function f() {
+      n.hasPreviousPage && x(n.pageIndex - 1);
     }
-    function y(f) {
-      f !== n.pageIndex && (l("navigate", f), l("top"));
+    function x(p) {
+      p !== n.pageIndex && (l("navigate", p), l("top"));
     }
-    function S() {
-      if (o.splice(0), a.value = !1, r.splice(0), m.value = !1, s.splice(0), n.totalPages > 0)
+    function v() {
+      if (s.splice(0), a.value = !1, r.splice(0), m.value = !1, o.splice(0), n.totalPages > 0)
         if (n.totalPages > n.maxVisiblePages) {
-          let f = 0;
+          let p = 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 && (o.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, s.push(n.totalPages - 1));
+          n.pageIndex > n.totalPages - i - 1 ? p = n.totalPages - n.maxVisiblePages : n.pageIndex > i && (p = n.pageIndex - i), p > 0 && (s.push(0), a.value = !0);
+          for (let y = p; y < p + n.maxVisiblePages; y++)
+            r.push(y);
+          p < n.totalPages - n.maxVisiblePages && (m.value = !0, o.push(n.totalPages - 1));
         } else
-          for (let f = 0; f < n.totalPages; f++)
-            r.push(f);
+          for (let p = 0; p < n.totalPages; p++)
+            r.push(p);
     }
-    return Y(() => n.loading, (f, i) => {
-      !f && i && S();
-    }), (f, i) => (d(), u("nav", null, [
+    return Y(() => n.loading, (p, i) => {
+      !p && i && v();
+    }), (p, i) => (d(), u("nav", null, [
       e("ul", gt, [
         e("li", {
           class: k(["pagination-previous", { disabled: !t.hasPreviousPage }])
         }, [
           t.hasPreviousPage ? (d(), u("a", {
             key: 0,
-            onClick: h
+            onClick: f
           }, i[0] || (i[0] = [
             e("span", null, "Previous", -1)
           ]))) : (d(), u("span", mt, i[1] || (i[1] = [
@@ -1080,31 +1083,31 @@ const nt = /* @__PURE__ */ F(et, [["render", at]]), rt = { class: "modal-wrapper
           ])))
         ], 2),
         t.totalPages > 0 ? (d(), u(N, { key: 0 }, [
-          (d(!0), u(N, null, R(o, (A) => (d(), u("li", {
-            class: k({ current: A === t.pageIndex })
+          (d(!0), u(N, null, R(s, (y) => (d(), u("li", {
+            class: k({ current: y === t.pageIndex })
           }, [
-            A === t.pageIndex ? (d(), u("span", ft, B(A + 1), 1)) : (d(), u("a", {
+            y === t.pageIndex ? (d(), u("span", ft, B(y + 1), 1)) : (d(), u("a", {
               key: 1,
-              onClick: (v) => y(A)
-            }, B(A + 1), 9, ht))
+              onClick: (h) => x(y)
+            }, B(y + 1), 9, ht))
           ], 2))), 256)),
-          a.value ? (d(), u("li", vt)) : C("", !0),
-          (d(!0), u(N, null, R(r, (A) => (d(), u("li", {
-            class: k({ current: A === t.pageIndex })
+          a.value ? (d(), u("li", vt)) : S("", !0),
+          (d(!0), u(N, null, R(r, (y) => (d(), u("li", {
+            class: k({ current: y === t.pageIndex })
           }, [
-            A === t.pageIndex ? (d(), u("span", At, B(A + 1), 1)) : (d(), u("a", {
+            y === t.pageIndex ? (d(), u("span", At, B(y + 1), 1)) : (d(), u("a", {
               key: 1,
-              onClick: (v) => y(A)
-            }, B(A + 1), 9, pt))
+              onClick: (h) => x(y)
+            }, B(y + 1), 9, pt))
           ], 2))), 256)),
-          m.value ? (d(), u("li", yt)) : C("", !0),
-          (d(!0), u(N, null, R(s, (A) => (d(), u("li", {
-            class: k({ current: A === t.pageIndex })
+          m.value ? (d(), u("li", yt)) : S("", !0),
+          (d(!0), u(N, null, R(o, (y) => (d(), u("li", {
+            class: k({ current: y === t.pageIndex })
           }, [
-            A === t.pageIndex ? (d(), u("span", xt, B(A + 1), 1)) : (d(), u("a", {
+            y === t.pageIndex ? (d(), u("span", xt, B(y + 1), 1)) : (d(), u("a", {
               key: 1,
-              onClick: (v) => y(A)
-            }, B(A + 1), 9, wt))
+              onClick: (h) => x(y)
+            }, B(y + 1), 9, wt))
           ], 2))), 256))
         ], 64)) : (d(), u("li", It, i[2] || (i[2] = [
           e("span", { class: "disabled" }, "1", -1)
@@ -1135,7 +1138,7 @@ const nt = /* @__PURE__ */ F(et, [["render", at]]), rt = { class: "modal-wrapper
   "stroke-width": "2",
   d: "M6 10l6.119 6L18 10"
 };
-function Bt(t, c, n, l, o, a) {
+function Bt(t, c, n, l, s, a) {
   return d(), u("path", St);
 }
 const se = /* @__PURE__ */ F(bt, [["render", Bt]]), kt = { class: "image-selector" }, Mt = { class: "image-area" }, Et = { class: "images-wrapper" }, Nt = {
@@ -1144,7 +1147,7 @@ const se = /* @__PURE__ */ F(bt, [["render", Bt]]), kt = { class: "image-selecto
 }, Pt = {
   key: 0,
   class: "image-nav"
-}, Dt = ["disabled"], Lt = ["src"], Rt = ["onClick"], Tt = ["src"], Vt = ["onClick"], Ft = ["src"], Ot = ["disabled"], Oa = {
+}, Dt = ["disabled"], Lt = ["src"], Rt = ["onClick"], Vt = ["src"], Tt = ["onClick"], Ft = ["src"], Ot = ["disabled"], Oa = {
   __name: "ProductImageSelector",
   props: {
     imageBasePath: {
@@ -1178,11 +1181,11 @@ const se = /* @__PURE__ */ F(bt, [["render", Bt]]), kt = { class: "image-selecto
   },
   emits: ["update"],
   setup(t, { emit: c }) {
-    const n = t, l = c, o = b(0), a = b(6);
+    const n = t, l = c, s = b(0), a = b(6);
     function r(D) {
       return n.selectedImage.replace(n.imageBasePath, "") === D.ImageUrl;
     }
-    function s(D) {
+    function o(D) {
       n.disabled || l("update", D);
     }
     function m() {
@@ -1192,38 +1195,38 @@ const se = /* @__PURE__ */ F(bt, [["render", Bt]]), kt = { class: "image-selecto
       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() {
-      S(-1);
+    function f() {
+      v(-1);
     }
-    function y() {
-      S(1);
+    function x() {
+      v(1);
     }
-    function S(D) {
-      let T = o.value + D;
-      T < 0 ? T = 0 : T > v.value && (T = v.value), o.value = T;
+    function v(D) {
+      let V = s.value + D;
+      V < 0 ? V = 0 : V > h.value && (V = h.value), s.value = V;
     }
-    const f = M(() => n.product ? n.product.AdditionalImages.length + n.product.LifeStyleImages.length : 0), i = M(() => f.value + (n.hasVariants ? 1 : 0)), A = M(() => i.value > a.value), v = M(() => i.value - a.value);
-    function x(D) {
+    const p = M(() => n.product ? n.product.AdditionalImages.length + n.product.LifeStyleImages.length : 0), i = M(() => p.value + (n.hasVariants ? 1 : 0)), y = M(() => i.value > a.value), h = M(() => i.value - a.value);
+    function w(D) {
       return D && D.ImageUrl ? n.imageBasePath + D.ImageUrl + ";width=100;height=100" : null;
     }
-    const p = M(() => n.selectedImage ? (n.usePathPrefix ? n.imageBasePath : "") + n.selectedImage : null), w = M(() => p.value ? { "background-image": 'url("' + p.value + (n.usePathPrefix ? ";width=1200;height=1200" : "") + '")' } : null), I = M(() => 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), E = M(() => "up-" + Math.min(i.value, a.value)), G = M(() => ({ left: "-" + o.value * (100 / a.value) + "%" })), me = M(() => g.value && n.variant && n.variant.SubstitutedImage);
-    return (D, T) => (d(), u("div", kt, [
+    const A = M(() => n.selectedImage ? (n.usePathPrefix ? n.imageBasePath : "") + n.selectedImage : null), I = M(() => A.value ? { "background-image": 'url("' + A.value + (n.usePathPrefix ? ";width=1200;height=1200" : "") + '")' } : null), C = M(() => 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), E = M(() => "up-" + Math.min(i.value, a.value)), G = M(() => ({ left: "-" + s.value * (100 / a.value) + "%" })), me = M(() => g.value && n.variant && n.variant.SubstitutedImage);
+    return (D, V) => (d(), u("div", kt, [
       e("div", Mt, [
         e("div", Et, [
           e("div", {
             class: k(["image-container", { empty: t.showEmpty && t.selectedImage === "" }]),
-            style: K(w.value)
+            style: K(I.value)
           }, [
-            me.value ? (d(), u("small", Nt, "*Image may not be representative of actual product with options currently selected")) : C("", !0)
+            me.value ? (d(), u("small", Nt, "*Image may not be representative of actual product with options currently selected")) : S("", !0)
           ], 6)
         ])
       ]),
       t.product || t.forceNav ? (d(), u("nav", Pt, [
-        A.value ? (d(), u("a", {
+        y.value ? (d(), u("a", {
           key: 0,
           class: "arrow rotate-90 show-for-medium",
-          onClick: h,
-          disabled: o.value === 0
+          onClick: f,
+          disabled: s.value === 0
         }, [
           Q(ae, {
             width: "32",
@@ -1236,7 +1239,7 @@ const se = /* @__PURE__ */ F(bt, [["render", Bt]]), kt = { class: "image-selecto
             ]),
             _: 1
           })
-        ], 8, Dt)) : C("", !0),
+        ], 8, Dt)) : S("", !0),
         e("div", {
           class: k(["image-nav-list", E.value])
         }, [
@@ -1246,38 +1249,38 @@ const se = /* @__PURE__ */ F(bt, [["render", Bt]]), kt = { class: "image-selecto
             style: K(G.value)
           }, [
             e("img", {
-              src: I.value,
+              src: C.value,
               alt: ""
             }, null, 8, Lt)
           ], 6),
           t.product ? (d(), u(N, { key: 0 }, [
-            (d(!0), u(N, null, R(t.product.AdditionalImages, (V, fe) => (d(), u("a", {
-              class: k({ current: r(V) }),
-              onClick: (he) => s(V),
+            (d(!0), u(N, null, R(t.product.AdditionalImages, (T, fe) => (d(), u("a", {
+              class: k({ current: r(T) }),
+              onClick: (he) => o(T),
               style: K(G.value)
             }, [
               e("img", {
-                src: x(V),
+                src: w(T),
                 alt: ""
-              }, null, 8, Tt)
+              }, null, 8, Vt)
             ], 14, Rt))), 256)),
-            (d(!0), u(N, null, R(t.product.LifeStyleImages, (V, fe) => (d(), u("a", {
-              class: k({ current: r(V) }),
-              onClick: (he) => s(V),
+            (d(!0), u(N, null, R(t.product.LifeStyleImages, (T, fe) => (d(), u("a", {
+              class: k({ current: r(T) }),
+              onClick: (he) => o(T),
               style: K(G.value)
             }, [
               e("img", {
-                src: x(V),
+                src: w(T),
                 alt: ""
               }, null, 8, Ft)
-            ], 14, Vt))), 256))
-          ], 64)) : C("", !0)
+            ], 14, Tt))), 256))
+          ], 64)) : S("", !0)
         ], 2),
-        A.value ? (d(), u("a", {
+        y.value ? (d(), u("a", {
           key: 1,
           class: "arrow rotate-270 show-for-medium",
-          onClick: y,
-          disabled: o.value === v.value
+          onClick: x,
+          disabled: s.value === h.value
         }, [
           Q(ae, {
             width: "32",
@@ -1290,17 +1293,20 @@ const se = /* @__PURE__ */ F(bt, [["render", Bt]]), kt = { class: "image-selecto
             ]),
             _: 1
           })
-        ], 8, Ot)) : C("", !0)
-      ])) : C("", !0)
+        ], 8, Ot)) : S("", !0)
+      ])) : S("", !0)
     ]));
   }
 }, Qt = ["id"], Ht = { class: "value" }, Yt = { class: "options-list-container" }, Gt = { class: "input-container search small" }, Kt = ["aria-controls", "aria-expanded", "maxlength", "disabled"], Ut = ["aria-label", "id"], Jt = {
   key: 0,
   class: "option empty"
-}, jt = ["onClick"], Qa = {
+}, qt = ["onClick"], Qa = {
   __name: "SearchableDropdownInput",
   props: {
-    id: String,
+    id: {
+      type: String,
+      required: !0
+    },
     label: String,
     externalValueId: String,
     externalValueName: String,
@@ -1332,71 +1338,71 @@ const se = /* @__PURE__ */ F(bt, [["render", Bt]]), kt = { class: "image-selecto
   },
   emits: ["update"],
   setup(t, { expose: c, emit: n }) {
-    const l = t, o = n, a = b(null), r = b(""), s = b(!1), m = J([]), g = b(null), h = b(null);
+    const l = t, s = n, a = b(null), r = b(""), o = b(!1), m = J([]), g = b(null), f = b(null);
     U(() => {
       l.externalValueId && l.externalValueName && (a.value = { Id: l.externalValueId, Name: l.externalValueName }), l.options.length && (m.splice(0), m.push(...l.options));
     });
-    function y() {
-      let p = [];
+    function x() {
+      let A = [];
       if (r.value) {
-        const w = r.value.toLowerCase();
-        l.options.forEach((I) => {
-          I.Name && I.Name.toLowerCase().indexOf(w) > -1 && p.push(I);
+        const I = r.value.toLowerCase();
+        l.options.forEach((C) => {
+          C.Name && C.Name.toLowerCase().indexOf(I) > -1 && A.push(C);
         });
       } else
-        p = l.options.slice();
-      m.splice(0), m.push(...p);
+        A = l.options.slice();
+      m.splice(0), m.push(...A);
     }
-    function S(p) {
-      p.value = p, o("update", p), g.value && g.value.blur(), s.value = !1;
+    function v(A) {
+      A.value = A, s("update", A), g.value && g.value.blur(), o.value = !1;
     }
-    function f() {
-      s.value = !0;
+    function p() {
+      o.value = !0;
     }
     function i() {
-      s.value = !0, h.value && h.value.focus();
+      o.value = !0, f.value && f.value.focus();
     }
-    function A(p) {
-      s.value = !0;
+    function y(A) {
+      o.value = !0;
     }
-    function v(p) {
+    function h(A) {
       setTimeout(() => {
-        (!g.value || !document.activeElement || document.activeElement.id !== l.id + "-container" && !g.value.contains(document.activeElement)) && (s.value = !1, r.value = "");
+        (!g.value || !document.activeElement || document.activeElement.id !== l.id + "-container" && !g.value.contains(document.activeElement)) && (o.value = !1, r.value = "");
       }, 200);
     }
-    const x = M(() => (l.cssClass || "") + (s.value ? " open" : "") + (l.invalid ? " error" : ""));
-    return Y(() => l.loading, (p, w) => {
-      !p && w && (r.value = "", y());
-    }), Y(() => r.value, (p) => {
-      y();
+    const w = M(() => (l.cssClass || "") + (o.value ? " open" : "") + (l.invalid ? " error" : ""));
+    return Y(() => l.loading, (A, I) => {
+      !A && I && (r.value = "", x());
+    }), Y(() => r.value, (A) => {
+      x();
     }), c({
-      focusInput: f,
+      focusInput: p,
       focusSearchInput: i
-    }), (p, w) => (d(), u("div", {
+    }), (A, I) => (d(), u("div", {
       id: t.id + "-container",
       ref_key: "containerref",
       ref: g,
       class: "input-container searchable-dropdown-container",
-      onFocusin: A,
-      onFocusout: v,
+      onFocusin: y,
+      onFocusout: h,
       tabindex: "0"
     }, [
       e("div", {
-        class: k(["input-container select false-select", x.value])
+        class: k(["input-container select false-select", w.value])
       }, [
         e("span", Ht, B(a.value ? a.value.Name : "Select"), 1),
         e("div", Yt, [
           e("div", Gt, [
             Z(e("input", {
               ref_key: "inputref",
-              ref: h,
+              ref: f,
               type: "text",
               autocomplete: "off",
               role: "combobox",
               "aria-controls": t.id + "-list",
               "aria-autocomplete": "list",
-              "aria-expanded": s.value,
-              "onUpdate:modelValue": w[0] || (w[0] = (I) => r.value = I),
+              "aria-expanded": o.value,
+              "onUpdate:modelValue": I[0] || (I[0] = (C) => r.value = C),
               maxlength: t.maxLength,
               disabled: t.disabled
             }, null, 8, Kt), [
@@ -1409,19 +1415,19 @@ const se = /* @__PURE__ */ F(bt, [["render", Bt]]), kt = { class: "image-selecto
             "aria-label": t.label,
             id: t.id + "-list"
           }, [
-            m.length === 0 ? (d(), u("span", Jt, "No " + B(t.searchType) + " found", 1)) : C("", !0),
-            (d(!0), u(N, null, R(m, (I) => (d(), u("a", {
-              key: I.Id,
+            m.length === 0 ? (d(), u("span", Jt, "No " + B(t.searchType) + " found", 1)) : S("", !0),
+            (d(!0), u(N, null, R(m, (C) => (d(), u("a", {
+              key: C.Id,
               role: "option",
-              class: k(["option", { active: a.value && a.value.Id === I.Id }]),
-              onClick: (E) => S(I)
-            }, B(I.Name), 11, jt))), 128))
+              class: k(["option", { active: a.value && a.value.Id === C.Id }]),
+              onClick: (E) => v(C)
+            }, B(C.Name), 11, qt))), 128))
           ], 8, Ut)
         ])
       ], 2)
     ], 40, Qt));
   }
-}, qt = { class: "slideshow-wrapper" }, Wt = { class: "slideshow-nav" }, zt = ["aria-label", "onClick"], Zt = { key: 1 }, Ha = {
+}, jt = { class: "slideshow-wrapper" }, Wt = { class: "slideshow-nav" }, zt = ["aria-label", "onClick"], Zt = { key: 1 }, Ha = {
   __name: "Slideshow",
   props: {
     imageBasePath: {
@@ -1464,85 +1470,83 @@ const se = /* @__PURE__ */ F(bt, [["render", Bt]]), kt = { class: "image-selecto
     U(() => {
       a();
     });
-    const o = b(null);
+    const s = b(null);
     function a() {
       n.auto && r();
     }
     function r() {
-      n.slides.length > 0 && (o.value !== null && clearTimeout(o.value), o.value = setTimeout(y, n.delay));
+      n.slides.length > 0 && (s.value !== null && clearTimeout(s.value), s.value = setTimeout(x, n.delay));
     }
-    function s() {
+    function o() {
       n.auto && m();
     }
     function m() {
-      o.value !== null && (clearTimeout(o.value), o.value = null);
+      s.value !== null && (clearTimeout(s.value), s.value = null);
     }
     const g = b(0);
-    function h() {
-      S(f.value);
+    function f() {
+      v(p.value);
     }
-    function y() {
-      S(i.value);
+    function x() {
+      v(i.value);
     }
-    function S(v) {
-      s(), g.value = v, l("change", v), a();
+    function v(h) {
+      o(), g.value = h, l("change", h), a();
     }
-    const f = M(() => g.value === 0 ? n.slides.length - 1 : g.value - 1), i = M(() => g.value === n.slides.length - 1 ? 0 : g.value + 1);
-    function A(v) {
-      return { backgroundImage: 'url("' + (n.usePrefix ? n.imageBasePath : "") + v + (n.widthSuffix ? ";width=" + n.widthSuffix : "") + '")' };
+    const p = M(() => g.value === 0 ? n.slides.length - 1 : g.value - 1), i = M(() => g.value === n.slides.length - 1 ? 0 : g.value + 1);
+    function y(h) {
+      return { backgroundImage: 'url("' + (n.usePrefix ? n.imageBasePath : "") + h + (n.widthSuffix ? ";width=" + n.widthSuffix : "") + '")' };
     }
-    return (v, x) => {
-      const p = te("touch"), w = te("touch-options");
-      return d(), u("div", null, [
-        t.slides.length > 1 ? (d(), u("div", {
-          key: 0,
-          class: k(["slideshow", { small: t.small }]),
-          onMouseover: s,
-          onMouseout: a
-        }, [
-          e("div", qt, [
-            Z((d(), u("div", null, [
-              (d(!0), u(N, null, R(t.slides, (I, E) => (d(), u("div", {
-                class: k(["slide", { current: E == g.value, prev: E === f.value, next: E === i.value }]),
-                style: K(A(I))
-              }, null, 6))), 256))
-            ])), [
-              [
-                p,
-                y,
-                "swipe",
-                { left: !0 }
-              ],
-              [
-                p,
-                h,
-                "swipe",
-                { right: !0 }
-              ],
-              [w, { swipeTolerance: 50 }]
-            ]),
-            t.slides.length > 1 || t.forceNav ? (d(), u("a", {
-              key: 0,
-              class: "nav prev show-for-medium",
-              onClick: h
-            })) : C("", !0),
-            t.slides.length > 1 || t.forceNav ? (d(), u("a", {
-              key: 1,
-              class: "nav next show-for-medium",
-              onClick: y
-            })) : C("", !0)
+    return (h, w) => {
+      const A = te("touch"), I = te("touch-options");
+      return t.slides.length > 1 ? (d(), u("div", {
+        key: 0,
+        class: k(["slideshow", { small: t.small }]),
+        onMouseover: o,
+        onMouseout: a
+      }, [
+        e("div", jt, [
+          Z((d(), u("div", null, [
+            (d(!0), u(N, null, R(t.slides, (C, E) => (d(), u("div", {
+              class: k(["slide", { current: E == g.value, prev: E === p.value, next: E === i.value }]),
+              style: K(y(C))
+            }, null, 6))), 256))
+          ])), [
+            [
+              A,
+              x,
+              "swipe",
+              { left: !0 }
+            ],
+            [
+              A,
+              f,
+              "swipe",
+              { right: !0 }
+            ],
+            [I, { swipeTolerance: 50 }]
           ]),
-          e("nav", Wt, [
-            (d(!0), u(N, null, R(t.slides, (I, E) => (d(), u("a", {
-              "aria-label": E,
-              class: k({ current: E == g.value }),
-              onClick: (G) => S(E)
-            }, null, 10, zt))), 256))
-          ])
-        ], 34)) : (d(), u("div", Zt, [
-          q(v.$slots, "default")
-        ]))
-      ]);
+          t.slides.length > 1 || t.forceNav ? (d(), u("a", {
+            key: 0,
+            class: "nav prev show-for-medium",
+            onClick: f
+          })) : S("", !0),
+          t.slides.length > 1 || t.forceNav ? (d(), u("a", {
+            key: 1,
+            class: "nav next show-for-medium",
+            onClick: x
+          })) : S("", !0)
+        ]),
+        e("nav", Wt, [
+          (d(!0), u(N, null, R(t.slides, (C, E) => (d(), u("a", {
+            "aria-label": E,
+            class: k({ current: E == g.value }),
+            onClick: (G) => v(E)
+          }, null, 10, zt))), 256))
+        ])
+      ], 34)) : (d(), u("div", Zt, [
+        j(h.$slots, "default")
+      ]));
     };
   }
 }, $t = ["id", "checked", "disabled"], Xt = ["for", "data-true-label", "data-false-label"], Ya = {
@@ -1564,21 +1568,24 @@ const se = /* @__PURE__ */ F(bt, [["render", Bt]]), kt = { class: "image-selecto
       type: String,
       default: "No"
     },
-    id: String,
+    id: {
+      type: String,
+      required: !0
+    },
     cssClass: String
   },
   emits: ["change"],
   setup(t, { emit: c }) {
-    const l = b(t.value), o = c;
+    const n = t, l = c, s = b(n.value);
     function a() {
-      l.value = !l.value, o("change", l.value);
+      s.value = !s.value, l("change", s.value);
     }
-    return (r, s) => (d(), u("div", {
+    return (r, o) => (d(), u("div", {
       class: k(["switch", t.cssClass])
     }, [
       e("input", {
         id: t.id,
-        checked: l.value,
+        checked: s.value,
         type: "checkbox",
         class: "switch-input",
         onChange: a,
@@ -1648,47 +1655,49 @@ const se = /* @__PURE__ */ F(bt, [["render", Bt]]), kt = { class: "image-selecto
       WEEKS: "WEEKS",
       MONTHS: "MONTHS",
       YEARS: "YEARS"
-    }, l = t, o = c, a = b(""), r = b(n.DAYS);
+    }, l = t, s = c;
+    b("");
+    const a = b(n.DAYS);
     U(() => {
-      s();
+      r();
     });
-    function s() {
-      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;
+    function r() {
+      let v = l.initialValue, p = n.DAYS;
+      v && !isNaN(v) && (v % 365 === 0 ? (v = v / 365, p = n.YEARS) : v % 7 === 0 && (v = v / 7, p = n.WEEKS)), daysValue.value = v, a.value = p;
     }
-    function m(f, i) {
-      let A = f, v = r.value;
-      f && !isNaN(f) ? r.value === n.DAYS ? A % 365 === 0 ? (A = A / 365, v = n.YEARS) : A % 7 === 0 && (A = A / 7, v = n.WEEKS) : r.value === n.MONTHS && f % 12 === 0 && (A = f / 12, v = n.YEARS) : (A = "", v = n.DAYS), f.value = A, r.value = v, i !== void 0 && ye(i);
+    function o(v, p) {
+      let i = v, y = a.value;
+      v && !isNaN(v) ? a.value === n.DAYS ? i % 365 === 0 ? (i = i / 365, y = n.YEARS) : i % 7 === 0 && (i = i / 7, y = n.WEEKS) : a.value === n.MONTHS && v % 12 === 0 && (i = v / 12, y = n.YEARS) : (i = "", y = n.DAYS), daysValue.value = i, a.value = y, p !== void 0 && ye(p);
     }
-    function g(f) {
-      const { value: i } = f.target;
-      r.value = i, m(i, y);
+    function m(v) {
+      const { value: p } = v.target;
+      a.value = p, o(daysValue.value, f);
     }
-    function h(f) {
-      const { value: i } = f.currentTarget;
-      m(i, y);
+    function g(v) {
+      const { value: p } = v.currentTarget;
+      o(p, f);
     }
-    function y() {
-      o("update", S.value, l.name);
+    function f() {
+      s("update", x.value, l.name);
     }
-    const S = M(() => {
-      let f = a.value;
-      return r.value === n.WEEKS ? f = f * 7 : r.value === n.YEARS && (f = f * 365), f;
+    const x = M(() => {
+      let v = daysValue.value;
+      return a.value === n.WEEKS ? v = v * 7 : a.value === n.YEARS && (v = v * 365), v;
     });
-    return (f, i) => (d(), u("div", ea, [
+    return (v, p) => (d(), u("div", ea, [
       e("div", ta, [
         e("input", {
           type: "number",
           min: 0,
           max: 9999,
-          onChange: h,
-          value: a.value
+          onChange: g,
+          value: v.daysValue
         }, null, 40, aa)
       ]),
       e("div", na, [
         e("select", {
-          value: r.value,
-          onChange: g
+          value: a.value,
+          onChange: m
         }, [
           e("option", {
             value: n.DAYS
@@ -1727,7 +1736,7 @@ const se = /* @__PURE__ */ F(bt, [["render", Bt]]), kt = { class: "image-selecto
 }, ia = {
   name: "IconApprove"
 };
-function da(t, c, n, l, o, a) {
+function da(t, c, n, l, s, a) {
   return d(), u("g", null, c[0] || (c[0] = [
     e("path", {
       fill: "none",
@@ -1750,7 +1759,7 @@ function da(t, c, n, l, o, a) {
 const Ja = /* @__PURE__ */ F(ia, [["render", da]]), ua = {
   name: "IconQrCode"
 }, ga = { transform: "translate(96,96)" };
-function ma(t, c, n, l, o, a) {
+function ma(t, c, n, l, s, a) {
   return d(), u("g", ga, c[0] || (c[0] = [
     e("g", { transform: "translate(576,48) scale(0.48,0.48)" }, [
       e("g", { transform: "" }, [
@@ -3129,10 +3138,10 @@ function ma(t, c, n, l, o, a) {
     ], -1)
   ]));
 }
-const ja = /* @__PURE__ */ F(ua, [["render", ma]]), fa = {
+const qa = /* @__PURE__ */ F(ua, [["render", ma]]), fa = {
   name: "IconSave"
 };
-function ha(t, c, n, l, o, a) {
+function ha(t, c, n, l, s, a) {
   return d(), u("g", null, c[0] || (c[0] = [
     e("defs", null, [
       e("path", {
@@ -3157,10 +3166,10 @@ function ha(t, c, n, l, o, a) {
     ], -1)
   ]));
 }
-const qa = /* @__PURE__ */ F(fa, [["render", ha]]), va = {
+const ja = /* @__PURE__ */ F(fa, [["render", ha]]), va = {
   name: "IconShare"
 };
-function Aa(t, c, n, l, o, a) {
+function Aa(t, c, n, l, s, a) {
   return d(), u("g", null, c[0] || (c[0] = [
     e("defs", null, [
       e("path", {
@@ -3199,11 +3208,11 @@ var O = function(t, c = L) {
   if (c.allowBlank && t === "")
     return "";
   typeof t == "number" && (t = t.toFixed(de(c.precision)));
-  var n = t.indexOf("-") >= 0 ? "-" : "", l = ie(t), o = ue(l, c.precision), a = ge(o).split("."), r = a[0], s = a[1];
-  return r = ya(r, c.thousands), c.prefix + n + xa(r, s, c.decimal) + c.suffix;
-}, j = function(t, c) {
-  var n = t.indexOf("-") >= 0 ? -1 : 1, l = ie(t), o = ue(l, c);
-  return parseFloat(o) * n;
+  var n = t.indexOf("-") >= 0 ? "-" : "", l = ie(t), s = ue(l, c.precision), a = ge(s).split("."), r = a[0], o = a[1];
+  return r = ya(r, c.thousands), c.prefix + n + xa(r, o, c.decimal) + c.suffix;
+}, q = function(t, c) {
+  var n = t.indexOf("-") >= 0 ? -1 : 1, l = ie(t), s = ue(l, c);
+  return parseFloat(s) * n;
 }, ie = function(t) {
   return ge(t).replace(/\D+/g, "") || "0";
 }, de = function(t) {
@@ -3240,15 +3249,15 @@ function Ia(t, c) {
       var l = t.getElementsByTagName("input");
       l.length !== 1 || (t = l[0]);
     }
-    t.onkeydown = function(o) {
-      var a = o.which === 8 || o.which === 46, r = t.value.length - t.selectionEnd === 0;
-      n.allowBlank && a && r && j(t.value, 0) === 0 && (t.value = "", t.dispatchEvent(X("change")));
+    t.onkeydown = function(s) {
+      var a = s.which === 8 || s.which === 46, r = t.value.length - t.selectionEnd === 0;
+      n.allowBlank && a && r && q(t.value, 0) === 0 && (t.value = "", t.dispatchEvent(X("change")));
     }, t.oninput = function() {
-      var o = t.value.length - t.selectionEnd;
-      t.value = O(t.value, n), o = Math.max(o, n.suffix.length), o = t.value.length - o, o = Math.max(o, n.prefix.length + 1), oe(t, o), t.dispatchEvent(X("change"));
+      var s = t.value.length - t.selectionEnd;
+      t.value = O(t.value, n), s = Math.max(s, n.suffix.length), s = t.value.length - s, s = Math.max(s, n.prefix.length + 1), oe(t, s), t.dispatchEvent(X("change"));
     }, t.onfocus = function() {
-      let o = t.value.length - n.suffix.length;
-      t.value.indexOf(".") > -1 && (o -= n.precision + 1), oe(t, o);
+      let s = t.value.length - n.suffix.length;
+      t.value.indexOf(".") > -1 && (s -= n.precision + 1), oe(t, s);
     }, t.oninput(), t.dispatchEvent(X("input"));
   }
 }
@@ -3316,21 +3325,21 @@ const Ca = {
   },
   methods: {
     change(t) {
-      const c = j(t.target.value, this.precision);
-      c < this.min ? t.target.value = O(this.min, this.$props) : c > this.max && (t.target.value = O(this.max, this.$props)), this.$emit("input", this.masked ? O(t.target.value, this.$props) : j(t.target.value, this.precision));
+      const c = q(t.target.value, this.precision);
+      c < this.min ? t.target.value = O(this.min, this.$props) : c > this.max && (t.target.value = O(this.max, this.$props)), this.$emit("input", this.masked ? O(t.target.value, this.$props) : q(t.target.value, this.precision));
     },
     blur(t) {
-      this.$emit("blur", this.masked ? O(t.target.value, this.$props) : j(t.target.value, this.precision));
+      this.$emit("blur", this.masked ? O(t.target.value, this.$props) : q(t.target.value, this.precision));
     }
   }
 }, ba = ["value"];
-function Sa(t, c, n, l, o, a) {
+function Sa(t, c, n, l, s, a) {
   const r = te("money");
   return Z((d(), u("input", {
     type: "tel",
-    value: o.formattedValue,
-    onChange: c[0] || (c[0] = (...s) => a.change && a.change(...s)),
-    onBlur: c[1] || (c[1] = (...s) => a.blur && a.blur(...s)),
+    value: s.formattedValue,
+    onChange: c[0] || (c[0] = (...o) => a.change && a.change(...o)),
+    onBlur: c[1] || (c[1] = (...o) => a.blur && a.blur(...o)),
     class: "v-money",
     ref: "input"
   }, null, 40, ba)), [
@@ -3350,14 +3359,14 @@ export {
   ae as IconBase,
   se as IconCaret,
   nt as IconClose,
-  ja as IconQrCode,
-  qa as IconSave,
+  qa as IconQrCode,
+  ja as IconSave,
   Wa as IconShare,
   Ue as Loader,
   Ra as LookupTextBox,
-  Ta as ModalWrapper,
+  Va as ModalWrapper,
   za as Money,
-  Va as NumberInput,
+  Ta as NumberInput,
   Fa as Pagination,
   Oa as ProductImageSelector,
   Qa as SearchableDropdownInput,