@vehiclehistory/property-lib 0.0.3 → 0.0.4

package/dist/property-ui-lib.js

@@ -1,6 +1,6 @@
-import { jsx as i, jsxs as g, Fragment as k } from "react/jsx-runtime";
-import { memo as A, useState as x, useEffect as S } from "react";
-const Z = {
+import { jsx as i, jsxs as g, Fragment as z } from "react/jsx-runtime";
+import { memo as A, useState as Z, useEffect as S, useRef as q } from "react";
+const B = {
   xxSmall: "w-4 h-4",
   xSmall: "w-5 h-5",
   small: "w-6 h-6",
@@ -9,7 +9,7 @@ const Z = {
   mediumPlus: "w-9 h-9",
   large: "w-10 h-10",
   xLarge: "w-12 h-12"
-}, N = {
+}, I = {
   account: {
     path: '<path d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z" />'
   },
@@ -469,36 +469,36 @@ const Z = {
   chatBubble: {
     path: '<path d="M12,3C17.5,3 22,6.58 22,11C22,15.42 17.5,19 12,19C10.76,19 9.57,18.82 8.47,18.5C5.55,21 2,21 2,21C4.33,18.67 4.7,17.1 4.75,16.5C3.05,15.07 2,13.13 2,11C2,6.58 6.5,3 12,3Z" />'
   }
-}, D = (d) => N[d], O = ({
+}, P = (d) => I[d], R = ({
   color: d = "text-current",
   className: e,
   name: t,
   size: a = "medium",
-  viewBox: r = "0 0 20 20"
+  viewBox: l = "0 0 20 20"
 }) => {
-  const n = D(t), [s, l] = x(d), [o, c] = x(n);
+  const n = P(t), [s, r] = Z(d), [o, c] = Z(n);
   return S(() => {
     c(n);
   }, [n]), S(() => {
-    l(d);
+    r(d);
   }, [d]), !n && console.error("Icon does not exist", t), /* @__PURE__ */ i(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      className: `${Z[a]} fill-current flex-shrink-0 ${s}${e ? ` ${e}` : ""}`,
+      className: `${B[a]} fill-current flex-shrink-0 ${s}${e ? ` ${e}` : ""}`,
       style: { maxWidth: "4em" },
       role: "presentation",
-      viewBox: r,
+      viewBox: l,
       dangerouslySetInnerHTML: {
         __html: o && o.path
       }
     }
   );
-}, y = A(O);
-function T(d) {
+}, y = A(R);
+function U(d) {
   return d && d.__esModule && Object.prototype.hasOwnProperty.call(d, "default") ? d.default : d;
 }
-var z = { exports: {} };
+var D = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -509,8 +509,8 @@ var z = { exports: {} };
     var e = {}.hasOwnProperty;
     function t() {
       for (var n = "", s = 0; s < arguments.length; s++) {
-        var l = arguments[s];
-        l && (n = r(n, a(l)));
+        var r = arguments[s];
+        r && (n = l(n, a(r)));
       }
       return n;
     }
@@ -524,45 +524,45 @@ var z = { exports: {} };
       if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
         return n.toString();
       var s = "";
-      for (var l in n)
-        e.call(n, l) && n[l] && (s = r(s, l));
+      for (var r in n)
+        e.call(n, r) && n[r] && (s = l(s, r));
       return s;
     }
-    function r(n, s) {
+    function l(n, s) {
       return s ? n ? n + " " + s : n + s : n;
     }
     d.exports ? (t.default = t, d.exports = t) : window.classNames = t;
   })();
-})(z);
-var E = z.exports;
-const V = /* @__PURE__ */ T(E), j = ({
+})(D);
+var Q = D.exports;
+const m = /* @__PURE__ */ U(Q), W = ({
   children: d,
   className: e,
   clickHandler: t,
   panelClass: a,
-  title: r,
+  title: l,
   unmount: n = !0,
   isOpen: s = !1
 }) => {
-  const [l, o] = x(s);
-  return /* @__PURE__ */ i("div", { className: V("shadow rounded-lg", e), children: /* @__PURE__ */ g(k, { children: [
+  const [r, o] = Z(s);
+  return /* @__PURE__ */ i("div", { className: m("shadow rounded-lg", e), children: /* @__PURE__ */ g(z, { children: [
     /* @__PURE__ */ g(
       "button",
       {
         type: "button",
-        "data-div-track": `report | accordion | ${r}`,
-        className: V(
+        "data-div-track": `report | accordion | ${l}`,
+        className: m(
           "acc-a flex w-full justify-between items-center bg-gray-50 px-4 py-2 text-left font-medium text-slate-700 border border-gray-200 focus:outline-none focus-visible:ring focus-visible:ring-gray-500 focus-visible:ring-opacity-75",
           {
-            "acc-o": l
+            "acc-o": r
           }
         ),
-        title: r,
+        title: l,
         onClick: () => {
-          o(!l), t && t(!l);
+          o(!r), t && t(!r);
         },
         children: [
-          /* @__PURE__ */ i("div", { className: "font-medium text-slate-700 sm-max:!text-base text-lg flex items-center", children: r }),
+          /* @__PURE__ */ i("div", { className: "font-medium text-slate-700 sm-max:!text-base text-lg flex items-center", children: l }),
           /* @__PURE__ */ i("span", { className: "ml-6 h-7 flex items-center", children: /* @__PURE__ */ i(
             y,
             {
@@ -574,10 +574,10 @@ const V = /* @__PURE__ */ T(E), j = ({
         ]
       }
     ),
-    n && l && /* @__PURE__ */ i(
+    n && r && /* @__PURE__ */ i(
       "div",
       {
-        className: V(
+        className: m(
           "acc-p p-4 border-x border-b rounded-bl-lg rounded-br-lg border-gray-200 relative",
           a
         ),
@@ -587,25 +587,25 @@ const V = /* @__PURE__ */ T(E), j = ({
     !n && /* @__PURE__ */ i(
       "div",
       {
-        className: V(
+        className: m(
           "acc-p p-4 border-x border-b rounded-bl-lg rounded-br-lg border-gray-200 relative",
           a,
-          { hidden: !l }
+          { hidden: !r }
         ),
         children: d
       }
     )
   ] }) });
-}, a1 = A(j), F = ({
+}, u1 = A(W), J = ({
   children: d,
   className: e = "",
   messages: t = [],
   title: a = "",
-  titleClass: r = "",
+  titleClass: l = "",
   props: n = {},
   type: s = "error"
 }) => {
-  const l = {
+  const r = {
     error: {
       icon: "error",
       iconColor: "text-red-500",
@@ -626,12 +626,12 @@ const V = /* @__PURE__ */ T(E), j = ({
       iconColor: "text-yellow-500",
       styles: "bg-yellow-50 border-yellow-300 text-yellow-700"
     }
-  }, { icon: o, iconColor: c, styles: h } = l[s];
+  }, { icon: o, iconColor: c, styles: h } = r[s];
   return /* @__PURE__ */ i(
     "div",
     {
       id: s,
-      className: V(
+      className: m(
         "rounded w-full py-2 px-4 mb-4 border",
         h,
         e
@@ -648,44 +648,44 @@ const V = /* @__PURE__ */ T(E), j = ({
           }
         ) }),
         /* @__PURE__ */ g("div", { className: "ml-3", children: [
-          /* @__PURE__ */ i("div", { className: V("font-medium text-sm", r), children: a }),
-          t.length > 0 ? /* @__PURE__ */ i("div", { className: "mt-2 text-xs", children: /* @__PURE__ */ i("ul", { role: "list", className: "list-disc space-y-1 pl-5", children: t.map((p, M) => /* @__PURE__ */ i("li", { children: p }, M)) }) }) : ""
+          /* @__PURE__ */ i("div", { className: m("font-medium text-sm", l), children: a }),
+          t.length > 0 ? /* @__PURE__ */ i("div", { className: "mt-2 text-xs", children: /* @__PURE__ */ i("ul", { role: "list", className: "list-disc space-y-1 pl-5", children: t.map((p, f) => /* @__PURE__ */ i("li", { children: p }, f)) }) }) : ""
         ] })
       ] })
     }
   );
-}, n1 = A(F), r1 = ({
+}, p1 = A(J), m1 = ({
   autoFocus: d = !1,
   required: e = !1,
   className: t = "",
   defaultValue: a = "",
-  id: r = "",
+  id: l = "",
   type: n,
   floatingLabel: s = "",
-  inputClass: l = "",
+  inputClass: r = "",
   leftIcon: o = "homeSearch",
   mobileBackdrop: c = !1,
   showSearchIcon: h = !0,
   options: p = [],
-  name: M = "",
+  name: f = "",
   placeholder: v = "",
   props: b = {},
-  size: H = "medium",
+  size: C = "medium",
   styles: u = null,
-  title: C = ""
+  title: V = ""
 }) => /* @__PURE__ */ g(
   "div",
   {
-    id: r,
+    id: l,
     "data-search": "container",
     "data-search-type": n,
-    className: V("Autocomplete", t),
+    className: m("Autocomplete", t),
     style: u ? { ...u } : null,
     children: [
       h && /* @__PURE__ */ g(
         "span",
         {
-          className: V(
+          className: m(
             "search-icon-left absolute inset-y-0 left-0 flex items-center pl-2",
             {
               "pointer-events-none": c
@@ -697,7 +697,7 @@ const V = /* @__PURE__ */ T(E), j = ({
               {
                 className: "home-search select-none text-gray-500",
                 name: o,
-                size: H === "xLarge" ? "small" : "xSmall",
+                size: C === "xLarge" ? "small" : "xSmall",
                 viewBox: "0 0 24 24"
               }
             ),
@@ -706,7 +706,7 @@ const V = /* @__PURE__ */ T(E), j = ({
               {
                 className: "arrow-left select-none text-gray-500 hidden",
                 name: "arrowLeft",
-                size: H === "xLarge" ? "small" : "xSmall",
+                size: C === "xLarge" ? "small" : "xSmall",
                 viewBox: "0 0 24 24"
               }
             )
@@ -718,23 +718,23 @@ const V = /* @__PURE__ */ T(E), j = ({
         {
           "data-lpignore": "true",
           autoFocus: d,
-          className: V(
+          className: m(
             "w-full bg-white placeholder:bg-white rounded border border-gray-300 py-2 pr-8 shadow-sm focus:outline-none sm-max:text-sm placeholder:text-gray-500 sm-max:placeholder:text-sm placeholder-shown:text-ellipsis truncate",
             {
               "pl-8": h === !0,
-              "px-3 h-10": H === "medium",
-              "px-4 h-12": H === "large",
-              "px-5 h-[60px] sm:!text-base": H === "xLarge",
+              "px-3 h-10": C === "medium",
+              "px-4 h-12": C === "large",
+              "px-5 h-[60px] sm:!text-base": C === "xLarge",
               peer: s
             },
-            l
+            r
           ),
           required: e,
           autoComplete: "off",
           value: a,
           placeholder: !v && s ? " " : v,
           type: "search",
-          name: M || "search-input",
+          name: f || "search-input",
           "data-id": "search-input",
           ...b
         }
@@ -742,13 +742,13 @@ const V = /* @__PURE__ */ T(E), j = ({
       s && /* @__PURE__ */ i(
         "label",
         {
-          className: V(
+          className: m(
             "floating-label absolute text-sm !normal-case text-gray-500 duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-focus:text-[#222] peer-focus:px-2 peer-focus:bg-white peer-placeholder-shown:bg-white peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 start-1 pointer-events-none",
             {
               "!left-7": h === !0,
-              "left-2": H === "medium",
-              "left-3": H === "large",
-              "left-4": H === "xLarge"
+              "left-2": C === "medium",
+              "left-3": C === "large",
+              "left-4": C === "xLarge"
             }
           ),
           children: s
@@ -798,20 +798,20 @@ const V = /* @__PURE__ */ T(E), j = ({
               {
                 "data-id": "search-dropdown-body",
                 role: "listbox",
-                "data-title": C,
+                "data-title": V,
                 "aria-labelledby": "Label",
                 "aria-activedescendant": "search-item-0",
-                children: p.length > 0 ? p.map((w, f) => /* @__PURE__ */ i(
+                children: p.length > 0 ? p.map((w, M) => /* @__PURE__ */ i(
                   "li",
                   {
-                    id: `search-item-${f}`,
+                    id: `search-item-${M}`,
                     tabIndex: -1,
                     className: "dropdown-item text-gray-900 cursor-default select-none py-2 pl-3 pr-4 truncate hover:bg-gray-50 font-normal focus:bg-gray-50 focus:text-green-400 focus-visible:outline-0",
-                    "aria-selected": f === 0,
+                    "aria-selected": M === 0,
                     role: "option",
                     children: (w == null ? void 0 : w.name) || w
                   },
-                  `search-item-${f}`
+                  `search-item-${M}`
                 )) : ""
               }
             )
@@ -820,7 +820,7 @@ const V = /* @__PURE__ */ T(E), j = ({
       )
     ]
   }
-), l1 = ({
+), V1 = ({
   children: d,
   className: e = "",
   size: t = "sm",
@@ -828,7 +828,7 @@ const V = /* @__PURE__ */ T(E), j = ({
 }) => /* @__PURE__ */ i(
   a || "span",
   {
-    className: V(
+    className: m(
       " bg-gray-200 font-semibold py-1 px-2 rounded-md",
       {
         "text-sm": t === "sm",
@@ -839,15 +839,15 @@ const V = /* @__PURE__ */ T(E), j = ({
     ),
     children: d
   }
-), q = ({
+), G = ({
   children: d,
   className: e = "",
   disabled: t = !1,
   href: a,
-  props: r = {},
+  props: l = {},
   rounded: n = !1,
   type: s = "button",
-  uppercase: l = !1,
+  uppercase: r = !1,
   variation: o = "primary"
 }) => {
   const c = a ? "a" : "button";
@@ -855,7 +855,7 @@ const V = /* @__PURE__ */ T(E), j = ({
     c,
     {
       type: c !== "a" ? s : null,
-      className: V(
+      className: m(
         "Button",
         {
           "Button--primary": o === "primary",
@@ -866,83 +866,83 @@ const V = /* @__PURE__ */ T(E), j = ({
           "Button--disabled": t,
           "custom-link": a
         },
-        l,
+        r,
         e
       ),
       disabled: t,
       href: a,
-      ...r,
+      ...l,
       children: d
     }
   );
-}, s1 = A(q), i1 = ({ children: d, className: e }) => /* @__PURE__ */ i("div", { className: V("flex md:max-w-min border border-gray-300 divide-x divide-gray-200 rounded-lg", e), children: d }), o1 = ({
+}, H1 = A(G), L1 = ({ children: d, className: e }) => /* @__PURE__ */ i("div", { className: m("flex md:max-w-min border border-gray-300 divide-x divide-gray-200 rounded-lg", e), children: d }), C1 = ({
   block: d = !1,
   borderless: e = !1,
   children: t,
   className: a = "",
-  divider: r = !0,
+  divider: l = !0,
   inset: n = !0,
   id: s = null,
-  role: l = null
+  role: r = null
 }) => /* @__PURE__ */ i(
   "div",
   {
-    className: V(
+    className: m(
       "bg-white",
       {
         f1: !e,
         f2: d,
-        f3: r,
+        f3: l,
         f4: n
       },
       a
     ),
     id: s,
-    role: l,
+    role: r,
     children: t
   }
-), B = ({
+), K = ({
   checked: d = !1,
   children: e,
   className: t = "",
   error: a = !1,
-  id: r = "",
+  id: l = "",
   label: n = "",
   name: s = "",
-  props: l = {},
+  props: r = {},
   variation: o = "primary",
   value: c = ""
 }) => {
-  const h = n ? "div" : "label", p = h === "label" ? { htmlFor: r } : {};
+  const h = n ? "div" : "label", p = h === "label" ? { htmlFor: l } : {};
   return /* @__PURE__ */ g(
     h,
     {
-      className: V("checkbox flex items-center", o, t),
+      className: m("checkbox flex items-center", o, t),
       ...p,
       children: [
         /* @__PURE__ */ i(
           "input",
           {
             checked: d,
-            className: V("form-checkbox ", {
+            className: m("form-checkbox ", {
               "!border-red-500 !bg-red-500 focus:!ring-red-500 focus:!border-red-500": a
             }),
-            id: r,
+            id: l,
             name: s,
             type: "checkbox",
             value: c,
-            ...l
+            ...r
           }
         ),
         e
       ]
     }
   );
-}, c1 = A(B), I = ({ children: d, aside: e, direction: t = "right" }) => /* @__PURE__ */ g("div", { className: "flex flex-col lg:flex-row lg:p-0 max-w-screen-lg", children: [
+}, f1 = A(K), Y = ({ children: d, aside: e, direction: t = "right" }) => /* @__PURE__ */ g("div", { className: "flex flex-col lg:flex-row lg:p-0 max-w-screen-lg", children: [
   /* @__PURE__ */ i(
     "main",
     {
-      className: V(
+      className: m(
         "w-full md:mb-0 flex-1 md:block lg:max-w-container",
         {
           "lg:order-2": t === "left"
@@ -954,7 +954,7 @@ const V = /* @__PURE__ */ T(E), j = ({
   /* @__PURE__ */ i(
     "aside",
     {
-      className: V(
+      className: m(
         "sm-max:hidden md:hidden lg:block flex-1 max-w-aside mb-6 md:mb-0 empty:!hidden",
         {
           "md:ml-8": t === "right",
@@ -964,33 +964,33 @@ const V = /* @__PURE__ */ T(E), j = ({
       children: e
     }
   )
-] }), d1 = A(I), $ = ({
+] }), M1 = A(Y), X = ({
   activator: d,
   id: e = "",
   children: t,
   className: a = "",
-  contentClass: r = "",
+  contentClass: l = "",
   dark: n = !1,
   footer: s,
-  fullMobile: l = !0,
+  fullMobile: r = !0,
   headerClass: o = "",
   hideClose: c = !1,
   iconSize: h = "medium",
   preventPageScroll: p = !0,
-  stickyHeader: M = !1,
+  stickyHeader: f = !1,
   title: v = "",
   titleClass: b = ""
-}) => /* @__PURE__ */ g(k, { children: [
+}) => /* @__PURE__ */ g(z, { children: [
   d && /* @__PURE__ */ i("span", { id: `${e}-dialog-activator`, children: d }),
   /* @__PURE__ */ i(
     "dialog",
     {
       inert: "",
       id: `${e}-dialog`,
-      className: V(
+      className: m(
         "dialog",
         {
-          "dialog-full-mobile": l,
+          "dialog-full-mobile": r,
           dark: n,
           "prevent-scroll": p
         },
@@ -1000,10 +1000,10 @@ const V = /* @__PURE__ */ T(E), j = ({
         /* @__PURE__ */ g(
           "header",
           {
-            className: V(
+            className: m(
               "dialog-header flex items-center p-4",
               {
-                "sticky top-0 bg-white z-10": M,
+                "sticky top-0 bg-white z-10": f,
                 "!pb-0 border-0 justify-end": !v,
                 "justify-between border-b": v
               },
@@ -1036,7 +1036,7 @@ const V = /* @__PURE__ */ T(E), j = ({
           "div",
           {
             id: `${e}-dialog-content`,
-            className: V("dialog-content", r),
+            className: m("dialog-content", l),
             children: t
           }
         ),
@@ -1044,7 +1044,108 @@ const V = /* @__PURE__ */ T(E), j = ({
       ] })
     }
   )
-] }), h1 = A($), u1 = ({ className: d = "" }) => /* @__PURE__ */ g("div", { id: "dots", className: V("mx-auto", d), children: [
+] }), g1 = A(X), _ = ({
+  activator: d,
+  id: e = "",
+  children: t,
+  className: a = "",
+  contentClass: l = "",
+  onClose: n,
+  disableOutsideClick: s = !1,
+  footer: r,
+  fullMobile: o = !0,
+  headerClass: c = "",
+  hideClose: h = !1,
+  iconSize: p = "medium",
+  isOpen: f = !1,
+  setDialogOpen: v,
+  stickyHeader: b = !1,
+  title: C = "",
+  titleClass: u = ""
+}) => {
+  const V = q(null), w = async () => {
+    V.current.classList.add("closing"), await O(V.current), V.current.classList.remove("closing"), n && n(), v(!1);
+  }, M = async (x) => {
+    x.key === "Escape" && await w();
+  }, N = async ({ clientX: x, clientY: k, target: T }) => {
+    const { left: E, right: j, top: F, bottom: $ } = V.current.getBoundingClientRect() ?? {};
+    (!V.current.contains(T) || x < E || x > j || k < F || k > $) && await w();
+  }, O = (x) => Promise.allSettled(
+    x.getAnimations().map((k) => k.finished)
+  );
+  return S(() => {
+    const x = V.current;
+    x && (f ? x.showModal() : typeof x.close == "function" && x.close());
+  }, [f]), /* @__PURE__ */ g(z, { children: [
+    d && /* @__PURE__ */ i("span", { id: `${e}-dialog-activator`, onClick: () => v(!0), children: d }),
+    /* @__PURE__ */ g(
+      "dialog",
+      {
+        ref: V,
+        id: `${e}-dialog`,
+        className: m(
+          "dialog",
+          {
+            hidden: !f,
+            "xs-max:h-full xs-max:max-h-full": o
+          },
+          a
+        ),
+        onKeyDown: M,
+        onClick: (x) => s ? null : N(x),
+        children: [
+          /* @__PURE__ */ g(
+            "header",
+            {
+              className: m(
+                "dialog-header flex items-center p-4",
+                { "sticky top-0 bg-white": b },
+                c
+              ),
+              children: [
+                /* @__PURE__ */ i("h3", { id: `${e}-dialog-title`, className: u, children: C || "" }),
+                !h && /* @__PURE__ */ i(
+                  "button",
+                  {
+                    type: "button",
+                    title: "Close",
+                    className: "dialog-close",
+                    "data-dialog-close": "",
+                    onClick: w,
+                    children: /* @__PURE__ */ i(
+                      y,
+                      {
+                        name: "close",
+                        size: p,
+                        className: "pointer-events-none"
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ i(
+            "div",
+            {
+              id: `${e}-dialog-content`,
+              className: m("dialog-content p-4", l),
+              children: t
+            }
+          ),
+          r && /* @__PURE__ */ i(
+            "footer",
+            {
+              id: `${e}-dialog-footer`,
+              className: "dialog-footer flex justify-between items-center p-4 border-t",
+              children: r
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, v1 = A(_), A1 = ({ className: d = "" }) => /* @__PURE__ */ g("div", { id: "dots", className: m("mx-auto", d), children: [
   /* @__PURE__ */ i("span", { style: { animationDelay: "0.1s" } }),
   /* @__PURE__ */ i("span", { style: { animationDelay: "0.2s" } }),
   /* @__PURE__ */ i("span", { style: { animationDelay: "0.3s" } }),
@@ -1053,61 +1154,61 @@ const V = /* @__PURE__ */ T(E), j = ({
   /* @__PURE__ */ i("span", { style: { animationDelay: "0.6s" } }),
   /* @__PURE__ */ i("span", { style: { animationDelay: "0.7s" } }),
   /* @__PURE__ */ i("span", { style: { animationDelay: "0.8s" } })
-] }), P = ({ cb: d, className: e = "", timeout: t = 1e4 }) => {
-  function a({ cb: r }) {
+] }), e1 = ({ cb: d, className: e = "", timeout: t = 1e4 }) => {
+  function a({ cb: l }) {
     const n = document.querySelector(".bar");
     if (!n) return;
-    let s, l, o = !1;
+    let s, r, o = !1;
     function c(h) {
       s === void 0 && (s = h);
       const p = h - s;
-      if (l !== h) {
-        const M = p / t * 101;
-        n.style.transition = `width ${M}ms ease-out`, n.style.width = `${M}%`, M >= 101 && (r && r(), o = !0, window.cancelAnimationFrame(h));
+      if (r !== h) {
+        const f = p / t * 101;
+        n.style.transition = `width ${f}ms ease-out`, n.style.width = `${f}%`, f >= 101 && (l && l(), o = !0, window.cancelAnimationFrame(h));
       }
-      p < t && (l = h, o || window.requestAnimationFrame(c));
+      p < t && (r = h, o || window.requestAnimationFrame(c));
     }
     window.requestAnimationFrame(c);
   }
   return S(() => {
     a({ cb: d });
-  }, []), /* @__PURE__ */ i("div", { className: V("progress-bar my-8", e), children: /* @__PURE__ */ i("div", { className: "bar", "data-size": "100" }) });
-}, p1 = A(P), R = {
+  }, []), /* @__PURE__ */ i("div", { className: m("progress-bar my-8", e), children: /* @__PURE__ */ i("div", { className: "bar", "data-size": "100" }) });
+}, y1 = A(e1), t1 = {
   name: "spinnerDark",
   color: "text-teal-700",
   viewBox: "0 0 24 24"
-}, U = ({ className: d = "" }) => /* @__PURE__ */ i("div", { className: "rounded-r-md px-2 focus:outline-none", children: /* @__PURE__ */ i(
+}, a1 = ({ className: d = "" }) => /* @__PURE__ */ i("div", { className: "rounded-r-md px-2 focus:outline-none", children: /* @__PURE__ */ i(
   y,
   {
     size: "xSmall",
-    ...R,
+    ...t1,
     className: `animate-spin ${d}`
   }
-) }), V1 = A(U), m1 = ({
+) }), b1 = A(a1), w1 = ({
   activator: d,
   activatorClass: e = "",
   attrs: t = {},
   options: a = {},
-  children: r,
+  children: l,
   className: n = "",
   containerClass: s = "",
-  disabled: l = !1,
+  disabled: r = !1,
   id: o = "",
   trigger: c = "click"
-}) => /* @__PURE__ */ g(k, { children: [
+}) => /* @__PURE__ */ g(z, { children: [
   /* @__PURE__ */ i(
     "div",
     {
-      className: V("popover z-10 max-w-[350px] hidden", n),
+      className: m("popover z-10 max-w-[350px] hidden", n),
       children: /* @__PURE__ */ g(
         "div",
         {
-          className: V(
+          className: m(
             "popover-container rounded border bg-gray-50 border-gray-300 shadow-md text-gray-500 animate-menu-close",
             s
           ),
           children: [
-            r,
+            l,
             /* @__PURE__ */ i(
               "div",
               {
@@ -1123,10 +1224,10 @@ const V = /* @__PURE__ */ T(E), j = ({
   /* @__PURE__ */ i(
     "div",
     {
-      className: V(
+      className: m(
         "popover-activator",
         `trigger-${c}`,
-        l ? "is-disabled" : "",
+        r ? "is-disabled" : "",
         e
       ),
       ...t,
@@ -1134,75 +1235,75 @@ const V = /* @__PURE__ */ T(E), j = ({
       children: d
     }
   )
-] }), Q = ({
+] }), n1 = ({
   ariaValuemax: d = 100,
   ariaValuemin: e = 0,
   bgColor: t = "bg-orange-500",
   className: a,
-  completed: r = 0,
+  completed: l = 0,
   maxCompleted: n = 100,
   rounded: s = !0,
-  showLabel: l = !1
+  showLabel: r = !1
 }) => {
   const c = ((h, p) => {
     if (h) {
-      const M = Number(p) / h;
-      return M > 1 ? 100 : M * 100;
+      const f = Number(p) / h;
+      return f > 1 ? 100 : f * 100;
     }
-    return r;
-  })(n, r);
+    return l;
+  })(n, l);
   return /* @__PURE__ */ i(
     "div",
     {
-      className: V(
+      className: m(
         "w-full bg-gray-200",
         { "rounded-full": s },
         a
       ),
       role: "progressbar",
       "aria-label": "Progress Bar",
-      "aria-valuenow": r,
+      "aria-valuenow": l,
       "aria-valuemin": e,
       "aria-valuemax": d,
       children: /* @__PURE__ */ i(
         "div",
         {
-          className: V(
+          className: m(
             "h-full text-right flex items-center justify-end rounded-full",
             t
           ),
           style: { width: `${c}%` },
-          children: l && /* @__PURE__ */ i("span", { className: "font-bold text-white text-xs mr-2", children: Math.round(c) })
+          children: r && /* @__PURE__ */ i("span", { className: "font-bold text-white text-xs mr-2", children: Math.round(c) })
         }
       )
     }
   );
-}, H1 = A(Q), W = ({
+}, x1 = A(n1), l1 = ({
   checked: d = !1,
   children: e,
   className: t = "",
   id: a = "",
-  label: r = "",
+  label: l = "",
   name: n = "",
   props: s = {},
-  variation: l = "primary",
+  variation: r = "primary",
   value: o = ""
 }) => {
-  const c = r ? "div" : "label", h = c === "label" ? { htmlFor: a } : {};
+  const c = l ? "div" : "label", h = c === "label" ? { htmlFor: a } : {};
   return /* @__PURE__ */ g(
     c,
     {
-      className: V("radio flex items-center", t),
+      className: m("radio flex items-center", t),
       ...h,
       children: [
         /* @__PURE__ */ i(
           "input",
           {
             checked: d,
-            className: V(
+            className: m(
               "form-radio focus:ring-2 focus:ring-offset-2 focus-within:outline-none",
               {
-                "focus:ring-[#222]": l === "primary"
+                "focus:ring-[#222]": r === "primary"
               }
             ),
             id: a,
@@ -1216,52 +1317,52 @@ const V = /* @__PURE__ */ T(E), j = ({
       ]
     }
   );
-}, L1 = A(W), J = ({
+}, k1 = A(l1), r1 = ({
   children: d,
   className: e = "",
   error: t = !1,
   errorMessage: a = "",
-  id: r = "",
+  id: l = "",
   label: n = "",
   name: s = "",
-  options: l = [],
+  options: r = [],
   placeholder: o = "",
   props: c = {},
   selectClass: h = "",
   styles: p = null,
-  variation: M = "primary",
+  variation: f = "primary",
   value: v
 }) => {
   const b = o ? { defaultValue: "" } : {};
   return /* @__PURE__ */ g(
     "label",
     {
-      className: V("relative select", e, M),
+      className: m("relative select", e, f),
       style: p ? { ...p } : null,
       children: [
         n,
         /* @__PURE__ */ g(
           "select",
           {
-            className: V(
+            className: m(
               "form-select relative bg-white pl-3 pr-10 text-left cursor-default",
               t ? "!border-red-500 !bg-red-500/10 !text-red-700 focus:!ring-red-500 focus:!border-red-500" : "",
               h
             ),
-            id: r,
+            id: l,
             name: s,
             value: v,
             ...b,
             ...c,
             children: [
               o && /* @__PURE__ */ i("option", { hidden: !0, value: "", children: o }),
-              l.map((H, u) => /* @__PURE__ */ i(
+              r.map((C, u) => /* @__PURE__ */ i(
                 "option",
                 {
-                  value: (H == null ? void 0 : H.id) || (H == null ? void 0 : H.value) || H,
-                  children: (H == null ? void 0 : H.name) || H
+                  value: (C == null ? void 0 : C.id) || (C == null ? void 0 : C.value) || C,
+                  children: (C == null ? void 0 : C.name) || C
                 },
-                (H == null ? void 0 : H.name) || H
+                (C == null ? void 0 : C.name) || C
               ))
             ]
           }
@@ -1270,10 +1371,10 @@ const V = /* @__PURE__ */ T(E), j = ({
       ]
     }
   );
-}, C1 = A(J), G = ({ className: d = "" }) => /* @__PURE__ */ g(
+}, S1 = A(r1), s1 = ({ className: d = "" }) => /* @__PURE__ */ g(
   "div",
   {
-    className: V(
+    className: m(
       "flex justify-center items-center bg-gray-200 rounded-lg animate-pulse",
       d
     ),
@@ -1282,12 +1383,12 @@ const V = /* @__PURE__ */ T(E), j = ({
       /* @__PURE__ */ i("span", { className: "sr-only", children: "Loading..." })
     ]
   }
-), M1 = A(G), K = ({
+), z1 = A(s1), i1 = ({
   placeholderClass: d = "",
   children: e,
   className: t = "",
   id: a = 1,
-  padding: r = !0,
+  padding: l = !0,
   sliderName: n = ""
 }) => /* @__PURE__ */ g(
   "div",
@@ -1310,13 +1411,13 @@ const V = /* @__PURE__ */ T(E), j = ({
         {
           id: `slider-container-${a}`,
           className: "slider-container inline-flex w-full overflow-x-scroll md:overflow-x-hidden md:w-auto transition duration-200 ease-in-out sm-max:!transform-none",
-          children: Array.from({ length: 4 }, (s, l) => /* @__PURE__ */ i(
+          children: Array.from({ length: 4 }, (s, r) => /* @__PURE__ */ i(
             "div",
             {
               className: `card-ph slider-card bg-gray-200 animate-pulse ${d}`,
-              children: /* @__PURE__ */ i("div", { className: `slider-card-action ${r ? "p-4" : ""}`, children: e })
+              children: /* @__PURE__ */ i("div", { className: `slider-card-action ${l ? "p-4" : ""}`, children: e })
             },
-            l
+            r
           ))
         }
       ),
@@ -1333,7 +1434,7 @@ const V = /* @__PURE__ */ T(E), j = ({
       )
     ]
   }
-), f1 = A(K), g1 = ({
+), Z1 = A(i1), N1 = ({
   className: d = "",
   value: e
 }) => {
@@ -1343,34 +1444,34 @@ const V = /* @__PURE__ */ T(E), j = ({
   return /* @__PURE__ */ i(
     "div",
     {
-      className: V(
+      className: m(
         'Stars inline-block leading-none font-sans text-base before:content-["★★★★★"]',
         d
       ),
       style: t
     }
   );
-}, Y = ({
+}, o1 = ({
   className: d = "",
   clear: e = !1,
   error: t = !1,
   errorMessage: a = "",
-  id: r = "",
+  id: l = "",
   inputClass: n = "",
   name: s = "",
-  placeholder: l = "",
+  placeholder: r = "",
   props: o = {},
   rows: c = 4,
   variation: h = "primary"
-}) => /* @__PURE__ */ g("div", { className: V("relative textarea", h, d), children: [
+}) => /* @__PURE__ */ g("div", { className: m("relative textarea", h, d), children: [
   /* @__PURE__ */ i(
     "textarea",
     {
-      placeholder: l,
-      id: r,
+      placeholder: r,
+      id: l,
       name: s,
       rows: c,
-      className: V(
+      className: m(
         "form-textarea min-h-[40px] pl-4",
         e ? "pr-10" : "pr-4",
         t ? "!border-red-500 !bg-red-500/10 placeholder:!text-red-700 focus:!ring-red-500 focus:!border-red-500" : "",
@@ -1382,7 +1483,7 @@ const V = /* @__PURE__ */ T(E), j = ({
   e && /* @__PURE__ */ i(
     "div",
     {
-      id: `${r}-clear`,
+      id: `${l}-clear`,
       className: "textarea-clear absolute right-0 top-2 bottom-auto flex items-center rounded-r-md pr-2 focus:outline-none hidden",
       children: /* @__PURE__ */ i(
         y,
@@ -1395,32 +1496,32 @@ const V = /* @__PURE__ */ T(E), j = ({
     }
   ),
   a && /* @__PURE__ */ i("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
-] }), v1 = A(Y), X = ({
+] }), D1 = A(o1), c1 = ({
   className: d = "",
   clear: e = !1,
   error: t = !1,
   errorMessage: a = "",
-  iconLeft: r = "",
+  iconLeft: l = "",
   id: n = "",
   inputClass: s = "",
-  name: l = "",
+  name: r = "",
   placeholder: o = "",
   props: c = {},
   styles: h = null,
   type: p = "text",
-  value: M,
+  value: f,
   variation: v = "primary"
 }) => /* @__PURE__ */ g(
   "div",
   {
-    className: V("relative textbox", v, d),
+    className: m("relative textbox", v, d),
     style: h ? { ...h } : null,
     children: [
-      r && /* @__PURE__ */ i("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center px-2", children: /* @__PURE__ */ i(
+      l && /* @__PURE__ */ i("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center px-2", children: /* @__PURE__ */ i(
         y,
         {
           size: "xSmall",
-          name: r,
+          name: l,
           color: "text-gray-500",
           viewBox: "0 0 24 24"
         }
@@ -1430,14 +1531,14 @@ const V = /* @__PURE__ */ T(E), j = ({
         {
           placeholder: o,
           id: n,
-          name: l,
+          name: r,
           type: p,
-          value: M,
+          value: f,
           autoComplete: "off",
-          className: V(
+          className: m(
             "form-input",
             e ? "pr-10" : "pr-4",
-            r ? "pl-8" : "pl-4",
+            l ? "pl-8" : "pl-4",
             {
               "!border-red-500 !bg-red-500/10 placeholder:!text-red-700 focus:!ring-red-500 focus:!border-red-500": t
             },
@@ -1465,12 +1566,12 @@ const V = /* @__PURE__ */ T(E), j = ({
       a && /* @__PURE__ */ i("span", { className: "relative flex mt-0.5 text-red-700 text-xs text-left", children: a })
     ]
   }
-), A1 = A(X);
-class m {
-  static calcCrow(e, t, a, r) {
-    const s = m.toRad(a - e), l = m.toRad(r - t);
-    e = m.toRad(e), a = m.toRad(a);
-    const o = Math.sin(s / 2) * Math.sin(s / 2) + Math.sin(l / 2) * Math.sin(l / 2) * Math.cos(e) * Math.cos(a);
+), O1 = A(c1);
+class H {
+  static calcCrow(e, t, a, l) {
+    const s = H.toRad(a - e), r = H.toRad(l - t);
+    e = H.toRad(e), a = H.toRad(a);
+    const o = Math.sin(s / 2) * Math.sin(s / 2) + Math.sin(r / 2) * Math.sin(r / 2) * Math.cos(e) * Math.cos(a);
     return 6371 * (2 * Math.atan2(Math.sqrt(o), Math.sqrt(1 - o)));
   }
   static cleanupAddress(e) {
@@ -1484,9 +1585,9 @@ class m {
       return;
     window.dataLayer = window.dataLayer || [];
     const t = document.querySelectorAll("[data-div-track]");
-    typeof m == "function" && t.forEach((a) => {
+    typeof H == "function" && t.forEach((a) => {
       a.addEventListener("click", () => {
-        m.clickTrackEvent(a.dataset.divTrack);
+        H.clickTrackEvent(a.dataset.divTrack);
       });
     });
   }
@@ -1500,13 +1601,13 @@ class m {
   static async createData(e, t = null, a = !0) {
     if (options.isBot || !t)
       return null;
-    const { tolken: r = null, ip: n = null } = await m.getHeaders(), s = a === !1 ? "" : "&tolken=" + r + "&ip=" + n, l = e + s, o = typeof t == "string" ? t : JSON.stringify(t);
+    const { tolken: l = null, ip: n = null } = await H.getHeaders(), s = a === !1 ? "" : "&tolken=" + l + "&ip=" + n, r = e + s, o = typeof t == "string" ? t : JSON.stringify(t);
     try {
-      const c = await fetch(l, {
+      const c = await fetch(r, {
         method: "POST",
         body: o === "null" ? null : o,
         headers: {
-          website: m.getWebsiteHeaderName()
+          website: H.getWebsiteHeaderName()
         }
       }), h = c.headers.get("content-type");
       if (h && h.indexOf("application/json") !== -1)
@@ -1523,7 +1624,7 @@ class m {
   }
   static async deleteSearchValue(e = "recsSearchValue") {
     try {
-      return await m.createData(`/api/cookie/remove?name=${e}`);
+      return await H.createData(`/api/cookie/remove?name=${e}`);
     } catch (t) {
       console.error("deleteSearchValue", t.message);
     }
@@ -1531,11 +1632,11 @@ class m {
   }
   static detectMouseMovement(e, t = null) {
     const a = document.querySelector("body");
-    let r = !1;
+    let l = !1;
     a.addEventListener("mousemove", () => {
-      r || (r = !0, e(t));
+      l || (l = !0, e(t));
     }), a.addEventListener("touchmove", () => {
-      r || (r = !0, e(t));
+      l || (l = !0, e(t));
     });
   }
   static dlvCustom(e) {
@@ -1574,9 +1675,9 @@ class m {
   static async fetchData(e, t = !1, a = !0) {
     if (options.isBot)
       return null;
-    const { tolken: r = null, ip: n = null } = await m.getHeaders(), l = e.replace("#", "").replace("%23", "") + "&tolken=" + r + "&ip=" + n;
+    const { tolken: l = null, ip: n = null } = await H.getHeaders(), r = e.replace("#", "").replace("%23", "") + "&tolken=" + l + "&ip=" + n;
     try {
-      const o = await fetch(l, { method: "GET" });
+      const o = await fetch(r, { method: "GET" });
       if (t === !0) {
         const h = await o.text();
         return h ? h.replace("__next", "") : null;
@@ -1594,8 +1695,8 @@ class m {
   }
   static formatDate(e = null) {
     return e ? (e = new Date(e), [
-      m.padTo2Digits(e.getMonth() + 1),
-      m.padTo2Digits(e.getDate()),
+      H.padTo2Digits(e.getMonth() + 1),
+      H.padTo2Digits(e.getDate()),
       e.getFullYear()
     ].join("-")) : null;
   }
@@ -1611,17 +1712,17 @@ class m {
         neLat: 0,
         swLng: 0
       };
-    const r = e.getBounds();
-    let n = r.getSouth(), s = r.getEast(), l = r.getNorth(), o = r.getWest();
-    return a && (n = n - a, s = s + a, l = l + a, o = o - a), t && (n = n.toFixed(t), s = s.toFixed(t), l = l.toFixed(t), o = o.toFixed(t)), {
+    const l = e.getBounds();
+    let n = l.getSouth(), s = l.getEast(), r = l.getNorth(), o = l.getWest();
+    return a && (n = n - a, s = s + a, r = r + a, o = o - a), t && (n = n.toFixed(t), s = s.toFixed(t), r = r.toFixed(t), o = o.toFixed(t)), {
       swLat: n,
       neLng: s,
-      neLat: l,
+      neLat: r,
       swLng: o
     };
   }
   static getFirstN(e, t = 5) {
-    return e === null ? null : e.length === 0 ? [] : e.filter((a, r) => r < t);
+    return e === null ? null : e.length === 0 ? [] : e.filter((a, l) => l < t);
   }
   static getFormUrl(e = null) {
     const { name: t = null, isOptOut: a = !1 } = e ?? {};
@@ -1648,8 +1749,8 @@ class m {
     const {
       userAgent: t = null,
       userAgentData: a = null,
-      platform: r = null
-    } = navigator || {}, n = (a == null ? void 0 : a.platform) ?? r, s = {
+      platform: l = null
+    } = navigator || {}, n = (a == null ? void 0 : a.platform) ?? l, s = {
       tolken: null,
       ip: null,
       userAgent: t,
@@ -1657,9 +1758,9 @@ class m {
     };
     if (options && options.isBot || typeof window.localStorage > "u")
       return s;
-    const l = localStorage.getItem("headerTolken");
-    if (l) {
-      const o = JSON.parse(l), c = (/* @__PURE__ */ new Date()).getTime();
+    const r = localStorage.getItem("headerTolken");
+    if (r) {
+      const o = JSON.parse(r), c = (/* @__PURE__ */ new Date()).getTime();
       return o.expire - c < 0 && localStorage.removeItem("headerTolken"), {
         tolken: o.tolken,
         ip: o.ip,
@@ -1689,19 +1790,19 @@ class m {
     }[e];
   }
   static async getLocationData(e) {
-    const { swLat: t, neLng: a, neLat: r, swLng: n } = m.getBounds(e, 3, 0.05), s = "zip-location&swLat=" + t + "&neLng=" + a + "&neLat=" + r + "&swLng=" + n;
-    return await m.fetchData("/api/client?query=" + s);
+    const { swLat: t, neLng: a, neLat: l, swLng: n } = H.getBounds(e, 3, 0.05), s = "zip-location&swLat=" + t + "&neLng=" + a + "&neLat=" + l + "&swLng=" + n;
+    return await H.fetchData("/api/client?query=" + s);
   }
   static getReportUrl(e, t = null) {
     var o, c, h;
-    const a = ((o = e == null ? void 0 : e.state) == null ? void 0 : o.slug) ?? null, r = ((c = e == null ? void 0 : e.city) == null ? void 0 : c.slug) ?? null, n = ((h = e == null ? void 0 : e.name) == null ? void 0 : h.slug) ?? null, s = (e == null ? void 0 : e.zip) ?? null;
+    const a = ((o = e == null ? void 0 : e.state) == null ? void 0 : o.slug) ?? null, l = ((c = e == null ? void 0 : e.city) == null ? void 0 : c.slug) ?? null, n = ((h = e == null ? void 0 : e.name) == null ? void 0 : h.slug) ?? null, s = (e == null ? void 0 : e.zip) ?? null;
     t = t || ((e == null ? void 0 : e.id) ?? null);
-    const l = [s, "-piq", t].filter((p) => p).join("");
-    return "/" + [a, r, n].filter((p) => p).map((p) => m.toSlug(p)).join("/") + "/" + l;
+    const r = [s, "-piq", t].filter((p) => p).join("");
+    return "/" + [a, l, n].filter((p) => p).map((p) => H.toSlug(p)).join("/") + "/" + r;
   }
   static async getSearchValue(e = "recsSearchValue") {
     try {
-      return await m.createData(`/api/cookie/fetch?name=${e}`);
+      return await H.createData(`/api/cookie/fetch?name=${e}`);
     } catch (t) {
       console.error("getSearchValue", t.message);
     }
@@ -1807,9 +1908,9 @@ class m {
     ];
   }
   static getTrackingData(e) {
-    const [t, ...a] = e.split("|"), r = a.join("|").trim(), n = [
+    const [t, ...a] = e.split("|"), l = a.join("|").trim(), n = [
       "[pageType::" + t.trim() + "]",
-      "[name::" + r + "]"
+      "[name::" + l + "]"
     ].join(" ");
     return {
       value: n,
@@ -1826,7 +1927,7 @@ class m {
         return e;
     }
     try {
-      return await m.createData("/api/cookie/fetch?name=odrUser");
+      return await H.createData("/api/cookie/fetch?name=odrUser");
     } catch (e) {
       console.error("getUser", e.message);
     }
@@ -1842,7 +1943,7 @@ class m {
         uuid: t
       }
     });
-    return await m.makeSearchFetchCall(
+    return await H.makeSearchFetchCall(
       `/api/client?query=user-get-history&filter=${a}`
     );
   }
@@ -1851,20 +1952,20 @@ class m {
     return a && a.includes(t) ? t : e;
   }
   static getGridBounds({ map: e, tileSize: t, coords: a }) {
-    const r = a.scaleBy(t), n = r.add(t);
+    const l = a.scaleBy(t), n = l.add(t);
     return {
-      nw: e.unproject(r, a.z),
+      nw: e.unproject(l, a.z),
       se: e.unproject(n, a.z)
     };
   }
   static gridTest(e, t, a = 1500) {
-    const r = this;
+    const l = this;
     L.GridLayer.GridDebug = L.GridLayer.extend({
       createTile: function(n, s) {
-        const l = document.createElement("div");
+        const r = document.createElement("div");
         return setTimeout(() => {
-          s(null, l);
-          const { se: o, nw: c } = r.getGridBounds({
+          s(null, r);
+          const { se: o, nw: c } = l.getGridBounds({
             map: e,
             tileSize: this.getTileSize(),
             coords: n
@@ -1877,7 +1978,7 @@ class m {
             coords: n,
             key: n.z + "-" + n.x + "-" + n.y
           });
-        }, a), l;
+        }, a), r;
       }
     }), L.gridLayer.gridDebug = function(n) {
       return new L.GridLayer.GridDebug(n);
@@ -1897,88 +1998,88 @@ class m {
     target: e = null,
     id: t = "",
     onOpen: a = null,
-    onClose: r = null,
+    onClose: l = null,
     disableOutsideClick: n = !1
   }) {
-    const s = e ? document.querySelectorAll(e) : [], l = document.getElementById(t + "-dialog"), o = document.querySelectorAll("[data-dialog-close]"), c = ["closing", "closed", "opening", "opened", "removed"].reduce(
-      (u, C) => ({
+    const s = e ? document.querySelectorAll(e) : [], r = document.getElementById(t + "-dialog"), o = document.querySelectorAll("[data-dialog-close]"), c = ["closing", "closed", "opening", "opened", "removed"].reduce(
+      (u, V) => ({
         ...u,
-        [C]: new Event(C)
+        [V]: new Event(V)
       }),
       {}
-    ), h = new MutationObserver((u, C) => {
+    ), h = new MutationObserver((u, V) => {
       u.forEach(async (w) => {
         if (w.attributeName === "open") {
-          const f = w.target;
-          if (!(f == null ? void 0 : f.hasAttribute("open"))) return;
-          f == null || f.removeAttribute("inert"), f == null || f.dispatchEvent(c.opening), f && await H(f), f == null || f.dispatchEvent(c.opened);
+          const M = w.target;
+          if (!(M == null ? void 0 : M.hasAttribute("open"))) return;
+          M == null || M.removeAttribute("inert"), M == null || M.dispatchEvent(c.opening), M && await C(M), M == null || M.dispatchEvent(c.opened);
         }
       });
-    }), p = new MutationObserver((u, C) => {
+    }), p = new MutationObserver((u, V) => {
       u.forEach((w) => {
-        w.removedNodes.forEach((f) => {
-          f.nodeName === "DIALOG" && (f.removeEventListener("click", b), f.removeEventListener("close", v), f.dispatchEvent(c.removed), p == null || p.disconnect(), h == null || h.disconnect());
+        w.removedNodes.forEach((M) => {
+          M.nodeName === "DIALOG" && (M.removeEventListener("click", b), M.removeEventListener("close", v), M.dispatchEvent(c.removed), p == null || p.disconnect(), h == null || h.disconnect());
         });
       });
     });
-    l && (h.observe(l, {
+    r && (h.observe(r, {
       attributes: !0
     }), p.observe(document.body, {
       attributes: !1,
       subtree: !1,
       childList: !0
     }));
-    const M = () => {
-      l == null || l.showModal();
+    const f = () => {
+      r == null || r.showModal();
     }, v = async ({ target: u }) => {
-      u == null || u.classList.add("closing"), u == null || u.setAttribute("inert", ""), u == null || u.dispatchEvent(c.closing), u && await H(u), u == null || u.classList.remove("closing"), u == null || u.dispatchEvent(c.closed);
+      u == null || u.classList.add("closing"), u == null || u.setAttribute("inert", ""), u == null || u.dispatchEvent(c.closing), u && await C(u), u == null || u.classList.remove("closing"), u == null || u.dispatchEvent(c.closed);
     }, b = async ({ target: u }) => {
-      (u == null ? void 0 : u.nodeName) === "DIALOG" && (l == null || l.close("outside"));
-    }, H = (u) => Promise.allSettled(
-      u == null ? void 0 : u.getAnimations().map((C) => C == null ? void 0 : C.finished)
+      (u == null ? void 0 : u.nodeName) === "DIALOG" && (r == null || r.close("outside"));
+    }, C = (u) => Promise.allSettled(
+      u == null ? void 0 : u.getAnimations().map((V) => V == null ? void 0 : V.finished)
     );
-    return !n && (l == null || l.addEventListener("click", b)), l == null || l.addEventListener("close", v), s == null || s.forEach((u) => {
-      u.addEventListener("click", (C) => {
-        M(), a && a(C, l);
+    return !n && (r == null || r.addEventListener("click", b)), r == null || r.addEventListener("close", v), s == null || s.forEach((u) => {
+      u.addEventListener("click", (V) => {
+        f(), a && a(V, r);
       });
     }), o == null || o.forEach((u) => {
-      u.addEventListener("click", async (C) => {
-        l == null || l.close("close"), r && r(C, l);
+      u.addEventListener("click", async (V) => {
+        r == null || r.close("close"), l && l(V, r);
       });
     }), {
       activators: s,
-      ref: l,
-      handleOpen: M,
+      ref: r,
+      handleOpen: f,
       handleClose: v
     };
   }
   static hasBoundsEntry(e, t = "bounds") {
-    return m.getBoundsEntries(t).includes(e);
+    return H.getBoundsEntries(t).includes(e);
   }
   static initObserver(e, t, a = null) {
     if (!e)
       return;
-    const r = (a == null ? void 0 : a.useBounding) ?? !1;
-    new IntersectionObserver(async (s, l) => {
-      r ? (s[0].isIntersecting || s[0].boundingClientRect.y < 0) && t({ obs: l, entry: s[0], entries: s }) : s[0].isIntersecting && t({ obs: l, entry: s[0], entries: s });
+    const l = (a == null ? void 0 : a.useBounding) ?? !1;
+    new IntersectionObserver(async (s, r) => {
+      l ? (s[0].isIntersecting || s[0].boundingClientRect.y < 0) && t({ obs: r, entry: s[0], entries: s }) : s[0].isIntersecting && t({ obs: r, entry: s[0], entries: s });
     }, a).observe(e);
   }
   static injectLink({ href: e, id: t }) {
     const a = document.createElement("link");
     a.href = e, a.type = "text/css", a.rel = "stylesheet", t && (a.id = t), document.getElementsByTagName("head")[0].appendChild(a);
   }
-  static injectScript({ src: e, id: t = null, async: a = !0, module: r = !1 }) {
+  static injectScript({ src: e, id: t = null, async: a = !0, module: l = !1 }) {
     return new Promise(function(n, s) {
-      let l = document.getElementById(t);
-      if (t && l && l.dataset.loaded === "true")
+      let r = document.getElementById(t);
+      if (t && r && r.dataset.loaded === "true")
         return n({ alreadyLoaded: !0, id: t });
-      l || (l = document.createElement("script"), l.src = e, l.dataset.loaded = "false", t && (l.id = t), l.type = r ? "module" : "text/javascript", l.async = a, document.body.appendChild(l), l.onload = () => (l.dataset.loaded = "true", n({ alreadyLoaded: !1, id: t })), l.onerror = () => s(!1));
+      r || (r = document.createElement("script"), r.src = e, r.dataset.loaded = "false", t && (r.id = t), r.type = l ? "module" : "text/javascript", r.async = a, document.body.appendChild(r), r.onload = () => (r.dataset.loaded = "true", n({ alreadyLoaded: !1, id: t })), r.onerror = () => s(!1));
     });
   }
   static isMobile({ selector: e = null, width: t = 640 } = {}) {
-    var r;
+    var l;
     const a = document.querySelector(e);
-    return ((r = a == null ? void 0 : a.getBoundingClientRect()) == null ? void 0 : r.width) ?? 0 < t;
+    return ((l = a == null ? void 0 : a.getBoundingClientRect()) == null ? void 0 : l.width) ?? 0 < t;
   }
   static isMobileAndTablet() {
     return window.mobileAndTabletCheck = function() {
@@ -2001,18 +2102,18 @@ class m {
   static kFormat(e, t = 0) {
     if (!e)
       return null;
-    const a = Math.abs(e), r = Math.sign(e);
-    return a > 999999 ? r * (a / 1e6).toFixed(1) + "m" : a > 999 ? r * (a / 1e3).toFixed(t) + "k" : r * a;
+    const a = Math.abs(e), l = Math.sign(e);
+    return a > 999999 ? l * (a / 1e6).toFixed(1) + "m" : a > 999 ? l * (a / 1e3).toFixed(t) + "k" : l * a;
   }
-  static async logRequest(e = null, t = null, a = null, r = null, n = null) {
+  static async logRequest(e = null, t = null, a = null, l = null, n = null) {
     const s = {
       name: e,
       uuid: t,
       ip: a,
-      url: r,
+      url: l,
       data: n
     };
-    return await m.createData("/api/client?query=log/save&method=POST", s), null;
+    return await H.createData("/api/client?query=log/save&method=POST", s), null;
   }
   static loadAds() {
     window.dataLayer = window.dataLayer || [];
@@ -2027,10 +2128,10 @@ class m {
   }
   static async loadCustomScript({ name: e = null, id: t = "", module: a = !1 } = {}) {
     if (e) {
-      const r = "/scripts/" + e + ".js?v=100.0.5";
+      const l = "/scripts/" + e + ".js?v=100.0.5";
       try {
-        return await m.injectScript({
-          src: r,
+        return await H.injectScript({
+          src: l,
           id: t || e,
           async: !1,
           module: a
@@ -2045,19 +2146,19 @@ class m {
     if (window.options.googleMapsLoaded === !0)
       return;
     const e = "https://maps.googleapis.com/maps/api/js", t = window.options.googleApiKey, a = e + "?key=" + t + "&libraries=marker&v=beta&callback=mapCb";
-    await m.injectScript({ src: a, id: "googleapis", async: !1 });
+    await H.injectScript({ src: a, id: "googleapis", async: !1 });
   }
   static async loadLeafletApi() {
-    const e = "https://unpkg.com/leaflet@1.9.3/dist", t = e + "/leaflet.js", a = e + "/leaflet.css", r = "//unpkg.com/leaflet-gesture-handling", n = "//unpkg.com/leaflet-gesture-handling/dist/leaflet-gesture-handling.min.css";
-    await m.injectLink({ href: a, id: "leafletCss" }), await m.injectLink({ href: n, id: "gestureCss" }), await m.injectScript({ src: t, id: "leafletJs", async: !1 }), await m.injectScript({
-      src: r,
+    const e = "https://unpkg.com/leaflet@1.9.3/dist", t = e + "/leaflet.js", a = e + "/leaflet.css", l = "//unpkg.com/leaflet-gesture-handling", n = "//unpkg.com/leaflet-gesture-handling/dist/leaflet-gesture-handling.min.css";
+    await H.injectLink({ href: a, id: "leafletCss" }), await H.injectLink({ href: n, id: "gestureCss" }), await H.injectScript({ src: t, id: "leafletJs", async: !1 }), await H.injectScript({
+      src: l,
       id: "gestureJs",
       async: !1
     });
   }
   static async loadSwiper() {
     const e = "https://cdn.jsdelivr.net/npm", t = `${e}/swiper@9/swiper-bundle.min.js`, a = `${e}/swiper@9/swiper-bundle.min.css`;
-    await m.injectLink({ href: a, id: "swiperCss" }), await m.injectScript({ src: t, id: "swiperJs", async: !1 });
+    await H.injectLink({ href: a, id: "swiperCss" }), await H.injectScript({ src: t, id: "swiperJs", async: !1 });
   }
   static async makeSearchFetchCall(e) {
     try {
@@ -2088,19 +2189,19 @@ class m {
     const {
       name: t = null,
       first: a = null,
-      middle: r = null,
+      middle: l = null,
       last: n = null,
       min: s = null,
-      max: l = null,
+      max: r = null,
       city: o = null,
       state: c = null,
       vin: h = null,
       license: p = null,
-      token: M = null,
+      token: f = null,
       phone: v = null
-    } = e || {}, b = t && t !== "", H = s && s !== "" && s !== "18", u = l && l !== "" && s !== "99";
-    let C = [];
-    return t && t !== "" && C.push("name=" + t), b || (a && a !== "" && C.push("first=" + a), r && r !== "" && C.push("middle=" + r), n && n !== "" && C.push("last=" + n)), H && u ? parseInt(s) > parseInt(l) ? (C.push("min=" + l), C.push("max=" + s)) : (C.push("min=" + s), C.push("max=" + l)) : (H && C.push("min=" + s), u && C.push("max=" + l)), v && v !== "" && C.push("phone=" + v), o && o !== "" && C.push("city=" + o), p && p !== "" && C.push("license=" + p), h && h !== "" && C.push("vin=" + h), c && c !== "" && C.push("state=" + c), M && M !== "" && C.push("token=" + M), C.join("&");
+    } = e || {}, b = t && t !== "", C = s && s !== "" && s !== "18", u = r && r !== "" && s !== "99";
+    let V = [];
+    return t && t !== "" && V.push("name=" + t), b || (a && a !== "" && V.push("first=" + a), l && l !== "" && V.push("middle=" + l), n && n !== "" && V.push("last=" + n)), C && u ? parseInt(s) > parseInt(r) ? (V.push("min=" + r), V.push("max=" + s)) : (V.push("min=" + s), V.push("max=" + r)) : (C && V.push("min=" + s), u && V.push("max=" + r)), v && v !== "" && V.push("phone=" + v), o && o !== "" && V.push("city=" + o), p && p !== "" && V.push("license=" + p), h && h !== "" && V.push("vin=" + h), c && c !== "" && V.push("state=" + c), f && f !== "" && V.push("token=" + f), V.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -2112,22 +2213,22 @@ class m {
       return [];
     const {
       addressesOnly: a = !1,
-      useCitySearch: r = !1,
+      useCitySearch: l = !1,
       useCityStateSearch: n = !1,
       useSearch: s = !1,
-      useLocation: l = !0,
+      useLocation: r = !0,
       state: o = ""
-    } = t ?? {}, { tolken: c = null, ip: h = null } = await m.getHeaders(), M = [
+    } = t ?? {}, { tolken: c = null, ip: h = null } = await H.getHeaders(), f = [
       "query=" + encodeURIComponent(this.cleanupAddress(e)),
       "addressesOnly=" + a,
       "useSearch=" + s,
-      "useCitySearch=" + r,
+      "useCitySearch=" + l,
       "useCityStateSearch=" + n,
-      "useLocation=" + l
+      "useLocation=" + r
     ];
-    o && o !== "" && !n && M.push("state=" + o), c && c !== "" && M.push("tolken=" + c), h && h !== "" && M.push("ip=" + h);
-    const v = M.join("&"), H = (r || n ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + v;
-    return await m.makeSearchFetchCall(H);
+    o && o !== "" && !n && f.push("state=" + o), c && c !== "" && f.push("tolken=" + c), h && h !== "" && f.push("ip=" + h);
+    const v = f.join("&"), C = (l || n ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + v;
+    return await H.makeSearchFetchCall(C);
   }
   static removeElements(e) {
     document.querySelectorAll(e).forEach((t) => t == null ? void 0 : t.remove());
@@ -2146,15 +2247,15 @@ class m {
     });
   }
   static searchInStates(e) {
-    const t = m.getStates(), a = e.toLowerCase();
-    let r = t.find((n) => n.short.toLowerCase() === a) ?? null;
-    return r || (r = t.find((n) => n.name.toLowerCase() === a) ?? null), r;
+    const t = H.getStates(), a = e.toLowerCase();
+    let l = t.find((n) => n.short.toLowerCase() === a) ?? null;
+    return l || (l = t.find((n) => n.name.toLowerCase() === a) ?? null), l;
   }
   static sendWoopraEvent(e, t) {
     typeof woopra == "object" && woopra.track(e, t);
   }
   static setBoundsEntries(e, t = "bounds") {
-    const a = m.getBoundsEntries(t);
+    const a = H.getBoundsEntries(t);
     a.push(e), localStorage.setItem(t, JSON.stringify(a));
   }
   static async setCityState(e = null) {
@@ -2162,34 +2263,34 @@ class m {
     if (!t)
       return e;
     t = t.toLowerCase().replace(" usa", "").replace("city or state", "").replace(" state", "").trim();
-    let [a = null, r = null] = t.split(",").map((n) => n.trim());
-    if (m.getStates(), a && !r) {
+    let [a = null, l = null] = t.split(",").map((n) => n.trim());
+    if (H.getStates(), a && !l) {
       const n = this.searchInStates(a);
-      n && (a = null, r = n.short);
+      n && (a = null, l = n.short);
     }
-    if (!r && a) {
+    if (!l && a) {
       const n = this.searchInStates(a);
-      n && (r = n.short);
+      n && (l = n.short);
     }
-    if (a && !r) {
+    if (a && !l) {
       const n = a.split(" "), s = n[n.length - 1];
       if (s.length) {
-        const l = this.searchInStates(s);
-        l && (r = l.short, a = n.slice(0, -1).join(" "));
+        const r = this.searchInStates(s);
+        r && (l = r.short, a = n.slice(0, -1).join(" "));
       }
     }
-    return a && r && a.toLowerCase() === r.toLowerCase() && (a = null), e.city = a, e.state = r ? r.toUpperCase() : null, e;
+    return a && l && a.toLowerCase() === l.toLowerCase() && (a = null), e.city = a, e.state = l ? l.toUpperCase() : null, e;
   }
   static async setSearchValueClient(e, t = "recsSearchValue") {
-    localStorage.setItem(t, JSON.stringify(e)), await m.createData(`/api/cookie/create?name=${t}`, e);
+    localStorage.setItem(t, JSON.stringify(e)), await H.createData(`/api/cookie/create?name=${t}`, e);
   }
   static stickyHeader(e = ".nav") {
     const t = document.querySelector(e);
     if (!t)
       return;
     new IntersectionObserver(
-      ([r]) => {
-        r && (r.intersectionRatio < 1 ? t.classList.add("intersecting") : t.classList.remove("intersecting"));
+      ([l]) => {
+        l && (l.intersectionRatio < 1 ? t.classList.add("intersecting") : t.classList.remove("intersecting"));
       },
       { threshold: 1 }
     ).observe(t);
@@ -2208,7 +2309,7 @@ class m {
     return t.charAt(0).toUpperCase() + t.slice(1);
   }
   static useLayerTitle(e, t) {
-    const a = m.getLayerTitle(e);
+    const a = H.getLayerTitle(e);
     L.tileLayer(a, {
       maxNativeZoom: 19,
       maxZoom: 25,
@@ -2217,32 +2318,33 @@ class m {
     }).addTo(t);
   }
   static ucWords(e) {
-    return e ? e.toString().split(" ").map((t) => m.ucFirst(t)).join(" ") : null;
+    return e ? e.toString().split(" ").map((t) => H.ucFirst(t)).join(" ") : null;
   }
 }
 export {
-  a1 as Accordion,
-  n1 as Alert,
-  r1 as Autocomplete,
-  l1 as Badge,
-  s1 as Button,
-  i1 as ButtonGroup,
-  o1 as Card,
-  c1 as Checkbox,
-  m as Common,
-  d1 as Container,
-  h1 as Dialog,
-  u1 as Dots,
+  u1 as Accordion,
+  p1 as Alert,
+  m1 as Autocomplete,
+  V1 as Badge,
+  H1 as Button,
+  L1 as ButtonGroup,
+  C1 as Card,
+  f1 as Checkbox,
+  H as Common,
+  M1 as Container,
+  g1 as Dialog,
+  v1 as DialogOld,
+  A1 as Dots,
   y as Icon,
-  p1 as LoadingBar,
-  m1 as Popover,
-  H1 as ProgressBar,
-  L1 as Radio,
-  C1 as Select,
-  M1 as Skeleton,
-  f1 as Slider,
-  V1 as Spinner,
-  g1 as Stars,
-  v1 as TextArea,
-  A1 as Textbox
+  y1 as LoadingBar,
+  w1 as Popover,
+  x1 as ProgressBar,
+  k1 as Radio,
+  S1 as Select,
+  z1 as Skeleton,
+  Z1 as Slider,
+  b1 as Spinner,
+  N1 as Stars,
+  D1 as TextArea,
+  O1 as Textbox
 };