@iamproperty/components 5.1.0-beta4 → 5.1.0-beta6

package/dist/components.es.js

@@ -30,14 +30,14 @@ const y = (e, a) => {
     }
   }
 }, yt = ["xlink:href"], vt = ["innerHTML"];
-function wt(e, a, t, i, s, n) {
+function wt(e, a, t, i, s, o) {
   return u(), m("div", {
-    class: x(n.className)
+    class: x(o.className)
   }, [
     (u(), m("svg", null, [
       f("title", null, "iam " + S(t.id), 1),
       f("use", {
-        "xlink:href": t.path + n.src
+        "xlink:href": t.path + o.src
       }, null, 8, yt)
     ])),
     t.desc ? (u(), m("span", {
@@ -48,35 +48,35 @@ function wt(e, a, t, i, s, n) {
 }
 const Di = /* @__PURE__ */ y(gt, [["render", wt]]);
 /*!
-  * iamKey v5.1.0-beta4
+  * iamKey v5.1.0-beta6
   * Copyright 2022-2023 iamproperty
   */
 const _t = function(e) {
   return typeof e != "string" ? !1 : !isNaN(e) && !isNaN(parseFloat(e));
 }, At = (e, a) => String(e).padStart(a, "0"), xt = (e) => e.charAt(0).toUpperCase() + e.slice(1), R = (e, a, t) => a.split(/[\.\[\]\'\"]/).filter((i) => i).reduce((i, s) => i ? i[s] : t, e);
 var kt = function(e, a, t, i) {
-  function s(n) {
-    return n instanceof t ? n : new t(function(o) {
-      o(n);
+  function s(o) {
+    return o instanceof t ? o : new t(function(n) {
+      n(o);
     });
   }
-  return new (t || (t = Promise))(function(n, o) {
+  return new (t || (t = Promise))(function(o, n) {
     function l(p) {
       try {
         r(i.next(p));
       } catch (c) {
-        o(c);
+        n(c);
       }
     }
     function d(p) {
       try {
         r(i.throw(p));
       } catch (c) {
-        o(c);
+        n(c);
       }
     }
     function r(p) {
-      p.done ? n(p.value) : s(p.value).then(l, d);
+      p.done ? o(p.value) : s(p.value).then(l, d);
     }
     r((i = i.apply(e, a || [])).next());
   });
@@ -84,32 +84,32 @@ var kt = function(e, a, t, i) {
 const tt = (e) => {
   const a = Array.from(e.querySelectorAll("thead th"));
   Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
-    const s = Array.from(t.querySelectorAll("th, td")), n = ["0", "low", "medium", "high", "unknown", "n/a", "pending", "verified", "due", "overdue", "incomplete", "complete", "completed", "approval required", "upcoming", "requires approval", "to do", "on track", "not started", "warning", "error"];
-    s.forEach((o, l) => {
+    const s = Array.from(t.querySelectorAll("th, td")), o = ["0", "low", "medium", "high", "unknown", "n/a", "pending", "verified", "due", "overdue", "incomplete", "complete", "completed", "approval required", "upcoming", "requires approval", "to do", "on track", "not started", "warning", "error"];
+    s.forEach((n, l) => {
       const d = a[l];
       if (typeof d < "u") {
         let r = document.createElement("div");
         r.innerHTML = d.innerHTML;
         let p = r.textContent || r.innerText || "";
-        o.setAttribute("data-label", p), d.hasAttribute("data-td-class") && o.setAttribute("class", d.getAttribute("data-td-class")), d.hasAttribute("data-format") && (o.setAttribute("data-format", d.getAttribute("data-format")), o.innerHTML = Y(d.getAttribute("data-format"), o.textContent.trim())), n.includes(o.textContent.trim().toLowerCase()) && o.setAttribute("data-content", o.textContent.trim().toLowerCase());
+        n.setAttribute("data-label", p), d.hasAttribute("data-td-class") && n.setAttribute("class", d.getAttribute("data-td-class")), d.hasAttribute("data-format") && (n.setAttribute("data-format", d.getAttribute("data-format")), n.innerHTML = Y(d.getAttribute("data-format"), n.textContent.trim())), o.includes(n.textContent.trim().toLowerCase()) && n.setAttribute("data-content", n.textContent.trim().toLowerCase());
       }
     });
   });
 }, Lt = (e) => {
   let a = 0;
   return Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
-    let s = window.getComputedStyle(document.querySelector("html")), n = t.querySelector(":scope > *:last-child > *:first-child");
-    if (n) {
-      n.classList.add("text-nowrap");
-      let o = n.offsetWidth / parseFloat(s.fontSize);
-      o += 1.7, a = a > o ? a : o;
+    let s = window.getComputedStyle(document.querySelector("html")), o = t.querySelector(":scope > *:last-child > *:first-child");
+    if (o) {
+      o.classList.add("text-nowrap");
+      let n = o.offsetWidth / parseFloat(s.fontSize);
+      n += 1.7, a = a > n ? a : n;
     }
   }), a;
 }, St = (e, a) => {
-  if (a.classList.contains(".table--fullwidth") && !a.hasAttribute("data-expandable") || e.querySelectorAll("thead tr th").length < 4 && !a.hasAttribute("data-expandable"))
+  if (a.classList.contains("table--fullwidth") && !a.hasAttribute("data-expandable") || e.querySelectorAll("thead tr th").length < 4 && !a.hasAttribute("data-expandable"))
     return !1;
   Array.from(e.querySelectorAll("thead tr")).forEach((t, i) => {
-    t.insertAdjacentHTML("afterbegin", '<th class="th--fixed expand-button-heading"></th>');
+    e.querySelectorAll("thead tr th.expand-button-heading").length || t.insertAdjacentHTML("afterbegin", '<th class="th--fixed expand-button-heading"></th>');
   }), Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
     const s = t.getAttribute("data-view") === "full" ? "aria-expanded" : "";
     t.insertAdjacentHTML("afterbegin", `<td class="td--fixed td--expand"><button class="btn btn-compact btn-secondary" data-expand-button ${s}>Expand</button></td>`);
@@ -126,15 +126,15 @@ const tt = (e) => {
   if (!t)
     return !1;
   const i = t.getAttribute("id"), s = t.getAttribute("data-search").split(",");
-  let n = t.parentNode, o = {};
+  let o = t.parentNode, n = {};
   s.forEach((l, d) => {
     Array.from(e.querySelectorAll('td[data-label="' + l.trim() + '"]')).forEach((r, p) => {
-      r.querySelector(".td__content") ? o[r.querySelector(".td__content").textContent] = r.querySelector(".td__content").textContent : o[r.textContent] = r.textContent;
+      r.querySelector(".td__content") ? n[r.querySelector(".td__content").textContent] = r.querySelector(".td__content").textContent : n[r.textContent] = r.textContent;
     });
-  }), t.setAttribute("list", `${i}_list`), t.setAttribute("autocomplete", "off"), n.querySelector("datalist") || (n.innerHTML += `<datalist id="${i}_list"></datalist>`), n.querySelector("datalist").innerHTML = `${Object.keys(o).map((l) => `<option value="${l}"></option>`).join("")}`;
+  }), t.setAttribute("list", `${i}_list`), t.setAttribute("autocomplete", "off"), o.querySelector("datalist") || (o.innerHTML += `<datalist id="${i}_list"></datalist>`), o.querySelector("datalist").innerHTML = `${Object.keys(n).map((l) => `<option value="${l}"></option>`).join("")}`;
 }, qt = (e, a, t, i, s) => {
-  var n;
-  let o = function(r, p = !1) {
+  var o;
+  let n = function(r, p = !1) {
     if (a.classList.contains("processing"))
       return !1;
     if (r.type == "submit" && (a.classList.add("processing"), Array.from(a.querySelectorAll("[data-duplicate]")).forEach((c, h) => {
@@ -150,7 +150,7 @@ const tt = (e) => {
         let c = a.querySelector("[data-pagination]");
         c.value = 1, i.setAttribute("data-page", 1);
       }
-      ot(e, a, t, i);
+      nt(e, a, t, i);
     } else
       a.hasAttribute("data-submit") ? a.submit() : (K(e, a, i), U(e, a));
     if (a.hasAttribute("data-ajax-post")) {
@@ -160,13 +160,13 @@ const tt = (e) => {
     }
   };
   a.addEventListener("keyup", (r) => {
-    clearTimeout(n), r && r.target instanceof HTMLElement && r.target.closest("[data-search]") && (n = setTimeout(function() {
-      o(r);
+    clearTimeout(o), r && r.target instanceof HTMLElement && r.target.closest("[data-search]") && (o = setTimeout(function() {
+      n(r);
     }, 500));
   }), a.addEventListener("change", (r) => {
-    clearTimeout(n), r && r.target instanceof HTMLElement && r.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || Q(e, a, s), o(r)), r && r.target instanceof HTMLElement && r.target.closest("[data-search]") && o(r), r && r.target instanceof HTMLElement && r.target.closest("[data-filter][data-no-ajax]") ? (K(e, a, i), U(e, a)) : (r && r.target instanceof HTMLElement && r.target.closest("[data-filter]") && r.target.closest("form .dialog__wrapper > dialog") || r && r.target instanceof HTMLElement && r.target.closest("[data-filter]") && !r.target.closest("form dialog")) && o(r), r && r.target instanceof HTMLElement && r.target.closest("[data-show]") && o(r), r && r.target instanceof HTMLElement && r.target.closest("[data-mimic]") && o(r);
+    clearTimeout(o), r && r.target instanceof HTMLElement && r.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || Q(e, a, s), n(r)), r && r.target instanceof HTMLElement && r.target.closest("[data-search]") && n(r), r && r.target instanceof HTMLElement && r.target.closest("[data-filter][data-no-ajax]") ? (K(e, a, i), U(e, a)) : (r && r.target instanceof HTMLElement && r.target.closest("[data-filter]") && r.target.closest("form .dialog__wrapper > dialog") || r && r.target instanceof HTMLElement && r.target.closest("[data-filter]") && !r.target.closest("form dialog")) && n(r), r && r.target instanceof HTMLElement && r.target.closest("[data-show]") && n(r), r && r.target instanceof HTMLElement && r.target.closest("[data-mimic]") && n(r);
   }), a.addEventListener("click", (r) => {
-    if (clearTimeout(n), r && r.target instanceof HTMLElement && r.target.closest('dialog button:not([type="button"])') && r.target.closest('dialog button:not([type="button"])').closest("dialog").close(), r && r.target instanceof HTMLElement && r.target.closest(".dialog__close") && (r.preventDefault(), r.stopPropagation()), r && r.target instanceof HTMLElement && r.target.closest("[data-clear]")) {
+    if (clearTimeout(o), r && r.target instanceof HTMLElement && r.target.closest('dialog button:not([type="button"])') && r.target.closest('dialog button:not([type="button"])').closest("dialog").close(), r && r.target instanceof HTMLElement && r.target.closest(".dialog__close") && (r.preventDefault(), r.stopPropagation()), r && r.target instanceof HTMLElement && r.target.closest("[data-clear]")) {
       a.classList.add("processing"), Array.from(a.querySelectorAll(".applied-filters")).forEach((c, h) => {
         c.innerHTML = "";
       });
@@ -194,14 +194,14 @@ const tt = (e) => {
             p[c].selectedIndex = -1;
             break;
         }
-      a.classList.remove("processing"), a.hasAttribute("data-submit") || Q(e, a, s), o(r);
+      a.classList.remove("processing"), a.hasAttribute("data-submit") || Q(e, a, s), n(r);
     }
   }), a.addEventListener("submit", (r) => {
-    clearTimeout(n), a.hasAttribute("data-submit") || r.preventDefault(), o(r);
+    clearTimeout(o), a.hasAttribute("data-submit") || r.preventDefault(), n(r);
   }), a.addEventListener("force", (r) => {
-    o(r);
+    n(r);
   }), a.addEventListener("paginate", (r) => {
-    o(r, !0);
+    n(r, !0);
   });
   let l = [], d = [];
   Array.from(a.querySelectorAll("[data-mimic]")).forEach((r, p) => {
@@ -235,15 +235,15 @@ const tt = (e) => {
 }, Q = (e, a, t) => {
   if (a.getAttribute("data-ajax"))
     return !1;
-  let i = e.querySelector("tbody"), s = a.querySelector("[data-sort]"), n = s.querySelector(`option:nth-child(${s.selectedIndex + 1})`), o = n.getAttribute("data-sort"), l = n.getAttribute("data-order"), d = n.getAttribute("data-format");
-  if (!o)
+  let i = e.querySelector("tbody"), s = a.querySelector("[data-sort]"), o = s.querySelector(`option:nth-child(${s.selectedIndex + 1})`), n = o.getAttribute("data-sort"), l = o.getAttribute("data-order"), d = o.getAttribute("data-format");
+  if (!n)
     return i.innerHTML = t.innerHTML, tt(e), !1;
   let r = [];
   ["asc", "desc", "descending"].includes(l) || (r = l.split(","));
   let p = [];
   Array.from(i.querySelectorAll("tr")).forEach((h, g) => {
-    let b = h.querySelector('td[data-label="' + o + '"], th[data-label="' + o + '"]').textContent.trim();
-    h.querySelector('[data-label="' + o + '"] .td__content') && (b = h.querySelector('[data-label="' + o + '"] .td__content').textContent.trim()), r.length && r.includes(b) && (b = r.indexOf(b)), _t(b) && (b = At(b, 10)), d && d == "date" && (b = new Date(b));
+    let b = h.querySelector('td[data-label="' + n + '"], th[data-label="' + n + '"]').textContent.trim();
+    h.querySelector('[data-label="' + n + '"] .td__content') && (b = h.querySelector('[data-label="' + n + '"] .td__content').textContent.trim()), r.length && r.includes(b) && (b = r.indexOf(b)), _t(b) && (b = At(b, 10)), d && d == "date" && (b = new Date(b));
     const A = { index: b, row: h };
     p.push(A);
   }), p.sort((h, g) => h.index > g.index ? 1 : -1), (l == "descending" || l == "desc") && (p = p.reverse());
@@ -253,7 +253,7 @@ const tt = (e) => {
   }), i.innerHTML = c;
 }, K = (e, a, t) => {
   e.classList.remove("table--filtered");
-  let i = it(a), s = [], n = 0, o = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, l = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
+  let i = it(a), s = [], o = 0, n = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, l = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
   if (Array.from(e.querySelectorAll("tbody tr")).forEach((r, p) => {
     r.classList.remove("filtered"), r.classList.remove("filtered--matched"), r.classList.remove("filtered--show"), r.removeAttribute("data-filtered-by");
   }), a.querySelector("[data-search]")) {
@@ -310,23 +310,23 @@ const tt = (e) => {
       b && h.value.length >= 3 && b.textContent.toLowerCase().includes(h.value.toLowerCase()) && (c = !0);
     }), c || r.classList.add("filtered");
   }), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((r, p) => {
-    n++, r.classList.add("filtered--matched"), Math.ceil(n / l) == parseInt(o) && r.classList.add("filtered--show");
-  }), t && (t.setAttribute("data-total", n), t.setAttribute("data-show", l), t.setAttribute("data-page", o));
+    o++, r.classList.add("filtered--matched"), Math.ceil(o / l) == parseInt(n) && r.classList.add("filtered--show");
+  }), t && (t.setAttribute("data-total", o), t.setAttribute("data-show", l), t.setAttribute("data-page", n));
 }, U = (e, a, t) => {
   Array.from(a.querySelectorAll("[data-query]")).forEach((i, s) => {
-    let n = i.getAttribute("data-query"), o;
-    if (n == "total")
-      t.hasAttribute("data-total") ? o = t.getAttribute("data-total") : o = (e.classList.contains("table--filtered"), e.querySelectorAll("tbody tr").length);
-    else if (!n.includes(" == ") && n.includes(" & ")) {
-      let l = n.split(" & "), d = "";
+    let o = i.getAttribute("data-query"), n = 0;
+    if (o == "total")
+      t.hasAttribute("data-total") ? n = t.getAttribute("data-total") : n = (e.classList.contains("table--filtered"), e.querySelectorAll("tbody tr").length);
+    else if (!o.includes(" == ") && o.includes(" & ")) {
+      let l = o.split(" & "), d = "";
       l.forEach((r) => {
         d += `:not([data-filtered-by="${r}"])`;
-      }), o = Array.from(e.querySelectorAll(`tbody tr${d}`)).length;
-    } else if (!n.includes(" == "))
-      o = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${n}"])`)).length;
-    else if (n.includes(" && ")) {
-      let l = n.split(" && ");
-      o = Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d) {
+      }), n = Array.from(e.querySelectorAll(`tbody tr${d}`)).length;
+    } else if (!o.includes(" == "))
+      n = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${o}"])`)).length;
+    else if (o.includes(" && ")) {
+      let l = o.split(" && ");
+      n = Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d) {
         let r = !0;
         for (const [p, c] of Object.entries(l)) {
           let h = c.split(" == ");
@@ -335,27 +335,27 @@ const tt = (e) => {
         return r;
       }).length;
     } else {
-      let l = n.split(" == ");
-      o = Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${l[0]}"], tbody tr[data-filtered-by="${l[0]}"] td[data-label="${l[0]}"]`)).filter(function(d) {
+      let l = o.split(" == ");
+      n = Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${l[0]}"], tbody tr[data-filtered-by="${l[0]}"] td[data-label="${l[0]}"]`)).filter(function(d) {
         return d.textContent === l[1];
       }).length;
     }
-    i.hasAttribute("data-total") ? i.setAttribute("data-total", o) : i.innerHTML = o;
+    i.hasAttribute("data-total") ? i.setAttribute("data-total", n) : i.innerHTML = n;
   });
 }, Et = function(e, a, t, i) {
   t.addEventListener("update-page", (s) => {
-    let n = a.querySelector("[data-pagination]"), o = s.detail.page;
-    if (n.value = o, a.dispatchEvent(new Event("paginate")), i.setAttribute("data-page", o), e.hasAttribute("data-show-history")) {
+    let o = a.querySelector("[data-pagination]"), n = s.detail.page;
+    if (o.value = n, a.dispatchEvent(new Event("paginate")), i.setAttribute("data-page", n), e.hasAttribute("data-show-history")) {
       const l = new URL(location);
-      l.searchParams.set("page", o), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: o }, "", l);
+      l.searchParams.set("page", n), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: n }, "", l);
     }
     if (!i.hasAttribute("data-no-scroll")) {
       const l = e.getBoundingClientRect().top + window.pageYOffset + -250;
       window.scrollTo({ top: l, behavior: "smooth" });
     }
   }), t.addEventListener("update-show", (s) => {
-    let n = a.querySelector("[data-show]"), o = s.detail.show;
-    n.value = o, i.setAttribute("data-show", o), a.dispatchEvent(new Event("submit"));
+    let o = a.querySelector("[data-show]"), n = s.detail.show;
+    o.value = n, i.setAttribute("data-show", n), a.dispatchEvent(new Event("submit"));
   });
 }, Tt = (e, a) => {
   if (!e)
@@ -365,9 +365,9 @@ const tt = (e) => {
   });
 }, Ht = function(e) {
   for (var a = [], t = e.getElementsByTagName("tr"), i = 0; i < t.length; i++) {
-    for (var s = t[i].querySelectorAll("td,th"), n = [], o = 0; o < s.length; o++)
-      n.push(`"${s[o].textContent}"`);
-    a.push(n.join(","));
+    for (var s = t[i].querySelectorAll("td,th"), o = [], n = 0; n < s.length; n++)
+      o.push(`"${s[n].textContent}"`);
+    a.push(o.join(","));
   }
   a = a.join(`
 `);
@@ -379,13 +379,13 @@ const tt = (e) => {
 }, at = function(e, a, t, i) {
   if (tt(e), St(e, i), U(e, a, i), i && i.classList.contains("table--cta")) {
     let s = function() {
-      Array.from(e.querySelectorAll("tr")).forEach((o, l) => {
-        let d = o.offsetHeight;
-        o.style.setProperty("--row-height", `${d}px`);
+      Array.from(e.querySelectorAll("tr")).forEach((n, l) => {
+        let d = n.offsetHeight;
+        n.style.setProperty("--row-height", `${d}px`);
       });
     };
-    const n = Lt(e);
-    i.style.setProperty("--cta-width", `${n}rem`), new ResizeObserver(s).observe(e);
+    const o = Lt(e);
+    i.style.setProperty("--cta-width", `${o}rem`), new ResizeObserver(s).observe(e);
   }
 }, it = function(e) {
   let a = new Object();
@@ -395,9 +395,9 @@ const tt = (e) => {
       a[s] || (a[s] = new Array()), a[s].push(t.value);
     }
   }), a;
-}, ot = function(e, a, t, i) {
+}, nt = function(e, a, t, i) {
   return kt(this, void 0, void 0, function* () {
-    let s = new FormData(a), n = new URLSearchParams(s).toString(), o = e.querySelectorAll("thead tr th"), l = e.querySelector("tbody"), d = a.getAttribute("data-ajax");
+    let s = new FormData(a), o = new URLSearchParams(s).toString(), n = e.querySelectorAll("thead tr th:not(.expand-button-heading)"), l = e.querySelector("tbody"), d = a.getAttribute("data-ajax");
     i.classList.add("table--loading");
     let r = it(a);
     Array.from(a.querySelectorAll("[data-filter-count]")).forEach((h, g) => {
@@ -412,11 +412,11 @@ const tt = (e) => {
     const { signal: c } = controller[d];
     t.setAttribute("data-loading", "true"), a.classList.add("processing");
     try {
-      yield fetch(d + "?" + n, { signal: c, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((h) => h.json()).then((h) => {
+      yield fetch(d + "?" + o, { signal: c, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((h) => h.json()).then((h) => {
         let g = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", b = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", A = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", $ = R(h, b, 15), M = R(h, A, 1), F = R(h, g), I = i.hasAttribute("data-empty-msg") ? i.getAttribute("data-empty-msg") : "No results found";
         F ? (l.innerHTML = "", F.forEach((j, k) => {
           var L = document.createElement("tr");
-          o.forEach((v, q) => {
+          n.forEach((v, q) => {
             let E = "";
             var z = document.createElement("td");
             if (z.setAttribute("data-label", v.innerText), v.getAttribute("data-output")) {
@@ -444,7 +444,7 @@ const tt = (e) => {
         }), et(e, a), i.setAttribute("data-total", parseInt($)), i.setAttribute("data-page", parseInt(M)), at(e, a, t, i), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((j, k) => {
           let L = R(h, j.getAttribute("data-ajax-query"), "");
           j.hasAttribute("data-total") ? j.setAttribute("data-total", L) : j.innerHTML = L;
-        }), parseInt($) == 0 && (l.innerHTML = `<tr><td colspan="100%"><span>${I}</span></td></tr>`), i.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: d, formData: n })) : l.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>', t.removeAttribute("data-loading"), a.classList.remove("processing");
+        }), parseInt($) == 0 && (l.innerHTML = `<tr><td colspan="100%"><span>${I}</span></td></tr>`), i.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: d, formData: o })) : l.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>', t.removeAttribute("data-loading"), a.classList.remove("processing");
       });
     } catch (h) {
       console.log(h);
@@ -497,39 +497,39 @@ class Mt extends HTMLElement {
     this.hasAttribute("data-total") || this.setAttribute("data-total", this.querySelectorAll("table tbody tr").length), this.hasAttribute("data-page") || this.setAttribute("data-page", a.has("page") ? a.get("page") : 1), this.hasAttribute("data-show") || this.setAttribute("data-show", a.has("show") ? a.get("show") : 15), this.hasAttribute("data-increment") || this.setAttribute("data-increment", this.getAttribute("data-show"));
     let t = this.classList.toString();
     if (t = t.replace("table--cta", ""), t = t.replace("table--loading", ""), this.shadowRoot.querySelector(".table__wrapper").className += ` ${t}`, this.querySelector(".actionbar__sticky") && this.shadowRoot.querySelector(".table__wrapper").classList.add("has-actionbar"), this.table = this.querySelector("table"), this.savedTableBody = this.table.querySelector("tbody").cloneNode(!0), this.pagination = this.shadowRoot.querySelector("iam-pagination"), this.pagination.setAttribute("data-total", this.getAttribute("data-total")), this.pagination.setAttribute("data-page", this.getAttribute("data-page")), this.pagination.setAttribute("data-show", this.getAttribute("data-show")), this.pagination.setAttribute("data-increment", this.getAttribute("data-show")), this.hasAttribute("data-page-jump") && this.pagination.setAttribute("data-page-jump", "true"), this.hasAttribute("data-per-page") && this.pagination.setAttribute("data-per-page", "true"), this.hasAttribute("data-item-count") && this.pagination.setAttribute("data-item-count", "true"), this.hasAttribute("data-loading") && this.pagination.setAttribute("data-loading", "true"), this.classList.contains("table--fullwidth") && this.pagination.setAttribute("data-minimal", "true"), this.classList.contains("table--cta") || this.shadowRoot.querySelector(".table--cta").classList.remove("table--cta"), this.form = document.createElement("form"), this.hasAttribute("data-filterby") ? this.form = document.querySelector(`#${this.getAttribute("data-filterby")}`) : this.table.parentNode.insertBefore(this.form, this.table.nextSibling), this.form.hasAttribute("data-ajax") && this.table.classList.add("table--ajax"), et(this.table, this.form), this.form.querySelector("[data-pagination]") || (this.form.innerHTML += `<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`), this.form.querySelector("[data-show]") || (this.form.innerHTML += `<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`), $t(this.table), qt(this.table, this.form, this.pagination, this, this.savedTableBody), Et(this.table, this.form, this.pagination, this), Tt(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax"))
-      ot(this.table, this.form, this.pagination, this);
+      nt(this.table, this.form, this.pagination, this);
     else {
-      let i = function(n = 1) {
-        return Math.floor(Math.random() * Date.now() * (n + 1));
+      let i = function(o = 1) {
+        return Math.floor(Math.random() * Date.now() * (o + 1));
       };
       if (this.querySelector("iam-actionbar[data-selectall]")) {
-        const n = this.querySelector("iam-actionbar[data-selectall]");
-        Array.from(this.table.querySelectorAll("thead tr")).forEach((o, l) => {
-          o.insertAdjacentHTML("afterbegin", '<th class="th--fixed"></th>');
-        }), Array.from(this.table.querySelectorAll("tbody tr")).forEach((o, l) => {
+        const o = this.querySelector("iam-actionbar[data-selectall]");
+        Array.from(this.table.querySelectorAll("thead tr")).forEach((n, l) => {
+          n.insertAdjacentHTML("afterbegin", '<th class="th--fixed"></th>');
+        }), Array.from(this.table.querySelectorAll("tbody tr")).forEach((n, l) => {
           let d = `row${i(l)}`;
-          o.insertAdjacentHTML("afterbegin", `<td class="td--fixed selectrow"><input type="checkbox" name="row" id="${d}"/><label for="${d}"><span class="visually-hidden">Select row</span></label></td>`);
-        }), this.table.addEventListener("change", (o) => {
-          if (o && o.target instanceof HTMLElement && o.target.closest(".selectrow input")) {
+          n.insertAdjacentHTML("afterbegin", `<td class="td--fixed selectrow"><input type="checkbox" name="row" id="${d}"/><label for="${d}"><span class="visually-hidden">Select row</span></label></td>`);
+        }), this.table.addEventListener("change", (n) => {
+          if (n && n.target instanceof HTMLElement && n.target.closest(".selectrow input")) {
             let l = this.table.querySelectorAll('.selectrow input[type="checkbox"]').length, d = this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;
-            n.setAttribute("data-selected", l == d ? "all" : d);
+            o.setAttribute("data-selected", l == d ? "all" : d);
           }
-        }), n.addEventListener("selected", (o) => {
-          o.detail.selected == "0" ? Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((l, d) => {
+        }), o.addEventListener("selected", (n) => {
+          n.detail.selected == "0" ? Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((l, d) => {
             l.checked = !1;
-          }) : o.detail.selected == "all" && Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((l, d) => {
+          }) : n.detail.selected == "all" && Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((l, d) => {
             l.checked = !0;
           });
         });
       }
       let s = -1;
-      Array.from(this.table.querySelectorAll("tbody tr")).forEach((n, o) => {
-        if (n.querySelector(":scope > td > .dialog__wrapper")) {
-          let l = n.querySelector(":scope > td > .dialog__wrapper").parentNode;
+      Array.from(this.table.querySelectorAll("tbody tr")).forEach((o, n) => {
+        if (o.querySelector(":scope > td > .dialog__wrapper")) {
+          let l = o.querySelector(":scope > td > .dialog__wrapper").parentNode;
           l.classList.add("td--fixed"), s = Array.from(l.parentNode.children).indexOf(l);
         }
-      }), s != -1 && (this.table.querySelector(`thead tr th:nth-child(${s + 1})`).classList.add("th--fixed"), Array.from(this.table.querySelectorAll(`tbody tr td:nth-child(${s + 1})`)).forEach((n, o) => {
-        n.classList.add("td--fixed");
+      }), s != -1 && (this.table.querySelector(`thead tr th:nth-child(${s + 1})`).classList.add("th--fixed"), Array.from(this.table.querySelectorAll(`tbody tr td:nth-child(${s + 1})`)).forEach((o, n) => {
+        o.classList.add("td--fixed");
       })), at(this.table, this.form, this.pagination, this), K(this.table, this.form, this), U(this.table, this.form);
     }
     this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (i) => {
@@ -557,10 +557,10 @@ class Mt extends HTMLElement {
   }
 }
 /*!
-  * iamKey v5.1.0-beta4
+  * iamKey v5.1.0-beta6
   * Copyright 2022-2023 iamproperty
   */
-class nt extends HTMLElement {
+class ot extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
@@ -607,34 +607,34 @@ class nt extends HTMLElement {
   connectedCallback() {
     const a = new URLSearchParams(window.location.search);
     this.hasAttribute("data-total") || this.setAttribute("data-total", 15), this.hasAttribute("data-page") || this.setAttribute("data-page", a.has("page") ? a.get("page") : 1), this.hasAttribute("data-show") || this.setAttribute("data-show", a.has("show") ? a.get("show") : 15), this.hasAttribute("data-increment") || this.setAttribute("data-increment", this.getAttribute("data-show"));
-    const t = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), s = this.shadowRoot.querySelector(".next"), n = this.shadowRoot.querySelector(".per-page select"), o = this.shadowRoot.querySelector(".load-more");
+    const t = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), s = this.shadowRoot.querySelector(".next"), o = this.shadowRoot.querySelector(".per-page select"), n = this.shadowRoot.querySelector(".load-more");
     this.setup(), t.addEventListener("change", (l) => {
       this.setAttribute("data-show", this.getAttribute("data-increment")), this.setAttribute("data-page", l.target.value);
     }), s.addEventListener("click", (l) => {
       t.value = parseInt(t.value) + 1, t.dispatchEvent(new Event("change"));
     }), i.addEventListener("click", (l) => {
       t.value = parseInt(t.value) - 1, t.dispatchEvent(new Event("change"));
-    }), n.addEventListener("change", (l) => {
+    }), o.addEventListener("change", (l) => {
       this.setAttribute("data-increment", l.target.value);
-    }), o.addEventListener("click", (l) => {
+    }), n.addEventListener("click", (l) => {
       let d = parseInt(this.getAttribute("data-show")) + parseInt(this.getAttribute("data-increment"));
-      this.setAttribute("data-show", d), d > parseInt(this.getAttribute("data-total")) && o.remove();
+      this.setAttribute("data-show", d), d > parseInt(this.getAttribute("data-total")) && n.remove();
     });
   }
   setup() {
-    const a = this.shadowRoot.querySelector(".pagination"), t = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), s = this.shadowRoot.querySelector(".next"), n = this.shadowRoot.querySelector(".item-count"), o = this.shadowRoot.querySelector(".per-page select"), l = this.shadowRoot.querySelector(".total-pages"), d = parseInt(this.getAttribute("data-page")), r = parseInt(this.getAttribute("data-total")), p = parseInt(this.getAttribute("data-show")), c = parseInt(this.getAttribute("data-increment")), h = Math.ceil(r / c);
+    const a = this.shadowRoot.querySelector(".pagination"), t = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), s = this.shadowRoot.querySelector(".next"), o = this.shadowRoot.querySelector(".item-count"), n = this.shadowRoot.querySelector(".per-page select"), l = this.shadowRoot.querySelector(".total-pages"), d = parseInt(this.getAttribute("data-page")), r = parseInt(this.getAttribute("data-total")), p = parseInt(this.getAttribute("data-show")), c = parseInt(this.getAttribute("data-increment")), h = Math.ceil(r / c);
     r > p && a.classList.remove("d-none");
     let g = "";
     for (let M = 1; M <= h; M++)
       g += `<option value="${M}" ${M == d ? "selected" : ""}>${M}</option>`;
     t.innerHTML = g, l.innerHTML = `of ${h}`, d == h ? s.setAttribute("disabled", "disabled") : s.removeAttribute("disabled"), d == 1 ? i.setAttribute("disabled", "disabled") : i.removeAttribute("disabled");
     let b = d == 1 ? 1 : (d - 1) * p + 1, A = d == 1 ? p : d * p;
-    n.innerHTML = `${b} - ${A > r ? r : A} of ${r} items`;
+    o.innerHTML = `${b} - ${A > r ? r : A} of ${r} items`;
     const $ = [15, 25, 40, 50];
-    c && o.value != c && !$.includes(c) && (o.innerHTML = `<option value="${c}">${c}</option>
+    c && n.value != c && !$.includes(c) && (n.innerHTML = `<option value="${c}">${c}</option>
       <option value="${c * 2}">${c * 2}</option>
       <option value="${c * 3}">${c * 3}</option>
-      <option value="${c * 4}">${c * 4}</option>`), o.value = c;
+      <option value="${c * 4}">${c * 4}</option>`), n.value = c;
   }
   static get observedAttributes() {
     return ["data-total", "data-increment", "data-page", "data-show"];
@@ -681,28 +681,28 @@ const jt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Ct = (e) => e.replace(
   },
   created() {
     this.$nextTick(function() {
-      window.customElements.get("iam-table") || window.customElements.define("iam-table", Mt), window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination", nt);
+      window.customElements.get("iam-table") || window.customElements.define("iam-table", Mt), window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination", ot);
     });
   },
   updated() {
   }
 }, zt = { key: 0 }, Ft = { key: 0 }, Pt = ["data-row-id"], It = ["innerHTML"];
-function Ot(e, a, t, i, s, n) {
+function Ot(e, a, t, i, s, o) {
   return u(), m("iam-table", null, [
     t.fields ? (u(), m("table", zt, [
       f("thead", null, [
         f("tr", null, [
-          (u(!0), m(T, null, H(t.fields, (o) => (u(), m("th", {
-            key: o.key
-          }, S(n.cellHeading(o.key)), 1))), 128))
+          (u(!0), m(T, null, H(t.fields, (n) => (u(), m("th", {
+            key: n.key
+          }, S(o.cellHeading(n.key)), 1))), 128))
         ])
       ]),
       t.items ? (u(), m("tbody", Ft, [
-        (u(!0), m(T, null, H(t.items, (o, l) => (u(), m("tr", {
+        (u(!0), m(T, null, H(t.items, (n, l) => (u(), m("tr", {
           key: l,
-          "data-row-id": o.rowid
+          "data-row-id": n.rowid
         }, [
-          (u(!0), m(T, null, H(Object.fromEntries(Object.entries(o).filter(([d]) => d !== "rowid")), (d, r) => (u(), m("td", {
+          (u(!0), m(T, null, H(Object.fromEntries(Object.entries(n).filter(([d]) => d !== "rowid")), (d, r) => (u(), m("td", {
             key: r,
             innerHTML: d
           }, null, 8, It))), 128))
@@ -905,17 +905,17 @@ const rt = /* @__PURE__ */ y(Dt, [["render", Ot]]), Bt = {
 }, Xt = ["type", "name", "id", "pattern", "list"], Jt = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Qt = {
   key: 6,
   class: "input-group"
-}, Zt = ["type", "name", "id", "pattern", "list"], te = { class: "input-group-text flex-fill" }, ee = ["type", "name", "id", "pattern"], ae = ["value"], ie = ["type", "name", "id"], oe = ["for", "innerHTML"], ne = ["type", "name", "id"], re = ["for", "innerHTML"], se = ["innerHTML"], le = ["id"], de = ["value"];
-function ce(e, a, t, i, s, n) {
+}, Zt = ["type", "name", "id", "pattern", "list"], te = { class: "input-group-text flex-fill" }, ee = ["type", "name", "id", "pattern"], ae = ["value"], ie = ["type", "name", "id"], ne = ["for", "innerHTML"], oe = ["type", "name", "id"], re = ["for", "innerHTML"], se = ["innerHTML"], le = ["id"], de = ["value"];
+function ce(e, a, t, i, s, o) {
   return u(), m("div", {
-    class: x(n.wrapperClass()),
+    class: x(o.wrapperClass()),
     ref: "wrapper"
   }, [
-    n.needsLabel() ? (u(), m("label", {
+    o.needsLabel() ? (u(), m("label", {
       key: 0,
       class: x(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
-      innerHTML: n.displayLabel(),
+      innerHTML: o.displayLabel(),
       title: t.title
     }, null, 10, Ut)) : w("", !0),
     t.prefix ? (u(), m("span", {
@@ -930,74 +930,74 @@ function ce(e, a, t, i, s, n) {
       innerHTML: t.suffix,
       role: "presentation"
     }, null, 10, Wt)) : w("", !0),
-    n.isInput() ? P((u(), m("input", N({
+    o.isInput() ? P((u(), m("input", N({
       key: 3,
-      "onUpdate:modelValue": a[0] || (a[0] = (o) => n.inputVal = o),
+      "onUpdate:modelValue": a[0] || (a[0] = (n) => o.inputVal = n),
       class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type,
       name: t.name ? t.name : t.id,
       id: t.id,
-      pattern: n.needPattern(),
-      list: n.hasOptions()
+      pattern: o.needPattern(),
+      list: o.hasOptions()
     }, e.$attrs, {
-      onKeyup: a[1] || (a[1] = (...o) => n.inputKeyup && n.inputKeyup(...o))
+      onKeyup: a[1] || (a[1] = (...n) => o.inputKeyup && o.inputKeyup(...n))
     }), null, 16, Gt)), [
-      [G, n.inputVal]
+      [G, o.inputVal]
     ]) : w("", !0),
     t.type == "textarea" ? P((u(), m("textarea", N({
       key: 4,
-      "onUpdate:modelValue": a[2] || (a[2] = (o) => n.inputVal = o),
+      "onUpdate:modelValue": a[2] || (a[2] = (n) => o.inputVal = n),
       class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type,
       name: t.name ? t.name : t.id,
       id: t.id,
-      pattern: n.needPattern()
+      pattern: o.needPattern()
     }, e.$attrs), null, 16, Kt)), [
-      [ht, n.inputVal]
+      [ht, o.inputVal]
     ]) : w("", !0),
     t.type == "range" ? (u(), m("div", Yt, [
       P(f("input", N({
-        "onUpdate:modelValue": a[3] || (a[3] = (o) => n.inputVal = o),
+        "onUpdate:modelValue": a[3] || (a[3] = (n) => o.inputVal = n),
         class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
         type: t.type,
         name: t.name ? t.name : t.id,
         id: t.id,
-        pattern: n.needPattern(),
-        list: n.hasOptions()
+        pattern: o.needPattern(),
+        list: o.hasOptions()
       }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Xt), [
-        [G, n.inputVal]
+        [G, o.inputVal]
       ]),
       f("output", Jt, S(t.value), 1)
     ])) : w("", !0),
     t.type == "color" ? (u(), m("div", Qt, [
       P(f("input", N({
-        "onUpdate:modelValue": a[4] || (a[4] = (o) => n.inputVal = o),
+        "onUpdate:modelValue": a[4] || (a[4] = (n) => o.inputVal = n),
         class: `form-control form-control-color${t.inputclass ? ` ${t.inputclass}` : ""}`,
         type: t.type,
         name: t.name ? t.name : t.id,
         id: t.id,
-        pattern: n.needPattern(),
-        list: n.hasOptions()
+        pattern: o.needPattern(),
+        list: o.hasOptions()
       }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Zt), [
-        [G, n.inputVal]
+        [G, o.inputVal]
       ]),
       f("output", te, S(t.value ? e.vale : "#000000"), 1)
     ])) : w("", !0),
     t.type == "select" ? P((u(), m("select", N({
       key: 7,
-      "onUpdate:modelValue": a[5] || (a[5] = (o) => n.inputVal = o),
+      "onUpdate:modelValue": a[5] || (a[5] = (n) => o.inputVal = n),
       class: `form-select${t.size ? ` form-select-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type,
       name: t.id,
       id: t.id,
-      pattern: n.needPattern()
+      pattern: o.needPattern()
     }, e.$attrs), [
-      (u(!0), m(T, null, H(t.options, (o, l) => (u(), m("option", {
+      (u(!0), m(T, null, H(t.options, (n, l) => (u(), m("option", {
         key: l,
-        value: o.value
-      }, S(o.display ? o.display : o.value), 9, ae))), 128))
+        value: n.value
+      }, S(n.display ? n.display : n.value), 9, ae))), 128))
     ], 16, ee)), [
-      [pt, n.inputVal]
+      [pt, o.inputVal]
     ]) : w("", !0),
     t.type == "checkbox" || t.type == "radio" ? (u(), m("input", N({
       key: 8,
@@ -1011,7 +1011,7 @@ function ce(e, a, t, i, s, n) {
       class: x(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: t.label
-    }, null, 10, oe)) : w("", !0),
+    }, null, 10, ne)) : w("", !0),
     t.type == "checkbox-btn" || t.type == "radio-btn" ? (u(), m("input", N({
       key: 10,
       class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
@@ -1019,13 +1019,13 @@ function ce(e, a, t, i, s, n) {
       autocomplete: "off",
       name: t.name ? t.name : t.id,
       id: t.id
-    }, e.$attrs), null, 16, ne)) : w("", !0),
+    }, e.$attrs), null, 16, oe)) : w("", !0),
     t.type == "checkbox-btn" || t.type == "radio-btn" ? (u(), m("label", {
       key: 11,
       class: x(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: t.label,
-      onClick: a[6] || (a[6] = (...o) => n.clickEvent && n.clickEvent(...o))
+      onClick: a[6] || (a[6] = (...n) => o.clickEvent && o.clickEvent(...n))
     }, null, 10, re)) : w("", !0),
     _(e.$slots, "default"),
     t.errormsg ? (u(), m("span", {
@@ -1033,22 +1033,22 @@ function ce(e, a, t, i, s, n) {
       class: "invalid-feedback mb-0",
       innerHTML: t.errormsg
     }, null, 8, se)) : w("", !0),
-    n.allowDatalist() ? (u(), m("datalist", {
+    o.allowDatalist() ? (u(), m("datalist", {
       key: 13,
       id: t.id + "-list"
     }, [
-      (u(!0), m(T, null, H(t.options, (o, l) => (u(), m("option", {
+      (u(!0), m(T, null, H(t.options, (n, l) => (u(), m("option", {
         key: l,
-        value: o.value
-      }, S(o.value), 9, de))), 128))
+        value: n.value
+      }, S(n.value), 9, de))), 128))
     ], 8, le)) : w("", !0)
   ], 2);
 }
 const st = /* @__PURE__ */ y(Bt, [["render", ce]]);
 function ue(e, a) {
-  const t = a.querySelector(".files"), i = a.querySelector(".drop-area"), s = e.querySelector("input"), n = e.hasAttribute("data-maxsize") ? e.getAttribute("data-maxsize") : 0, o = s.cloneNode();
-  i.append(o), a.addEventListener("click", (l) => {
-    l && l.target instanceof HTMLElement && l.target.closest(".btn-primary") && (l.target.closest(".btn-primary"), (s.hasAttribute("multiple") ? o : s).click());
+  const t = a.querySelector(".files"), i = a.querySelector(".drop-area"), s = e.querySelector("input"), o = e.hasAttribute("data-maxsize") ? e.getAttribute("data-maxsize") : 0, n = s.cloneNode();
+  i.append(n), a.addEventListener("click", (l) => {
+    l && l.target instanceof HTMLElement && l.target.closest(".btn-primary") && (l.target.closest(".btn-primary"), (s.hasAttribute("multiple") ? n : s).click());
   }), a.addEventListener("click", (l) => {
     if (l && l.target instanceof HTMLElement && l.target.closest(".files button")) {
       const d = new DataTransfer(), { files: r } = s, p = l.target.closest(".files button");
@@ -1060,26 +1060,26 @@ function ue(e, a) {
       const c = new Event("change");
       s.dispatchEvent(c);
     }
-  }), o.addEventListener("change", (l) => {
+  }), n.addEventListener("change", (l) => {
     if (s.hasAttribute("multiple")) {
-      const r = [...s.files, ...o.files];
+      const r = [...s.files, ...n.files];
       let p = [];
       const c = new DataTransfer();
       for (let h = 0; h < r.length; h++) {
         const g = r[h], b = g.size / 1e3;
-        !p.includes(g.name) && (n == 0 || b < n) && c.items.add(g), p.push(g.name);
+        !p.includes(g.name) && (o == 0 || b < o) && c.items.add(g), p.push(g.name);
       }
       s.files = c.files;
     } else
-      s.files = o.files;
+      s.files = n.files;
     const d = new Event("change");
     s.dispatchEvent(d);
-  }), o.addEventListener("dragenter", (l) => {
-    o.classList.add("focus");
-  }), o.addEventListener("dragleave", (l) => {
-    o.classList.remove("focus");
-  }), o.addEventListener("drop", (l) => {
-    o.classList.remove("focus");
+  }), n.addEventListener("dragenter", (l) => {
+    n.classList.add("focus");
+  }), n.addEventListener("dragleave", (l) => {
+    n.classList.remove("focus");
+  }), n.addEventListener("drop", (l) => {
+    n.classList.remove("focus");
   }), s.addEventListener("change", (l) => {
     t.innerHTML = "";
     for (const d of s.files)
@@ -1136,7 +1136,7 @@ const he = {
     });
   }
 };
-function pe(e, a, t, i, s, n) {
+function pe(e, a, t, i, s, o) {
   return u(), m("iam-fileupload", null, [
     _(e.$slots, "default")
   ]);
@@ -1152,7 +1152,7 @@ const be = {
   props: {},
   mounted() {
     this.$nextTick(function() {
-      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/accordion/accordion.component.js": () => import("./accordion.component-bd9af0d7.mjs"), "../../../assets/js/components/accordion/accordion.component.min.js": () => import("./accordion.component.min-8809a59e.mjs") }), "../../../assets/js/components/accordion/accordion.component.js").then((e) => {
+      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/accordion/accordion.component.js": () => import("./accordion.component-bd9af0d7.mjs"), "../../../assets/js/components/accordion/accordion.component.min.js": () => import("./accordion.component.min-575f2416.mjs") }), "../../../assets/js/components/accordion/accordion.component.js").then((e) => {
         window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1160,7 +1160,7 @@ const be = {
     });
   }
 }, fe = { ref: "wrapper" };
-function ge(e, a, t, i, s, n) {
+function ge(e, a, t, i, s, o) {
   return u(), m("iam-accordion", fe, [
     _(e.$slots, "default")
   ], 512);
@@ -1201,9 +1201,9 @@ const Fi = /* @__PURE__ */ y(be, [["render", ge]]), ye = {
     };
   }
 }, ve = ["id"], we = ["classList"];
-function _e(e, a, t, i, s, n) {
+function _e(e, a, t, i, s, o) {
   return u(), m("details", {
-    id: n.createID(t.title)
+    id: o.createID(t.title)
   }, [
     f("summary", {
       classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
@@ -1235,7 +1235,7 @@ const Pi = /* @__PURE__ */ y(ye, [["render", _e]]), Ae = {
     }
   }
 }, xe = { class: "container" }, ke = { class: "row" }, Le = { class: "col-sm-6" }, Se = { class: "pt-5 pb-3 px-4" }, $e = { class: "col-sm-6 col-md-5 ms-auto" }, qe = ["src"];
-function Ee(e, a, t, i, s, n) {
+function Ee(e, a, t, i, s, o) {
   return u(), m("div", xe, [
     f("div", {
       class: x("bg-" + t.background + " mb-4")
@@ -1263,7 +1263,7 @@ const Ii = /* @__PURE__ */ y(Ae, [["render", Ee]]), Te = {
   name: "Card",
   mounted() {
     this.$nextTick(function() {
-      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/card/card.component.js": () => import("./card.component-4a8f3fbe.mjs"), "../../../assets/js/components/card/card.component.min.js": () => import("./card.component.min-17db52e1.mjs") }), "../../../assets/js/components/card/card.component.js").then((e) => {
+      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/card/card.component.js": () => import("./card.component-4a8f3fbe.mjs"), "../../../assets/js/components/card/card.component.min.js": () => import("./card.component.min-c03fde9f.mjs") }), "../../../assets/js/components/card/card.component.js").then((e) => {
         window.customElements.get("iam-card") || window.customElements.define("iam-card", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1271,7 +1271,7 @@ const Ii = /* @__PURE__ */ y(Ae, [["render", Ee]]), Te = {
     });
   }
 };
-function He(e, a, t, i, s, n) {
+function He(e, a, t, i, s, o) {
   return u(), m("iam-card", null, [
     _(e.$slots, "default")
   ]);
@@ -1281,18 +1281,18 @@ function je(e) {
   var a;
   let t = e.querySelector(".carousel__inner"), i = e.querySelectorAll(".carousel__item").length;
   e.getAttribute("data-cols");
-  let s = e.getAttribute("data-sm-cols"), n = e.getAttribute("data-md-cols");
-  e.querySelector(".carousel__controls a").setAttribute("aria-current", !0), t.addEventListener("scroll", function(o) {
+  let s = e.getAttribute("data-sm-cols"), o = e.getAttribute("data-md-cols");
+  e.querySelector(".carousel__controls a").setAttribute("aria-current", !0), t.addEventListener("scroll", function(n) {
     clearTimeout(a), a = setTimeout(function() {
       let l = t.clientWidth, d = t.scrollWidth, r = t.scrollLeft, p = Math.round(r / d * i) + 1, c = e.querySelector(".carousel__item:last-child").offsetLeft;
       Array.from(e.querySelectorAll(".carousel__controls a")).forEach((h, g) => {
         h.removeAttribute("aria-current");
       }), e.querySelector(".control-" + p).setAttribute("aria-current", !0), p == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + l > c ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
     }, 100);
-  }, !1), e.addEventListener("click", function(o) {
-    for (var l = o.target; l && l != this; l = l.parentNode)
+  }, !1), e.addEventListener("click", function(n) {
+    for (var l = n.target; l && l != this; l = l.parentNode)
       if (l.matches(".carousel__controls a")) {
-        o.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((r, p) => {
+        n.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((r, p) => {
           r.removeAttribute("aria-current");
         }), l.setAttribute("aria-current", !0);
         const d = document.querySelector(l.getAttribute("href"));
@@ -1303,10 +1303,10 @@ function je(e) {
         });
         break;
       }
-  }, !1), e.addEventListener("click", function(o) {
-    for (var l = o.target; l && l != this; l = l.parentNode)
+  }, !1), e.addEventListener("click", function(n) {
+    for (var l = n.target; l && l != this; l = l.parentNode)
       if (l.matches(".btn-next, .btn-prev")) {
-        o.preventDefault();
+        n.preventDefault();
         let d = l.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
         t.scroll({
           top: 0,
@@ -1315,7 +1315,7 @@ function je(e) {
         });
         break;
       }
-  }, !1), i == 1 && e.classList.add("hide-btns"), s >= i && e.classList.add("hide-sm-btns"), n >= i && e.classList.add("hide-md-btns");
+  }, !1), i == 1 && e.classList.add("hide-btns"), s >= i && e.classList.add("hide-sm-btns"), o >= i && e.classList.add("hide-md-btns");
 }
 const Ce = {
   components: {
@@ -1404,8 +1404,8 @@ const Ce = {
   class: "btn btn-next",
   "data-go": "2"
 }, "Next", -1);
-function Be(e, a, t, i, s, n) {
-  const o = B("Card");
+function Be(e, a, t, i, s, o) {
+  const n = B("Card");
   return u(), m("div", {
     class: "container carousel",
     id: "carousel" + s.id,
@@ -1426,7 +1426,7 @@ function Be(e, a, t, i, s, n) {
             key: d,
             id: "carousel" + s.id + "slide" + (d + 1)
           }, [
-            C(o, N(l, {
+            C(n, N(l, {
               class: t.cardclass,
               type: t.cardtype,
               btnyype: t.btntype,
@@ -1443,7 +1443,7 @@ function Be(e, a, t, i, s, n) {
           (u(!0), m(T, null, H(t.items, (l, d) => (u(), m("div", {
             class: x(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
             key: d,
-            innerHTML: n.content(l),
+            innerHTML: o.content(l),
             id: "carousel" + s.id + "slide" + (d + 1)
           }, null, 10, Fe))), 128))
         ], 2)) : w("", !0)
@@ -1464,7 +1464,7 @@ function Be(e, a, t, i, s, n) {
 }
 const Oi = /* @__PURE__ */ y(Ce, [["render", Be]]);
 /*!
-  * iamKey v5.1.0-beta4
+  * iamKey v5.1.0-beta6
   * Copyright 2022-2023 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "header" });
@@ -1526,7 +1526,7 @@ const Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     });
   }
 }, Ge = ["image"], Ke = ["innerHTML"];
-function Ye(e, a, t, i, s, n) {
+function Ye(e, a, t, i, s, o) {
   return u(), m("iam-header", {
     class: "bg-secondary",
     image: t.image
@@ -1546,19 +1546,19 @@ function Xe(e) {
   if (i == 1)
     return !1;
   e.classList.add("testimonial--multi");
-  const s = function(n) {
-    const o = e.querySelector(".btn-next"), l = e.querySelector(".btn-prev");
-    o.setAttribute("data-go", n + 1), l.setAttribute("data-go", n - 1), o.removeAttribute("disabled"), l.removeAttribute("disabled"), n == 1 ? l.setAttribute("disabled", !0) : n == i && o.setAttribute("disabled", !0);
+  const s = function(o) {
+    const n = e.querySelector(".btn-next"), l = e.querySelector(".btn-prev");
+    n.setAttribute("data-go", o + 1), l.setAttribute("data-go", o - 1), n.removeAttribute("disabled"), l.removeAttribute("disabled"), o == 1 ? l.setAttribute("disabled", !0) : o == i && n.setAttribute("disabled", !0);
   };
-  t.addEventListener("scroll", function(n) {
+  t.addEventListener("scroll", function(o) {
     clearTimeout(a), a = setTimeout(function() {
-      let o = t.scrollWidth, l = t.scrollHeight, d = t.scrollLeft, r = t.scrollTop, p = Math.round(d / o * i) + 1;
+      let n = t.scrollWidth, l = t.scrollHeight, d = t.scrollLeft, r = t.scrollTop, p = Math.round(d / n * i) + 1;
       d == 0 && r != 0 && (p = Math.round(r / l * i) + 1), e.setAttribute("data-show", p), s(p);
     }, 300);
-  }, !1), e.addEventListener("click", function(n) {
-    for (var o = n.target; o && o != this; o = o.parentNode)
-      if (o.matches("[data-go]")) {
-        let l = parseInt(o.getAttribute("data-go")), d = 0, r = 0, p = t.scrollWidth, c = t.scrollHeight;
+  }, !1), e.addEventListener("click", function(o) {
+    for (var n = o.target; n && n != this; n = n.parentNode)
+      if (n.matches("[data-go]")) {
+        let l = parseInt(n.getAttribute("data-go")), d = 0, r = 0, p = t.scrollWidth, c = t.scrollHeight;
         p > c ? r = Math.floor(p * ((l - 1) / i)) : d = Math.floor(c * ((l - 1) / i)), t.scroll({
           top: d,
           left: r,
@@ -1598,8 +1598,8 @@ const Je = {
     "data-go": "2",
     class: "btn-next"
   }, "Next")
-], -1), oa = { class: "col-md-7" }, na = /* @__PURE__ */ f("h2", null, "What our customers think…", -1), ra = { class: "testimonial__content" }, sa = ["innerHTML"], la = ["innerHTML"], da = { class: "testimonial__after" }, ca = /* @__PURE__ */ f("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
-function ua(e, a, t, i, s, n) {
+], -1), na = { class: "col-md-7" }, oa = /* @__PURE__ */ f("h2", null, "What our customers think…", -1), ra = { class: "testimonial__content" }, sa = ["innerHTML"], la = ["innerHTML"], da = { class: "testimonial__after" }, ca = /* @__PURE__ */ f("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
+function ua(e, a, t, i, s, o) {
   return u(), m("div", Qe, [
     f("div", {
       class: x("bg-" + t.background)
@@ -1607,27 +1607,27 @@ function ua(e, a, t, i, s, n) {
       f("div", Ze, [
         f("div", ta, [
           f("div", ea, [
-            (u(!0), m(T, null, H(t.items, (o, l) => (u(), m("img", {
+            (u(!0), m(T, null, H(t.items, (n, l) => (u(), m("img", {
               key: l,
-              src: o.image ? o.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
+              src: n.image ? n.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
               alt: "",
-              class: x("h-100 w-100 object-cover" + (o.image ? "" : " opacity-0"))
+              class: x("h-100 w-100 object-cover" + (n.image ? "" : " opacity-0"))
             }, null, 10, aa))), 128))
           ]),
           ia
         ]),
-        f("div", oa, [
-          na,
+        f("div", na, [
+          oa,
           f("div", ra, [
-            (u(!0), m(T, null, H(t.items, (o, l) => (u(), m("blockquote", {
+            (u(!0), m(T, null, H(t.items, (n, l) => (u(), m("blockquote", {
               key: l,
-              class: x(o.class)
+              class: x(n.class)
             }, [
               f("div", {
-                innerHTML: o.quote
+                innerHTML: n.quote
               }, null, 8, sa),
               f("cite", {
-                innerHTML: o.cite
+                innerHTML: n.cite
               }, null, 8, la)
             ], 2))), 128))
           ]),
@@ -1650,7 +1650,7 @@ const ma = {
     }
   }
 }, ha = { class: "timeline" }, pa = { class: "timeline__content" }, ba = ["src"];
-function fa(e, a, t, i, s, n) {
+function fa(e, a, t, i, s, o) {
   return u(), m("div", ha, [
     f("div", pa, [
       _(e.$slots, "default")
@@ -1825,8 +1825,8 @@ const ga = {
     value: "submit"
   }, "Search")
 ], -1);
-function Ta(e, a, t, i, s, n) {
-  const o = B("Input");
+function Ta(e, a, t, i, s, o) {
+  const n = B("Input");
   return u(), m("div", ya, [
     _(e.$slots, "default"),
     f("div", va, [
@@ -1836,19 +1836,19 @@ function Ta(e, a, t, i, s, n) {
         method: t.formmethod
       }, [
         f("fieldset", _a, [
-          C(o, {
+          C(n, {
             inputClass: "input--locations",
-            modelValue: n.locationSet,
-            "onUpdate:modelValue": a[0] || (a[0] = (l) => n.locationSet = l),
+            modelValue: o.locationSet,
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => o.locationSet = l),
             label: "Location",
             id: "location",
-            options: n.locationsList(),
+            options: o.locationsList(),
             required: "",
             placeholder: "i.e. Newcastle or NE1",
-            onKeyupEvent: a[1] || (a[1] = (l) => n.locationKeyup(...arguments)),
+            onKeyupEvent: a[1] || (a[1] = (l) => o.locationKeyup(...arguments)),
             ref: "search"
           }, null, 8, ["modelValue", "options"]),
-          C(o, {
+          C(n, {
             class: "select--miles",
             label: "Miles",
             id: "miles",
@@ -1859,7 +1859,7 @@ function Ta(e, a, t, i, s, n) {
         f("fieldset", Aa, [
           xa,
           f("div", ka, [
-            C(o, {
+            C(n, {
               class: "col-6",
               label: "Minimum price",
               id: "price-min",
@@ -1867,7 +1867,7 @@ function Ta(e, a, t, i, s, n) {
               type: "select",
               options: t.pricemin
             }, null, 8, ["options"]),
-            C(o, {
+            C(n, {
               class: "col-6",
               label: "Maximum price",
               id: "price-max",
@@ -1880,7 +1880,7 @@ function Ta(e, a, t, i, s, n) {
         f("fieldset", La, [
           Sa,
           f("div", $a, [
-            C(o, {
+            C(n, {
               class: "col-6",
               label: "Minimum beds",
               id: "beds-min",
@@ -1888,7 +1888,7 @@ function Ta(e, a, t, i, s, n) {
               type: "select",
               options: t.bedsmin
             }, null, 8, ["options"]),
-            C(o, {
+            C(n, {
               class: "col-6",
               label: "Maximum beds",
               id: "beds-max",
@@ -1899,7 +1899,7 @@ function Ta(e, a, t, i, s, n) {
           ])
         ]),
         f("fieldset", qa, [
-          C(o, {
+          C(n, {
             label: "Property type",
             id: "property-type",
             type: "select",
@@ -1917,7 +1917,7 @@ const Wi = /* @__PURE__ */ y(ga, [["render", Ta]]), Ha = {
   name: "Nav",
   mounted() {
     this.$nextTick(function() {
-      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/nav/nav.component.js": () => import("./nav.component-ff8d1484.mjs"), "../../../assets/js/components/nav/nav.component.min.js": () => import("./nav.component.min-aa89c16d.mjs") }), "../../../assets/js/components/nav/nav.component.js").then((e) => {
+      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/nav/nav.component.js": () => import("./nav.component-ff8d1484.mjs"), "../../../assets/js/components/nav/nav.component.min.js": () => import("./nav.component.min-76637f88.mjs") }), "../../../assets/js/components/nav/nav.component.js").then((e) => {
         window.customElements.get("iam-nav") || window.customElements.define("iam-nav", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1926,7 +1926,7 @@ const Wi = /* @__PURE__ */ y(ga, [["render", Ta]]), Ha = {
   },
   methods: {}
 }, Ma = { ref: "wrapper" };
-function ja(e, a, t, i, s, n) {
+function ja(e, a, t, i, s, o) {
   return u(), m("iam-nav", Ma, [
     _(e.$slots, "default")
   ], 512);
@@ -1949,7 +1949,7 @@ const Ca = {
   key: 0,
   class: "h6 stepper__start"
 }, za = { class: "list-unstyled" }, Fa = { class: "h6 stepper__end" };
-function Pa(e, a, t, i, s, n) {
+function Pa(e, a, t, i, s, o) {
   return u(), m("div", Na, [
     f("nav", {
       class: "stepper",
@@ -1976,23 +1976,23 @@ const Ia = {
   class: "container snapshot",
   ref: "wrapper"
 }, Ba = { class: "row" }, Ua = ["href"], Va = { class: "lead snapshot__title" }, Wa = { class: "stat" };
-function Ga(e, a, t, i, s, n) {
+function Ga(e, a, t, i, s, o) {
   return u(), m("div", Oa, [
     _(e.$slots, "default"),
     f("div", Ba, [
-      (u(!0), m(T, null, H(t.items, (o, l) => (u(), m("div", {
+      (u(!0), m(T, null, H(t.items, (n, l) => (u(), m("div", {
         class: "col",
         key: l
       }, [
-        o.link ? (u(), m("a", {
+        n.link ? (u(), m("a", {
           key: 0,
-          href: o.link
-        }, "View " + S(o.title), 9, Ua)) : w("", !0),
+          href: n.link
+        }, "View " + S(n.title), 9, Ua)) : w("", !0),
         f("div", {
-          class: x(`snapshot__item ${o.bg ? "bg-" + o.bg : ""}`)
+          class: x(`snapshot__item ${n.bg ? "bg-" + n.bg : ""}`)
         }, [
-          f("span", Va, S(o.title), 1),
-          f("span", Wa, S(o.number), 1)
+          f("span", Va, S(n.title), 1),
+          f("span", Wa, S(n.number), 1)
         ], 2)
       ]))), 128))
     ])
@@ -2018,7 +2018,7 @@ const Yi = /* @__PURE__ */ y(Ia, [["render", Ga]]), Ka = {
   key: 0,
   class: "visually-hidden"
 };
-function Ja(e, a, t, i, s, n) {
+function Ja(e, a, t, i, s, o) {
   return u(), m("li", null, [
     f("a", {
       href: t.url,
@@ -2037,7 +2037,7 @@ const Qa = {
   name: "Tabs",
   mounted() {
     this.$nextTick(function() {
-      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/tabs/tabs.component.js": () => import("./tabs.component-1dfbdb3b.mjs"), "../../../assets/js/components/tabs/tabs.component.min.js": () => import("./tabs.component.min-9bf2758c.mjs") }), "../../../assets/js/components/tabs/tabs.component.js").then((e) => {
+      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/tabs/tabs.component.js": () => import("./tabs.component-1dfbdb3b.mjs"), "../../../assets/js/components/tabs/tabs.component.min.js": () => import("./tabs.component.min-4a3fd3ed.mjs") }), "../../../assets/js/components/tabs/tabs.component.js").then((e) => {
         window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -2045,7 +2045,7 @@ const Qa = {
     });
   }
 }, Za = { ref: "wrapper" };
-function ti(e, a, t, i, s, n) {
+function ti(e, a, t, i, s, o) {
   return u(), m("iam-tabs", Za, [
     _(e.$slots, "default")
   ], 512);
@@ -2073,7 +2073,7 @@ const Ji = /* @__PURE__ */ y(Qa, [["render", ti]]), ei = {
     };
   }
 }, ai = { class: "tab" }, ii = ["innerHTML"];
-function oi(e, a, t, i, s, n) {
+function ni(e, a, t, i, s, o) {
   return u(), m("details", ai, [
     f("summary", {
       innerHTML: t.title,
@@ -2082,10 +2082,10 @@ function oi(e, a, t, i, s, n) {
     _(e.$slots, "default")
   ]);
 }
-const Qi = /* @__PURE__ */ y(ei, [["render", oi]]);
+const Qi = /* @__PURE__ */ y(ei, [["render", ni]]);
 let lt = rt.props;
 lt.fields.required = !1;
-const ni = {
+const oi = {
   components: {
     Table: rt,
     Input: st
@@ -2102,8 +2102,8 @@ const ni = {
       const a = new FormData(e.target);
       let t = /* @__PURE__ */ new Date();
       const i = t.getFullYear();
-      let s = t.getMonth() + 1, n = t.getDate();
-      n < 10 && (n = "0" + n), s < 10 && (s = "0" + s), t = n + "/" + s + "/" + i, this.itemsData.unshift({
+      let s = t.getMonth() + 1, o = t.getDate();
+      o < 10 && (o = "0" + o), s < 10 && (s = "0" + s), t = o + "/" + s + "/" + i, this.itemsData.unshift({
         date_added: t,
         user: a.get("user"),
         note: a.get("addNote")
@@ -2132,22 +2132,22 @@ const ni = {
     }
   }
 }, ri = { class: "container note-feed mb-2" }, si = ["innerHTML"], li = ["action", "method"], di = ["value"], ci = /* @__PURE__ */ f("button", { class: "btn btn-tertiary" }, "Submit note", -1);
-function ui(e, a, t, i, s, n) {
-  const o = B("Table"), l = B("Input");
+function ui(e, a, t, i, s, o) {
+  const n = B("Table"), l = B("Input");
   return u(), m("div", ri, [
     t.title ? (u(), m("span", {
       key: 0,
       class: "h3",
       innerHTML: t.title
     }, null, 8, si)) : w("", !0),
-    C(o, N({
+    C(n, N({
       fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
       items: s.itemsData
     }, e.$props, { class: "mb-0" }), null, 16, ["items"]),
     f("form", {
       action: t.action,
       method: t.method,
-      onSubmit: a[0] || (a[0] = ft((d) => n.submitForm(...arguments), ["prevent"]))
+      onSubmit: a[0] || (a[0] = ft((d) => o.submitForm(...arguments), ["prevent"]))
     }, [
       f("input", {
         type: "hidden",
@@ -2165,43 +2165,43 @@ function ui(e, a, t, i, s, n) {
     ], 40, li)
   ]);
 }
-const Zi = /* @__PURE__ */ y(ni, [["render", ui]]);
+const Zi = /* @__PURE__ */ y(oi, [["render", ui]]);
 /*!
-  * iamKey v5.1.0-beta4
+  * iamKey v5.1.0-beta6
   * Copyright 2022-2023 iamproperty
   */
 function mi(e, a) {
   function t(i, s) {
-    let n = !1, o = s.getAttribute("name");
-    o.includes("[]") && (o = o.replace("[]", `[${s.value}]`));
-    let l = i.querySelector(`[data-name="${o}"]`);
-    l && s.getAttribute("type") == "checkbox" && (n = !s.checked);
+    let o = !1, n = s.getAttribute("name");
+    n.includes("[]") && (n = n.replace("[]", `[${s.value}]`));
+    let l = i.querySelector(`[data-name="${n}"]`);
+    l && s.getAttribute("type") == "checkbox" && (o = !s.checked);
     let d = s.getAttribute("data-filter-text");
-    if (l || (l = document.createElement("button"), i.appendChild(l)), l.setAttribute("type", "button"), l.classList.add("filter"), l.setAttribute("data-name", o), l.innerHTML = d.replace("$value", s.value), (!s.value || n) && l.remove(), s.parentNode.closest("[data-filter-text]")) {
+    if (l || (l = document.createElement("button"), i.appendChild(l)), l.setAttribute("type", "button"), l.classList.add("filter"), l.setAttribute("data-name", n), l.innerHTML = d.replace("$value", s.value), (!s.value || o) && l.remove(), s.parentNode.closest("[data-filter-text]")) {
       let r = s.parentNode.closest("[data-filter-text]"), p = !0;
-      if (o = "", r.querySelectorAll("input").forEach((c, h) => {
+      if (n = "", r.querySelectorAll("input").forEach((c, h) => {
         let g = c.getAttribute("name");
-        if (o += `${h != 0 ? "," : ""}${g}`, i.querySelector(`[data-name="${g}"]`) && i.querySelector(`[data-name="${g}"]`).remove(), c.value) {
+        if (n += `${h != 0 ? "," : ""}${g}`, i.querySelector(`[data-name="${g}"]`) && i.querySelector(`[data-name="${g}"]`).remove(), c.value) {
           let b = document.createElement("button");
           b.setAttribute("type", "button"), b.classList.add("filter"), b.setAttribute("data-name", g), b.innerHTML = d.replace("$value", c.value), i.appendChild(b);
         } else
           p = !1;
-      }), i.querySelector(`[data-name="${o}"]`) && i.querySelector(`[data-name="${o}"]`).remove(), p) {
+      }), i.querySelector(`[data-name="${n}"]`) && i.querySelector(`[data-name="${n}"]`).remove(), p) {
         let c = r.getAttribute("data-filter-text");
         r.querySelectorAll("input").forEach((g, b) => {
           let A = g.getAttribute("name");
           i.querySelector(`[data-name="${A}"]`) && i.querySelector(`[data-name="${A}"]`).remove(), c = c.replace(`$${b + 1}`, g.value);
         });
         let h = document.createElement("button");
-        h.setAttribute("type", "button"), h.classList.add("filter"), h.setAttribute("data-name", o), h.innerHTML = c, i.appendChild(h);
+        h.setAttribute("type", "button"), h.classList.add("filter"), h.setAttribute("data-name", n), h.innerHTML = c, i.appendChild(h);
       }
     }
   }
   Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((i, s) => {
     t(a, i);
   }), Array.from(e.querySelectorAll("input[data-filter-text]")).forEach((i, s) => {
-    i.addEventListener("change", function(n) {
-      t(a, i), n.stopPropagation();
+    i.addEventListener("change", function(o) {
+      t(a, i), o.stopPropagation();
     });
   }), e.addEventListener("change", function(i) {
     if (i && i.target instanceof HTMLElement && i.target.closest("input[data-filter-text]")) {
@@ -2210,13 +2210,13 @@ function mi(e, a) {
     }
   }), a.addEventListener("click", function(i) {
     if (i && i.target instanceof HTMLElement && i.target.closest(".filter")) {
-      let o = i.target.closest(".filter"), l = o.getAttribute("data-name").split(",");
+      let n = i.target.closest(".filter"), l = n.getAttribute("data-name").split(",");
       for (var s = 0; s < l.length; s++) {
         let d = l[s], r = `[name="${d}"]`;
         d.match(/\[(.*)\]/) && (d.replace(/\[(.*)\]/, "[]"), r = `[value="${d.replace(/.*\[(.*)\]/, "$1")}"]`);
         let p = e.querySelectorAll(r);
-        for (var n = 0; n < p.length; n++) {
-          let c = p[n];
+        for (var o = 0; o < p.length; o++) {
+          let c = p[o];
           if (c.getAttribute("type") != "radio" && c.getAttribute("type") != "checkbox")
             c.value = "";
           else {
@@ -2226,7 +2226,7 @@ function mi(e, a) {
           }
         }
       }
-      o.remove();
+      n.remove();
     }
   }, !1);
 }
@@ -2256,14 +2256,14 @@ window.customElements.get("iam-applied-filters") || window.customElements.define
 const pi = {
   name: "Header"
 };
-function bi(e, a, t, i, s, n) {
+function bi(e, a, t, i, s, o) {
   return u(), m("iam-applied-filters", null, [
     _(e.$slots, "default")
   ]);
 }
-const to = /* @__PURE__ */ y(pi, [["render", bi]]);
+const tn = /* @__PURE__ */ y(pi, [["render", bi]]);
 /*!
-  * iamKey v5.1.0-beta4
+  * iamKey v5.1.0-beta6
   * Copyright 2022-2023 iamproperty
   */
 function fi(e, a) {
@@ -2328,12 +2328,12 @@ window.customElements.get("iam-filterlist") || window.customElements.define("iam
 const vi = {
   name: "Filter list"
 };
-function wi(e, a, t, i, s, n) {
+function wi(e, a, t, i, s, o) {
   return u(), m("iam-filterlist", null, [
     _(e.$slots, "default")
   ]);
 }
-const eo = /* @__PURE__ */ y(vi, [["render", wi]]);
+const en = /* @__PURE__ */ y(vi, [["render", wi]]);
 function _i(e) {
   if (e.hasAttribute("data-type") && e.getAttribute("data-type") == "toast") {
     let t = document.querySelector(".notification__holder");
@@ -2372,12 +2372,12 @@ window.dataLayer.push({
 class xi extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = `@import "${a}/css/components/notification.css";`, s = `@import "${a}/css/components/notification.global.css";`, n = this.querySelectorAll("a,button");
-    Array.from(n).forEach((l, d) => {
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = `@import "${a}/css/components/notification.css";`, s = `@import "${a}/css/components/notification.global.css";`, o = this.querySelectorAll("a,button");
+    Array.from(o).forEach((l, d) => {
       l.setAttribute("slot", "btns"), l.classList.add("link");
-    }), (n.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
-    const o = document.createElement("template");
-    o.innerHTML = `
+    }), (o.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
+    const n = document.createElement("template");
+    n.innerHTML = `
     <style>
     @import "${t}";
     ${i}
@@ -2386,10 +2386,10 @@ class xi extends HTMLElement {
 
     <div class="notification">
       <div class="notification__icon"><slot name="icon"></slot></div>
-      <div class="notification__inner"><div class="notification__text"><slot></slot></div>${n.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
+      <div class="notification__inner"><div class="notification__text"><slot></slot></div>${o.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
       ${this.hasAttribute("data-dismiss") ? '<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>' : ""}
     </div>
-    `, this.shadowRoot.appendChild(o.content.cloneNode(!0)), document.getElementById("notificationHolder") || document.head.insertAdjacentHTML("beforeend", `<style id="notificationHolder">${s}</style>`);
+    `, this.shadowRoot.appendChild(n.content.cloneNode(!0)), document.getElementById("notificationHolder") || document.head.insertAdjacentHTML("beforeend", `<style id="notificationHolder">${s}</style>`);
   }
   connectedCallback() {
     const a = this.shadowRoot.querySelector("[data-dismiss-button]"), t = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
@@ -2423,17 +2423,17 @@ const ki = {
     });
   }
 };
-function Li(e, a, t, i, s, n) {
+function Li(e, a, t, i, s, o) {
   return u(), m("iam-notification", null, [
     _(e.$slots, "default")
   ]);
 }
-const ao = /* @__PURE__ */ y(ki, [["render", Li]]), Si = {
+const an = /* @__PURE__ */ y(ki, [["render", Li]]), Si = {
   name: "Actionbar",
   props: {},
   mounted() {
     this.$nextTick(function() {
-      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/actionbar/actionbar.component.js": () => import("./actionbar.component-3f2c98c0.mjs"), "../../../assets/js/components/actionbar/actionbar.component.min.js": () => import("./actionbar.component.min-7bb6c7e1.mjs") }), "../../../assets/js/components/actionbar/actionbar.component.js").then((e) => {
+      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/actionbar/actionbar.component.js": () => import("./actionbar.component-3f2c98c0.mjs"), "../../../assets/js/components/actionbar/actionbar.component.min.js": () => import("./actionbar.component.min-ee24acc0.mjs") }), "../../../assets/js/components/actionbar/actionbar.component.js").then((e) => {
         window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -2441,27 +2441,27 @@ const ao = /* @__PURE__ */ y(ki, [["render", Li]]), Si = {
     });
   }
 };
-function $i(e, a, t, i, s, n) {
+function $i(e, a, t, i, s, o) {
   return u(), m("iam-actionbar", null, [
     _(e.$slots, "default")
   ]);
 }
-const io = /* @__PURE__ */ y(Si, [["render", $i]]), qi = {
+const nn = /* @__PURE__ */ y(Si, [["render", $i]]), qi = {
   name: "Pagination",
   props: {},
   computed: {},
   created() {
     this.$nextTick(function() {
-      window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination", nt);
+      window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination", ot);
     });
   },
   updated() {
   }
 };
-function Ei(e, a, t, i, s, n) {
+function Ei(e, a, t, i, s, o) {
   return u(), m("iam-pagination");
 }
-const oo = /* @__PURE__ */ y(qi, [["render", Ei]]), Ti = {
+const on = /* @__PURE__ */ y(qi, [["render", Ei]]), Ti = {
   name: "Address Lookup",
   mounted() {
     this.$nextTick(function() {
@@ -2473,14 +2473,14 @@ const oo = /* @__PURE__ */ y(qi, [["render", Ei]]), Ti = {
     });
   }
 };
-function Hi(e, a, t, i, s, n) {
+function Hi(e, a, t, i, s, o) {
   return u(), m("iam-address-lookup", null, [
     _(e.$slots, "default")
   ]);
 }
-const no = /* @__PURE__ */ y(Ti, [["render", Hi]]);
+const rn = /* @__PURE__ */ y(Ti, [["render", Hi]]);
 /*!
-  * iamKey v5.1.0-beta4
+  * iamKey v5.1.0-beta6
   * Copyright 2022-2023 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "collapsible side menu" });
@@ -2514,7 +2514,7 @@ class Mi extends HTMLElement {
   }
   connectedCallback() {
     const a = this.shadowRoot.querySelector(".side-menu"), t = this.shadowRoot.querySelector(".side-menu-content"), i = this.shadowRoot.querySelector(".main-content"), s = this.shadowRoot.querySelector(".side-menu > .btn");
-    this.hasAttribute("data-css") && this.shadowRoot.querySelector(".styles").insertAdjacentHTML("beforeend", `@import "${this.getAttribute("data-css")}";`), this.hasAttribute("data-title") || this.setAttribute("data-title", "configuration"), t.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), i.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)") && (this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("h4"), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("main-content__title")), s.addEventListener("click", (n) => {
+    this.hasAttribute("data-css") && this.shadowRoot.querySelector(".styles").insertAdjacentHTML("beforeend", `@import "${this.getAttribute("data-css")}";`), this.hasAttribute("data-title") || this.setAttribute("data-title", "configuration"), t.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), i.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)") && (this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("h4"), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("main-content__title")), s.addEventListener("click", (o) => {
       a.classList.contains("open") ? (a.classList.remove("open"), s.removeAttribute("aria-expanded"), setTimeout(function() {
         t.classList.add("closed");
       }, 1e3), a.classList.add("pe-none"), setTimeout(function() {
@@ -2522,11 +2522,11 @@ class Mi extends HTMLElement {
       }, 1e3)) : (t.classList.remove("closed"), setTimeout(function() {
         a.classList.add("open"), s.setAttribute("aria-expanded", !0);
       }, 100));
-    }), a.addEventListener("mouseenter", (n) => {
+    }), a.addEventListener("mouseenter", (o) => {
       window.innerWidth > 992 && (a.classList.contains("open") || t.classList.remove("closed"), a.classList.add("hover"));
-    }), a.addEventListener("mousemove", (n) => {
+    }), a.addEventListener("mousemove", (o) => {
       window.innerWidth > 992 && (a.classList.contains("open") || t.classList.remove("closed"));
-    }), a.addEventListener("mouseleave", (n) => {
+    }), a.addEventListener("mouseleave", (o) => {
       window.innerWidth > 992 && (a.classList.remove("hover"), a.classList.contains("open") || setTimeout(function() {
         t.classList.add("closed");
       }, 1e3));
@@ -2540,31 +2540,31 @@ const ji = {
   mounted() {
   }
 };
-function Ci(e, a, t, i, s, n) {
+function Ci(e, a, t, i, s, o) {
   return u(), m("iam-collapsible-side", null, [
     _(e.$slots, "default")
   ]);
 }
-const ro = /* @__PURE__ */ y(ji, [["render", Ci]]);
+const sn = /* @__PURE__ */ y(ji, [["render", Ci]]);
 export {
   Fi as Accordion,
   Pi as AccordionItem,
-  io as Actionbar,
-  no as AddressLookup,
-  to as AppliedFilters,
+  nn as Actionbar,
+  rn as AddressLookup,
+  tn as AppliedFilters,
   Ii as Banner,
   Me as Card,
   Oi as Carousel,
-  ro as CollapsibleSideMenu,
+  sn as CollapsibleSideMenu,
   zi as FileUpload,
-  eo as Filterlist,
+  en as Filterlist,
   Bi as Header,
   st as Input,
   Di as Logo,
   Gi as Nav,
   Zi as NoteFeed,
-  ao as Notification,
-  oo as Pagination,
+  an as Notification,
+  on as Pagination,
   Wi as PropertySearchbar,
   Yi as Snapshot,
   Xi as Step,