@iamproperty/components 4.1.0-beta → 4.1.0-beta-2

package/dist/components.es.js

@@ -1,8 +1,8 @@
 import { openBlock as h, createElementBlock as p, normalizeClass as k, createElementVNode as g, toDisplayString as x, createCommentVNode as A, Fragment as M, renderList as H, renderSlot as S, withDirectives as D, mergeProps as N, vModelDynamic as Y, vModelText as pt, vModelSelect as bt, createTextVNode as ft, resolveComponent as z, createVNode as C, withModifiers as gt } from "vue";
 const _ = (e, a) => {
   const t = e.__vccOpts || e;
-  for (const [s, o] of a)
-    t[s] = o;
+  for (const [i, o] of a)
+    t[i] = o;
   return t;
 }, yt = {
   name: "Logo",
@@ -30,14 +30,14 @@ const _ = (e, a) => {
     }
   }
 }, vt = ["xlink:href"], wt = ["innerHTML"];
-function At(e, a, t, s, o, i) {
+function At(e, a, t, i, o, s) {
   return h(), p("div", {
-    class: k(i.className)
+    class: k(s.className)
   }, [
     (h(), p("svg", null, [
       g("title", null, "iam " + x(t.id), 1),
       g("use", {
-        "xlink:href": t.path + i.src
+        "xlink:href": t.path + s.src
       }, null, 8, vt)
     ])),
     t.desc ? (h(), p("span", {
@@ -48,7 +48,7 @@ function At(e, a, t, s, o, i) {
 }
 const Gr = /* @__PURE__ */ _(yt, [["render", At]]);
 /*!
-  * iamKey v4.1.0-beta
+  * iamKey v4.1.0-beta-2
   * Copyright 2022-2023 iamproperty
   */
 const _t = function(e) {
@@ -57,69 +57,69 @@ const _t = function(e) {
   if (!e.getAttribute("data-pages"))
     return !1;
   e.getAttribute("data-page") || e.setAttribute("data-page", 1);
-  let t = e.getAttribute("data-page"), s = e.getAttribute("data-pages"), o = e.getAttribute("data-total"), i = e.getAttribute("data-show"), r = e.getAttribute("data-increment");
-  if (s <= 1)
+  let t = e.getAttribute("data-page"), i = e.getAttribute("data-pages"), o = e.getAttribute("data-total"), s = e.getAttribute("data-show"), r = e.getAttribute("data-increment");
+  if (i <= 1)
     return a.innerHTML = "", !1;
   let n = "";
-  for (let c = 1; c <= s; c++)
+  for (let c = 1; c <= i; c++)
     c == t ? n += `<li class="page-item active" aria-current="page"><span class="page-link">${c}</span></li>` : n += `<li class="page-item"><a href="?page=${c}" class="page-link" data-page="${c}">${c}</a></li>`;
   return a.innerHTML = `<ul class="pagination mb-0 d-none d-sm-flex">
     ${t == 1 ? '<li class="page-item disabled"><span class="page-link">Previous</span></li>' : `<li class="page-item"><a href="?page=${parseInt(t) - 1}" class="page-link" data-page="${parseInt(t) - 1}">Previous</a></li>`}
     ${n}
-    ${t == s ? '<li class="page-item disabled"><span class="page-link">Next</span></li>' : `<li class="page-item"><a href="?page=${parseInt(t) + 1}" class="page-link" data-page="${parseInt(t) + 1}">Next</a></li>`}
+    ${t == i ? '<li class="page-item disabled"><span class="page-link">Next</span></li>' : `<li class="page-item"><a href="?page=${parseInt(t) + 1}" class="page-link" data-page="${parseInt(t) + 1}">Next</a></li>`}
   </ul>`, a.innerHTML += `<div class="d-sm-none text-center">
-  <span class="d-block pb-2">You've viewed ${i} of ${o} results</span>
-  <a href="?show=${parseInt(i) + parseInt(r)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(i) + parseInt(r)}">Load more results</a>
+  <span class="d-block pb-2">You've viewed ${s} of ${o} results</span>
+  <a href="?show=${parseInt(s) + parseInt(r)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(s) + parseInt(r)}">Load more results</a>
   </div>`, !0;
 };
-var kt = function(e, a, t, s) {
-  function o(i) {
-    return i instanceof t ? i : new t(function(r) {
-      r(i);
+var kt = function(e, a, t, i) {
+  function o(s) {
+    return s instanceof t ? s : new t(function(r) {
+      r(s);
     });
   }
-  return new (t || (t = Promise))(function(i, r) {
+  return new (t || (t = Promise))(function(s, r) {
     function n(m) {
       try {
-        l(s.next(m));
+        l(i.next(m));
       } catch (d) {
         r(d);
       }
     }
     function c(m) {
       try {
-        l(s.throw(m));
+        l(i.throw(m));
       } catch (d) {
         r(d);
       }
     }
     function l(m) {
-      m.done ? i(m.value) : o(m.value).then(n, c);
+      m.done ? s(m.value) : o(m.value).then(n, c);
     }
-    l((s = s.apply(e, a || [])).next());
+    l((i = i.apply(e, a || [])).next());
   });
 };
 const at = (e) => {
   const a = Array.from(e.querySelectorAll("thead th"));
-  Array.from(e.querySelectorAll("tbody tr")).forEach((t, s) => {
-    const o = Array.from(t.querySelectorAll("th, td")), i = ["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"];
+  Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
+    const o = Array.from(t.querySelectorAll("th, td")), s = ["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"];
     o.forEach((r, n) => {
       const c = a[n];
       if (typeof c < "u") {
         let l = document.createElement("div");
         l.innerHTML = c.innerHTML;
         let m = l.textContent || l.innerText || "";
-        r.setAttribute("data-label", m), c.hasAttribute("data-td-class") && r.setAttribute("class", c.getAttribute("data-td-class")), c.hasAttribute("data-format") && (r.setAttribute("data-format", c.getAttribute("data-format")), r.innerHTML = K(c.getAttribute("data-format"), r.textContent.trim())), i.includes(r.textContent.trim().toLowerCase()) && r.setAttribute("data-content", r.textContent.trim().toLowerCase());
+        r.setAttribute("data-label", m), c.hasAttribute("data-td-class") && r.setAttribute("class", c.getAttribute("data-td-class")), c.hasAttribute("data-format") && (r.setAttribute("data-format", c.getAttribute("data-format")), r.innerHTML = K(c.getAttribute("data-format"), r.textContent.trim())), s.includes(r.textContent.trim().toLowerCase()) && r.setAttribute("data-content", r.textContent.trim().toLowerCase());
       }
     });
   });
 }, qt = (e) => {
   let a = 0;
-  return Array.from(e.querySelectorAll("tbody tr")).forEach((t, s) => {
-    let o = window.getComputedStyle(document.querySelector("html")), i = t.querySelector(":scope > *:last-child > *:first-child");
-    if (i) {
-      i.classList.add("text-nowrap");
-      let r = i.offsetWidth / parseFloat(o.fontSize);
+  return Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
+    let o = window.getComputedStyle(document.querySelector("html")), s = t.querySelector(":scope > *:last-child > *:first-child");
+    if (s) {
+      s.classList.add("text-nowrap");
+      let r = s.offsetWidth / parseFloat(o.fontSize);
       r += 1.7, a = a > r ? a : r;
     }
   }), a;
@@ -127,34 +127,34 @@ const at = (e) => {
   if (e.closest(".table--fullwidth") || e.querySelectorAll("thead tr th").length < 4)
     return !1;
   Array.from(e.querySelectorAll("tbody tr")).forEach((a, t) => {
-    let s = a.querySelector(":scope > :is(td,th):first-child"), o = s.textContent;
+    let i = a.querySelector(":scope > :is(td,th):first-child"), o = i.textContent;
     if (o != "")
-      s.innerHTML = `<span class="td__content">${o}</span><button type="button" class="d-none">${o}</button>`;
+      i.innerHTML = `<span class="td__content">${o}</span><button type="button" class="d-none">${o}</button>`;
     else {
-      let i = a.querySelector(":scope > :is(td,th):nth-child(2)"), r = i.textContent;
-      i.innerHTML = `<span class="td__content">${r}</span><button type="button" class="d-none">${r}</button>`;
+      let s = a.querySelector(":scope > :is(td,th):nth-child(2)"), r = s.textContent;
+      s.innerHTML = `<span class="td__content">${r}</span><button type="button" class="d-none">${r}</button>`;
     }
   });
 }, xt = (e) => {
   e.addEventListener("click", (a) => {
     if (a && a.target instanceof HTMLElement && a.target.closest("tr > :is(td,th):first-child button")) {
-      let t = a.target.closest("tr > :is(td,th):first-child button"), s = t.parentNode.closest("tr");
-      s.getAttribute("data-view") == "full" ? s.setAttribute("data-view", "default") : s.setAttribute("data-view", "full"), t.blur();
+      let t = a.target.closest("tr > :is(td,th):first-child button"), i = t.parentNode.closest("tr");
+      i.getAttribute("data-view") == "full" ? i.setAttribute("data-view", "default") : i.setAttribute("data-view", "full"), t.blur();
     }
   });
 }, rt = (e, a) => {
   let t = a.querySelector("[data-search]");
   if (!t)
     return !1;
-  const s = t.getAttribute("id"), o = t.getAttribute("data-search").split(",");
-  let i = t.parentNode, r = {};
+  const i = t.getAttribute("id"), o = t.getAttribute("data-search").split(",");
+  let s = t.parentNode, r = {};
   o.forEach((n, c) => {
     Array.from(e.querySelectorAll('td[data-label="' + n.trim() + '"]')).forEach((l, m) => {
       l.querySelector(".td__content") ? r[l.querySelector(".td__content").textContent] = l.querySelector(".td__content").textContent : r[l.textContent] = l.textContent;
     });
-  }), t.setAttribute("list", `${s}_list`), t.setAttribute("autocomplete", "off"), i.querySelector("datalist") || (i.innerHTML += `<datalist id="${s}_list"></datalist>`), i.querySelector("datalist").innerHTML = `${Object.keys(r).map((n) => `<option value="${n}"></option>`).join("")}`;
-}, Et = (e, a, t, s, o) => {
-  var i;
+  }), t.setAttribute("list", `${i}_list`), t.setAttribute("autocomplete", "off"), s.querySelector("datalist") || (s.innerHTML += `<datalist id="${i}_list"></datalist>`), s.querySelector("datalist").innerHTML = `${Object.keys(r).map((n) => `<option value="${n}"></option>`).join("")}`;
+}, Et = (e, a, t, i, o) => {
+  var s;
   let r = function(l, m = !1) {
     if (a.classList.contains("processing"))
       return !1;
@@ -169,11 +169,11 @@ const at = (e) => {
     }), a.classList.remove("processing")), a.hasAttribute("data-ajax")) {
       if (!m) {
         let d = a.querySelector("[data-pagination]");
-        d.value = 1, s.setAttribute("data-page", 1);
+        d.value = 1, i.setAttribute("data-page", 1);
       }
-      ot(e, a, t, s);
+      ot(e, a, t, i);
     } else
-      a.hasAttribute("data-submit") ? a.submit() : (G(e, a, s), B(s, t), F(e, a));
+      a.hasAttribute("data-submit") ? a.submit() : (G(e, a, i), B(i, t), F(e, a));
     if (a.hasAttribute("data-ajax-post")) {
       let d = new FormData(a), f = new URLSearchParams(d).toString();
       const b = new XMLHttpRequest();
@@ -181,13 +181,13 @@ const at = (e) => {
     }
   };
   a.addEventListener("keyup", (l) => {
-    clearTimeout(i), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && (i = setTimeout(function() {
+    clearTimeout(s), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && (s = setTimeout(function() {
       r(l);
     }, 500));
   }), a.addEventListener("change", (l) => {
-    clearTimeout(i), l && l.target instanceof HTMLElement && l.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || Q(e, a, o), r(l)), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && r(l), l && l.target instanceof HTMLElement && l.target.closest("[data-filter][data-no-ajax]") ? (G(e, a, s), B(s, t), F(e, a)) : (l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && l.target.closest("form .dialog__wrapper > dialog") || l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && !l.target.closest("form dialog")) && r(l), l && l.target instanceof HTMLElement && l.target.closest("[data-show]") && r(l), l && l.target instanceof HTMLElement && l.target.closest("[data-mimic]") && r(l);
+    clearTimeout(s), l && l.target instanceof HTMLElement && l.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || Q(e, a, o), r(l)), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && r(l), l && l.target instanceof HTMLElement && l.target.closest("[data-filter][data-no-ajax]") ? (G(e, a, i), B(i, t), F(e, a)) : (l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && l.target.closest("form .dialog__wrapper > dialog") || l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && !l.target.closest("form dialog")) && r(l), l && l.target instanceof HTMLElement && l.target.closest("[data-show]") && r(l), l && l.target instanceof HTMLElement && l.target.closest("[data-mimic]") && r(l);
   }), a.addEventListener("click", (l) => {
-    if (clearTimeout(i), l && l.target instanceof HTMLElement && l.target.closest('dialog button:not([type="button"])') && l.target.closest('dialog button:not([type="button"])').closest("dialog").close(), l && l.target instanceof HTMLElement && l.target.closest(".dialog__close") && (l.preventDefault(), l.stopPropagation()), l && l.target instanceof HTMLElement && l.target.closest("[data-clear]")) {
+    if (clearTimeout(s), l && l.target instanceof HTMLElement && l.target.closest('dialog button:not([type="button"])') && l.target.closest('dialog button:not([type="button"])').closest("dialog").close(), l && l.target instanceof HTMLElement && l.target.closest(".dialog__close") && (l.preventDefault(), l.stopPropagation()), l && l.target instanceof HTMLElement && l.target.closest("[data-clear]")) {
       a.classList.add("processing"), Array.from(a.querySelectorAll(".applied-filters")).forEach((d, f) => {
         d.innerHTML = "";
       });
@@ -214,7 +214,7 @@ const at = (e) => {
       }), a.classList.remove("processing"), a.hasAttribute("data-submit") || Q(e, a, o), r(l);
     }
   }), a.addEventListener("submit", (l) => {
-    clearTimeout(i), a.hasAttribute("data-submit") || l.preventDefault(), r(l);
+    clearTimeout(s), a.hasAttribute("data-submit") || l.preventDefault(), r(l);
   }), a.addEventListener("force", (l) => {
     r(l);
   }), a.addEventListener("paginate", (l) => {
@@ -252,13 +252,13 @@ const at = (e) => {
 }, Q = (e, a, t) => {
   if (a.getAttribute("data-ajax"))
     return !1;
-  let s = e.querySelector("tbody"), o = a.querySelector("[data-sort]"), i = o.querySelector(`option:nth-child(${o.selectedIndex + 1})`), r = i.getAttribute("data-sort"), n = i.getAttribute("data-order"), c = i.getAttribute("data-format");
+  let i = e.querySelector("tbody"), o = a.querySelector("[data-sort]"), s = o.querySelector(`option:nth-child(${o.selectedIndex + 1})`), r = s.getAttribute("data-sort"), n = s.getAttribute("data-order"), c = s.getAttribute("data-format");
   if (!r)
-    return s.innerHTML = t.innerHTML, at(e), !1;
+    return i.innerHTML = t.innerHTML, at(e), !1;
   let l = [];
   ["asc", "desc", "descending"].includes(n) || (l = n.split(","));
   let m = [];
-  Array.from(s.querySelectorAll("tr")).forEach((f, b) => {
+  Array.from(i.querySelectorAll("tr")).forEach((f, b) => {
     let u = f.querySelector('td[data-label="' + r + '"], th[data-label="' + r + '"]').textContent.trim();
     f.querySelector('[data-label="' + r + '"] .td__content') && (u = f.querySelector('[data-label="' + r + '"] .td__content').textContent.trim()), l.length && l.includes(u) && (u = l.indexOf(u)), _t(u) && (u = Lt(u, 10)), c && c == "date" && (u = new Date(u));
     const v = { index: u, row: f };
@@ -267,10 +267,10 @@ const at = (e) => {
   let d = "";
   m.forEach((f, b) => {
     d += f.row.outerHTML;
-  }), s.innerHTML = d;
+  }), i.innerHTML = d;
 }, G = (e, a, t) => {
   e.classList.remove("table--filtered");
-  let s = st(a), o = [], i = 0, r = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, n = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
+  let i = it(a), o = [], s = 0, r = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, n = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
   if (Array.from(e.querySelectorAll("tbody tr")).forEach((l, m) => {
     l.classList.remove("filtered"), l.classList.remove("filtered--matched"), l.classList.remove("filtered--show"), l.removeAttribute("data-filtered-by");
   }), a.querySelector("[data-search]")) {
@@ -283,12 +283,12 @@ const at = (e) => {
     l.innerHTML = "", l.parentNode.classList.remove("hover");
   });
   let c = 0;
-  Object.values(s).forEach((l, m) => {
+  Object.values(i).forEach((l, m) => {
     typeof l == "object" && Object.values(l).length ? c += Object.values(l).length : c++;
   }), c && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((l, m) => {
     l.innerHTML += `(${c})`, l.parentNode.classList.add("hover");
   }), e.classList.add("table--filtered");
-  for (const [l, m] of Object.entries(s))
+  for (const [l, m] of Object.entries(i))
     Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((d, f) => {
       let b = !1;
       m.forEach((u, v) => {
@@ -327,22 +327,22 @@ const at = (e) => {
       u && f.value.length >= 3 && u.textContent.toLowerCase().includes(f.value.toLowerCase()) && (d = !0);
     }), d || l.classList.add("filtered");
   }), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((l, m) => {
-    i++, l.classList.add("filtered--matched"), Math.ceil(i / n) == parseInt(r) && l.classList.add("filtered--show");
-  }), t && (t.setAttribute("data-page", r), t.setAttribute("data-pages", Math.ceil(i / n)), t.setAttribute("data-total", i), t.setAttribute("data-show", n));
+    s++, l.classList.add("filtered--matched"), Math.ceil(s / n) == parseInt(r) && l.classList.add("filtered--show");
+  }), t && (t.setAttribute("data-page", r), t.setAttribute("data-pages", Math.ceil(s / n)), t.setAttribute("data-total", s), t.setAttribute("data-show", n));
 }, F = (e, a, t) => {
-  Array.from(a.querySelectorAll("[data-query]")).forEach((s, o) => {
-    let i = s.getAttribute("data-query"), r;
-    if (i == "total")
+  Array.from(a.querySelectorAll("[data-query]")).forEach((i, o) => {
+    let s = i.getAttribute("data-query"), r;
+    if (s == "total")
       t.hasAttribute("data-total") ? r = t.getAttribute("data-total") : r = (e.classList.contains("table--filtered"), e.querySelectorAll("tbody tr").length);
-    else if (!i.includes(" == ") && i.includes(" & ")) {
-      let n = i.split(" & "), c = "";
+    else if (!s.includes(" == ") && s.includes(" & ")) {
+      let n = s.split(" & "), c = "";
       n.forEach((l) => {
         c += `:not([data-filtered-by="${l}"])`;
       }), r = Array.from(e.querySelectorAll(`tbody tr${c}`)).length;
-    } else if (!i.includes(" == "))
-      r = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${i}"])`)).length;
-    else if (i.includes(" && ")) {
-      let n = i.split(" && ");
+    } else if (!s.includes(" == "))
+      r = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${s}"])`)).length;
+    else if (s.includes(" && ")) {
+      let n = s.split(" && ");
       r = Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(c) {
         let l = !0;
         for (const [m, d] of Object.entries(n)) {
@@ -352,19 +352,19 @@ const at = (e) => {
         return l;
       }).length;
     } else {
-      let n = i.split(" == ");
+      let n = s.split(" == ");
       r = Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${n[0]}"], tbody tr[data-filtered-by="${n[0]}"] td[data-label="${n[0]}"]`)).filter(function(c) {
         return c.textContent === n[1];
       }).length;
     }
-    s.hasAttribute("data-total") ? s.setAttribute("data-total", r) : s.innerHTML = r;
+    i.hasAttribute("data-total") ? i.setAttribute("data-total", r) : i.innerHTML = r;
   });
-}, Tt = function(e, a, t, s) {
+}, Tt = function(e, a, t, i) {
   t.addEventListener("click", (o) => {
     if (o && o.target instanceof HTMLElement && o.target.closest("[data-page]")) {
       o.preventDefault();
-      let i = a.querySelector("[data-pagination]"), r = o.target.closest("[data-page]").getAttribute("data-page");
-      if (i.value = r, s.setAttribute("data-page", r), a.dispatchEvent(new Event("paginate")), e.hasAttribute("data-show-history")) {
+      let s = a.querySelector("[data-pagination]"), r = o.target.closest("[data-page]").getAttribute("data-page");
+      if (s.value = r, i.setAttribute("data-page", r), a.dispatchEvent(new Event("paginate")), e.hasAttribute("data-show-history")) {
         const l = new URL(location);
         l.searchParams.set("page", r), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: r }, "", l);
       }
@@ -373,8 +373,8 @@ const at = (e) => {
     }
     if (o && o.target instanceof HTMLElement && o.target.closest("[data-show]")) {
       o.preventDefault();
-      let i = a.querySelector("[data-show]"), r = o.target.closest("[data-show]").getAttribute("data-show");
-      i.value = r, s.setAttribute("data-show", r), a.dispatchEvent(new Event("submit"));
+      let s = a.querySelector("[data-show]"), r = o.target.closest("[data-show]").getAttribute("data-show");
+      s.value = r, i.setAttribute("data-show", r), a.dispatchEvent(new Event("submit"));
     }
   });
 }, Mt = (e, a) => {
@@ -384,10 +384,10 @@ const at = (e) => {
     Ht(a);
   });
 }, Ht = function(e) {
-  for (var a = [], t = e.getElementsByTagName("tr"), s = 0; s < t.length; s++) {
-    for (var o = t[s].querySelectorAll("td,th"), i = [], r = 0; r < o.length; r++)
-      i.push(`"${o[r].textContent}"`);
-    a.push(i.join(","));
+  for (var a = [], t = e.getElementsByTagName("tr"), i = 0; i < t.length; i++) {
+    for (var o = t[i].querySelectorAll("td,th"), s = [], r = 0; r < o.length; r++)
+      s.push(`"${o[r].textContent}"`);
+    a.push(s.join(","));
   }
   a = a.join(`
 `);
@@ -396,31 +396,31 @@ const at = (e) => {
   c.download = "export.csv";
   var l = window.URL.createObjectURL(n);
   c.href = l, c.style.display = "none", document.body.appendChild(c), c.click(), document.body.removeChild(c);
-}, it = function(e, a, t, s) {
-  if (at(e), $t(e), F(e, a, s), s && s.classList.contains("table--cta")) {
+}, st = function(e, a, t, i) {
+  if (at(e), $t(e), F(e, a, i), i && i.classList.contains("table--cta")) {
     let o = function() {
       Array.from(e.querySelectorAll("tr")).forEach((r, n) => {
         let c = r.offsetHeight;
         r.style.setProperty("--row-height", `${c}px`);
       });
     };
-    const i = qt(e);
-    s.style.setProperty("--cta-width", `${i}rem`), new ResizeObserver(o).observe(e);
+    const s = qt(e);
+    i.style.setProperty("--cta-width", `${s}rem`), new ResizeObserver(o).observe(e);
   }
-}, st = function(e) {
+}, it = function(e) {
   let a = new Object();
-  return Array.from(e.querySelectorAll("[data-filter]")).forEach((t, s) => {
+  return Array.from(e.querySelectorAll("[data-filter]")).forEach((t, i) => {
     if (!(t.type == "radio" && !t.checked) && !(t.type == "checkbox" && !t.checked) && t && t.value) {
       let o = t.getAttribute("data-filter");
       a[o] || (a[o] = new Array()), a[o].push(t.value);
     }
   }), a;
-}, ot = function(e, a, t, s) {
+}, ot = function(e, a, t, i) {
   return kt(this, void 0, void 0, function* () {
     const o = (b, u, v) => u.split(/[\.\[\]\'\"]/).filter((q) => q).reduce((q, y) => q ? q[y] : v, b);
-    let i = new FormData(a), r = new URLSearchParams(i).toString(), n = e.querySelectorAll("thead tr th"), c = e.querySelector("tbody"), l = a.getAttribute("data-ajax");
-    s.classList.add("table--loading");
-    let m = st(a);
+    let s = new FormData(a), r = new URLSearchParams(s).toString(), n = e.querySelectorAll("thead tr th"), c = e.querySelector("tbody"), l = a.getAttribute("data-ajax");
+    i.classList.add("table--loading");
+    let m = it(a);
     Array.from(a.querySelectorAll("[data-filter-count]")).forEach((b, u) => {
       b.innerHTML = "", b.parentNode.classList.remove("hover");
     });
@@ -433,7 +433,7 @@ const at = (e) => {
     const { signal: f } = controller[l];
     try {
       yield fetch(l + "?" + r, { signal: f, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((b) => b.json()).then((b) => {
-        let u = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", v = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", q = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", y = o(b, v, 1), I = o(b, q, 1), R = o(b, u), P = s.hasAttribute("data-empty-msg") ? s.getAttribute("data-empty-msg") : "No results found";
+        let u = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", v = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", q = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", y = o(b, v, 1), I = o(b, q, 1), R = o(b, u), P = i.hasAttribute("data-empty-msg") ? i.getAttribute("data-empty-msg") : "No results found";
         R ? (c.innerHTML = "", R.forEach((L, E) => {
           var $ = document.createElement("tr");
           n.forEach((w, O) => {
@@ -461,10 +461,10 @@ const at = (e) => {
             }
             w.hasAttribute("data-transform") && (T = JSON.parse(w.getAttribute("data-transform"))[T], !T && w.hasAttribute("data-default") && (T = w.getAttribute("data-default"))), V.innerHTML = T, $.appendChild(V);
           }), c.appendChild($);
-        }), rt(e, a), s.setAttribute("data-total", parseInt(y)), s.setAttribute("data-page", parseInt(I)), s.setAttribute("data-pages", Math.ceil(s.getAttribute("data-total") / s.getAttribute("data-show"))), it(e, a, t, s), B(s, t), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((L, E) => {
+        }), rt(e, a), i.setAttribute("data-total", parseInt(y)), i.setAttribute("data-page", parseInt(I)), i.setAttribute("data-pages", Math.ceil(i.getAttribute("data-total") / i.getAttribute("data-show"))), st(e, a, t, i), B(i, t), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((L, E) => {
           let $ = o(b, L.getAttribute("data-ajax-query"), "");
           L.hasAttribute("data-total") ? L.setAttribute("data-total", $) : L.innerHTML = $;
-        }), parseInt(y) == 0 && (c.innerHTML = `<tr><td colspan="100%"><span>${P}</span></td></tr>`), s.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: l, formData: r })) : c.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>';
+        }), parseInt(y) == 0 && (c.innerHTML = `<tr><td colspan="100%"><span>${P}</span></td></tr>`), i.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: l, formData: r })) : c.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>';
       });
     } catch (b) {
       console.log(b);
@@ -483,8 +483,8 @@ const at = (e) => {
 class Ct 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`, s = document.createElement("template");
-    s.innerHTML = `
+    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");
+    i.innerHTML = `
     <style>
     @import "${t}";
 
@@ -507,30 +507,30 @@ class Ct extends HTMLElement {
     </div>
     </div>
     <div class="table__pagination"></div>
-    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
     const a = new URLSearchParams(window.location.search);
     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", 15), this.hasAttribute("data-increment") || this.setAttribute("data-increment", 15), this.setAttribute("data-pages", Math.ceil(this.getAttribute("data-total") / 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(".table__pagination"), 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"), rt(this.table, this.form), this.form.querySelector("[data-page]") || (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" />`), xt(this.table), Et(this.table, this.form, this.pagination, this, this.savedTableBody), Tt(this.table, this.form, this.pagination, this), Mt(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax") ? ot(this.table, this.form, this.pagination, this) : (it(this.table, this.form, this.pagination, this), G(this.table, this.form, this), B(this, this.pagination), F(this.table, this.form)), this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (s) => {
+    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(".table__pagination"), 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"), rt(this.table, this.form), this.form.querySelector("[data-page]") || (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" />`), xt(this.table), Et(this.table, this.form, this.pagination, this, this.savedTableBody), Tt(this.table, this.form, this.pagination, this), Mt(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax") ? ot(this.table, this.form, this.pagination, this) : (st(this.table, this.form, this.pagination, this), G(this.table, this.form, this), B(this, this.pagination), F(this.table, this.form)), this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (i) => {
       this.table.querySelector("dialog[open]") && (this.table.querySelector("dialog[open]").close(), this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"));
     }), this.querySelector("iam-actionbar[data-selectall]")) {
-      const s = this.querySelector("iam-actionbar[data-selectall]");
-      Array.from(this.table.querySelectorAll("thead tr")).forEach((o, i) => {
+      const i = this.querySelector("iam-actionbar[data-selectall]");
+      Array.from(this.table.querySelectorAll("thead tr")).forEach((o, s) => {
         o.insertAdjacentHTML("afterbegin", "<th></th>");
-      }), Array.from(this.table.querySelectorAll("tbody tr")).forEach((o, i) => {
-        o.insertAdjacentHTML("afterbegin", `<td class="selectrow"><input type="checkbox" name="row" id="row${i}"/><label for="row${i}"><span class="visually-hidden">Select row</span></label></td>`);
+      }), Array.from(this.table.querySelectorAll("tbody tr")).forEach((o, s) => {
+        o.insertAdjacentHTML("afterbegin", `<td class="selectrow"><input type="checkbox" name="row" id="row${s}"/><label for="row${s}"><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")) {
-          let i = this.table.querySelectorAll('.selectrow input[type="checkbox"]').length, r = this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;
-          s.setAttribute("data-selected", i == r ? "all" : r), console.log(r);
+          let s = this.table.querySelectorAll('.selectrow input[type="checkbox"]').length, r = this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;
+          i.setAttribute("data-selected", s == r ? "all" : r), console.log(r);
         }
-      }), s.addEventListener("selected", (o) => {
-        console.log(o.detail.selected), o.detail.selected == "0" ? Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((i, r) => {
-          i.checked = !1;
-        }) : o.detail.selected == "all" && Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((i, r) => {
-          i.checked = !0;
+      }), i.addEventListener("selected", (o) => {
+        console.log(o.detail.selected), o.detail.selected == "0" ? Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((s, r) => {
+          s.checked = !1;
+        }) : o.detail.selected == "all" && Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((s, r) => {
+          s.checked = !0;
         });
       });
     }
@@ -538,7 +538,7 @@ class Ct extends HTMLElement {
   static get observedAttributes() {
     return ["data-total", "data-pages", "data-page", "data-show"];
   }
-  attributeChangedCallback(a, t, s) {
+  attributeChangedCallback(a, t, i) {
   }
 }
 const Nt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Rt = (e) => e.replace(/_/g, " "), Dt = (e) => e.replace(/ /g, "_"), It = function(e) {
@@ -568,14 +568,14 @@ const Nt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Rt = (e) => e.replace(
   updated() {
   }
 }, jt = { key: 0 }, zt = { key: 0 }, Bt = ["data-row-id"], Ft = ["innerHTML"];
-function Ot(e, a, t, s, o, i) {
+function Ot(e, a, t, i, o, s) {
   return h(), p("iam-table", null, [
     t.fields ? (h(), p("table", jt, [
       g("thead", null, [
         g("tr", null, [
           (h(!0), p(M, null, H(t.fields, (r) => (h(), p("th", {
             key: r.key
-          }, x(i.cellHeading(r.key)), 1))), 128))
+          }, x(s.cellHeading(r.key)), 1))), 128))
         ])
       ]),
       t.items ? (h(), p("tbody", zt, [
@@ -786,17 +786,17 @@ const nt = /* @__PURE__ */ _(Pt, [["render", Ot]]), Vt = {
 }, Jt = ["type", "name", "id", "pattern", "list"], Qt = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Zt = {
   key: 6,
   class: "input-group"
-}, te = ["type", "name", "id", "pattern", "list"], ee = { class: "input-group-text flex-fill" }, ae = ["type", "name", "id", "pattern"], re = ["value"], ie = ["type", "name", "id"], se = ["for", "innerHTML"], oe = ["type", "name", "id"], ne = ["for", "innerHTML"], le = ["innerHTML"], ce = ["id"], de = ["value"];
-function ue(e, a, t, s, o, i) {
+}, te = ["type", "name", "id", "pattern", "list"], ee = { class: "input-group-text flex-fill" }, ae = ["type", "name", "id", "pattern"], re = ["value"], se = ["type", "name", "id"], ie = ["for", "innerHTML"], oe = ["type", "name", "id"], ne = ["for", "innerHTML"], le = ["innerHTML"], ce = ["id"], de = ["value"];
+function ue(e, a, t, i, o, s) {
   return h(), p("div", {
-    class: k(i.wrapperClass()),
+    class: k(s.wrapperClass()),
     ref: "wrapper"
   }, [
-    i.needsLabel() ? (h(), p("label", {
+    s.needsLabel() ? (h(), p("label", {
       key: 0,
       class: k(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
-      innerHTML: i.displayLabel(),
+      innerHTML: s.displayLabel(),
       title: t.title
     }, null, 10, Wt)) : A("", !0),
     t.prefix ? (h(), p("span", {
@@ -811,74 +811,74 @@ function ue(e, a, t, s, o, i) {
       innerHTML: t.suffix,
       role: "presentation"
     }, null, 10, Yt)) : A("", !0),
-    i.isInput() ? D((h(), p("input", N({
+    s.isInput() ? D((h(), p("input", N({
       key: 3,
-      "onUpdate:modelValue": a[0] || (a[0] = (r) => i.inputVal = r),
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => s.inputVal = r),
       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: i.needPattern(),
-      list: i.hasOptions()
+      pattern: s.needPattern(),
+      list: s.hasOptions()
     }, e.$attrs, {
-      onKeyup: a[1] || (a[1] = (...r) => i.inputKeyup && i.inputKeyup(...r))
+      onKeyup: a[1] || (a[1] = (...r) => s.inputKeyup && s.inputKeyup(...r))
     }), null, 16, Gt)), [
-      [Y, i.inputVal]
+      [Y, s.inputVal]
     ]) : A("", !0),
     t.type == "textarea" ? D((h(), p("textarea", N({
       key: 4,
-      "onUpdate:modelValue": a[2] || (a[2] = (r) => i.inputVal = r),
+      "onUpdate:modelValue": a[2] || (a[2] = (r) => s.inputVal = r),
       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: i.needPattern()
+      pattern: s.needPattern()
     }, e.$attrs), null, 16, Kt)), [
-      [pt, i.inputVal]
+      [pt, s.inputVal]
     ]) : A("", !0),
     t.type == "range" ? (h(), p("div", Xt, [
       D(g("input", N({
-        "onUpdate:modelValue": a[3] || (a[3] = (r) => i.inputVal = r),
+        "onUpdate:modelValue": a[3] || (a[3] = (r) => s.inputVal = r),
         class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
         type: t.type,
         name: t.name ? t.name : t.id,
         id: t.id,
-        pattern: i.needPattern(),
-        list: i.hasOptions()
+        pattern: s.needPattern(),
+        list: s.hasOptions()
       }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Jt), [
-        [Y, i.inputVal]
+        [Y, s.inputVal]
       ]),
       g("output", Qt, x(t.value), 1)
     ])) : A("", !0),
     t.type == "color" ? (h(), p("div", Zt, [
       D(g("input", N({
-        "onUpdate:modelValue": a[4] || (a[4] = (r) => i.inputVal = r),
+        "onUpdate:modelValue": a[4] || (a[4] = (r) => s.inputVal = r),
         class: `form-control form-control-color${t.inputclass ? ` ${t.inputclass}` : ""}`,
         type: t.type,
         name: t.name ? t.name : t.id,
         id: t.id,
-        pattern: i.needPattern(),
-        list: i.hasOptions()
+        pattern: s.needPattern(),
+        list: s.hasOptions()
       }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, te), [
-        [Y, i.inputVal]
+        [Y, s.inputVal]
       ]),
       g("output", ee, x(t.value ? e.vale : "#000000"), 1)
     ])) : A("", !0),
     t.type == "select" ? D((h(), p("select", N({
       key: 7,
-      "onUpdate:modelValue": a[5] || (a[5] = (r) => i.inputVal = r),
+      "onUpdate:modelValue": a[5] || (a[5] = (r) => s.inputVal = r),
       class: `form-select${t.size ? ` form-select-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type,
       name: t.id,
       id: t.id,
-      pattern: i.needPattern()
+      pattern: s.needPattern()
     }, e.$attrs), [
       (h(!0), p(M, null, H(t.options, (r, n) => (h(), p("option", {
         key: n,
         value: r.value
       }, x(r.display ? r.display : r.value), 9, re))), 128))
     ], 16, ae)), [
-      [bt, i.inputVal]
+      [bt, s.inputVal]
     ]) : A("", !0),
     t.type == "checkbox" || t.type == "radio" ? (h(), p("input", N({
       key: 8,
@@ -886,13 +886,13 @@ function ue(e, a, t, s, o, i) {
       type: t.type,
       name: t.name ? t.name : t.id,
       id: t.id
-    }, e.$attrs), null, 16, ie)) : A("", !0),
+    }, e.$attrs), null, 16, se)) : A("", !0),
     t.type == "checkbox" || t.type == "radio" ? (h(), p("label", {
       key: 9,
       class: k(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: t.label
-    }, null, 10, se)) : A("", !0),
+    }, null, 10, ie)) : A("", !0),
     t.type == "checkbox-btn" || t.type == "radio-btn" ? (h(), p("input", N({
       key: 10,
       class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
@@ -906,7 +906,7 @@ function ue(e, a, t, s, o, i) {
       class: k(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: t.label,
-      onClick: a[6] || (a[6] = (...r) => i.clickEvent && i.clickEvent(...r))
+      onClick: a[6] || (a[6] = (...r) => s.clickEvent && s.clickEvent(...r))
     }, null, 10, ne)) : A("", !0),
     S(e.$slots, "default"),
     t.errormsg ? (h(), p("span", {
@@ -914,7 +914,7 @@ function ue(e, a, t, s, o, i) {
       class: "invalid-feedback mb-0",
       innerHTML: t.errormsg
     }, null, 8, le)) : A("", !0),
-    i.allowDatalist() ? (h(), p("datalist", {
+    s.allowDatalist() ? (h(), p("datalist", {
       key: 13,
       id: t.id + "-list"
     }, [
@@ -927,8 +927,8 @@ function ue(e, a, t, s, o, i) {
 }
 const lt = /* @__PURE__ */ _(Vt, [["render", ue]]);
 function me(e, a) {
-  const t = a.querySelector(".files"), s = a.querySelector(".drop-area"), o = e.querySelector("input"), i = e.hasAttribute("data-maxsize") ? e.getAttribute("data-maxsize") : 0, r = o.cloneNode();
-  s.append(r), a.addEventListener("click", (n) => {
+  const t = a.querySelector(".files"), i = a.querySelector(".drop-area"), o = e.querySelector("input"), s = e.hasAttribute("data-maxsize") ? e.getAttribute("data-maxsize") : 0, r = o.cloneNode();
+  i.append(r), a.addEventListener("click", (n) => {
     n && n.target instanceof HTMLElement && n.target.closest(".btn-primary") && (n.target.closest(".btn-primary"), (o.hasAttribute("multiple") ? r : o).click());
   }), a.addEventListener("click", (n) => {
     if (n && n.target instanceof HTMLElement && n.target.closest(".files button")) {
@@ -948,7 +948,7 @@ function me(e, a) {
       const d = new DataTransfer();
       for (let f = 0; f < l.length; f++) {
         const b = l[f], u = b.size / 1e3;
-        !m.includes(b.name) && (i == 0 || u < i) && d.items.add(b), m.push(b.name);
+        !m.includes(b.name) && (s == 0 || u < s) && d.items.add(b), m.push(b.name);
       }
       o.files = d.files;
     } else
@@ -975,11 +975,11 @@ window.dataLayer.push({
 class he 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`, s = `@import "${a}/css/components/fileupload.css";`, o = document.createElement("template");
+    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/fileupload.css";`, o = document.createElement("template");
     o.innerHTML = `
     <style>
     @import "${t}";
-    ${s}
+    ${i}
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
     <div class="file-upload">
@@ -995,8 +995,8 @@ class he extends HTMLElement {
   }
   connectedCallback() {
     this.innerHTML += '<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';
-    const a = this.shadowRoot.querySelector(".file-upload"), t = this.querySelector("input"), s = this.shadowRoot.querySelector(".helper-text");
-    s.innerHTML = `${this.hasAttribute("data-maxsize") ? `Max file size is ${this.getAttribute("data-maxsize")}kb. ` : ""}${t.hasAttribute("accept") ? `Supported file types are ${t.getAttribute("accept")}` : ""}`, me(this, a);
+    const a = this.shadowRoot.querySelector(".file-upload"), t = this.querySelector("input"), i = this.shadowRoot.querySelector(".helper-text");
+    i.innerHTML = `${this.hasAttribute("data-maxsize") ? `Max file size is ${this.getAttribute("data-maxsize")}kb. ` : ""}${t.hasAttribute("accept") ? `Supported file types are ${t.getAttribute("accept")}` : ""}`, me(this, a);
   }
 }
 const pe = {
@@ -1017,28 +1017,28 @@ const pe = {
     });
   }
 };
-function be(e, a, t, s, o, i) {
+function be(e, a, t, i, o, s) {
   return h(), p("iam-fileupload", null, [
     S(e.$slots, "default")
   ]);
 }
 const Kr = /* @__PURE__ */ _(pe, [["render", be]]);
 /*!
-  * iamKey v4.1.0-beta
+  * iamKey v4.1.0-beta-2
   * Copyright 2022-2023 iamproperty
   */
 function fe(e) {
   let a = e.querySelectorAll("details"), t = e.querySelectorAll("summary");
-  if (a.forEach((s) => {
-    s.classList.add("accordion-item");
-  }), t.forEach((s) => {
-    s.classList.add("accordion-header"), s.classList.add("accordion-button"), s.classList.add("h4");
+  if (a.forEach((i) => {
+    i.classList.add("accordion-item");
+  }), t.forEach((i) => {
+    i.classList.add("accordion-header"), i.classList.add("accordion-button"), i.classList.add("h4");
   }), !e.classList.contains("accordion--keep-open")) {
-    const s = e.querySelectorAll(":scope > details");
-    s.forEach((o) => {
+    const i = e.querySelectorAll(":scope > details");
+    i.forEach((o) => {
       o.addEventListener("click", () => {
-        s.forEach((i) => {
-          i !== o && i.removeAttribute("open");
+        i.forEach((s) => {
+          s !== o && s.removeAttribute("open");
         });
       });
     });
@@ -1048,8 +1048,8 @@ window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "custo
 let ge = class 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`, s = document.createElement("template");
-    s.innerHTML = `
+    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");
+    i.innerHTML = `
     <style>
     @import "${t}";
     :is(.accordion,iam-accordion){--accordion-indent: 0.75rem;--accordion-right-padding: 3rem;--accordion-y-padding: 1rem;--accordion-icon-size: 1.875rem;--accordion-icon-top: 0.75rem}@media screen and (min-width: 62em){:is(.accordion,iam-accordion){--accordion-right-padding: 6rem;--accordion-y-padding: 2rem;--accordion-icon-size: 3rem;--accordion-icon-top: 1.25rem}}.accordion-header{padding:var(--accordion-y-padding) var(--accordion-right-padding) var(--accordion-y-padding) var(--accordion-indent);color:var(--colour-heading);text-align:left;background-color:rgba(0,0,0,0);overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;--marker-bg: var(--colour-secondary);cursor:pointer;position:relative;max-width:100%}@media(prefers-reduced-motion: reduce){.accordion-header{transition:none}}.accordion-header .badge{vertical-align:bottom;margin-left:.5em;margin-right:.5em;margin-bottom:.1em}.accordion-header:before,.accordion-header:after{content:"";position:absolute;right:var(--accordion-indent);top:var(--accordion-icon-top);margin-top:var(--accordion-icon-size-half);width:var(--accordion-icon-size);height:var(--accordion-icon-size)}.accordion-header:before{text-indent:100%;white-space:nowrap;overflow:hidden;background:var(--marker-bg);border-radius:100%}.accordion-header::after{background:currentColor;mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transition:transform .2s ease-in-out;transform:rotate(90deg)}@media(prefers-reduced-motion: reduce){.accordion-header::after{transition:none}}@media(forced-colors: active){.accordion-header::after{content:"►";mask-image:none;-webkit-mask-image:none}}.accordion-header:hover,.accordion-header:focus{--marker-bg: var(--colour-warning);color:var(--colour-hover)}.accordion-header:hover{z-index:var(--index-focus)}.accordion-header:focus{z-index:var(--index-focus);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}[open]>summary>.accordion-header{color:var(--colour-heading);background-color:rgba(0,0,0,0)}[open]>summary>.accordion-header::after{transform:rotate(-90deg)}.accordion-header[class*=bg-] .accordion-button{border-bottom:1px solid var(--colour-border);margin-bottom:-1px}.accordion-header[class*=bg-] .accordion-button:before{background:none !important}.accordion-header[class*=bg-]:hover .accordion-button{opacity:.8}.accordion-header[class*=bg-]+.accordion-body{padding-top:2rem}.accordion-header{margin-bottom:0}.accordion-item{background-color:rgba(0,0,0,0);border-bottom:1px solid var(--colour-border);margin-bottom:2rem}.accordion-item:first-of-type{border-top:1px solid var(--colour-border)}.accordion-item+.accordion-item{margin-top:-2rem}.accordion-item summary~*{text-align:left;padding:0 var(--accordion-indent)}.accordion--straight>details>summary:not([class*=bg-])>.accordion-button,.accordion--straight>details>.accordion-item summary~*{padding-left:0 !important}.accordion--straight .accordion-item summary~*{padding-right:0 !important}.accordion .accordion:first-child{padding-top:1rem}.accordion .accordion:last-child{padding-bottom:2rem}.accordion .accordion .accordion-button{padding:1rem 3rem 1rem var(--accordion-indent)}.accordion .accordion .accordion-button:before,.accordion .accordion .accordion-button:after{top:.75rem;height:2rem;width:2rem;right:.5rem}.accordion .accordion .accordion-button:before{background-color:var(--colour-light)}/*# sourceMappingURL=assets/css/components/accordion.css.map */
@@ -1059,7 +1059,7 @@ let ge = class extends HTMLElement {
     <div class="accordion">
       <slot></slot>
     </div>
-    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
     fe(this);
@@ -1072,7 +1072,7 @@ const ye = {
   mounted() {
   }
 }, ve = { ref: "wrapper" };
-function we(e, a, t, s, o, i) {
+function we(e, a, t, i, o, s) {
   return h(), p("iam-accordion", ve, [
     S(e.$slots, "default")
   ], 512);
@@ -1113,9 +1113,9 @@ const Jr = /* @__PURE__ */ _(ye, [["render", we]]), Ae = {
     };
   }
 }, _e = ["id"], Le = ["classList"];
-function Se(e, a, t, s, o, i) {
+function Se(e, a, t, i, o, s) {
   return h(), p("details", {
-    id: i.createID(t.title)
+    id: s.createID(t.title)
   }, [
     g("summary", {
       classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
@@ -1147,7 +1147,7 @@ const Qr = /* @__PURE__ */ _(Ae, [["render", Se]]), ke = {
     }
   }
 }, qe = { class: "container" }, $e = { class: "row" }, xe = { class: "col-sm-6" }, Ee = { class: "pt-5 pb-3 px-4" }, Te = { class: "col-sm-6 col-md-5 ms-auto" }, Me = ["src"];
-function He(e, a, t, s, o, i) {
+function He(e, a, t, i, o, s) {
   return h(), p("div", qe, [
     g("div", {
       class: k("bg-" + t.background + " mb-4")
@@ -1175,7 +1175,7 @@ const Zr = /* @__PURE__ */ _(ke, [["render", He]]), Ce = {
   name: "Card",
   mounted() {
     this.$nextTick(function() {
-      import("./card.component.min-b4b9b9e4.mjs").then((e) => {
+      import("./card.component.min-5ccb4a76.mjs").then((e) => {
         window.customElements.get("iam-card") || window.customElements.define("iam-card", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1183,7 +1183,7 @@ const Zr = /* @__PURE__ */ _(ke, [["render", He]]), Ce = {
     });
   }
 };
-function Ne(e, a, t, s, o, i) {
+function Ne(e, a, t, i, o, s) {
   return h(), p("iam-card", null, [
     S(e.$slots, "default")
   ]);
@@ -1191,12 +1191,12 @@ function Ne(e, a, t, s, o, i) {
 const Re = /* @__PURE__ */ _(Ce, [["render", Ne]]);
 function De(e) {
   var a;
-  let t = e.querySelector(".carousel__inner"), s = e.querySelectorAll(".carousel__item").length;
+  let t = e.querySelector(".carousel__inner"), i = e.querySelectorAll(".carousel__item").length;
   e.getAttribute("data-cols");
-  let o = e.getAttribute("data-sm-cols"), i = e.getAttribute("data-md-cols");
+  let o = e.getAttribute("data-sm-cols"), s = e.getAttribute("data-md-cols");
   e.querySelector(".carousel__controls a").classList.add("active"), t.addEventListener("scroll", function(r) {
     clearTimeout(a), a = setTimeout(function() {
-      let n = t.clientWidth, c = t.scrollWidth, l = t.scrollLeft, m = Math.round(l / c * s) + 1, d = e.querySelector(".carousel__item:last-child").offsetLeft;
+      let n = t.clientWidth, c = t.scrollWidth, l = t.scrollLeft, m = Math.round(l / c * i) + 1, d = e.querySelector(".carousel__item:last-child").offsetLeft;
       Array.from(e.querySelectorAll(".carousel__controls a")).forEach((f, b) => {
         f.classList.remove("active");
       }), e.querySelector(".control-" + m).classList.add("active"), m == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + n > d ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
@@ -1227,7 +1227,7 @@ function De(e) {
         });
         break;
       }
-  }, !1), s == 1 && e.classList.add("hide-btns"), o >= s && e.classList.add("hide-sm-btns"), i >= s && e.classList.add("hide-md-btns");
+  }, !1), i == 1 && e.classList.add("hide-btns"), o >= i && e.classList.add("hide-sm-btns"), s >= i && e.classList.add("hide-md-btns");
 }
 const Ie = {
   components: {
@@ -1316,7 +1316,7 @@ const Ie = {
   class: "btn btn-next",
   "data-go": "2"
 }, "Next", -1);
-function Ue(e, a, t, s, o, i) {
+function Ue(e, a, t, i, o, s) {
   const r = z("Card");
   return h(), p("div", {
     class: "container carousel",
@@ -1355,7 +1355,7 @@ function Ue(e, a, t, s, o, i) {
           (h(!0), p(M, null, H(t.items, (n, c) => (h(), p("div", {
             class: k(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
             key: c,
-            innerHTML: i.content(n),
+            innerHTML: s.content(n),
             id: "carousel" + o.id + "slide" + (c + 1)
           }, null, 10, Fe))), 128))
         ], 2)) : A("", !0)
@@ -1374,17 +1374,17 @@ function Ue(e, a, t, s, o, i) {
     ])
   ], 8, Pe);
 }
-const ti = /* @__PURE__ */ _(Ie, [["render", Ue]]);
+const ts = /* @__PURE__ */ _(Ie, [["render", Ue]]);
 /*!
-  * iamKey v4.1.0-beta
+  * iamKey v4.1.0-beta-2
   * Copyright 2022-2023 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "header" });
 class Ye 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`, s = document.createElement("template");
-    s.innerHTML = `
+    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");
+    i.innerHTML = `
     <style>
     @import "${t}";
     .header-banner{background:linear-gradient(180deg, var(--colour-secondary) 0, var(--colour-info) 100%);margin-bottom:2rem;position:relative;overflow:hidden;max-width:100% !important}@media screen and (min-width: 62em){.header-banner{min-height:29.375rem}}.header-banner>.container{padding-bottom:0;position:relative}.header-banner .breadcrumb{margin-top:1.5rem;margin-bottom:-0.5rem}@media screen and (min-width: 62em){.header-banner .breadcrumb{position:absolute;top:0;left:3.75rem}}.header-banner__inner{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: var(--colour-canvas);--colour-btn-action-hover-bg: var(--colour-light);color:var(--colour-body);background:#fff;padding:2rem;margin:1.875rem 0;position:relative;z-index:var(--index-above)}.header-banner__inner .text-primary{color:var(--colour-primary) !important}@media screen and (min-width: 62em){.header-banner__inner{max-width:37.5rem;margin:7rem 0 5rem 0;padding:3.5rem 4rem}}.header-banner__inner>*:last-child{padding-bottom:0;margin-bottom:0}.header-banner picture img{display:none}@media screen and (min-width: 62em){.header-banner picture img{display:block;position:absolute;top:-0.5%;left:40%;height:101%;object-fit:cover;width:60%;pointer-events:none}}::slotted(.breadcrumb){margin-top:1.5rem !important;margin-bottom:-0.5rem !important}@media screen and (min-width: 62em){::slotted(.breadcrumb){position:absolute !important;top:0 !important;left:5.25rem !important}}::slotted(*:last-child){padding-bottom:0 !important;margin-bottom:0 !important}/*# sourceMappingURL=assets/css/components/header.css.map */
@@ -1405,7 +1405,7 @@ class Ye extends HTMLElement {
         <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" lazy="" />
       </picture>
     </div>
-    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
     this.classList.add("loaded");
@@ -1431,7 +1431,7 @@ const Ge = {
     });
   }
 }, Ke = ["image"], Xe = ["innerHTML"];
-function Je(e, a, t, s, o, i) {
+function Je(e, a, t, i, o, s) {
   return h(), p("iam-header", {
     class: "bg-secondary",
     image: t.image
@@ -1444,27 +1444,27 @@ function Je(e, a, t, s, o, i) {
     S(e.$slots, "default")
   ], 8, Ke);
 }
-const ei = /* @__PURE__ */ _(Ge, [["render", Je]]);
+const es = /* @__PURE__ */ _(Ge, [["render", Je]]);
 function Qe(e) {
   var a;
-  const t = e.querySelector(".testimonial__images"), s = t.querySelectorAll("img").length;
-  if (s == 1)
+  const t = e.querySelector(".testimonial__images"), i = t.querySelectorAll("img").length;
+  if (i == 1)
     return !1;
   e.classList.add("testimonial--multi");
-  const o = function(i) {
+  const o = function(s) {
     const r = e.querySelector(".btn-next"), n = e.querySelector(".btn-prev");
-    r.setAttribute("data-go", i + 1), n.setAttribute("data-go", i - 1), r.removeAttribute("disabled"), n.removeAttribute("disabled"), i == 1 ? n.setAttribute("disabled", !0) : i == s && r.setAttribute("disabled", !0);
+    r.setAttribute("data-go", s + 1), n.setAttribute("data-go", s - 1), r.removeAttribute("disabled"), n.removeAttribute("disabled"), s == 1 ? n.setAttribute("disabled", !0) : s == i && r.setAttribute("disabled", !0);
   };
-  t.addEventListener("scroll", function(i) {
+  t.addEventListener("scroll", function(s) {
     clearTimeout(a), a = setTimeout(function() {
-      let r = t.scrollWidth, n = t.scrollHeight, c = t.scrollLeft, l = t.scrollTop, m = Math.round(c / r * s) + 1;
-      c == 0 && l != 0 && (m = Math.round(l / n * s) + 1), e.setAttribute("data-show", m), o(m);
+      let r = t.scrollWidth, n = t.scrollHeight, c = t.scrollLeft, l = t.scrollTop, m = Math.round(c / r * i) + 1;
+      c == 0 && l != 0 && (m = Math.round(l / n * i) + 1), e.setAttribute("data-show", m), o(m);
     }, 300);
-  }, !1), e.addEventListener("click", function(i) {
-    for (var r = i.target; r && r != this; r = r.parentNode)
+  }, !1), e.addEventListener("click", function(s) {
+    for (var r = s.target; r && r != this; r = r.parentNode)
       if (r.matches("[data-go]")) {
         let n = parseInt(r.getAttribute("data-go")), c = 0, l = 0, m = t.scrollWidth, d = t.scrollHeight;
-        m > d ? l = Math.floor(m * ((n - 1) / s)) : c = Math.floor(d * ((n - 1) / s)), t.scroll({
+        m > d ? l = Math.floor(m * ((n - 1) / i)) : c = Math.floor(d * ((n - 1) / i)), t.scroll({
           top: c,
           left: l,
           behavior: "smooth"
@@ -1493,7 +1493,7 @@ const Ze = {
   class: "container testimonial mb-5",
   "data-show": "1",
   ref: "wrapper"
-}, ea = { class: "row" }, aa = { class: "col-md-5 position-relative" }, ra = { class: "testimonial__images" }, ia = ["src"], sa = /* @__PURE__ */ g("div", { class: "testimonial__controls" }, [
+}, ea = { class: "row" }, aa = { class: "col-md-5 position-relative" }, ra = { class: "testimonial__images" }, sa = ["src"], ia = /* @__PURE__ */ g("div", { class: "testimonial__controls" }, [
   /* @__PURE__ */ g("button", {
     "data-go": "0",
     disabled: "",
@@ -1504,7 +1504,7 @@ const Ze = {
     class: "btn-next"
   }, "Next")
 ], -1), oa = { class: "col-md-7" }, na = /* @__PURE__ */ g("h2", null, "What our customers think…", -1), la = { class: "testimonial__content" }, ca = ["innerHTML"], da = ["innerHTML"], ua = { class: "testimonial__after" }, ma = /* @__PURE__ */ g("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
-function ha(e, a, t, s, o, i) {
+function ha(e, a, t, i, o, s) {
   return h(), p("div", ta, [
     g("div", {
       class: k("bg-" + t.background)
@@ -1517,9 +1517,9 @@ function ha(e, a, t, s, o, i) {
               src: r.image ? r.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
               alt: "",
               class: k("h-100 w-100 object-cover" + (r.image ? "" : " opacity-0"))
-            }, null, 10, ia))), 128))
+            }, null, 10, sa))), 128))
           ]),
-          sa
+          ia
         ]),
         g("div", oa, [
           na,
@@ -1545,7 +1545,7 @@ function ha(e, a, t, s, o, i) {
     ], 2)
   ], 512);
 }
-const ai = /* @__PURE__ */ _(Ze, [["render", ha]]);
+const as = /* @__PURE__ */ _(Ze, [["render", ha]]);
 const pa = {
   name: "Timeline",
   props: {
@@ -1555,7 +1555,7 @@ const pa = {
     }
   }
 }, ba = { class: "timeline" }, fa = { class: "timeline__content" }, ga = ["src"];
-function ya(e, a, t, s, o, i) {
+function ya(e, a, t, i, o, s) {
   return h(), p("div", ba, [
     g("div", fa, [
       S(e.$slots, "default")
@@ -1567,7 +1567,7 @@ function ya(e, a, t, s, o, i) {
     }, null, 8, ga)) : A("", !0)
   ]);
 }
-const ri = /* @__PURE__ */ _(pa, [["render", ya]]);
+const rs = /* @__PURE__ */ _(pa, [["render", ya]]);
 const va = {
   components: {
     Input: lt
@@ -1730,7 +1730,7 @@ const va = {
     value: "submit"
   }, "Search")
 ], -1);
-function Ha(e, a, t, s, o, i) {
+function Ha(e, a, t, i, o, s) {
   const r = z("Input");
   return h(), p("div", wa, [
     S(e.$slots, "default"),
@@ -1743,14 +1743,14 @@ function Ha(e, a, t, s, o, i) {
         g("fieldset", La, [
           C(r, {
             inputClass: "input--locations",
-            modelValue: i.locationSet,
-            "onUpdate:modelValue": a[0] || (a[0] = (n) => i.locationSet = n),
+            modelValue: s.locationSet,
+            "onUpdate:modelValue": a[0] || (a[0] = (n) => s.locationSet = n),
             label: "Location",
             id: "location",
-            options: i.locationsList(),
+            options: s.locationsList(),
             required: "",
             placeholder: "i.e. Newcastle or NE1",
-            onKeyupEvent: a[1] || (a[1] = (n) => i.locationKeyup(...arguments)),
+            onKeyupEvent: a[1] || (a[1] = (n) => s.locationKeyup(...arguments)),
             ref: "search"
           }, null, 8, ["modelValue", "options"]),
           C(r, {
@@ -1817,12 +1817,12 @@ function Ha(e, a, t, s, o, i) {
     S(e.$slots, "after")
   ], 512);
 }
-const ii = /* @__PURE__ */ _(va, [["render", Ha]]), Ca = {
+const ss = /* @__PURE__ */ _(va, [["render", Ha]]), Ca = {
   components: {},
   name: "Nav",
   mounted() {
     this.$nextTick(function() {
-      import("./nav.component.min-5ca99e09.mjs").then((e) => {
+      import("./nav.component.min-cbbbb803.mjs").then((e) => {
         window.customElements.get("iam-nav") || window.customElements.define("iam-nav", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1831,12 +1831,12 @@ const ii = /* @__PURE__ */ _(va, [["render", Ha]]), Ca = {
   },
   methods: {}
 }, Na = { ref: "wrapper" };
-function Ra(e, a, t, s, o, i) {
+function Ra(e, a, t, i, o, s) {
   return h(), p("iam-nav", Na, [
     S(e.$slots, "default")
   ], 512);
 }
-const si = /* @__PURE__ */ _(Ca, [["render", Ra]]);
+const is = /* @__PURE__ */ _(Ca, [["render", Ra]]);
 const Da = {
   name: "Stepper",
   props: {
@@ -1854,7 +1854,7 @@ const Da = {
   key: 0,
   class: "h6 stepper__start"
 }, za = { class: "list-unstyled" }, Ba = { class: "h6 stepper__end" };
-function Fa(e, a, t, s, o, i) {
+function Fa(e, a, t, i, o, s) {
   return h(), p("div", Ia, [
     g("nav", {
       class: "stepper",
@@ -1868,7 +1868,7 @@ function Fa(e, a, t, s, o, i) {
     ], 8, Pa)
   ]);
 }
-const oi = /* @__PURE__ */ _(Da, [["render", Fa]]);
+const os = /* @__PURE__ */ _(Da, [["render", Fa]]);
 const Oa = {
   name: "Snapshot",
   props: {
@@ -1881,7 +1881,7 @@ const Oa = {
   class: "container snapshot",
   ref: "wrapper"
 }, Wa = { class: "row" }, Ua = ["href"], Ya = { class: "lead snapshot__title" }, Ga = { class: "stat" };
-function Ka(e, a, t, s, o, i) {
+function Ka(e, a, t, i, o, s) {
   return h(), p("div", Va, [
     S(e.$slots, "default"),
     g("div", Wa, [
@@ -1903,7 +1903,7 @@ function Ka(e, a, t, s, o, i) {
     ])
   ], 512);
 }
-const ni = /* @__PURE__ */ _(Oa, [["render", Ka]]), Xa = {
+const ns = /* @__PURE__ */ _(Oa, [["render", Ka]]), Xa = {
   name: "Stepper",
   props: {
     url: {
@@ -1923,7 +1923,7 @@ const ni = /* @__PURE__ */ _(Oa, [["render", Ka]]), Xa = {
   key: 0,
   class: "visually-hidden"
 };
-function Za(e, a, t, s, o, i) {
+function Za(e, a, t, i, o, s) {
   return h(), p("li", null, [
     g("a", {
       href: t.url,
@@ -1937,26 +1937,26 @@ function Za(e, a, t, s, o, i) {
     ], 10, Ja)
   ]);
 }
-const li = /* @__PURE__ */ _(Xa, [["render", Za]]);
+const ls = /* @__PURE__ */ _(Xa, [["render", Za]]);
 /*!
-  * iamKey v4.1.0-beta
+  * iamKey v4.1.0-beta-2
   * Copyright 2022-2023 iamproperty
   */
 const tr = function(e) {
   const a = e.querySelectorAll(":scope > details");
   e.querySelectorAll(":scope > details > summary");
   let t = e.querySelector(":scope > .tabs__links");
-  e.shadowRoot && e.shadowRoot.querySelector(".tabs__links") && (t = e.shadowRoot.querySelector(".tabs__links")), t || (t = document.createElement("div"), t.classList.add("tabs__links"), e.prepend(t)), a.forEach((s, o) => {
-    let i = s.querySelector(":scope > summary");
-    i.classList.add("visually-hidden");
+  e.shadowRoot && e.shadowRoot.querySelector(".tabs__links") && (t = e.shadowRoot.querySelector(".tabs__links")), t || (t = document.createElement("div"), t.classList.add("tabs__links"), e.prepend(t)), a.forEach((i, o) => {
+    let s = i.querySelector(":scope > summary");
+    s.classList.add("visually-hidden");
     let r = document.createElement("button");
-    s.hasAttribute("id") && (r = document.createElement("a"), r.setAttribute("href", `#${s.getAttribute("id")}`)), s.hasAttribute("open") && r.setAttribute("aria-pressed", !0), r.innerHTML = `${i.innerText}`, r.classList.add("link"), r.setAttribute("data-index", o), r.setAttribute("tabindex", "-1"), t.appendChild(r);
+    i.hasAttribute("id") && (r = document.createElement("a"), r.setAttribute("href", `#${i.getAttribute("id")}`)), i.hasAttribute("open") && r.setAttribute("aria-pressed", !0), r.innerHTML = `${s.innerText}`, r.classList.add("link"), r.setAttribute("data-index", o), r.setAttribute("tabindex", "-1"), t.appendChild(r);
   });
 }, er = function(e) {
-  let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > details > summary"), s = e.querySelectorAll(":scope .tabs__links > .link");
-  e.shadowRoot && (s = e.shadowRoot.querySelectorAll(".tabs__links > .link")), s.forEach((o) => {
-    o.addEventListener("click", (i) => {
-      i.preventDefault(), s.forEach((r) => {
+  let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > details > summary"), i = e.querySelectorAll(":scope .tabs__links > .link");
+  e.shadowRoot && (i = e.shadowRoot.querySelectorAll(".tabs__links > .link")), i.forEach((o) => {
+    o.addEventListener("click", (s) => {
+      s.preventDefault(), i.forEach((r) => {
         let n = r == o;
         r.setAttribute("aria-pressed", n);
       }), a.forEach((r, n) => {
@@ -1964,13 +1964,13 @@ const tr = function(e) {
         c ? r.setAttribute("open", c) : r.removeAttribute("open");
       }), o.hasAttribute("href") && history.pushState(void 0, void 0, o.getAttribute("href")), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openTab", tabTitle: o.textContent });
     });
-  }), t.forEach((o, i) => {
+  }), t.forEach((o, s) => {
     o.addEventListener("focus", (r) => {
-      s.forEach((n) => {
+      i.forEach((n) => {
         n.classList.remove("focus");
-      }), s[i].classList.add("focus");
+      }), i[s].classList.add("focus");
     }), o.addEventListener("click", (r) => {
-      r.preventDefault(), s[i].click();
+      r.preventDefault(), i[s].click();
     });
   });
 }, ar = function(e) {
@@ -1980,11 +1980,11 @@ const tr = function(e) {
   tr(e), er(e), ar(e);
 };
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "tabs" });
-let ir = class extends HTMLElement {
+let sr = class 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`, s = document.createElement("template");
-    s.innerHTML = `
+    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");
+    i.innerHTML = `
     <style>
     @import "${t}";
 
@@ -1998,23 +1998,23 @@ let ir = class extends HTMLElement {
       <div class="tabs__links"></div>
       <slot></slot>
     </div>
-    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
     let a = this.classList.toString().replace("container", "");
     this.shadowRoot.querySelector(".tabs").setAttribute("class", `tabs ${a}`), rr(this);
   }
 };
-window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", ir);
-const sr = {
+window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", sr);
+const ir = {
   name: "Tabs"
 }, or = { ref: "wrapper" };
-function nr(e, a, t, s, o, i) {
+function nr(e, a, t, i, o, s) {
   return h(), p("iam-tabs", or, [
     S(e.$slots, "default")
   ], 512);
 }
-const di = /* @__PURE__ */ _(sr, [["render", nr]]), lr = {
+const ds = /* @__PURE__ */ _(ir, [["render", nr]]), lr = {
   name: "Tab",
   props: {
     title: {
@@ -2037,13 +2037,13 @@ const di = /* @__PURE__ */ _(sr, [["render", nr]]), lr = {
     }
   }
 }, cr = { class: "tab" }, dr = ["innerHTML"];
-function ur(e, a, t, s, o, i) {
+function ur(e, a, t, i, o, s) {
   return h(), p("details", cr, [
     g("summary", { innerHTML: t.title }, null, 8, dr),
     S(e.$slots, "default")
   ]);
 }
-const ui = /* @__PURE__ */ _(lr, [["render", ur]]);
+const us = /* @__PURE__ */ _(lr, [["render", ur]]);
 let ct = nt.props;
 ct.fields.required = !1;
 const mr = {
@@ -2062,9 +2062,9 @@ const mr = {
       console.log(this);
       const a = new FormData(e.target);
       let t = /* @__PURE__ */ new Date();
-      const s = t.getFullYear();
-      let o = t.getMonth() + 1, i = t.getDate();
-      i < 10 && (i = "0" + i), o < 10 && (o = "0" + o), t = i + "/" + o + "/" + s, this.itemsData.unshift({
+      const i = t.getFullYear();
+      let o = t.getMonth() + 1, s = t.getDate();
+      s < 10 && (s = "0" + s), o < 10 && (o = "0" + o), t = s + "/" + o + "/" + i, this.itemsData.unshift({
         date_added: t,
         user: a.get("user"),
         note: a.get("addNote")
@@ -2093,7 +2093,7 @@ const mr = {
     }
   }
 }, hr = { class: "container note-feed mb-2" }, pr = ["innerHTML"], br = ["action", "method"], fr = ["value"], gr = /* @__PURE__ */ g("button", { class: "btn btn-tertiary" }, "Submit note", -1);
-function yr(e, a, t, s, o, i) {
+function yr(e, a, t, i, o, s) {
   const r = z("Table"), n = z("Input");
   return h(), p("div", hr, [
     t.title ? (h(), p("span", {
@@ -2108,7 +2108,7 @@ function yr(e, a, t, s, o, i) {
     g("form", {
       action: t.action,
       method: t.method,
-      onSubmit: a[0] || (a[0] = gt((c) => i.submitForm(...arguments), ["prevent"]))
+      onSubmit: a[0] || (a[0] = gt((c) => s.submitForm(...arguments), ["prevent"]))
     }, [
       g("input", {
         type: "hidden",
@@ -2126,60 +2126,60 @@ function yr(e, a, t, s, o, i) {
     ], 40, br)
   ]);
 }
-const mi = /* @__PURE__ */ _(mr, [["render", yr]]);
+const ms = /* @__PURE__ */ _(mr, [["render", yr]]);
 /*!
-  * iamKey v4.1.0-beta
+  * iamKey v4.1.0-beta-2
   * Copyright 2022-2023 iamproperty
   */
 function vr(e, a) {
-  function t(s, o) {
-    let i = !1, r = o.getAttribute("name");
+  function t(i, o) {
+    let s = !1, r = o.getAttribute("name");
     r.includes("[]") && (r = r.replace("[]", `[${o.value}]`));
-    let n = s.querySelector(`[data-name="${r}"]`);
-    n && o.getAttribute("type") == "checkbox" && (i = !0);
+    let n = i.querySelector(`[data-name="${r}"]`);
+    n && o.getAttribute("type") == "checkbox" && (s = !0);
     let c = o.getAttribute("data-filter-text");
-    if (n || (n = document.createElement("button"), s.appendChild(n)), n.setAttribute("type", "button"), n.classList.add("filter"), n.setAttribute("data-name", r), n.innerHTML = c.replace("$value", o.value), (!o.value || i) && n.remove(), o.parentNode.closest("[data-filter-text]")) {
+    if (n || (n = document.createElement("button"), i.appendChild(n)), n.setAttribute("type", "button"), n.classList.add("filter"), n.setAttribute("data-name", r), n.innerHTML = c.replace("$value", o.value), (!o.value || s) && n.remove(), o.parentNode.closest("[data-filter-text]")) {
       let l = o.parentNode.closest("[data-filter-text]"), m = !0;
       if (r = "", l.querySelectorAll("input").forEach((d, f) => {
         let b = d.getAttribute("name");
-        if (r += `${f != 0 ? "," : ""}${b}`, s.querySelector(`[data-name="${b}"]`) && s.querySelector(`[data-name="${b}"]`).remove(), d.value) {
+        if (r += `${f != 0 ? "," : ""}${b}`, i.querySelector(`[data-name="${b}"]`) && i.querySelector(`[data-name="${b}"]`).remove(), d.value) {
           let u = document.createElement("button");
-          u.setAttribute("type", "button"), u.classList.add("filter"), u.setAttribute("data-name", b), u.innerHTML = c.replace("$value", d.value), s.appendChild(u);
+          u.setAttribute("type", "button"), u.classList.add("filter"), u.setAttribute("data-name", b), u.innerHTML = c.replace("$value", d.value), i.appendChild(u);
         } else
           m = !1;
-      }), s.querySelector(`[data-name="${r}"]`) && s.querySelector(`[data-name="${r}"]`).remove(), m) {
+      }), i.querySelector(`[data-name="${r}"]`) && i.querySelector(`[data-name="${r}"]`).remove(), m) {
         let d = l.getAttribute("data-filter-text");
         l.querySelectorAll("input").forEach((b, u) => {
           let v = b.getAttribute("name");
-          s.querySelector(`[data-name="${v}"]`) && s.querySelector(`[data-name="${v}"]`).remove(), d = d.replace(`$${u + 1}`, b.value);
+          i.querySelector(`[data-name="${v}"]`) && i.querySelector(`[data-name="${v}"]`).remove(), d = d.replace(`$${u + 1}`, b.value);
         });
         let f = document.createElement("button");
-        f.setAttribute("type", "button"), f.classList.add("filter"), f.setAttribute("data-name", r), f.innerHTML = d, s.appendChild(f);
+        f.setAttribute("type", "button"), f.classList.add("filter"), f.setAttribute("data-name", r), f.innerHTML = d, i.appendChild(f);
       }
     }
   }
-  Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((s, o) => {
-    t(a, s);
-  }), e.addEventListener("change", function(s) {
-    if (s && s.target instanceof HTMLElement && s.target.closest("input[data-filter-text]")) {
-      let o = s.target.closest("input[data-filter-text]");
+  Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((i, o) => {
+    t(a, i);
+  }), e.addEventListener("change", function(i) {
+    if (i && i.target instanceof HTMLElement && i.target.closest("input[data-filter-text]")) {
+      let o = i.target.closest("input[data-filter-text]");
       t(a, o);
     }
-  }), a.addEventListener("click", function(s) {
-    if (s && s.target instanceof HTMLElement && s.target.closest(".filter")) {
-      let r = s.target.closest(".filter"), n = r.getAttribute("data-name").split(",");
+  }), a.addEventListener("click", function(i) {
+    if (i && i.target instanceof HTMLElement && i.target.closest(".filter")) {
+      let r = i.target.closest(".filter"), n = r.getAttribute("data-name").split(",");
       for (var o = 0; o < n.length; o++) {
         let c = n[o], l = `[name="${c}"]`;
         c.match(/\[(.*)\]/) && (c.replace(/\[(.*)\]/, "[]"), l = `[value="${c.replace(/.*\[(.*)\]/, "$1")}"]`);
         let m = e.querySelectorAll(l);
-        for (var i = 0; i < m.length; i++) {
-          let d = m[i];
+        for (var s = 0; s < m.length; s++) {
+          let d = m[s];
           if (d.getAttribute("type") != "radio" && d.getAttribute("type") != "checkbox")
             d.value = "";
           else {
             d.checked = !1;
-            var s = new Event("force");
-            e.hasAttribute("data-nosubmit") || d.closest("form").dispatchEvent(s);
+            var i = new Event("force");
+            e.hasAttribute("data-nosubmit") || d.closest("form").dispatchEvent(i);
           }
         }
       }
@@ -2192,7 +2192,7 @@ let wr = class 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`;
-    let s = this.classList.toString();
+    let i = this.classList.toString();
     const o = document.createElement("template");
     o.innerHTML = `
     <style>
@@ -2201,7 +2201,7 @@ let wr = class extends HTMLElement {
 
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
-    <div class="applied-filters ${s}"></div>
+    <div class="applied-filters ${i}"></div>
     <slot></slot>
     `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
   }
@@ -2213,14 +2213,14 @@ window.customElements.get("iam-applied-filters") || window.customElements.define
 const Ar = {
   name: "Header"
 };
-function _r(e, a, t, s, o, i) {
+function _r(e, a, t, i, o, s) {
   return h(), p("iam-applied-filters", null, [
     S(e.$slots, "default")
   ]);
 }
-const pi = /* @__PURE__ */ _(Ar, [["render", _r]]);
+const ps = /* @__PURE__ */ _(Ar, [["render", _r]]);
 /*!
-  * iamKey v4.1.0-beta
+  * iamKey v4.1.0-beta-2
   * Copyright 2022-2023 iamproperty
   */
 function Lr(e, a) {
@@ -2228,16 +2228,16 @@ function Lr(e, a) {
 }
 function Sr(e, a) {
   var t;
-  a.addEventListener("keyup", (s) => {
+  a.addEventListener("keyup", (i) => {
     clearTimeout(t), t = setTimeout(function() {
       Z(e, a.value);
     }, 500);
-  }), a.addEventListener("change", (s) => {
+  }), a.addEventListener("change", (i) => {
     clearTimeout(t), Z(e, a.value);
   });
 }
 const Z = function(e, a) {
-  Array.from(e.querySelectorAll(":scope > li")).forEach((t, s) => {
+  Array.from(e.querySelectorAll(":scope > li")).forEach((t, i) => {
     let o = t.textContent.toLowerCase();
     t.classList.add("d-none"), o.includes(a.toLowerCase()) && t.classList.remove("d-none");
   }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Filtered list", value: a });
@@ -2246,8 +2246,8 @@ window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "custo
 let kr = class 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`, s = document.createElement("template");
-    s.innerHTML = `
+    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");
+    i.innerHTML = `
     <style>
     @import "${t}";
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
@@ -2274,7 +2274,7 @@ let kr = class extends HTMLElement {
     <div class="list__wrapper">
       <slot></slot>
     </div>
-    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
     let a = this.classList.toString();
@@ -2285,12 +2285,12 @@ window.customElements.get("iam-filterlist") || window.customElements.define("iam
 const qr = {
   name: "Filter list"
 };
-function $r(e, a, t, s, o, i) {
+function $r(e, a, t, i, o, s) {
   return h(), p("iam-filterlist", null, [
     S(e.$slots, "default")
   ]);
 }
-const fi = /* @__PURE__ */ _(qr, [["render", $r]]);
+const fs = /* @__PURE__ */ _(qr, [["render", $r]]);
 function xr(e) {
   if (e.hasAttribute("data-type") && e.getAttribute("data-type") == "toast") {
     let t = document.querySelector(".notification__holder");
@@ -2303,19 +2303,19 @@ function xr(e) {
     var a = new Er(function() {
       X(e);
     }, t);
-    e.addEventListener("mouseenter", (s) => {
+    e.addEventListener("mouseenter", (i) => {
       a.pause();
-    }), e.addEventListener("mouseleave", (s) => {
+    }), e.addEventListener("mouseleave", (i) => {
       a.resume();
     });
   }
 }
 function Er(e, a) {
-  var t, s, o = a;
+  var t, i, o = a;
   this.pause = function() {
-    window.clearTimeout(t), o -= /* @__PURE__ */ new Date() - s;
+    window.clearTimeout(t), o -= /* @__PURE__ */ new Date() - i;
   }, this.resume = function() {
-    s = /* @__PURE__ */ new Date(), window.clearTimeout(t), t = window.setTimeout(e, o);
+    i = /* @__PURE__ */ new Date(), window.clearTimeout(t), t = window.setTimeout(e, o);
   }, this.resume();
 }
 const X = function(e) {
@@ -2329,15 +2329,15 @@ window.dataLayer.push({
 class Tr 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`, s = `@import "${a}/css/components/notification.css";`, o = this.querySelectorAll("a,button");
+    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";`, o = this.querySelectorAll("a,button");
     Array.from(o).forEach((r, n) => {
       r.setAttribute("slot", "btns"), r.classList.add("link");
     }), (o.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
-    const i = document.createElement("template");
-    i.innerHTML = `
+    const s = document.createElement("template");
+    s.innerHTML = `
     <style>
     @import "${t}";
-    ${s}
+    ${i}
     ${this.hasAttribute("data-css") ? `${this.getAttribute("data-css")}` : ""}
     </style>
 
@@ -2346,12 +2346,12 @@ class Tr extends HTMLElement {
       <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(i.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
   }
   connectedCallback() {
     const a = this.shadowRoot.querySelector("[data-dismiss-button]"), t = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
     this.hasAttribute("data-type") ? this.classList.add(`bg-${t}`) : this.classList.add(`colour-${t}`);
-    const s = this;
+    const i = this;
     if (!this.querySelector("i"))
       switch (t) {
         case "danger":
@@ -2366,8 +2366,8 @@ class Tr extends HTMLElement {
         default:
           this.innerHTML += '<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>';
       }
-    xr(s), a && a.addEventListener("click", function(o) {
-      X(s);
+    xr(i), a && a.addEventListener("click", function(o) {
+      X(i);
     }, !1);
   }
 }
@@ -2380,28 +2380,28 @@ const Mr = {
     });
   }
 };
-function Hr(e, a, t, s, o, i) {
+function Hr(e, a, t, i, o, s) {
   return h(), p("iam-notification", null, [
     S(e.$slots, "default")
   ]);
 }
-const gi = /* @__PURE__ */ _(Mr, [["render", Hr]]);
+const gs = /* @__PURE__ */ _(Mr, [["render", Hr]]);
 /*!
-  * iamKey v4.1.0-beta
+  * iamKey v4.1.0-beta-2
   * Copyright 2022-2023 iamproperty
   */
 const Cr = function(e) {
   typeof window.player < "u" && typeof window.player.pauseVideo == "function" && window.player.pauseVideo();
   var a = e.getAttribute("data-id"), t = e.getAttribute("id");
   if (typeof t > "u" || t == null) {
-    var s = String.fromCharCode(65 + Math.floor(Math.random() * 26));
-    t = s + Date.now(), e.setAttribute("id", t);
+    var i = String.fromCharCode(65 + Math.floor(Math.random() * 26));
+    t = i + Date.now(), e.setAttribute("id", t);
   }
   function o() {
-    window.player = new YT.Player(t, { height: "100%", width: "100%", videoId: a, playerVars: { modestbranding: 1, playsinline: 1, rel: 0, showinfo: 0 }, events: { onReady: i, onStateChange: n } });
+    window.player = new YT.Player(t, { height: "100%", width: "100%", videoId: a, playerVars: { modestbranding: 1, playsinline: 1, rel: 0, showinfo: 0 }, events: { onReady: s, onStateChange: n } });
   }
   o();
-  function i(c) {
+  function s(c) {
     c.target.playVideo();
   }
   var r = !1;
@@ -2417,7 +2417,7 @@ const Cr = function(e) {
   if (a.target.tagName == "IAM-ACTIONBAR")
     return !1;
   if (a && a.target instanceof HTMLElement && a.target.closest("[data-modal]")) {
-    const o = a.target.closest("[data-modal]"), i = o.hasAttribute("data-modal") ? o.getAttribute("data-modal") : o.getAttribute("data-filter"), r = document.querySelector(`dialog#${i}`);
+    const o = a.target.closest("[data-modal]"), s = o.hasAttribute("data-modal") ? o.getAttribute("data-modal") : o.getAttribute("data-filter"), r = document.querySelector(`dialog#${s}`);
     tt(r), r.showModal(), r.focus();
     let n = r.offsetWidth;
     r.setAttribute("style", `max-width: ${n}px;`), Array.from(r.querySelectorAll("[data-duplicate]")).forEach((c, l) => {
@@ -2427,39 +2427,39 @@ const Cr = function(e) {
         let f = new Event("change");
         c.dispatchEvent(f);
       }
-    }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openModal", id: i });
+    }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openModal", id: s });
   }
   if (a && a.target instanceof HTMLElement && a.target.closest("button.dialog__close")) {
     const o = a.target.closest("dialog[open]");
-    a.preventDefault(), o.close(), Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((i, r) => {
-      i.classList.remove("active");
+    a.preventDefault(), o.close(), Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((s, r) => {
+      s.classList.remove("active");
     }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: o.getAttribute("id") });
   }
   if (a && a.target instanceof HTMLElement && a.target.closest('button[formmethod="dialog"]')) {
     const o = a.target.closest("dialog[open]");
-    Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((i, r) => {
-      i.classList.remove("active");
+    Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((s, r) => {
+      s.classList.remove("active");
     }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: o.getAttribute("id") });
   }
   if (a && a.target instanceof HTMLElement && a.target.closest("dialog[open]")) {
     let o = a.target.closest("dialog[open]");
     var t = window.getComputedStyle(o);
     if (t.display === "contents" && (o = o.parentNode.closest("dialog[open]")), !o.querySelector(":scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child") || o.classList.contains("dialog--multi")) {
-      const i = o.getBoundingClientRect();
-      (a.clientX < i.left || a.clientX > i.right || a.clientY < i.top || a.clientY > i.bottom) && (a.target.closest('input[type="radio"]') || o.close(), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: o.getAttribute("id") }));
+      const s = o.getBoundingClientRect();
+      (a.clientX < s.left || a.clientX > s.right || a.clientY < s.top || a.clientY > s.bottom) && (a.target.closest('input[type="radio"]') || o.close(), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: o.getAttribute("id") }));
     }
   }
   if (a && a.target instanceof HTMLElement && a.target.closest(".dialog__wrapper > button")) {
     a.stopPropagation();
-    let o = a.target.closest(".dialog__wrapper > button"), i = a.target.closest(".dialog__wrapper > button").parentNode, r = "openPopover", n = i.querySelector(":scope > dialog");
+    let o = a.target.closest(".dialog__wrapper > button"), s = a.target.closest(".dialog__wrapper > button").parentNode, r = "openPopover", n = s.querySelector(":scope > dialog");
     if (document.querySelector("*:not([data-keep-open]) > dialog[open]") && document.querySelector("*:not([data-keep-open]) > dialog[open]") != n && document.querySelector("*:not([data-keep-open]) > dialog[open]").close(), Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((d, f) => {
       d.classList.remove("active");
     }), n.hasAttribute("open"))
       n.close(), r = "closePopover", n.removeAttribute("style"), o.classList.remove("active");
     else {
       n.show(), o.classList.add("active");
-      var s = o.getBoundingClientRect();
-      let d = s.top, f = s.left;
+      var i = o.getBoundingClientRect();
+      let d = i.top, f = i.left;
       if (o.closest("iam-table")) {
         let b = o.closest("iam-table").parentNode.getBoundingClientRect();
         d -= b.top, f -= b.left;
@@ -2473,7 +2473,7 @@ const Cr = function(e) {
     }
     window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: r, id: o.textContent });
   }
-  a && a.target instanceof HTMLElement && !a.target.closest("dialog[open]") && !a.target.closest(".dialog__wrapper > button") && (document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]") && document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]").close(), Array.from(document.querySelectorAll(".dialog__wrapper:not([data-keep-open]) > button")).forEach((o, i) => {
+  a && a.target instanceof HTMLElement && !a.target.closest("dialog[open]") && !a.target.closest(".dialog__wrapper > button") && (document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]") && document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]").close(), Array.from(document.querySelectorAll(".dialog__wrapper:not([data-keep-open]) > button")).forEach((o, s) => {
     o.classList.remove("active");
   }));
 }), null), tt = (e) => {
@@ -2483,23 +2483,23 @@ const Cr = function(e) {
   let a = e.querySelector(".youtube-embed a");
   if (a && Cr(a), e.classList.contains("dialog--multi") && !e.querySelector(":scope > .steps") && Rr(e), !e.querySelector(":scope > .mh-lg") && !e.classList.contains("dialog--multi")) {
     e.innerHTML = `<div class="mh-lg">${e.innerHTML}</div>`;
-    let t = e.querySelector(".mh-lg"), s = e.querySelector(".mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)");
-    if (s) {
-      let o = s.previousSibling;
-      t.before(s), o && s.before(o);
+    let t = e.querySelector(".mh-lg"), i = e.querySelector(".mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)");
+    if (i) {
+      let o = i.previousSibling;
+      t.before(i), o && i.before(o);
     }
   }
   e.querySelector(":scope > button:first-child") || e.insertAdjacentHTML("afterbegin", '<button class="dialog__close">Close</button>');
 }, Rr = (e) => {
   let a = "", t = Array.from(e.querySelectorAll("fieldset[data-title]"));
-  t.forEach((i, r) => {
-    a += `<button data-title="${i.getAttribute("data-title")}" type="button" class="${r == 0 ? "active" : ""}" tabindex="-1">${i.getAttribute("data-title")}</button>`;
+  t.forEach((s, r) => {
+    a += `<button data-title="${s.getAttribute("data-title")}" type="button" class="${r == 0 ? "active" : ""}" tabindex="-1">${s.getAttribute("data-title")}</button>`;
     const n = document.createElement("div");
-    n.classList.add("btn--wrapper"), i.appendChild(n), r != 0 && (n.innerHTML += `<button data-title="${t[r - 1].getAttribute("data-title")}" class="btn btn-secondary mb-0" data-previous type="button">Previous</button>`), r != t.length - 1 && (n.innerHTML += `<button data-title="${t[r + 1].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="button">Next</button>`), r == t.length - 1 && (n.innerHTML += `<button data-title="${t[r].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="submit">Submit</button>`);
+    n.classList.add("btn--wrapper"), s.appendChild(n), r != 0 && (n.innerHTML += `<button data-title="${t[r - 1].getAttribute("data-title")}" class="btn btn-secondary mb-0" data-previous type="button">Previous</button>`), r != t.length - 1 && (n.innerHTML += `<button data-title="${t[r + 1].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="button">Next</button>`), r == t.length - 1 && (n.innerHTML += `<button data-title="${t[r].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="submit">Submit</button>`);
   }), e.insertAdjacentHTML("afterbegin", `<div class="steps bg-primary">${a}</div>`);
-  let s = Array.from(e.querySelectorAll("fieldset.was-validated"));
-  for (let i = 0; i < s.length; i++) {
-    let r = s[i], n = r.getAttribute("data-title");
+  let i = Array.from(e.querySelectorAll("fieldset.was-validated"));
+  for (let s = 0; s < i.length; s++) {
+    let r = i[s], n = r.getAttribute("data-title");
     if (r.querySelector(".is-invalid")) {
       Array.from(e.querySelectorAll(`[data-title="${n}"]`)).forEach((c, l) => {
         c.classList.add("active");
@@ -2511,11 +2511,11 @@ const Cr = function(e) {
       });
   }
   e.addEventListener("invalid", function() {
-    return function(i) {
-      i.preventDefault();
+    return function(s) {
+      s.preventDefault();
     };
   }(), !0);
-  function o(i) {
+  function o(s) {
     const r = e.querySelector("fieldset.active") ? e.querySelector("fieldset.active") : e.querySelector("fieldset[data-title]"), n = r.getAttribute("data-title");
     let c = !0;
     if (r.classList.add("was-validated"), Array.from(r.querySelectorAll("input")).forEach((d, f) => {
@@ -2524,8 +2524,8 @@ const Cr = function(e) {
       d.classList.add("valid");
     }) : Array.from(e.querySelectorAll(`[data-title="${n}"]`)).forEach((d, f) => {
       d.classList.remove("valid");
-    }), c || !i.hasAttribute("data-next")) {
-      const d = e.querySelector(`fieldset[data-title="${i.getAttribute("data-title")}"]`), f = e.querySelector(`.steps button[data-title="${i.getAttribute("data-title")}"]`);
+    }), c || !s.hasAttribute("data-next")) {
+      const d = e.querySelector(`fieldset[data-title="${s.getAttribute("data-title")}"]`), f = e.querySelector(`.steps button[data-title="${s.getAttribute("data-title")}"]`);
       Array.from(e.querySelectorAll("button")).forEach((b, u) => {
         b.classList.remove("active");
       }), Array.from(e.querySelectorAll("fieldset")).forEach((b, u) => {
@@ -2535,15 +2535,17 @@ const Cr = function(e) {
     let l = Array.from(e.querySelectorAll("fieldset")).length, m = Array.from(e.querySelectorAll("fieldset.valid")).length;
     e.style.setProperty("--progress", `${m / (l - 1) * 100}%`);
   }
-  e.addEventListener("keydown", (i) => {
-    if (i && i.target instanceof HTMLElement && i.target.closest("button")) {
-      const r = i.target.closest("button");
-      i.keyCode == 13 && (i.preventDefault(), o(r));
-    }
-    i && i.target instanceof HTMLElement && i.target.closest("input") && i.target.closest("input").classList.remove("is-invalid");
-  }), e.addEventListener("click", (i) => {
-    if (i && i.target instanceof HTMLElement && i.target.closest("button[data-title]")) {
-      const r = i.target.closest("button[data-title]");
+  e.addEventListener("keydown", (s) => {
+    if (s && s.target instanceof HTMLElement && s.target.closest("button")) {
+      const r = s.target.closest("button");
+      s.keyCode == 13 && (s.preventDefault(), o(r));
+    }
+    s && s.target instanceof HTMLElement && s.target.closest("input") && s.target.closest("input").classList.remove("is-invalid");
+  }), e.addEventListener("click", (s) => {
+    if (s && s.target instanceof HTMLElement && s.target.closest('button[type="submit"]'))
+      s.target.closest("form").classList.add("was-validated");
+    else if (s && s.target instanceof HTMLElement && s.target.closest("button[data-title]")) {
+      const r = s.target.closest("button[data-title]");
       o(r);
     }
     return null;
@@ -2556,11 +2558,11 @@ function et(e, a) {
 class Dr 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`, s = document.createElement("template");
-    s.innerHTML = `
+    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");
+    i.innerHTML = `
     <style>
     @import "${t}";
-    .actionbar__wrapper{position:relative;z-index:10;height:4.25rem;container-type:inline-size}.views,.selectall{position:absolute !important;top:50%;left:1.5rem;transform:translate(0, -50%);z-index:10}@media screen and (min-width: 36em){.views,.selectall{left:2rem}}.views .btn-action:not(:last-child),.selectall .btn-action:not(:last-child){margin-right:0.25rem !important}.selectall{width:2.5rem;overflow:hidden}.selectall label{height:2.5rem}@media screen and (min-width: 36em){.selectall{width:auto;overflow:visible}}.actionbar [data-search]{display:none}:host([data-search]) .actionbar [data-search]{display:block;margin-left:1rem !important}:is(.actionbar,.actionbar--selected,.actionbar--search){border-top-left-radius:0.625rem;border-top-right-radius:0.625rem;padding:0 1.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center;height:4.25rem;position:absolute;inset:0}@container (width > 23.4375em){:is(.actionbar,.actionbar--selected,.actionbar--search){padding:0 2rem}}.actionbar{display:flex}.actionbar--selected{background-color:var(--colour-canvas);display:flex;opacity:0;pointer-events:none}@media screen and (prefers-color-scheme: light){.actionbar--selected{background-color:#e6eaec}}.actionbar--search{background-color:var(--colour-canvas);display:flex;z-index:2;position:relative;opacity:0;pointer-events:none}@media screen and (prefers-color-scheme: light){.actionbar--search{background-color:#e6eaec}}.selectall:has(input:checked)~.actionbar,.selectall:has(input:indeterminate)~.actionbar{opacity:0;pointer-events:none}.selectall:has(input:checked)~.actionbar--selected,.selectall:has(input:indeterminate)~.actionbar--selected{opacity:1;pointer-events:all}.actionbar--search.show{opacity:1;pointer-events:all}.actionbar__wrapper:has(.actionbar--search.show)>*:not(.actionbar--search.show){opacity:0;pointer-events:none}::slotted(*:not([slot=overflow])){margin-top:0 !important;margin-bottom:0 !important;margin-left:1rem !important;margin-right:0 !important}::slotted(.btn:not(.btn-action)){order:2}::slotted([data-single]){pointer-events:none;opacity:.5}:host([data-selected="1"]) ::slotted([data-single]){pointer-events:all;opacity:1}::slotted(hr){height:2rem;color:#9d9d9d !important;width:1px;display:none}@container (width > 48em){::slotted(hr){display:block}}.safe-area{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;width:13.125rem;overflow:visible;position:relative}@container (width > 23.4375em){.safe-area{width:28.125rem}}@container (width > 48em){.safe-area{width:46.875rem}}.safe-area .body{display:contents}:host([data-switchviews]) .safe-area{width:9rem}::slotted(.btn-compact[slot=selected-overflow]),::slotted(.btn-compact[slot=overflow]){max-width:none !important;text-indent:0 !important;width:auto !important;text-align:left !important;padding-left:0 !important;background:none !important;border:none !important}::slotted(.btn-compact[slot=selected-overflow]):before,::slotted(.btn-compact[slot=overflow]):before{position:static !important;line-height:inherit !important}.dialog__wrapper.dialog-overflow{margin-left:.5rem;margin-right:-0.5rem}.actionbar--search .btn{margin-left:-0.75rem !important;margin-right:auto !important}.search-wrapper{width:calc(100% - 3.25rem);max-width:21.875rem !important;margin:0 !important}@container (width > 48em){.search-wrapper{max-width:28.125rem !important}}.search-wrapper input{padding-top:0.5rem;padding-bottom:0.5rem;min-height:2.5rem !important;max-height:2.5rem !important}.search-wrapper :is(.prefix,.suffix){padding:0.5rem !important;min-height:2.5rem !important;max-height:2.5rem !important;min-width:2.5rem !important;max-width:2.5rem !important;line-height:1.5rem !important}/*# sourceMappingURL=assets/css/components/actionbar.css.map */
+    .actionbar__wrapper{position:relative;z-index:10;height:4.25rem;container-type:inline-size}.views,.selectall{position:absolute !important;top:50%;left:1.5rem;transform:translate(0, -50%);z-index:10}@media screen and (min-width: 36em){.views,.selectall{left:2rem}}.views .btn-action:not(:last-child),.selectall .btn-action:not(:last-child){margin-right:0.25rem !important}.selectall{width:2.5rem;overflow:hidden}.selectall label{height:2.5rem}@media screen and (min-width: 36em){.selectall{width:auto;overflow:visible}}.actionbar [data-search]{display:none}:host([data-search]) .actionbar [data-search]{display:block;margin-left:1rem !important}:is(.actionbar,.actionbar--selected,.actionbar--search){border-top-left-radius:0.625rem;border-top-right-radius:0.625rem;padding:0 1.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center;height:4.25rem;inset:0}@supports selector(:has(*)){:is(.actionbar,.actionbar--selected,.actionbar--search){position:absolute}}@container (width > 23.4375em){:is(.actionbar,.actionbar--selected,.actionbar--search){padding:0 2rem}}.actionbar{display:flex}.actionbar--selected{background-color:var(--colour-canvas);display:flex;pointer-events:none}@media screen and (prefers-color-scheme: light){.actionbar--selected{background-color:#e6eaec}}@supports selector(:has(*)){.actionbar--selected{opacity:0}}.actionbar--search{background-color:var(--colour-canvas);display:flex;z-index:2;position:relative;opacity:0;pointer-events:none}@media screen and (prefers-color-scheme: light){.actionbar--search{background-color:#e6eaec}}.selectall:has(input:checked)~.actionbar,.selectall:has(input:indeterminate)~.actionbar{opacity:0;pointer-events:none}.selectall:has(input:checked)~.actionbar--selected,.selectall:has(input:indeterminate)~.actionbar--selected{opacity:1;pointer-events:all}.actionbar--search.show{opacity:1;pointer-events:all}.actionbar__wrapper:has(.actionbar--search.show)>*:not(.actionbar--search.show){opacity:0;pointer-events:none}::slotted(*:not([slot=overflow])){margin-top:0 !important;margin-bottom:0 !important;margin-left:1rem !important;margin-right:0 !important}::slotted(.btn:not(.btn-action)){order:2}::slotted([data-single]){pointer-events:none;opacity:.5}:host([data-selected="1"]) ::slotted([data-single]){pointer-events:all;opacity:1}::slotted(hr){height:2rem;color:#9d9d9d !important;width:1px;display:none}@container (width > 48em){::slotted(hr){display:block}}.safe-area{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;width:13.125rem;overflow:visible;position:relative}@container (width > 23.4375em){.safe-area{width:28.125rem}}@container (width > 48em){.safe-area{width:46.875rem}}.safe-area .body{display:contents}:host([data-switchviews]) .safe-area{width:9rem}::slotted(.btn-compact[slot=selected-overflow]),::slotted(.btn-compact[slot=overflow]){max-width:none !important;text-indent:0 !important;width:auto !important;text-align:left !important;padding-left:0 !important;background:none !important;border:none !important}::slotted(.btn-compact[slot=selected-overflow]):before,::slotted(.btn-compact[slot=overflow]):before{position:static !important;line-height:inherit !important}.dialog__wrapper.dialog-overflow{margin-left:.5rem;margin-right:-0.5rem}.actionbar--search .btn{margin-left:-0.75rem !important;margin-right:auto !important}.search-wrapper{width:calc(100% - 3.25rem);max-width:21.875rem !important;margin:0 !important}@container (width > 48em){.search-wrapper{max-width:28.125rem !important}}.search-wrapper input{padding-top:0.5rem;padding-bottom:0.5rem;min-height:2.5rem !important;max-height:2.5rem !important}.search-wrapper :is(.prefix,.suffix){padding:0.5rem !important;min-height:2.5rem !important;max-height:2.5rem !important;min-width:2.5rem !important;max-width:2.5rem !important;line-height:1.5rem !important}/*# sourceMappingURL=assets/css/components/actionbar.css.map */
 
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
@@ -2605,15 +2607,15 @@ class Dr extends HTMLElement {
 
       </div>
     </div>
-    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
     let a = this;
     const t = this.shadowRoot.querySelector(".actionbar__wrapper");
     if (this.hasAttribute("data-selectall")) {
       t.insertAdjacentHTML("afterbegin", '<div class="selectall pb-0"><input type="checkbox" name="selectall" id="selectall"><label for="selectall" class="m-0">Select all</label></div>');
-      let i = this.shadowRoot.querySelector(".selectall");
-      this.hasAttribute("data-selected") && et(i, this.getAttribute("data-selected")), i.addEventListener("change", (n) => {
+      let s = this.shadowRoot.querySelector(".selectall");
+      this.hasAttribute("data-selected") && et(s, this.getAttribute("data-selected")), s.addEventListener("change", (n) => {
         n && n.target instanceof HTMLElement && n.target.closest("input") && (n.target.closest("input").checked ? this.setAttribute("data-selected", "all") : this.setAttribute("data-selected", 0));
       });
       let r = this.querySelector("button[data-cancel]");
@@ -2622,26 +2624,26 @@ class Dr extends HTMLElement {
       });
     }
     if (this.hasAttribute("data-select-watch")) {
-      const i = document.getElementById(this.getAttribute("data-select-watch"));
-      i.setAttribute("data-select-container", "true"), Array.from(i.querySelectorAll('input[type="checkbox"]')).forEach((r, n) => {
+      const s = document.getElementById(this.getAttribute("data-select-watch"));
+      s.setAttribute("data-select-container", "true"), Array.from(s.querySelectorAll('input[type="checkbox"]')).forEach((r, n) => {
         r.parentElement.setAttribute("slot", "checkbox");
-      }), i.addEventListener("change", (r) => {
+      }), s.addEventListener("change", (r) => {
         if (r && r.target instanceof HTMLElement && r.target.closest('[type="checkbox"]')) {
-          let n = i.querySelectorAll('input[type="checkbox"]').length, c = i.querySelectorAll('input[type="checkbox"]:checked').length;
-          a.setAttribute("data-selected", n == c ? "all" : c), r.target.closest('[type="checkbox"]'), c ? Array.from(i.querySelectorAll('input[type="checkbox"]')).forEach((l, m) => {
+          let n = s.querySelectorAll('input[type="checkbox"]').length, c = s.querySelectorAll('input[type="checkbox"]:checked').length;
+          a.setAttribute("data-selected", n == c ? "all" : c), r.target.closest('[type="checkbox"]'), c ? Array.from(s.querySelectorAll('input[type="checkbox"]')).forEach((l, m) => {
             l.closest("iam-card") && l.closest("iam-card").setAttribute("data-selected", "true");
-          }) : Array.from(i.querySelectorAll('input[type="checkbox"]')).forEach((l, m) => {
+          }) : Array.from(s.querySelectorAll('input[type="checkbox"]')).forEach((l, m) => {
             l.closest("iam-card") && l.closest("iam-card").removeAttribute("data-selected");
           });
         }
       });
     }
     if (this.hasAttribute("data-switchviews")) {
-      let i = "";
+      let s = "";
       this.getAttribute("data-switchviews").split(",").forEach((r, n) => {
         let c = "fa-grid-2";
-        r == "list" ? c = "fa-grip-lines" : r == "small" && (c = "fa-bars"), i += `<button class="btn btn-action btn-compact mb-0 fa-regular ${c}">${r}</button>`;
-      }), t.insertAdjacentHTML("afterbegin", `<div class="views m-0">${i}</div>`), this.shadowRoot.querySelector(".views").addEventListener("click", (r) => {
+        r == "list" ? c = "fa-grip-lines" : r == "small" && (c = "fa-bars"), s += `<button class="btn btn-action btn-compact mb-0 fa-regular ${c}">${r}</button>`;
+      }), t.insertAdjacentHTML("afterbegin", `<div class="views m-0">${s}</div>`), this.shadowRoot.querySelector(".views").addEventListener("click", (r) => {
         if (r && r.target instanceof HTMLElement && r.target.closest(".btn-action")) {
           let n = r.target.closest(".btn-action");
           this.setAttribute("data-view", n.textContent);
@@ -2650,27 +2652,27 @@ class Dr extends HTMLElement {
         }
       });
     }
-    const s = this.shadowRoot.querySelector(".actionbar--search");
-    this.hasAttribute("data-search") && this.getAttribute("data-search") == "show" && s.classList.add("show"), this.shadowRoot.addEventListener("click", (i) => {
-      i && i.target instanceof HTMLElement && i.target.closest("button[data-search]") && s.classList.toggle("show");
-    }), s.addEventListener("keyup", (i) => {
-      const r = new CustomEvent("search-keyup", { detail: { search: s.querySelector("input").value } });
+    const i = this.shadowRoot.querySelector(".actionbar--search");
+    this.hasAttribute("data-search") && this.getAttribute("data-search") == "show" && i.classList.add("show"), this.shadowRoot.addEventListener("click", (s) => {
+      s && s.target instanceof HTMLElement && s.target.closest("button[data-search]") && i.classList.toggle("show");
+    }), i.addEventListener("keyup", (s) => {
+      const r = new CustomEvent("search-keyup", { detail: { search: i.querySelector("input").value } });
       this.dispatchEvent(r);
-    }), s.addEventListener("change", (i) => {
-      const r = new CustomEvent("search-change", { detail: { search: s.querySelector("input").value } });
+    }), i.addEventListener("change", (s) => {
+      const r = new CustomEvent("search-change", { detail: { search: i.querySelector("input").value } });
       this.dispatchEvent(r);
-    }), s.addEventListener("click", (i) => {
-      if (i && i.target instanceof HTMLElement && i.target.closest("button.suffix")) {
-        const r = new CustomEvent("search-submit", { detail: { search: s.querySelector("input").value } });
+    }), i.addEventListener("click", (s) => {
+      if (s && s.target instanceof HTMLElement && s.target.closest("button.suffix")) {
+        const r = new CustomEvent("search-submit", { detail: { search: i.querySelector("input").value } });
         this.dispatchEvent(r);
       }
-    }), Array.from(this.shadowRoot.querySelectorAll(".body")).forEach((i, r) => {
-      Nr(i);
+    }), Array.from(this.shadowRoot.querySelectorAll(".body")).forEach((s, r) => {
+      Nr(s);
     });
     function o() {
-      const i = t.scrollWidth, r = document.documentElement.scrollWidth;
+      const s = t.scrollWidth, r = document.documentElement.scrollWidth;
       let n = 750, c = 16, l = a.hasAttribute("data-switchviews") ? 144 : 210, m = 1;
-      r >= 992 && r <= 1280 ? m = r / 1280 : r >= 576 && r <= 1280 ? m = r / 768 : r < 576 && (m = r / 375), i >= 992 && i <= 1280 ? n = n * m : i >= 576 && i <= 1280 ? n = 450 * m : i < 576 && (n = l * m), c = c * m, i < 576 ? Array.from(a.querySelectorAll(":scope > .btn:not(.js-updated)")).forEach((d, f) => {
+      r >= 992 && r <= 1280 ? m = r / 1280 : r >= 576 && r <= 1280 ? m = r / 768 : r < 576 && (m = r / 375), s >= 992 && s <= 1280 ? n = n * m : s >= 576 && s <= 1280 ? n = 450 * m : s < 576 && (n = l * m), c = c * m, s < 576 ? Array.from(a.querySelectorAll(":scope > .btn:not(.js-updated)")).forEach((d, f) => {
         d.className = d.className.replace(" btn-compact", " _btn-compact"), d.classList.add("btn-compact"), d.classList.add("js-updated");
       }) : Array.from(a.querySelectorAll(":scope > .btn.js-updated")).forEach((d, f) => {
         d.classList.remove("btn-compact"), d.classList.remove("js-updated"), d.className = d.className.replace(" _btn-compact", " btn-compact");
@@ -2706,19 +2708,19 @@ class Dr extends HTMLElement {
   static get observedAttributes() {
     return ["data-selected"];
   }
-  attributeChangedCallback(a, t, s) {
+  attributeChangedCallback(a, t, i) {
     switch (a) {
       case "data-selected": {
         let o = this.shadowRoot.querySelector(".selectall");
-        o && et(o, s);
-        const i = new CustomEvent("selected", { detail: { selected: s } });
-        if (this.dispatchEvent(i), s == "all" && this.hasAttribute("data-select-watch")) {
+        o && et(o, i);
+        const s = new CustomEvent("selected", { detail: { selected: i } });
+        if (this.dispatchEvent(s), i == "all" && this.hasAttribute("data-select-watch")) {
           const r = document.getElementById(this.getAttribute("data-select-watch"));
           Array.from(r.querySelectorAll('input[type="checkbox"]')).forEach((n, c) => {
             n.checked = !0, n.closest("iam-card") && n.closest("iam-card").setAttribute("data-selected", "true");
           });
         }
-        if (s == "0" && this.hasAttribute("data-select-watch")) {
+        if (i == "0" && this.hasAttribute("data-select-watch")) {
           const r = document.getElementById(this.getAttribute("data-select-watch"));
           Array.from(r.querySelectorAll('input[type="checkbox"]')).forEach((n, c) => {
             n.checked = !1, n.closest("iam-card") && n.closest("iam-card").removeAttribute("data-selected", "true");
@@ -2736,40 +2738,40 @@ const Ir = {
   mounted() {
   }
 };
-function Pr(e, a, t, s, o, i) {
+function Pr(e, a, t, i, o, s) {
   return h(), p("iam-actionbar", null, [
     S(e.$slots, "default")
   ]);
 }
-const yi = /* @__PURE__ */ _(Ir, [["render", Pr]]);
+const ys = /* @__PURE__ */ _(Ir, [["render", Pr]]);
 /*!
-  * iamKey v4.1.0-beta
+  * iamKey v4.1.0-beta-2
   * Copyright 2022-2023 iamproperty
   */
 const jr = function(e, a) {
   if (!e.getAttribute("data-pages"))
     return !1;
   e.getAttribute("data-page") || e.setAttribute("data-page", 1);
-  let t = e.getAttribute("data-page"), s = e.getAttribute("data-pages"), o = e.getAttribute("data-total"), i = e.getAttribute("data-show"), r = e.getAttribute("data-increment");
-  if (s <= 1)
+  let t = e.getAttribute("data-page"), i = e.getAttribute("data-pages"), o = e.getAttribute("data-total"), s = e.getAttribute("data-show"), r = e.getAttribute("data-increment");
+  if (i <= 1)
     return a.innerHTML = "", !1;
   let n = "";
-  for (let c = 1; c <= s; c++)
+  for (let c = 1; c <= i; c++)
     c == t ? n += `<li class="page-item active" aria-current="page"><span class="page-link">${c}</span></li>` : n += `<li class="page-item"><a href="?page=${c}" class="page-link" data-page="${c}">${c}</a></li>`;
   return a.innerHTML = `<ul class="pagination mb-0 d-none d-sm-flex">
     ${t == 1 ? '<li class="page-item disabled"><span class="page-link">Previous</span></li>' : `<li class="page-item"><a href="?page=${parseInt(t) - 1}" class="page-link" data-page="${parseInt(t) - 1}">Previous</a></li>`}
     ${n}
-    ${t == s ? '<li class="page-item disabled"><span class="page-link">Next</span></li>' : `<li class="page-item"><a href="?page=${parseInt(t) + 1}" class="page-link" data-page="${parseInt(t) + 1}">Next</a></li>`}
+    ${t == i ? '<li class="page-item disabled"><span class="page-link">Next</span></li>' : `<li class="page-item"><a href="?page=${parseInt(t) + 1}" class="page-link" data-page="${parseInt(t) + 1}">Next</a></li>`}
   </ul>`, a.innerHTML += `<div class="d-sm-none text-center">
-  <span class="d-block pb-2">You've viewed ${i} of ${o} results</span>
-  <a href="?show=${parseInt(i) + parseInt(r)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(i) + parseInt(r)}">Load more results</a>
+  <span class="d-block pb-2">You've viewed ${s} of ${o} results</span>
+  <a href="?show=${parseInt(s) + parseInt(r)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(s) + parseInt(r)}">Load more results</a>
   </div>`, !0;
 };
 class zr 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`, s = document.createElement("template");
-    s.innerHTML = `
+    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");
+    i.innerHTML = `
     <style>
     @import "${t}";
     
@@ -2777,7 +2779,7 @@ class zr extends HTMLElement {
     </style>
     <div class="pagination__wrapper d-none">
     </div>
-    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
     const a = new URLSearchParams(window.location.search);
@@ -2796,20 +2798,20 @@ const Br = {
   updated() {
   }
 };
-function Fr(e, a, t, s, o, i) {
+function Fr(e, a, t, i, o, s) {
   return h(), p("iam-pagination");
 }
-const vi = /* @__PURE__ */ _(Br, [["render", Fr]]);
+const vs = /* @__PURE__ */ _(Br, [["render", Fr]]);
 /*!
-  * iamKey v4.1.0-beta
+  * iamKey v4.1.0-beta-2
   * Copyright 2022-2023 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "collapsible side menu" });
 class Or 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`, s = document.createElement("template");
-    s.innerHTML = `
+    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");
+    i.innerHTML = `
     <style class="styles">
     @import "${t}";
     :host{--colour-border: #e9e9e9;--side-link-hover: var(--colour-canvas-2);display:block;min-height:calc(100vh - var(--nav-height));padding-top:0 !important;margin-inline:auto;max-width:80rem;overflow:hidden;position:relative}@media screen and (prefers-color-scheme: light){:host{--side-link-hover: #eeeeee}}.container{position:static;min-height:100%;padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}@media screen and (min-width: 62em){.container{padding-left:5.25rem !important;overflow:hidden}}.side-menu{position:absolute;top:0;left:0;height:100%;min-height:calc(100vh - var(--nav-height));width:1.875rem;height:100%;background-color:var(--colour-canvas);transition:width 1s}.side-menu:before{content:"";position:absolute;top:0;right:0;height:100%;border-right:2px solid var(--colour-border)}@media screen and (min-width: 36em){.side-menu{left:0;width:2.5rem}}@media screen and (min-width: 62em){.side-menu{left:calc(50% - 34.75rem);margin-left:-5.25rem}.side-menu:after{content:"";position:absolute;top:0;height:100%;border-right:2px solid var(--colour-border);left:0;opacity:1;transition:all 1s;width:2.5rem;background:var(--colour-canvas)}.side-menu:not(.open).hover{width:21.5rem}.side-menu:not(.open).hover .btn[class*=fa-]:before{content:"" !important}}.side-menu .btn{position:absolute;top:2rem;right:0;margin-bottom:0;margin-right:-1.25rem;background-color:var(--colour-canvas-2);border:2px solid var(--colour-border);z-index:99}.side-menu:is(.open){width:calc(100% - var(--container-padding-x))}.side-menu:is(.open) .btn[class*=fa-]:before{content:"" !important}@media screen and (min-width: 36em){.side-menu:is(.open){width:23.875rem}}@media screen and (min-width: 62em){.side-menu:is(.open){width:21.5rem}.side-menu:is(.open) .btn{opacity:0;transition:opacity .5s}.side-menu:is(.open) .btn:is(:hover,:focus,:active){opacity:1}}.side-menu .side-menu-content{position:absolute;top:0;right:0;padding:2rem 2.5rem 0 0;width:21.9375rem;opacity:0;transition:opacity 1s;min-height:100%;overflow:auto;max-height:100%}.side-menu .side-menu-content .h3{padding-left:1.5rem}@media screen and (min-width: 36em){.side-menu .side-menu-content{width:23.875rem}.side-menu .side-menu-content .h3{padding-left:2.5rem}}@media screen and (min-width: 62em){.side-menu .side-menu-content{width:19rem}}.side-menu:not(.hover):not(.open) .side-menu-content.closed{display:none}.side-menu.open .side-menu-content{opacity:1}@media screen and (min-width: 62em){.side-menu.hover .side-menu-content{opacity:1}}::slotted(*[slot=menu]){padding-left:1.5rem}@media screen and (min-width: 36em){::slotted(*[slot=menu]){padding-left:2.5rem !important}}::slotted(hr){border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important}::slotted(a[slot=menu]){display:block;display:block !important;line-height:1.25rem !important;padding:1rem 2.5rem 1rem 1.5rem !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important;text-decoration:none;border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important;border-right:2px solid var(--colour-border) !important}@media screen and (min-width: 36em){::slotted(a[slot=menu]){padding-left:2.5rem !important}}::slotted(a[slot=menu]):after{display:none}::slotted(a[slot=menu]:where(:hover,:focus,.selected)){background-color:var(--side-link-hover) !important}::slotted(a[slot=menu]:active){background-color:var(--side-link-hover) !important;font-weight:bold !important}::slotted(a[slot=menu].selected){background-color:var(--side-link-hover) !important;font-weight:bold !important;margin-right:-2.5rem !important;position:relative;border-right:2px solid var(--colour-info) !important}::slotted(a[slot=menu].selected):before{content:"";position:absolute;top:0;right:0;height:calc(100% + 4px);margin-top:-2px;width:2px;border-right:2px solid var(--colour-info);margin-right:-2px}@media(forced-colors: active){::slotted(a[slot=menu].selected):before{border-right:10px solid var(--colour-info)}}.main-content{padding-top:1.5rem;padding-left:3.75rem}@media screen and (min-width: 36em){.main-content{padding-left:5rem}}@media screen and (min-width: 62em){.main-content{padding-top:2.5rem !important;padding-left:0}}.main-content>span.h3{padding-top:.75rem;border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important}@media screen and (min-width: 62em){.main-content>span.h3{display:none}}::slotted(.main-content__title){border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important;max-width:100% !important;display:block}@media screen and (min-width: 62em){.side-menu.open+.main-content{padding-left:18.75rem}::slotted(.main-content__title){display:none}}/*# sourceMappingURL=assets/css/components/collapsible-side.css.map */
@@ -2831,11 +2833,11 @@ class Or extends HTMLElement {
       </div>
 
     </div>
-    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
-    const a = this.shadowRoot.querySelector(".side-menu"), t = this.shadowRoot.querySelector(".side-menu-content"), s = this.shadowRoot.querySelector(".main-content"), o = 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>`), s.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")), o.addEventListener("click", (i) => {
+    const a = this.shadowRoot.querySelector(".side-menu"), t = this.shadowRoot.querySelector(".side-menu-content"), i = this.shadowRoot.querySelector(".main-content"), o = 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")), o.addEventListener("click", (s) => {
       a.classList.contains("open") ? (a.classList.remove("open"), setTimeout(function() {
         t.classList.add("closed");
       }, 1e3), a.classList.add("pe-none"), setTimeout(function() {
@@ -2843,11 +2845,11 @@ class Or extends HTMLElement {
       }, 1e3)) : (t.classList.remove("closed"), setTimeout(function() {
         a.classList.add("open");
       }, 100));
-    }), a.addEventListener("mouseenter", (i) => {
+    }), a.addEventListener("mouseenter", (s) => {
       window.innerWidth > 992 && (a.classList.contains("open") || t.classList.remove("closed"), a.classList.add("hover"));
-    }), a.addEventListener("mousemove", (i) => {
+    }), a.addEventListener("mousemove", (s) => {
       window.innerWidth > 992 && (a.classList.contains("open") || t.classList.remove("closed"));
-    }), a.addEventListener("mouseleave", (i) => {
+    }), a.addEventListener("mouseleave", (s) => {
       window.innerWidth > 992 && (a.classList.remove("hover"), a.classList.contains("open") || setTimeout(function() {
         t.classList.add("closed");
       }, 1e3));
@@ -2861,37 +2863,37 @@ const Vr = {
   mounted() {
   }
 };
-function Wr(e, a, t, s, o, i) {
+function Wr(e, a, t, i, o, s) {
   return h(), p("iam-collapsible-side", null, [
     S(e.$slots, "default")
   ]);
 }
-const wi = /* @__PURE__ */ _(Vr, [["render", Wr]]);
+const ws = /* @__PURE__ */ _(Vr, [["render", Wr]]);
 export {
   Jr as Accordion,
   Qr as AccordionItem,
-  yi as Actionbar,
-  pi as AppliedFilters,
+  ys as Actionbar,
+  ps as AppliedFilters,
   Zr as Banner,
   Re as Card,
-  ti as Carousel,
-  wi as CollapsibleSideMenu,
+  ts as Carousel,
+  ws as CollapsibleSideMenu,
   Kr as FileUpload,
-  fi as Filterlist,
-  ei as Header,
+  fs as Filterlist,
+  es as Header,
   lt as Input,
   Gr as Logo,
-  si as Nav,
-  mi as NoteFeed,
-  gi as Notification,
-  vi as Pagination,
-  ii as PropertySearchbar,
-  ni as Snapshot,
-  li as Step,
-  oi as Stepper,
-  ui as Tab,
+  is as Nav,
+  ms as NoteFeed,
+  gs as Notification,
+  vs as Pagination,
+  ss as PropertySearchbar,
+  ns as Snapshot,
+  ls as Step,
+  os as Stepper,
+  us as Tab,
   nt as Table,
-  di as Tabs,
-  ai as Testimonial,
-  ri as Timeline
+  ds as Tabs,
+  as as Testimonial,
+  rs as Timeline
 };