@iamproperty/components 3.7.9 → 3.9.0-beta-1

package/dist/components.es.js

@@ -1,10 +1,10 @@
-import { openBlock as u, createElementBlock as m, normalizeClass as L, createElementVNode as d, toDisplayString as $, createCommentVNode as g, Fragment as T, renderList as M, renderSlot as v, withDirectives as N, mergeProps as H, vModelDynamic as W, vModelText as ue, vModelSelect as me, createTextVNode as he, resolveComponent as R, createVNode as q, withModifiers as fe } from "vue";
-const S = (t, a) => {
-  const e = t.__vccOpts || t;
-  for (const [r, i] of a)
-    e[r] = i;
-  return e;
-}, be = {
+import { openBlock as d, createElementBlock as u, normalizeClass as L, createElementVNode as f, toDisplayString as q, createCommentVNode as _, Fragment as H, renderList as M, renderSlot as A, withDirectives as R, mergeProps as C, vModelDynamic as G, vModelText as mt, vModelSelect as ht, createTextVNode as ft, resolveComponent as I, createVNode as T, withModifiers as pt } from "vue";
+const w = (e, a) => {
+  const t = e.__vccOpts || e;
+  for (const [i, o] of a)
+    t[i] = o;
+  return t;
+}, bt = {
   name: "Logo",
   props: {
     id: {
@@ -29,326 +29,330 @@ const S = (t, a) => {
       return "brand brand--" + this.id;
     }
   }
-}, pe = ["xlink:href"], ye = ["innerHTML"];
-function ge(t, a, e, r, i, o) {
-  return u(), m("div", {
-    class: L(o.className)
+}, yt = ["xlink:href"], gt = ["innerHTML"];
+function vt(e, a, t, i, o, s) {
+  return d(), u("div", {
+    class: L(s.className)
   }, [
-    (u(), m("svg", null, [
-      d("title", null, "iam " + $(e.id), 1),
-      d("use", {
-        "xlink:href": e.path + o.src
-      }, null, 8, pe)
+    (d(), u("svg", null, [
+      f("title", null, "iam " + q(t.id), 1),
+      f("use", {
+        "xlink:href": t.path + s.src
+      }, null, 8, yt)
     ])),
-    e.desc ? (u(), m("span", {
+    t.desc ? (d(), u("span", {
       key: 0,
-      innerHTML: e.desc
-    }, null, 8, ye)) : g("", !0)
+      innerHTML: t.desc
+    }, null, 8, gt)) : _("", !0)
   ], 2);
 }
-const _e = /* @__PURE__ */ S(be, [["render", ge]]);
+const Ar = /* @__PURE__ */ w(bt, [["render", vt]]);
 /*!
-  * iamKey v3.7.9
+  * iamKey v3.9.0-beta-1
   * Copyright 2022-2023 iamproperty
   */
-const ve = function(t) {
-  return typeof t != "string" ? !1 : !isNaN(t) && !isNaN(parseFloat(t));
-}, we = (t, a) => String(t).padStart(a, "0"), Ae = (t) => t.charAt(0).toUpperCase() + t.slice(1), F = function(t, a) {
-  if (!t.getAttribute("data-pages"))
+const _t = function(e) {
+  return typeof e != "string" ? !1 : !isNaN(e) && !isNaN(parseFloat(e));
+}, At = (e, a) => String(e).padStart(a, "0"), wt = (e) => e.charAt(0).toUpperCase() + e.slice(1), F = function(e, a) {
+  if (!e.getAttribute("data-pages"))
     return !1;
-  t.getAttribute("data-page") || t.setAttribute("data-page", 1);
-  let e = t.getAttribute("data-page"), r = t.getAttribute("data-pages"), i = t.getAttribute("data-total"), o = t.getAttribute("data-show"), s = t.getAttribute("data-increment");
-  if (r <= 1)
+  e.getAttribute("data-page") || e.setAttribute("data-page", 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 l = "";
-  for (let c = 1; c <= r; c++)
-    c == e ? l += `<li class="page-item active" aria-current="page"><span class="page-link">${c}</span></li>` : l += `<li class="page-item"><a href="?page=${c}" class="page-link" data-page="${c}">${c}</a></li>`;
+  for (let c = 1; c <= i; c++)
+    c == t ? l += `<li class="page-item active" aria-current="page"><span class="page-link">${c}</span></li>` : l += `<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">
-    ${e == 1 ? '<li class="page-item disabled"><span class="page-link">Previous</span></li>' : `<li class="page-item"><a href="?page=${parseInt(e) - 1}" class="page-link" data-page="${parseInt(e) - 1}">Previous</a></li>`}
+    ${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>`}
     ${l}
-    ${e == r ? '<li class="page-item disabled"><span class="page-link">Next</span></li>' : `<li class="page-item"><a href="?page=${parseInt(e) + 1}" class="page-link" data-page="${parseInt(e) + 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 ${o} of ${i} results</span>
-  <a href="?show=${parseInt(o) + parseInt(s)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(o) + parseInt(s)}">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 Se = function(t, a, e, r) {
-  function i(o) {
-    return o instanceof e ? o : new e(function(s) {
-      s(o);
+var Lt = function(e, a, t, i) {
+  function o(s) {
+    return s instanceof t ? s : new t(function(r) {
+      r(s);
     });
   }
-  return new (e || (e = Promise))(function(o, s) {
-    function l(f) {
+  return new (t || (t = Promise))(function(s, r) {
+    function l(h) {
       try {
-        n(r.next(f));
+        n(i.next(h));
       } catch (p) {
-        s(p);
+        r(p);
       }
     }
-    function c(f) {
+    function c(h) {
       try {
-        n(r.throw(f));
+        n(i.throw(h));
       } catch (p) {
-        s(p);
+        r(p);
       }
     }
-    function n(f) {
-      f.done ? o(f.value) : i(f.value).then(l, c);
+    function n(h) {
+      h.done ? s(h.value) : o(h.value).then(l, c);
     }
-    n((r = r.apply(t, a || [])).next());
+    n((i = i.apply(e, a || [])).next());
   });
 };
-const ee = (t) => {
-  const a = Array.from(t.querySelectorAll("thead th"));
-  Array.from(t.querySelectorAll("tbody tr")).forEach((e, r) => {
-    const i = Array.from(e.querySelectorAll("th, td")), o = ["0", "low", "medium", "high", "unknown", "n/a", "pending", "verified", "due", "overdue", "incomplete", "complete", "completed", "approval required", "upcoming", "requires approval", "to do", "on track", "not started", "warning", "error"];
-    i.forEach((s, l) => {
+const tt = (e) => {
+  const a = Array.from(e.querySelectorAll("thead th"));
+  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, l) => {
       const c = a[l];
       if (typeof c < "u") {
         let n = document.createElement("div");
         n.innerHTML = c.innerHTML;
-        let f = n.textContent || n.innerText || "";
-        s.setAttribute("data-label", f), c.hasAttribute("data-td-class") && s.setAttribute("class", c.getAttribute("data-td-class")), c.hasAttribute("data-format") && (s.setAttribute("data-format", c.getAttribute("data-format")), s.innerHTML = K(c.getAttribute("data-format"), s.textContent.trim())), o.includes(s.textContent.trim().toLowerCase()) && s.setAttribute("data-content", s.textContent.trim().toLowerCase());
+        let h = n.textContent || n.innerText || "";
+        r.setAttribute("data-label", h), 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 = Y(c.getAttribute("data-format"), r.textContent.trim())), s.includes(r.textContent.trim().toLowerCase()) && r.setAttribute("data-content", r.textContent.trim().toLowerCase());
       }
     });
   });
-}, Le = (t) => {
+}, St = (e) => {
   let a = 0;
-  return Array.from(t.querySelectorAll("tbody tr")).forEach((e, r) => {
-    let i = window.getComputedStyle(document.querySelector("html")), o = e.querySelector(":scope > *:last-child > *:first-child");
-    if (o) {
-      o.classList.add("text-nowrap");
-      let s = o.offsetWidth / parseFloat(i.fontSize);
-      s += 1.7, a = a > s ? a : s;
+  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;
-}, ke = (t) => {
-  if (t.closest(".table--fullwidth") || t.querySelectorAll("thead tr th").length < 4)
+}, kt = (e) => {
+  if (e.closest(".table--fullwidth") || e.querySelectorAll("thead tr th").length < 4)
     return !1;
-  Array.from(t.querySelectorAll("tbody tr")).forEach((a, e) => {
-    let r = a.querySelector(":scope > :is(td,th):first-child"), i = r.textContent;
-    if (i != "")
-      r.innerHTML = `<span class="td__content">${i}</span><button type="button" class="d-none">${i}</button>`;
+  Array.from(e.querySelectorAll("tbody tr")).forEach((a, t) => {
+    let i = a.querySelector(":scope > :is(td,th):first-child"), o = i.textContent;
+    if (o != "")
+      i.innerHTML = `<span class="td__content">${o}</span><button type="button" class="d-none">${o}</button>`;
     else {
-      let o = a.querySelector(":scope > :is(td,th):nth-child(2)"), s = o.textContent;
-      o.innerHTML = `<span class="td__content">${s}</span><button type="button" class="d-none">${s}</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>`;
     }
   });
-}, qe = (t) => {
-  t.addEventListener("click", (a) => {
+}, qt = (e) => {
+  e.addEventListener("click", (a) => {
     if (a && a.target instanceof HTMLElement && a.target.closest("tr > :is(td,th):first-child button")) {
-      let e = a.target.closest("tr > :is(td,th):first-child button"), r = e.parentNode.closest("tr");
-      r.getAttribute("data-view") == "full" ? r.setAttribute("data-view", "default") : r.setAttribute("data-view", "full"), e.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();
     }
   });
-}, te = (t, a) => {
-  let e = a.querySelector("[data-search]");
-  if (!e)
+}, et = (e, a) => {
+  let t = a.querySelector("[data-search]");
+  if (!t)
     return !1;
-  const r = e.getAttribute("id"), i = e.getAttribute("data-search").split(",");
-  let o = e.parentNode, s = {};
-  i.forEach((l, c) => {
-    Array.from(t.querySelectorAll('td[data-label="' + l.trim() + '"]')).forEach((n, f) => {
-      n.querySelector(".td__content") ? s[n.querySelector(".td__content").textContent] = n.querySelector(".td__content").textContent : s[n.textContent] = n.textContent;
+  const i = t.getAttribute("id"), o = t.getAttribute("data-search").split(",");
+  let s = t.parentNode, r = {};
+  o.forEach((l, c) => {
+    Array.from(e.querySelectorAll('td[data-label="' + l.trim() + '"]')).forEach((n, h) => {
+      n.querySelector(".td__content") ? r[n.querySelector(".td__content").textContent] = n.querySelector(".td__content").textContent : r[n.textContent] = n.textContent;
     });
-  }), e.setAttribute("list", `${r}_list`), e.setAttribute("autocomplete", "off"), o.querySelector("datalist") || (o.innerHTML += `<datalist id="${r}_list"></datalist>`), o.querySelector("datalist").innerHTML = `${Object.keys(s).map((l) => `<option value="${l}"></option>`).join("")}`;
-}, $e = (t, a, e, r, i) => {
-  var o;
-  let s = function(n = !1) {
+  }), 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((l) => `<option value="${l}"></option>`).join("")}`;
+}, $t = (e, a, t, i, o) => {
+  var s;
+  let r = function(n = !1) {
     if (a.hasAttribute("data-ajax")) {
       if (!n) {
-        let f = a.querySelector("[data-pagination]");
-        f.value = 1, r.setAttribute("data-page", 1);
+        let h = a.querySelector("[data-pagination]");
+        h.value = 1, i.setAttribute("data-page", 1);
       }
-      re(t, a, e, r);
+      it(e, a, t, i);
     } else
-      a.hasAttribute("data-submit") ? a.submit() : (G(t, a, r), F(r, e), j(t, a));
+      a.hasAttribute("data-submit") ? a.submit() : (K(e, a, i), F(i, t), B(e, a));
     if (a.hasAttribute("data-ajax-post")) {
-      let f = new FormData(a), p = new URLSearchParams(f).toString();
-      const h = new XMLHttpRequest();
-      h.open("GET", `${window.location.href}?ajax=true&${p}`), h.send();
+      let h = new FormData(a), p = new URLSearchParams(h).toString();
+      const y = new XMLHttpRequest();
+      y.open("GET", `${window.location.href}?ajax=true&${p}`), y.send();
     }
   };
   a.addEventListener("keyup", (n) => {
-    clearTimeout(o), n && n.target instanceof HTMLElement && n.target.closest("[data-search]") && (o = setTimeout(function() {
-      s();
+    clearTimeout(s), n && n.target instanceof HTMLElement && n.target.closest("[data-search]") && (s = setTimeout(function() {
+      r();
     }, 500));
   }), a.addEventListener("change", (n) => {
-    clearTimeout(o), n && n.target instanceof HTMLElement && n.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || J(t, a, i), s()), n && n.target instanceof HTMLElement && n.target.closest("[data-search]") && s(), n && n.target instanceof HTMLElement && n.target.closest("[data-filter][data-no-ajax]") ? (G(t, a, r), F(r, e), j(t, a)) : (n && n.target instanceof HTMLElement && n.target.closest("[data-filter]") && n.target.closest("form .dialog__wrapper > dialog") || n && n.target instanceof HTMLElement && n.target.closest("[data-filter]") && !n.target.closest("form dialog")) && s(), n && n.target instanceof HTMLElement && n.target.closest("[data-show]") && s(), n && n.target instanceof HTMLElement && n.target.closest("[data-mimic]") && s();
+    clearTimeout(s), n && n.target instanceof HTMLElement && n.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || Q(e, a, o), r()), n && n.target instanceof HTMLElement && n.target.closest("[data-search]") && r(), n && n.target instanceof HTMLElement && n.target.closest("[data-filter][data-no-ajax]") ? (K(e, a, i), F(i, t), B(e, a)) : (n && n.target instanceof HTMLElement && n.target.closest("[data-filter]") && n.target.closest("form .dialog__wrapper > dialog") || n && n.target instanceof HTMLElement && n.target.closest("[data-filter]") && !n.target.closest("form dialog")) && r(), n && n.target instanceof HTMLElement && n.target.closest("[data-show]") && r(), n && n.target instanceof HTMLElement && n.target.closest("[data-mimic]") && r();
   }), a.addEventListener("click", (n) => {
-    clearTimeout(o), n && n.target instanceof HTMLElement && n.target.closest('dialog button:not([type="button"])') && n.target.closest('dialog button:not([type="button"])').closest("dialog").close(), n && n.target instanceof HTMLElement && n.target.closest(".dialog__close") && (n.preventDefault(), n.stopPropagation()), n && n.target instanceof HTMLElement && n.target.closest("[data-clear]") && (a.reset(), a.hasAttribute("data-submit") || J(t, a, i), s());
+    clearTimeout(s), n && n.target instanceof HTMLElement && n.target.closest('dialog button:not([type="button"])') && n.target.closest('dialog button:not([type="button"])').closest("dialog").close(), n && n.target instanceof HTMLElement && n.target.closest(".dialog__close") && (n.preventDefault(), n.stopPropagation()), n && n.target instanceof HTMLElement && n.target.closest("[data-clear]") && (a.reset(), a.hasAttribute("data-submit") || Q(e, a, o), r());
   }), a.addEventListener("submit", (n) => {
-    clearTimeout(o), a.hasAttribute("data-submit") || n.preventDefault(), s();
+    clearTimeout(s), a.hasAttribute("data-submit") || n.preventDefault(), r();
   }), a.addEventListener("force", (n) => {
-    s();
+    r();
   }), a.addEventListener("paginate", (n) => {
-    s(!0);
+    r(!0);
   });
   let l = [], c = [];
-  Array.from(a.querySelectorAll("[data-mimic]")).forEach((n, f) => {
+  Array.from(a.querySelectorAll("[data-mimic]")).forEach((n, h) => {
     let p = n.getAttribute("data-mimic");
-    Array.from(document.querySelectorAll(`[name="${p}"]`)).forEach((h, b) => {
-      let y = h.closest("form");
-      l.includes(y) || l.push(y), c.includes(p) || c.push(p);
+    Array.from(document.querySelectorAll(`[name="${p}"]`)).forEach((y, b) => {
+      let m = y.closest("form");
+      l.includes(m) || l.push(m), c.includes(p) || c.push(p);
     });
-  }), l.forEach((n, f) => {
+  }), l.forEach((n, h) => {
     const p = function() {
-      let h = [], b = new FormData(n);
-      for (const [y, A] of b)
-        document.querySelector(`[data-mimic="${y}"]`) && !h.includes(y) ? (h.push(y), document.querySelector(`[data-mimic="${y}"]`).value = A) : document.querySelector(`[data-mimic="${y}"]`) && (document.querySelector(`[data-mimic="${y}"]`).value += "," + A);
-      for (const y of h) {
-        const A = new Event("force");
-        a.dispatchEvent(A);
+      let y = [], b = new FormData(n);
+      for (const [m, S] of b)
+        document.querySelector(`[data-mimic="${m}"]`) && !y.includes(m) ? (y.push(m), document.querySelector(`[data-mimic="${m}"]`).value = S) : document.querySelector(`[data-mimic="${m}"]`) && (document.querySelector(`[data-mimic="${m}"]`).value += "," + S);
+      for (const m of y) {
+        const S = new Event("force");
+        a.dispatchEvent(S);
       }
-      for (const y of c)
-        if (!b.has(y) && n.querySelector(`[name="${y}"]`)) {
-          document.querySelector(`[data-mimic="${y}"]`).value = "";
-          const A = new Event("force");
-          a.dispatchEvent(A);
+      for (const m of c)
+        if (!b.has(m) && n.querySelector(`[name="${m}"]`)) {
+          document.querySelector(`[data-mimic="${m}"]`).value = "";
+          const S = new Event("force");
+          a.dispatchEvent(S);
         }
     };
-    n.addEventListener("force", (h) => {
+    n.addEventListener("force", (y) => {
       p();
-    }), n.addEventListener("change", (h) => {
+    }), n.addEventListener("change", (y) => {
       p();
     });
   });
-}, J = (t, a, e) => {
+}, Q = (e, a, t) => {
   if (a.getAttribute("data-ajax"))
     return !1;
-  let r = t.querySelector("tbody"), i = a.querySelector("[data-sort]"), o = i.querySelector(`option:nth-child(${i.selectedIndex + 1})`), s = o.getAttribute("data-sort"), l = o.getAttribute("data-order"), c = o.getAttribute("data-format");
-  if (!s)
-    return r.innerHTML = e.innerHTML, ee(t), !1;
+  let i = e.querySelector("tbody"), o = a.querySelector("[data-sort]"), s = o.querySelector(`option:nth-child(${o.selectedIndex + 1})`), r = s.getAttribute("data-sort"), l = s.getAttribute("data-order"), c = s.getAttribute("data-format");
+  if (!r)
+    return i.innerHTML = t.innerHTML, tt(e), !1;
   let n = [];
   ["asc", "desc", "descending"].includes(l) || (n = l.split(","));
-  let f = [];
-  Array.from(r.querySelectorAll("tr")).forEach((h, b) => {
-    let y = h.querySelector('td[data-label="' + s + '"], th[data-label="' + s + '"]').textContent.trim();
-    h.querySelector('[data-label="' + s + '"] .td__content') && (y = h.querySelector('[data-label="' + s + '"] .td__content').textContent.trim()), n.length && n.includes(y) && (y = n.indexOf(y)), ve(y) && (y = we(y, 10)), c && c == "date" && (y = new Date(y));
-    const A = { index: y, row: h };
-    f.push(A);
-  }), f.sort((h, b) => h.index > b.index ? 1 : -1), (l == "descending" || l == "desc") && (f = f.reverse());
+  let h = [];
+  Array.from(i.querySelectorAll("tr")).forEach((y, b) => {
+    let m = y.querySelector('td[data-label="' + r + '"], th[data-label="' + r + '"]').textContent.trim();
+    y.querySelector('[data-label="' + r + '"] .td__content') && (m = y.querySelector('[data-label="' + r + '"] .td__content').textContent.trim()), n.length && n.includes(m) && (m = n.indexOf(m)), _t(m) && (m = At(m, 10)), c && c == "date" && (m = new Date(m));
+    const S = { index: m, row: y };
+    h.push(S);
+  }), h.sort((y, b) => y.index > b.index ? 1 : -1), (l == "descending" || l == "desc") && (h = h.reverse());
   let p = "";
-  f.forEach((h, b) => {
-    p += h.row.outerHTML;
-  }), r.innerHTML = p;
-}, G = (t, a, e) => {
-  t.classList.remove("table--filtered");
-  let r = se(a), i = [], o = 0, s = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, l = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
-  if (Array.from(t.querySelectorAll("tbody tr")).forEach((c, n) => {
-    c.classList.remove("filtered"), c.classList.remove("filtered--matched"), c.classList.remove("filtered--show"), c.removeAttribute("data-filtered-by");
+  h.forEach((y, b) => {
+    p += y.row.outerHTML;
+  }), i.innerHTML = p;
+}, K = (e, a, t) => {
+  e.classList.remove("table--filtered");
+  let i = rt(a), o = [], s = 0, r = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, l = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
+  if (Array.from(e.querySelectorAll("tbody tr")).forEach((n, h) => {
+    n.classList.remove("filtered"), n.classList.remove("filtered--matched"), n.classList.remove("filtered--show"), n.removeAttribute("data-filtered-by");
   }), a.querySelector("[data-search]")) {
-    let c = a.querySelector("[data-search]");
-    a.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((n, f) => {
-      i.push({ column: `${n.trim()}`, value: `${c.value}` });
+    let n = a.querySelector("[data-search]");
+    a.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((h, p) => {
+      o.push({ column: `${h.trim()}`, value: `${n.value}` });
     });
   }
-  Array.from(a.querySelectorAll("[data-filter-count]")).forEach((c, n) => {
-    c.innerHTML = "";
-  }), Object.keys(r).length && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((c, n) => {
-    c.innerHTML += `(${Object.keys(r).length})`;
-  }), t.classList.add("table--filtered");
-  for (const [c, n] of Object.entries(r))
-    Array.from(t.querySelectorAll("tbody tr:not(.filtered)")).forEach((f, p) => {
-      let h = !1;
-      n.forEach((b, y) => {
-        let A = f.querySelector(`[data-label="${c}"]`);
-        if (b && b == "$today")
-          b = K("date", /* @__PURE__ */ new Date());
-        else if (b && b == "$yesterday") {
-          let w = /* @__PURE__ */ new Date();
-          w.setDate(w.getDate() - 1), b = K("date", w);
-        } else if (b && (b == "$thisWeek" || b == "$lastWeek")) {
-          let w = /* @__PURE__ */ new Date(), x = new Date(w.setDate(w.getDate() - (w.getDay() - 1))), k = new Date(w.setDate(w.getDate() - w.getDay() + 7)), _ = new Date(A.textContent.toLowerCase());
-          if (w.setHours(0, 0, 0, 0), x.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), _.setHours(0, 0, 0, 0), b == "$thisWeek")
-            h = _ >= x && _ <= k;
+  Array.from(a.querySelectorAll("[data-filter-count]")).forEach((n, h) => {
+    n.innerHTML = "", n.parentNode.classList.remove("hover");
+  });
+  let c = 0;
+  Object.values(i).forEach((n, h) => {
+    typeof n == "object" && Object.values(n).length ? c += Object.values(n).length : c++;
+  }), c && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((n, h) => {
+    n.innerHTML += `(${c})`, n.parentNode.classList.add("hover");
+  }), e.classList.add("table--filtered");
+  for (const [n, h] of Object.entries(i))
+    Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((p, y) => {
+      let b = !1;
+      h.forEach((m, S) => {
+        let $ = p.querySelector(`[data-label="${n}"]`);
+        if (m && m == "$today")
+          m = Y("date", /* @__PURE__ */ new Date());
+        else if (m && m == "$yesterday") {
+          let v = /* @__PURE__ */ new Date();
+          v.setDate(v.getDate() - 1), m = Y("date", v);
+        } else if (m && (m == "$thisWeek" || m == "$lastWeek")) {
+          let v = /* @__PURE__ */ new Date(), x = new Date(v.setDate(v.getDate() - (v.getDay() - 1))), k = new Date(v.setDate(v.getDate() - v.getDay() + 7)), g = new Date($.textContent.toLowerCase());
+          if (v.setHours(0, 0, 0, 0), x.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), g.setHours(0, 0, 0, 0), m == "$thisWeek")
+            b = g >= x && g <= k;
           else {
-            let B = new Date(x.setDate(x.getDate() - 7)), E = new Date(k.setDate(k.getDate() - 7));
-            B.setHours(0, 0, 0, 0), E.setHours(0, 0, 0, 0), h = _ >= B && _ <= E;
+            let O = new Date(x.setDate(x.getDate() - 7)), E = new Date(k.setDate(k.getDate() - 7));
+            O.setHours(0, 0, 0, 0), E.setHours(0, 0, 0, 0), b = g >= O && g <= E;
           }
-        } else if (b && b == "$thisMonth") {
-          let w = /* @__PURE__ */ new Date(), x = w.getFullYear(), k = w.getMonth();
-          var C = new Date(x, k, 1), z = new Date(x, k + 1, 0);
-          let _ = new Date(A.textContent.toLowerCase());
-          C.setHours(0, 0, 0, 0), z.setHours(0, 0, 0, 0), _.setHours(0, 0, 0, 0), h = _ >= C && _ <= z;
-        } else if (b && b == "$lastMonth") {
-          let w = /* @__PURE__ */ new Date(), x = w.getFullYear(), k = w.getMonth();
-          var D = new Date(x, k - 1, 1), I = new Date(x, k, 0);
-          let _ = new Date(A.textContent.toLowerCase());
-          D.setHours(0, 0, 0, 0), I.setHours(0, 0, 0, 0), _.setHours(0, 0, 0, 0), h = _ >= D && _ <= I;
+        } else if (m && m == "$thisMonth") {
+          let v = /* @__PURE__ */ new Date(), x = v.getFullYear(), k = v.getMonth();
+          var D = new Date(x, k, 1), z = new Date(x, k + 1, 0);
+          let g = new Date($.textContent.toLowerCase());
+          D.setHours(0, 0, 0, 0), z.setHours(0, 0, 0, 0), g.setHours(0, 0, 0, 0), b = g >= D && g <= z;
+        } else if (m && m == "$lastMonth") {
+          let v = /* @__PURE__ */ new Date(), x = v.getFullYear(), k = v.getMonth();
+          var N = new Date(x, k - 1, 1), P = new Date(x, k, 0);
+          let g = new Date($.textContent.toLowerCase());
+          N.setHours(0, 0, 0, 0), P.setHours(0, 0, 0, 0), g.setHours(0, 0, 0, 0), b = g >= N && g <= P;
         }
-        A && A.textContent.toLowerCase().includes(b.toLowerCase()) && (h = !0);
-      }), h || (f.classList.add("filtered"), f.setAttribute("data-filtered-by", c));
+        $ && $.textContent.toLowerCase().includes(m.toLowerCase()) && (b = !0);
+      }), b || (p.classList.add("filtered"), p.setAttribute("data-filtered-by", n));
     });
-  Array.from(t.querySelectorAll("tbody tr:not(.filtered)")).forEach((c, n) => {
-    let f = !(i.length > 0 && i[0].value.length >= 3);
-    i.forEach((p, h) => {
-      let b = c.querySelector(`[data-label="${p.column}"]`);
-      b && p.value.length >= 3 && b.textContent.toLowerCase().includes(p.value.toLowerCase()) && (f = !0);
-    }), f || c.classList.add("filtered");
-  }), Array.from(t.querySelectorAll("tbody tr:not(.filtered")).forEach((c, n) => {
-    o++, c.classList.add("filtered--matched"), Math.ceil(o / l) == parseInt(s) && c.classList.add("filtered--show");
-  }), e && (e.setAttribute("data-page", s), e.setAttribute("data-pages", Math.ceil(o / l)), e.setAttribute("data-total", o), e.setAttribute("data-show", l));
-}, j = (t, a, e) => {
-  Array.from(a.querySelectorAll("[data-query]")).forEach((r, i) => {
-    let o = r.getAttribute("data-query"), s;
-    if (o == "total")
-      e.hasAttribute("data-total") ? s = e.getAttribute("data-total") : s = (t.classList.contains("table--filtered"), t.querySelectorAll("tbody tr").length);
-    else if (!o.includes(" == ") && o.includes(" & ")) {
-      let l = o.split(" & "), c = "";
+  Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((n, h) => {
+    let p = !(o.length > 0 && o[0].value.length >= 3);
+    o.forEach((y, b) => {
+      let m = n.querySelector(`[data-label="${y.column}"]`);
+      m && y.value.length >= 3 && m.textContent.toLowerCase().includes(y.value.toLowerCase()) && (p = !0);
+    }), p || n.classList.add("filtered");
+  }), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((n, h) => {
+    s++, n.classList.add("filtered--matched"), Math.ceil(s / l) == parseInt(r) && n.classList.add("filtered--show");
+  }), t && (t.setAttribute("data-page", r), t.setAttribute("data-pages", Math.ceil(s / l)), t.setAttribute("data-total", s), t.setAttribute("data-show", l));
+}, B = (e, a, t) => {
+  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 (!s.includes(" == ") && s.includes(" & ")) {
+      let l = s.split(" & "), c = "";
       l.forEach((n) => {
         c += `:not([data-filtered-by="${n}"])`;
-      }), s = Array.from(t.querySelectorAll(`tbody tr${c}`)).length;
-    } else if (!o.includes(" == "))
-      s = Array.from(t.querySelectorAll(`tbody tr:not([data-filtered-by="${o}"])`)).length;
-    else if (o.includes(" && ")) {
-      let l = o.split(" && ");
-      s = Array.from(t.querySelectorAll("tbody tr:not(.filtered)")).filter(function(c) {
+      }), r = Array.from(e.querySelectorAll(`tbody tr${c}`)).length;
+    } else if (!s.includes(" == "))
+      r = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${s}"])`)).length;
+    else if (s.includes(" && ")) {
+      let l = s.split(" && ");
+      r = Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(c) {
         let n = !0;
-        for (const [f, p] of Object.entries(l)) {
-          let h = p.split(" == ");
-          (!c.querySelector(`td[data-label="${h[0]}"]`) || c.querySelector(`td[data-label="${h[0]}"]`).textContent != `${h[1]}`) && (n = !1);
+        for (const [h, p] of Object.entries(l)) {
+          let y = p.split(" == ");
+          (!c.querySelector(`td[data-label="${y[0]}"]`) || c.querySelector(`td[data-label="${y[0]}"]`).textContent != `${y[1]}`) && (n = !1);
         }
         return n;
       }).length;
     } else {
-      let l = o.split(" == ");
-      s = Array.from(t.querySelectorAll(`tbody tr.filtered--matched td[data-label="${l[0]}"], tbody tr[data-filtered-by="${l[0]}"] td[data-label="${l[0]}"]`)).filter(function(c) {
+      let l = s.split(" == ");
+      r = Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${l[0]}"], tbody tr[data-filtered-by="${l[0]}"] td[data-label="${l[0]}"]`)).filter(function(c) {
         return c.textContent === l[1];
       }).length;
     }
-    r.hasAttribute("data-total") ? r.setAttribute("data-total", s) : r.innerHTML = s;
+    i.hasAttribute("data-total") ? i.setAttribute("data-total", r) : i.innerHTML = r;
   });
-}, xe = function(t, a, e, r) {
-  e.addEventListener("click", (i) => {
-    if (i && i.target instanceof HTMLElement && i.target.closest("[data-page]")) {
-      i.preventDefault();
-      let o = a.querySelector("[data-pagination]"), s = i.target.closest("[data-page]").getAttribute("data-page");
-      if (o.value = s, r.setAttribute("data-page", s), a.dispatchEvent(new Event("paginate")), t.hasAttribute("data-show-history")) {
+}, xt = function(e, a, t, i) {
+  t.addEventListener("click", (o) => {
+    if (o && o.target instanceof HTMLElement && o.target.closest("[data-page]")) {
+      o.preventDefault();
+      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 n = new URL(location);
-        n.searchParams.set("page", s), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: s }, "", n);
+        n.searchParams.set("page", r), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: r }, "", n);
       }
-      const l = -250, c = t.getBoundingClientRect().top + window.pageYOffset + l;
+      const l = -250, c = e.getBoundingClientRect().top + window.pageYOffset + l;
       window.scrollTo({ top: c, behavior: "smooth" });
     }
-    if (i && i.target instanceof HTMLElement && i.target.closest("[data-show]")) {
-      i.preventDefault();
-      let o = a.querySelector("[data-show]"), s = i.target.closest("[data-show]").getAttribute("data-show");
-      o.value = s, r.setAttribute("data-show", s), a.dispatchEvent(new Event("submit"));
+    if (o && o.target instanceof HTMLElement && o.target.closest("[data-show]")) {
+      o.preventDefault();
+      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"));
     }
   });
-}, Ee = (t, a) => {
-  if (!t)
+}, Et = (e, a) => {
+  if (!e)
     return !1;
-  t.addEventListener("click", (e) => {
-    Te(a);
+  e.addEventListener("click", (t) => {
+    Tt(a);
   });
-}, Te = function(t) {
-  for (var a = [], e = t.getElementsByTagName("tr"), r = 0; r < e.length; r++) {
-    for (var i = e[r].querySelectorAll("td,th"), o = [], s = 0; s < i.length; s++)
-      o.push(`"${i[s].textContent}"`);
-    a.push(o.join(","));
+}, Tt = function(e) {
+  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(`
 `);
@@ -357,93 +361,97 @@ const ee = (t) => {
   c.download = "export.csv";
   var n = window.URL.createObjectURL(l);
   c.href = n, c.style.display = "none", document.body.appendChild(c), c.click(), document.body.removeChild(c);
-}, ae = function(t, a, e, r) {
-  if (ee(t), ke(t), j(t, a, r), r && r.classList.contains("table--cta")) {
-    let i = function() {
-      Array.from(t.querySelectorAll("tr")).forEach((s, l) => {
-        let c = s.offsetHeight;
-        s.style.setProperty("--row-height", `${c}px`);
+}, at = function(e, a, t, i) {
+  if (tt(e), kt(e), B(e, a, i), i && i.classList.contains("table--cta")) {
+    let o = function() {
+      Array.from(e.querySelectorAll("tr")).forEach((r, l) => {
+        let c = r.offsetHeight;
+        r.style.setProperty("--row-height", `${c}px`);
       });
     };
-    const o = Le(t);
-    r.style.setProperty("--cta-width", `${o}rem`), new ResizeObserver(i).observe(t);
+    const s = St(e);
+    i.style.setProperty("--cta-width", `${s}rem`), new ResizeObserver(o).observe(e);
   }
-}, se = function(t) {
+}, rt = function(e) {
   let a = new Object();
-  return Array.from(t.querySelectorAll("[data-filter]")).forEach((e, r) => {
-    if (!(e.type == "radio" && !e.checked) && !(e.type == "checkbox" && !e.checked) && e && e.value) {
-      let i = e.getAttribute("data-filter");
-      a[i] || (a[i] = new Array()), a[i].push(e.value);
+  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;
-}, re = function(t, a, e, r) {
-  return Se(this, void 0, void 0, function* () {
-    const i = (h, b, y) => b.split(/[\.\[\]\'\"]/).filter((A) => A).reduce((A, C) => A ? A[C] : y, h);
-    let o = new FormData(a), s = new URLSearchParams(o).toString(), l = t.querySelectorAll("thead tr th"), c = t.querySelector("tbody"), n = a.getAttribute("data-ajax");
-    r.classList.add("table--loading");
-    let f = se(a);
-    Array.from(a.querySelectorAll("[data-filter-count]")).forEach((h, b) => {
-      h.innerHTML = "";
-    }), Object.keys(f).length && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((h, b) => {
-      h.innerHTML += `(${Object.keys(f).length})`;
+}, it = function(e, a, t, i) {
+  return Lt(this, void 0, void 0, function* () {
+    const o = (b, m, S) => m.split(/[\.\[\]\'\"]/).filter(($) => $).reduce(($, D) => $ ? $[D] : S, b);
+    let s = new FormData(a), r = new URLSearchParams(s).toString(), l = e.querySelectorAll("thead tr th"), c = e.querySelector("tbody"), n = a.getAttribute("data-ajax");
+    i.classList.add("table--loading");
+    let h = rt(a);
+    Array.from(a.querySelectorAll("[data-filter-count]")).forEach((b, m) => {
+      b.innerHTML = "", b.parentNode.classList.remove("hover");
+    });
+    let p = 0;
+    Object.values(h).forEach((b, m) => {
+      typeof b == "object" && Object.values(b).length ? p += Object.values(b).length : p++;
+    }), p && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((b, m) => {
+      b.innerHTML += `(${p})`, b.parentNode.classList.add("hover");
     }), window.controller || (window.controller = []), window.controller[n] && window.controller[n].abort(), window.controller[n] = new AbortController();
-    const { signal: p } = controller[n];
+    const { signal: y } = controller[n];
     try {
-      yield fetch(n + "?" + s, { signal: p, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((h) => h.json()).then((h) => {
-        let b = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", y = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", A = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", C = i(h, y, 1), z = i(h, A, 1), D = i(h, b), I = r.hasAttribute("data-empty-msg") ? r.getAttribute("data-empty-msg") : "No results found";
-        D ? (c.innerHTML = "", D.forEach((w, x) => {
+      yield fetch(n + "?" + r, { signal: y, 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 m = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", S = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", $ = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", D = o(b, S, 1), z = o(b, $, 1), N = o(b, m), P = i.hasAttribute("data-empty-msg") ? i.getAttribute("data-empty-msg") : "No results found";
+        N ? (c.innerHTML = "", N.forEach((v, x) => {
           var k = document.createElement("tr");
-          l.forEach((_, B) => {
+          l.forEach((g, O) => {
             let E = "";
-            var O = document.createElement("td");
-            if (O.setAttribute("data-label", _.innerText), _.getAttribute("data-output")) {
-              var V = _.getAttribute("data-output");
-              E = V.replace(new RegExp(/{(.*?)}/, "gm"), function(ne) {
-                return i(w, ne.replace("{", "").replace("}", ""));
+            var V = document.createElement("td");
+            if (V.setAttribute("data-label", g.innerText), g.getAttribute("data-output")) {
+              var U = g.getAttribute("data-output");
+              E = U.replace(new RegExp(/{(.*?)}/, "gm"), function(lt) {
+                return o(v, lt.replace("{", "").replace("}", ""));
               });
             }
-            if (_.hasAttribute("data-output-array")) {
-              var V = _.getAttribute("data-output");
-              let le = i(w, V.replace("{", "").replace("}", ""));
-              E = "", le.forEach((X, or) => {
-                let ce = _.getAttribute("data-output-array"), P = "";
-                if (_.hasAttribute("data-output-array-property") && _.hasAttribute("data-output-array-transform")) {
-                  const U = i(X, _.getAttribute("data-output-array-property")), de = JSON.parse(_.getAttribute("data-output-array-transform"))[U];
-                  P = ce.replace(`{${_.getAttribute("data-output-array-property")}}`, de);
+            if (g.hasAttribute("data-output-array")) {
+              var U = g.getAttribute("data-output");
+              let ct = o(v, U.replace("{", "").replace("}", ""));
+              E = "", ct.forEach((J, vr) => {
+                let dt = g.getAttribute("data-output-array"), j = "";
+                if (g.hasAttribute("data-output-array-property") && g.hasAttribute("data-output-array-transform")) {
+                  const W = o(J, g.getAttribute("data-output-array-property")), ut = JSON.parse(g.getAttribute("data-output-array-transform"))[W];
+                  j = dt.replace(`{${g.getAttribute("data-output-array-property")}}`, ut);
                 }
-                P = P.replace(new RegExp(/{(.*?)}/, "gm"), function(U) {
-                  return i(X, U.replace("{", "").replace("}", ""));
-                }), E += P;
+                j = j.replace(new RegExp(/{(.*?)}/, "gm"), function(W) {
+                  return o(J, W.replace("{", "").replace("}", ""));
+                }), E += j;
               });
             }
-            _.hasAttribute("data-transform") && (E = JSON.parse(_.getAttribute("data-transform"))[E], !E && _.hasAttribute("data-default") && (E = _.getAttribute("data-default"))), O.innerHTML = E, k.appendChild(O);
+            g.hasAttribute("data-transform") && (E = JSON.parse(g.getAttribute("data-transform"))[E], !E && g.hasAttribute("data-default") && (E = g.getAttribute("data-default"))), V.innerHTML = E, k.appendChild(V);
           }), c.appendChild(k);
-        }), te(t, a), r.setAttribute("data-total", parseInt(C)), r.setAttribute("data-page", parseInt(z)), r.setAttribute("data-pages", Math.ceil(r.getAttribute("data-total") / r.getAttribute("data-show"))), ae(t, a, e, r), F(r, e), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((w, x) => {
-          let k = i(h, w.getAttribute("data-ajax-query"), "");
-          w.hasAttribute("data-total") ? w.setAttribute("data-total", k) : w.innerHTML = k;
-        }), parseInt(C) == 0 && (c.innerHTML = `<tr><td colspan="100%"><span>${I}</span></td></tr>`), r.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: n, formData: s })) : c.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>';
+        }), et(e, a), i.setAttribute("data-total", parseInt(D)), i.setAttribute("data-page", parseInt(z)), i.setAttribute("data-pages", Math.ceil(i.getAttribute("data-total") / i.getAttribute("data-show"))), at(e, a, t, i), F(i, t), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((v, x) => {
+          let k = o(b, v.getAttribute("data-ajax-query"), "");
+          v.hasAttribute("data-total") ? v.setAttribute("data-total", k) : v.innerHTML = k;
+        }), parseInt(D) == 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: n, formData: r })) : c.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>';
       });
-    } catch (h) {
-      console.log(h);
+    } catch (b) {
+      console.log(b);
     }
   });
-}, K = (t, a) => {
-  switch (t) {
+}, Y = (e, a) => {
+  switch (e) {
     case "datetime":
       return new Date(a).toLocaleDateString("en-gb", { weekday: "short", year: "2-digit", month: "long", day: "numeric" }) + " " + new Date(a).toLocaleTimeString("en-gb", { hour: "2-digit", minute: "2-digit" });
     case "date":
       return new Date(a).toLocaleDateString("en-gb", { year: "2-digit", month: "long", day: "numeric" });
     case "capitalise":
-      return a = Ae(a);
+      return a = wt(a);
   }
 };
-class Me extends HTMLElement {
+class Ht extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = document.createElement("template");
-    r.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 "${e}";
+    @import "${t}";
 
     :host(.mh-sm){
       max-height: none!important;
@@ -457,31 +465,50 @@ class Me extends HTMLElement {
     
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
+    <slot name="before"></slot>
     <div class="table--cta">
     <div class="table__wrapper">
       <slot></slot>
     </div>
     </div>
     <div class="table__pagination"></div>
-    `, this.shadowRoot.appendChild(r.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 e = this.classList.toString();
-    e = e.replace("table--cta", ""), e = e.replace("table--loading", ""), this.shadowRoot.querySelector(".table__wrapper").className += ` ${e}`, 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"), te(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" />`), qe(this.table), $e(this.table, this.form, this.pagination, this, this.savedTableBody), xe(this.table, this.form, this.pagination, this), Ee(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax") ? re(this.table, this.form, this.pagination, this) : (ae(this.table, this.form, this.pagination, this), G(this.table, this.form, this), F(this, this.pagination), j(this.table, this.form)), this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (r) => {
+    let t = this.classList.toString();
+    if (t = t.replace("table--cta", ""), t = t.replace("table--loading", ""), this.shadowRoot.querySelector(".table__wrapper").className += ` ${t}`, 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"), et(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" />`), qt(this.table), $t(this.table, this.form, this.pagination, this, this.savedTableBody), xt(this.table, this.form, this.pagination, this), Et(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax") ? it(this.table, this.form, this.pagination, this) : (at(this.table, this.form, this.pagination, this), K(this.table, this.form, this), F(this, this.pagination), B(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 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, 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 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);
+        }
+      }), 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;
+        });
+      });
+    }
   }
   static get observedAttributes() {
     return ["data-total", "data-pages", "data-page", "data-show"];
   }
-  attributeChangedCallback(a, e, r) {
+  attributeChangedCallback(a, t, i) {
   }
 }
-const He = (t) => t.charAt(0).toUpperCase() + t.slice(1), Ce = (t) => t.replace(/_/g, " "), De = (t) => t.replace(/ /g, "_"), Ne = function(t) {
-  return t = t.toLowerCase(), t = De(t), t = t.replace(/\W/g, ""), t;
-}, Re = {
+const Mt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Ct = (e) => e.replace(/_/g, " "), Dt = (e) => e.replace(/ /g, "_"), Nt = function(e) {
+  return e = e.toLowerCase(), e = Dt(e), e = e.replace(/\W/g, ""), e;
+}, Rt = {
   name: "Table",
   props: {
     items: {
@@ -495,42 +522,42 @@ const He = (t) => t.charAt(0).toUpperCase() + t.slice(1), Ce = (t) => t.replace(
   },
   computed: {
     cellHeading() {
-      return (t) => `${He(Ce(t))}`;
+      return (e) => `${Mt(Ct(e))}`;
     }
   },
   created() {
     this.$nextTick(function() {
-      window.customElements.get("iam-table") || window.customElements.define("iam-table", Me);
+      window.customElements.get("iam-table") || window.customElements.define("iam-table", Ht);
     });
   },
   updated() {
   }
-}, ze = { key: 0 }, Ie = { key: 0 }, Pe = ["data-row-id"], Fe = ["innerHTML"];
-function je(t, a, e, r, i, o) {
-  return u(), m("iam-table", null, [
-    e.fields ? (u(), m("table", ze, [
-      d("thead", null, [
-        d("tr", null, [
-          (u(!0), m(T, null, M(e.fields, (s) => (u(), m("th", {
-            key: s.key
-          }, $(o.cellHeading(s.key)), 1))), 128))
+}, zt = { key: 0 }, Pt = { key: 0 }, jt = ["data-row-id"], It = ["innerHTML"];
+function Ft(e, a, t, i, o, s) {
+  return d(), u("iam-table", null, [
+    t.fields ? (d(), u("table", zt, [
+      f("thead", null, [
+        f("tr", null, [
+          (d(!0), u(H, null, M(t.fields, (r) => (d(), u("th", {
+            key: r.key
+          }, q(s.cellHeading(r.key)), 1))), 128))
         ])
       ]),
-      e.items ? (u(), m("tbody", Ie, [
-        (u(!0), m(T, null, M(e.items, (s, l) => (u(), m("tr", {
+      t.items ? (d(), u("tbody", Pt, [
+        (d(!0), u(H, null, M(t.items, (r, l) => (d(), u("tr", {
           key: l,
-          "data-row-id": s.rowid
+          "data-row-id": r.rowid
         }, [
-          (u(!0), m(T, null, M(Object.fromEntries(Object.entries(s).filter(([c]) => c !== "rowid")), (c, n) => (u(), m("td", {
+          (d(!0), u(H, null, M(Object.fromEntries(Object.entries(r).filter(([c]) => c !== "rowid")), (c, n) => (d(), u("td", {
             key: n,
             innerHTML: c
-          }, null, 8, Fe))), 128))
-        ], 8, Pe))), 128))
-      ])) : g("", !0)
-    ])) : v(t.$slots, "default", { key: 1 })
+          }, null, 8, It))), 128))
+        ], 8, jt))), 128))
+      ])) : _("", !0)
+    ])) : A(e.$slots, "default", { key: 1 })
   ]);
 }
-const oe = /* @__PURE__ */ S(Re, [["render", je]]), Be = {
+const st = /* @__PURE__ */ w(Rt, [["render", Ft]]), Bt = {
   name: "Input",
   props: {
     value: {
@@ -696,213 +723,213 @@ const oe = /* @__PURE__ */ S(Re, [["render", je]]), Be = {
       get() {
         return this.value == null && this.options != null && this.type == "select" ? this.$attrs.multiple ? [] : this.options[0].value : this.value;
       },
-      set(t) {
-        this.$emit("input", t);
+      set(e) {
+        this.$emit("input", e);
       }
     }
   },
   mounted() {
     this.$nextTick(function() {
-      let t = this.$refs.wrapper;
-      if (t.parentNode && t.parentNode.classList.contains("form-check") || t.classList.length == 0) {
+      let e = this.$refs.wrapper;
+      if (e.parentNode && e.parentNode.classList.contains("form-check") || e.classList.length == 0) {
         const a = document.createDocumentFragment();
-        Array.from(t.childNodes).forEach((e) => a.appendChild(e)), t.parentNode.insertBefore(a, t), t.parentNode.removeChild(t);
+        Array.from(e.childNodes).forEach((t) => a.appendChild(t)), e.parentNode.insertBefore(a, e), e.parentNode.removeChild(e);
       }
     });
   },
   methods: {
-    inputKeyup(t) {
-      this.$emit("keyupEvent", t);
+    inputKeyup(e) {
+      this.$emit("keyupEvent", e);
     },
     clickEvent() {
       this.$emit("bus");
     }
   }
-}, Oe = ["for", "innerHTML", "title"], Ve = ["innerHTML"], Ue = ["innerHTML"], We = ["type", "name", "id", "pattern", "list"], Ge = ["type", "name", "id", "pattern"], Ke = {
+}, Ot = ["for", "innerHTML", "title"], Vt = ["innerHTML"], Ut = ["innerHTML"], Wt = ["type", "name", "id", "pattern", "list"], Gt = ["type", "name", "id", "pattern"], Kt = {
   key: 5,
   class: "input-group"
-}, Ye = ["type", "name", "id", "pattern", "list"], Ze = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Xe = {
+}, Yt = ["type", "name", "id", "pattern", "list"], Xt = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Jt = {
   key: 6,
   class: "input-group"
-}, Je = ["type", "name", "id", "pattern", "list"], Qe = { class: "input-group-text flex-fill" }, et = ["type", "name", "id", "pattern"], tt = ["value"], at = ["type", "name", "id"], st = ["for", "innerHTML"], rt = ["type", "name", "id"], ot = ["for", "innerHTML"], it = ["innerHTML"], nt = ["id"], lt = ["value"];
-function ct(t, a, e, r, i, o) {
-  return u(), m("div", {
-    class: L(o.wrapperClass()),
+}, Qt = ["type", "name", "id", "pattern", "list"], Zt = { class: "input-group-text flex-fill" }, te = ["type", "name", "id", "pattern"], ee = ["value"], ae = ["type", "name", "id"], re = ["for", "innerHTML"], ie = ["type", "name", "id"], se = ["for", "innerHTML"], oe = ["innerHTML"], ne = ["id"], le = ["value"];
+function ce(e, a, t, i, o, s) {
+  return d(), u("div", {
+    class: L(s.wrapperClass()),
     ref: "wrapper"
   }, [
-    o.needsLabel() ? (u(), m("label", {
+    s.needsLabel() ? (d(), u("label", {
       key: 0,
-      class: L(`form-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
-      for: e.id,
-      innerHTML: o.displayLabel(),
-      title: e.title
-    }, null, 10, Oe)) : g("", !0),
-    e.prefix ? (u(), m("span", {
+      class: L(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
+      for: t.id,
+      innerHTML: s.displayLabel(),
+      title: t.title
+    }, null, 10, Ot)) : _("", !0),
+    t.prefix ? (d(), u("span", {
       key: 1,
-      class: L(`prefix ${this.prefixClass} ${e.size ? `prefix-${e.size}` : ""}`),
-      innerHTML: e.prefix,
+      class: L(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
+      innerHTML: t.prefix,
       role: "presentation"
-    }, null, 10, Ve)) : g("", !0),
-    e.suffix ? (u(), m("span", {
+    }, null, 10, Vt)) : _("", !0),
+    t.suffix ? (d(), u("span", {
       key: 2,
-      class: L(`suffix ${this.suffixClass} ${e.size ? `suffix-${e.size}` : ""}`),
-      innerHTML: e.suffix,
+      class: L(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
+      innerHTML: t.suffix,
       role: "presentation"
-    }, null, 10, Ue)) : g("", !0),
-    o.isInput() ? N((u(), m("input", H({
+    }, null, 10, Ut)) : _("", !0),
+    s.isInput() ? R((d(), u("input", C({
       key: 3,
-      "onUpdate:modelValue": a[0] || (a[0] = (s) => o.inputVal = s),
-      class: `form-control${e.size ? ` form-control-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
-      type: e.type,
-      name: e.name ? e.name : e.id,
-      id: e.id,
-      pattern: o.needPattern(),
-      list: o.hasOptions()
-    }, t.$attrs, {
-      onKeyup: a[1] || (a[1] = (...s) => o.inputKeyup && o.inputKeyup(...s))
-    }), null, 16, We)), [
-      [W, o.inputVal]
-    ]) : g("", !0),
-    e.type == "textarea" ? N((u(), m("textarea", H({
+      "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: s.needPattern(),
+      list: s.hasOptions()
+    }, e.$attrs, {
+      onKeyup: a[1] || (a[1] = (...r) => s.inputKeyup && s.inputKeyup(...r))
+    }), null, 16, Wt)), [
+      [G, s.inputVal]
+    ]) : _("", !0),
+    t.type == "textarea" ? R((d(), u("textarea", C({
       key: 4,
-      "onUpdate:modelValue": a[2] || (a[2] = (s) => o.inputVal = s),
-      class: `form-control${e.size ? ` form-control-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
-      type: e.type,
-      name: e.name ? e.name : e.id,
-      id: e.id,
-      pattern: o.needPattern()
-    }, t.$attrs), null, 16, Ge)), [
-      [ue, o.inputVal]
-    ]) : g("", !0),
-    e.type == "range" ? (u(), m("div", Ke, [
-      N(d("input", H({
-        "onUpdate:modelValue": a[3] || (a[3] = (s) => o.inputVal = s),
-        class: `form-range${e.inputclass ? ` ${e.inputclass}` : ""}`,
-        type: e.type,
-        name: e.name ? e.name : e.id,
-        id: e.id,
-        pattern: o.needPattern(),
-        list: o.hasOptions()
-      }, t.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Ye), [
-        [W, o.inputVal]
+      "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: s.needPattern()
+    }, e.$attrs), null, 16, Gt)), [
+      [mt, s.inputVal]
+    ]) : _("", !0),
+    t.type == "range" ? (d(), u("div", Kt, [
+      R(f("input", C({
+        "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: s.needPattern(),
+        list: s.hasOptions()
+      }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Yt), [
+        [G, s.inputVal]
       ]),
-      d("output", Ze, $(e.value), 1)
-    ])) : g("", !0),
-    e.type == "color" ? (u(), m("div", Xe, [
-      N(d("input", H({
-        "onUpdate:modelValue": a[4] || (a[4] = (s) => o.inputVal = s),
-        class: `form-control form-control-color${e.inputclass ? ` ${e.inputclass}` : ""}`,
-        type: e.type,
-        name: e.name ? e.name : e.id,
-        id: e.id,
-        pattern: o.needPattern(),
-        list: o.hasOptions()
-      }, t.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Je), [
-        [W, o.inputVal]
+      f("output", Xt, q(t.value), 1)
+    ])) : _("", !0),
+    t.type == "color" ? (d(), u("div", Jt, [
+      R(f("input", C({
+        "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: s.needPattern(),
+        list: s.hasOptions()
+      }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Qt), [
+        [G, s.inputVal]
       ]),
-      d("output", Qe, $(e.value ? t.vale : "#000000"), 1)
-    ])) : g("", !0),
-    e.type == "select" ? N((u(), m("select", H({
+      f("output", Zt, q(t.value ? e.vale : "#000000"), 1)
+    ])) : _("", !0),
+    t.type == "select" ? R((d(), u("select", C({
       key: 7,
-      "onUpdate:modelValue": a[5] || (a[5] = (s) => o.inputVal = s),
-      class: `form-select${e.size ? ` form-select-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
-      type: e.type,
-      name: e.id,
-      id: e.id,
-      pattern: o.needPattern()
-    }, t.$attrs), [
-      (u(!0), m(T, null, M(e.options, (s, l) => (u(), m("option", {
+      "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: s.needPattern()
+    }, e.$attrs), [
+      (d(!0), u(H, null, M(t.options, (r, l) => (d(), u("option", {
         key: l,
-        value: s.value
-      }, $(s.display ? s.display : s.value), 9, tt))), 128))
-    ], 16, et)), [
-      [me, o.inputVal]
-    ]) : g("", !0),
-    e.type == "checkbox" || e.type == "radio" ? (u(), m("input", H({
+        value: r.value
+      }, q(r.display ? r.display : r.value), 9, ee))), 128))
+    ], 16, te)), [
+      [ht, s.inputVal]
+    ]) : _("", !0),
+    t.type == "checkbox" || t.type == "radio" ? (d(), u("input", C({
       key: 8,
       class: "form-check-input",
-      type: e.type,
-      name: e.name ? e.name : e.id,
-      id: e.id
-    }, t.$attrs), null, 16, at)) : g("", !0),
-    e.type == "checkbox" || e.type == "radio" ? (u(), m("label", {
+      type: t.type,
+      name: t.name ? t.name : t.id,
+      id: t.id
+    }, e.$attrs), null, 16, ae)) : _("", !0),
+    t.type == "checkbox" || t.type == "radio" ? (d(), u("label", {
       key: 9,
-      class: L(`form-label form-check-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
-      for: e.id,
-      innerHTML: e.label
-    }, null, 10, st)) : g("", !0),
-    e.type == "checkbox-btn" || e.type == "radio-btn" ? (u(), m("input", H({
+      class: L(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
+      for: t.id,
+      innerHTML: t.label
+    }, null, 10, re)) : _("", !0),
+    t.type == "checkbox-btn" || t.type == "radio-btn" ? (d(), u("input", C({
       key: 10,
-      class: `btn-check${e.inputclass ? ` ${e.inputclass}` : ""}`,
-      type: e.type.replace("-btn", ""),
+      class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
+      type: t.type.replace("-btn", ""),
       autocomplete: "off",
-      name: e.name ? e.name : e.id,
-      id: e.id
-    }, t.$attrs), null, 16, rt)) : g("", !0),
-    e.type == "checkbox-btn" || e.type == "radio-btn" ? (u(), m("label", {
+      name: t.name ? t.name : t.id,
+      id: t.id
+    }, e.$attrs), null, 16, ie)) : _("", !0),
+    t.type == "checkbox-btn" || t.type == "radio-btn" ? (d(), u("label", {
       key: 11,
-      class: L(`btn${e.labelclass ? ` ${e.labelclass}` : ""}`),
-      for: e.id,
-      innerHTML: e.label,
-      onClick: a[6] || (a[6] = (...s) => o.clickEvent && o.clickEvent(...s))
-    }, null, 10, ot)) : g("", !0),
-    v(t.$slots, "default"),
-    e.errormsg ? (u(), m("span", {
+      class: L(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
+      for: t.id,
+      innerHTML: t.label,
+      onClick: a[6] || (a[6] = (...r) => s.clickEvent && s.clickEvent(...r))
+    }, null, 10, se)) : _("", !0),
+    A(e.$slots, "default"),
+    t.errormsg ? (d(), u("span", {
       key: 12,
       class: "invalid-feedback mb-0",
-      innerHTML: e.errormsg
-    }, null, 8, it)) : g("", !0),
-    o.allowDatalist() ? (u(), m("datalist", {
+      innerHTML: t.errormsg
+    }, null, 8, oe)) : _("", !0),
+    s.allowDatalist() ? (d(), u("datalist", {
       key: 13,
-      id: e.id + "-list"
+      id: t.id + "-list"
     }, [
-      (u(!0), m(T, null, M(e.options, (s, l) => (u(), m("option", {
+      (d(!0), u(H, null, M(t.options, (r, l) => (d(), u("option", {
         key: l,
-        value: s.value
-      }, $(s.value), 9, lt))), 128))
-    ], 8, nt)) : g("", !0)
+        value: r.value
+      }, q(r.value), 9, le))), 128))
+    ], 8, ne)) : _("", !0)
   ], 2);
 }
-const Z = /* @__PURE__ */ S(Be, [["render", ct]]);
-function dt(t, a) {
-  const e = a.querySelector(".files"), r = a.querySelector(".drop-area"), i = t.querySelector("input"), o = t.hasAttribute("data-maxsize") ? t.getAttribute("data-maxsize") : 0, s = i.cloneNode();
-  r.append(s), a.addEventListener("click", (l) => {
-    l && l.target instanceof HTMLElement && l.target.closest(".btn-primary") && (l.target.closest(".btn-primary"), (i.hasAttribute("multiple") ? s : i).click());
+const ot = /* @__PURE__ */ w(Bt, [["render", ce]]);
+function de(e, a) {
+  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", (l) => {
+    l && l.target instanceof HTMLElement && l.target.closest(".btn-primary") && (l.target.closest(".btn-primary"), (o.hasAttribute("multiple") ? r : o).click());
   }), a.addEventListener("click", (l) => {
     if (l && l.target instanceof HTMLElement && l.target.closest(".files button")) {
-      const c = new DataTransfer(), { files: n } = i, f = l.target.closest(".files button");
-      for (let h = 0; h < n.length; h++) {
-        const b = n[h];
-        b.name != f.getAttribute("data-file") && c.items.add(b);
+      const c = new DataTransfer(), { files: n } = o, h = l.target.closest(".files button");
+      for (let y = 0; y < n.length; y++) {
+        const b = n[y];
+        b.name != h.getAttribute("data-file") && c.items.add(b);
       }
-      i.files = c.files;
+      o.files = c.files;
       const p = new Event("change");
-      i.dispatchEvent(p);
+      o.dispatchEvent(p);
     }
-  }), s.addEventListener("change", (l) => {
-    if (i.hasAttribute("multiple")) {
-      const n = [...i.files, ...s.files];
-      let f = [];
+  }), r.addEventListener("change", (l) => {
+    if (o.hasAttribute("multiple")) {
+      const n = [...o.files, ...r.files];
+      let h = [];
       const p = new DataTransfer();
-      for (let h = 0; h < n.length; h++) {
-        const b = n[h], y = b.size / 1e3;
-        !f.includes(b.name) && (o == 0 || y < o) && p.items.add(b), f.push(b.name);
+      for (let y = 0; y < n.length; y++) {
+        const b = n[y], m = b.size / 1e3;
+        !h.includes(b.name) && (s == 0 || m < s) && p.items.add(b), h.push(b.name);
       }
-      i.files = p.files;
+      o.files = p.files;
     } else
-      i.files = s.files;
+      o.files = r.files;
     const c = new Event("change");
-    i.dispatchEvent(c);
-  }), s.addEventListener("dragenter", (l) => {
-    s.classList.add("focus");
-  }), s.addEventListener("dragleave", (l) => {
-    s.classList.remove("focus");
-  }), s.addEventListener("drop", (l) => {
-    s.classList.remove("focus");
-  }), i.addEventListener("change", (l) => {
-    e.innerHTML = "";
-    for (const c of i.files)
-      e.innerHTML += `<span class="file">${c.name} <button data-file="${c.name}">Remove</button></span>`;
+    o.dispatchEvent(c);
+  }), r.addEventListener("dragenter", (l) => {
+    r.classList.add("focus");
+  }), r.addEventListener("dragleave", (l) => {
+    r.classList.remove("focus");
+  }), r.addEventListener("drop", (l) => {
+    r.classList.remove("focus");
+  }), o.addEventListener("change", (l) => {
+    t.innerHTML = "";
+    for (const c of o.files)
+      t.innerHTML += `<span class="file">${c.name} <button data-file="${c.name}">Remove</button></span>`;
   });
 }
 window.dataLayer = window.dataLayer || [];
@@ -910,14 +937,14 @@ window.dataLayer.push({
   event: "customElementRegistered",
   element: "fileupload"
 });
-class ut extends HTMLElement {
+class ue extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = `@import "${a}/css/components/fileupload.css";`, i = document.createElement("template");
-    i.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 = `@import "${a}/css/components/fileupload.css";`, o = document.createElement("template");
+    o.innerHTML = `
     <style>
-    @import "${e}";
-    ${r}
+    @import "${t}";
+    ${i}
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
     <div class="file-upload">
@@ -929,15 +956,15 @@ class ut extends HTMLElement {
       <slot></slot>
       <div class="files"></div>
     </div>
-    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
   }
   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"), e = this.querySelector("input"), r = this.shadowRoot.querySelector(".helper-text");
-    r.innerHTML = `${this.hasAttribute("data-maxsize") ? `Max file size is ${this.getAttribute("data-maxsize")}kb. ` : ""}${e.hasAttribute("accept") ? `Supported file types are ${e.getAttribute("accept")}` : ""}`, dt(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")}` : ""}`, de(this, a);
   }
 }
-const mt = {
+const me = {
   name: "FileUpload",
   props: {
     maxfilesize: {
@@ -951,45 +978,45 @@ const mt = {
   },
   mounted() {
     this.$nextTick(function() {
-      window.customElements.get("iam-fileupload") || window.customElements.define("iam-fileupload", ut);
+      window.customElements.get("iam-fileupload") || window.customElements.define("iam-fileupload", ue);
     });
   }
 };
-function ht(t, a, e, r, i, o) {
-  return u(), m("iam-fileupload", null, [
-    v(t.$slots, "default")
+function he(e, a, t, i, o, s) {
+  return d(), u("iam-fileupload", null, [
+    A(e.$slots, "default")
   ]);
 }
-const nr = /* @__PURE__ */ S(mt, [["render", ht]]);
+const wr = /* @__PURE__ */ w(me, [["render", he]]);
 /*!
-  * iamKey v3.7.9
+  * iamKey v3.9.0-beta-1
   * Copyright 2022-2023 iamproperty
   */
-function ft(t) {
-  let a = t.querySelectorAll("details"), e = t.querySelectorAll("summary");
-  if (a.forEach((r) => {
-    r.classList.add("accordion-item");
-  }), e.forEach((r) => {
-    r.classList.add("accordion-header"), r.classList.add("accordion-button"), r.classList.add("h4");
-  }), !t.classList.contains("accordion--keep-open")) {
-    const r = t.querySelectorAll(":scope > details");
-    r.forEach((i) => {
-      i.addEventListener("click", () => {
-        r.forEach((o) => {
-          o !== i && o.removeAttribute("open");
+function fe(e) {
+  let a = e.querySelectorAll("details"), t = e.querySelectorAll("summary");
+  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 i = e.querySelectorAll(":scope > details");
+    i.forEach((o) => {
+      o.addEventListener("click", () => {
+        i.forEach((s) => {
+          s !== o && s.removeAttribute("open");
         });
       });
     });
   }
 }
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "accordion" });
-let bt = class extends HTMLElement {
+let pe = class extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = document.createElement("template");
-    r.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 "${e}";
+    @import "${t}";
     \uFEFF: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 */
 
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
@@ -997,25 +1024,25 @@ let bt = class extends HTMLElement {
     <div class="accordion">
       <slot></slot>
     </div>
-    `, this.shadowRoot.appendChild(r.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
-    ft(this);
+    fe(this);
   }
 };
-window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", bt);
-const pt = {
+window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", pe);
+const be = {
   name: "Accordion",
   props: {},
   mounted() {
   }
-}, yt = { ref: "wrapper" };
-function gt(t, a, e, r, i, o) {
-  return u(), m("iam-accordion", yt, [
-    v(t.$slots, "default")
+}, ye = { ref: "wrapper" };
+function ge(e, a, t, i, o, s) {
+  return d(), u("iam-accordion", ye, [
+    A(e.$slots, "default")
   ], 512);
 }
-const cr = /* @__PURE__ */ S(pt, [["render", gt]]), _t = {
+const Sr = /* @__PURE__ */ w(be, [["render", ge]]), ve = {
   name: "AccordionItem",
   props: {
     title: {
@@ -1042,7 +1069,7 @@ const cr = /* @__PURE__ */ S(pt, [["render", gt]]), _t = {
   },
   computed: {
     createID() {
-      return (t) => `${Ne(t)}`;
+      return (e) => `${Nt(e)}`;
     }
   },
   data() {
@@ -1050,24 +1077,24 @@ const cr = /* @__PURE__ */ S(pt, [["render", gt]]), _t = {
       show: !this.lazy
     };
   }
-}, vt = ["id"], wt = ["classList"];
-function At(t, a, e, r, i, o) {
-  return u(), m("details", {
-    id: o.createID(e.title)
+}, _e = ["id"], Ae = ["classList"];
+function we(e, a, t, i, o, s) {
+  return d(), u("details", {
+    id: s.createID(t.title)
   }, [
-    d("summary", {
-      classList: `${e.titlecolour ? `bg-${e.titlecolour}` : ""}`
+    f("summary", {
+      classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
     }, [
-      he($(e.title), 1),
-      e.badge ? (u(), m("span", {
+      ft(q(t.title), 1),
+      t.badge ? (d(), u("span", {
         key: 0,
-        class: L(`badge bg-${e.badgecolour}`)
-      }, $(e.badge), 3)) : g("", !0)
-    ], 8, wt),
-    v(t.$slots, "default")
-  ], 8, vt);
+        class: L(`badge bg-${t.badgecolour}`)
+      }, q(t.badge), 3)) : _("", !0)
+    ], 8, Ae),
+    A(e.$slots, "default")
+  ], 8, _e);
 }
-const dr = /* @__PURE__ */ S(_t, [["render", At]]), St = {
+const kr = /* @__PURE__ */ w(ve, [["render", we]]), Le = {
   name: "Header",
   props: {
     title: {
@@ -1084,92 +1111,92 @@ const dr = /* @__PURE__ */ S(_t, [["render", At]]), St = {
       required: !1
     }
   }
-}, Lt = { class: "container" }, kt = { class: "row" }, qt = { class: "col-sm-6" }, $t = { class: "pt-5 pb-3 px-4" }, xt = { class: "col-sm-6 col-md-5 ms-auto" }, Et = ["src"];
-function Tt(t, a, e, r, i, o) {
-  return u(), m("div", Lt, [
-    d("div", {
-      class: L("bg-" + e.background + " mb-4")
+}, Se = { class: "container" }, ke = { class: "row" }, qe = { class: "col-sm-6" }, $e = { class: "pt-5 pb-3 px-4" }, xe = { class: "col-sm-6 col-md-5 ms-auto" }, Ee = ["src"];
+function Te(e, a, t, i, o, s) {
+  return d(), u("div", Se, [
+    f("div", {
+      class: L("bg-" + t.background + " mb-4")
     }, [
-      d("div", kt, [
-        d("div", qt, [
-          d("div", $t, [
-            d("h2", null, $(e.title), 1),
-            v(t.$slots, "default")
+      f("div", ke, [
+        f("div", qe, [
+          f("div", $e, [
+            f("h2", null, q(t.title), 1),
+            A(e.$slots, "default")
           ])
         ]),
-        d("div", xt, [
-          e.image ? (u(), m("img", {
+        f("div", xe, [
+          t.image ? (d(), u("img", {
             key: 0,
-            src: e.image,
+            src: t.image,
             alt: "",
             class: "h-100 w-100 object-cover"
-          }, null, 8, Et)) : g("", !0)
+          }, null, 8, Ee)) : _("", !0)
         ])
       ])
     ], 2)
   ]);
 }
-const ur = /* @__PURE__ */ S(St, [["render", Tt]]), Mt = {
+const qr = /* @__PURE__ */ w(Le, [["render", Te]]), He = {
   name: "Card",
   mounted() {
     this.$nextTick(function() {
-      import("./card.component.min-e1d5b078.mjs").then((t) => {
-        window.customElements.get("iam-card") || window.customElements.define("iam-card", t.default);
-      }).catch((t) => {
-        console.log(t.message);
+      import("./card.component.min-6bef4efd.mjs").then((e) => {
+        window.customElements.get("iam-card") || window.customElements.define("iam-card", e.default);
+      }).catch((e) => {
+        console.log(e.message);
       });
     });
   }
 };
-function Ht(t, a, e, r, i, o) {
-  return u(), m("iam-card", null, [
-    v(t.$slots, "default")
+function Me(e, a, t, i, o, s) {
+  return d(), u("iam-card", null, [
+    A(e.$slots, "default")
   ]);
 }
-const Ct = /* @__PURE__ */ S(Mt, [["render", Ht]]);
-function Dt(t) {
+const Ce = /* @__PURE__ */ w(He, [["render", Me]]);
+function De(e) {
   var a;
-  let e = t.querySelector(".carousel__inner"), r = t.querySelectorAll(".carousel__item").length;
-  t.getAttribute("data-cols");
-  let i = t.getAttribute("data-sm-cols"), o = t.getAttribute("data-md-cols");
-  t.querySelector(".carousel__controls a").classList.add("active"), e.addEventListener("scroll", function(s) {
+  let t = e.querySelector(".carousel__inner"), i = e.querySelectorAll(".carousel__item").length;
+  e.getAttribute("data-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 l = e.clientWidth, c = e.scrollWidth, n = e.scrollLeft, f = Math.round(n / c * r) + 1, p = t.querySelector(".carousel__item:last-child").offsetLeft;
-      Array.from(t.querySelectorAll(".carousel__controls a")).forEach((h, b) => {
-        h.classList.remove("active");
-      }), t.querySelector(".control-" + f).classList.add("active"), f == 1 ? t.querySelector(".btn-prev").setAttribute("disabled", "disabled") : t.querySelector(".btn-prev").removeAttribute("disabled"), e.scrollLeft + l > p ? t.querySelector(".btn-next").setAttribute("disabled", "disabled") : t.querySelector(".btn-next").removeAttribute("disabled");
+      let l = t.clientWidth, c = t.scrollWidth, n = t.scrollLeft, h = Math.round(n / c * i) + 1, p = e.querySelector(".carousel__item:last-child").offsetLeft;
+      Array.from(e.querySelectorAll(".carousel__controls a")).forEach((y, b) => {
+        y.classList.remove("active");
+      }), e.querySelector(".control-" + h).classList.add("active"), h == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + l > p ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
     }, 100);
-  }, !1), t.addEventListener("click", function(s) {
-    for (var l = s.target; l && l != this; l = l.parentNode)
+  }, !1), e.addEventListener("click", function(r) {
+    for (var l = r.target; l && l != this; l = l.parentNode)
       if (l.matches(".carousel__controls a")) {
-        s.preventDefault(), Array.from(t.querySelectorAll(".carousel__controls a")).forEach((n, f) => {
+        r.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((n, h) => {
           n.classList.remove("active");
         }), l.classList.add("active");
         const c = document.querySelector(l.getAttribute("href"));
-        e.scroll({
+        t.scroll({
           top: 0,
           left: c.offsetLeft,
           behavior: "smooth"
         });
         break;
       }
-  }, !1), t.addEventListener("click", function(s) {
-    for (var l = s.target; l && l != this; l = l.parentNode)
+  }, !1), e.addEventListener("click", function(r) {
+    for (var l = r.target; l && l != this; l = l.parentNode)
       if (l.matches(".btn-next, .btn-prev")) {
-        s.preventDefault();
-        let c = l.classList.contains("btn-prev") ? e.scrollLeft - e.clientWidth : e.scrollLeft + e.clientWidth;
-        e.scroll({
+        r.preventDefault();
+        let c = l.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
+        t.scroll({
           top: 0,
           left: c,
           behavior: "smooth"
         });
         break;
       }
-  }, !1), r == 1 && t.classList.add("hide-btns"), i >= r && t.classList.add("hide-sm-btns"), o >= r && t.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 Nt = {
+const Ne = {
   components: {
-    Card: Ct
+    Card: Ce
   },
   name: "Carousel",
   data() {
@@ -1238,94 +1265,94 @@ const Nt = {
   },
   computed: {
     content() {
-      return (t) => `${t.image ? `<img src="${t.image}" alt="" />` : ""}${t.content ? t.content : ""}`;
+      return (e) => `${e.image ? `<img src="${e.image}" alt="" />` : ""}${e.content ? e.content : ""}`;
     }
   },
   mounted() {
     this.id = this._uid, this.$nextTick(function() {
-      Dt(this.$refs.wrapper);
+      De(this.$refs.wrapper);
     });
   }
-}, Rt = ["id", "data-cols", "data-sm-cols", "data-md-cols"], zt = { class: "carousel__wrapper" }, It = { class: "carousel__inner" }, Pt = ["id"], Ft = ["innerHTML", "id"], jt = ["href"], Bt = /* @__PURE__ */ d("button", {
+}, Re = ["id", "data-cols", "data-sm-cols", "data-md-cols"], ze = { class: "carousel__wrapper" }, Pe = { class: "carousel__inner" }, je = ["id"], Ie = ["innerHTML", "id"], Fe = ["href"], Be = /* @__PURE__ */ f("button", {
   class: "btn btn-prev",
   "data-go": "0",
   disabled: ""
-}, "Prev", -1), Ot = /* @__PURE__ */ d("button", {
+}, "Prev", -1), Oe = /* @__PURE__ */ f("button", {
   class: "btn btn-next",
   "data-go": "2"
 }, "Next", -1);
-function Vt(t, a, e, r, i, o) {
-  const s = R("Card");
-  return u(), m("div", {
+function Ve(e, a, t, i, o, s) {
+  const r = I("Card");
+  return d(), u("div", {
     class: "container carousel",
-    id: "carousel" + i.id,
+    id: "carousel" + o.id,
     ref: "wrapper",
-    "data-cols": e.cols,
-    "data-sm-cols": e.smcols,
-    "data-md-cols": e.mdcols
+    "data-cols": t.cols,
+    "data-sm-cols": t.smcols,
+    "data-md-cols": t.mdcols
   }, [
-    v(t.$slots, "default"),
-    d("div", zt, [
-      d("div", It, [
-        e.type == "card" ? (u(), m("div", {
+    A(e.$slots, "default"),
+    f("div", ze, [
+      f("div", Pe, [
+        t.type == "card" ? (d(), u("div", {
           key: 0,
-          class: L(`row row-cols-${e.cols} row-cols-sm-${e.smcols} row-cols-md-${e.mdcols} ${e.gap ? `g-${e.gap}` : ""}`)
+          class: L(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
         }, [
-          (u(!0), m(T, null, M(e.items, (l, c) => (u(), m("div", {
-            class: L(`col carousel__item${e.colclass ? ` ${e.colclass}` : ""}`),
+          (d(!0), u(H, null, M(t.items, (l, c) => (d(), u("div", {
+            class: L(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
             key: c,
-            id: "carousel" + i.id + "slide" + (c + 1)
+            id: "carousel" + o.id + "slide" + (c + 1)
           }, [
-            q(s, H(l, {
-              class: e.cardclass,
-              type: e.cardtype,
-              btnyype: e.btntype,
-              titleclass: e.titleclass,
-              ctatext: e.ctatext,
-              hidectatext: e.hidectatext
+            T(r, C(l, {
+              class: t.cardclass,
+              type: t.cardtype,
+              btnyype: t.btntype,
+              titleclass: t.titleclass,
+              ctatext: t.ctatext,
+              hidectatext: t.hidectatext
             }), null, 16, ["class", "type", "btnyype", "titleclass", "ctatext", "hidectatext"])
-          ], 10, Pt))), 128))
-        ], 2)) : g("", !0),
-        e.type != "card" ? (u(), m("div", {
+          ], 10, je))), 128))
+        ], 2)) : _("", !0),
+        t.type != "card" ? (d(), u("div", {
           key: 1,
-          class: L(`row row-cols-${e.cols} row-cols-sm-${e.smcols} row-cols-md-${e.mdcols} ${e.gap ? `g-${e.gap}` : ""}`)
+          class: L(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
         }, [
-          (u(!0), m(T, null, M(e.items, (l, c) => (u(), m("div", {
-            class: L(`col carousel__item${e.colclass ? ` ${e.colclass}` : ""}`),
+          (d(!0), u(H, null, M(t.items, (l, c) => (d(), u("div", {
+            class: L(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
             key: c,
-            innerHTML: o.content(l),
-            id: "carousel" + i.id + "slide" + (c + 1)
-          }, null, 10, Ft))), 128))
-        ], 2)) : g("", !0)
+            innerHTML: s.content(l),
+            id: "carousel" + o.id + "slide" + (c + 1)
+          }, null, 10, Ie))), 128))
+        ], 2)) : _("", !0)
       ]),
-      d("div", {
-        class: L(`carousel__controls cols-${e.cols} cols-sm-${e.smcols} cols-md-${e.mdcols}`)
+      f("div", {
+        class: L(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)
       }, [
-        (u(!0), m(T, null, M(e.items, (l, c) => (u(), m("a", {
+        (d(!0), u(H, null, M(t.items, (l, c) => (d(), u("a", {
           key: c,
-          href: "#carousel" + i.id + "slide" + (c + 1),
+          href: "#carousel" + o.id + "slide" + (c + 1),
           class: L(`control-${c + 1}`)
-        }, "Slide " + $(c + 1), 11, jt))), 128))
+        }, "Slide " + q(c + 1), 11, Fe))), 128))
       ], 2),
-      Bt,
-      Ot
+      Be,
+      Oe
     ])
-  ], 8, Rt);
+  ], 8, Re);
 }
-const mr = /* @__PURE__ */ S(Nt, [["render", Vt]]);
+const $r = /* @__PURE__ */ w(Ne, [["render", Ve]]);
 /*!
-  * iamKey v3.7.9
+  * iamKey v3.9.0-beta-1
   * Copyright 2022-2023 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "header" });
-class Ut extends HTMLElement {
+class Ue extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = document.createElement("template");
-    r.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 "${e}";
-    .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);--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);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 */
+    @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 */
 
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
@@ -1343,15 +1370,15 @@ class Ut extends HTMLElement {
         <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" lazy="" />
       </picture>
     </div>
-    `, this.shadowRoot.appendChild(r.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
     this.classList.add("loaded");
-    const a = this.shadowRoot.querySelector("picture"), e = this.shadowRoot.querySelector("picture source");
-    this.hasAttribute("image") ? e.setAttribute("srcset", this.getAttribute("image")) : a.remove();
+    const a = this.shadowRoot.querySelector("picture"), t = this.shadowRoot.querySelector("picture source");
+    this.hasAttribute("image") ? t.setAttribute("srcset", this.getAttribute("image")) : a.remove();
   }
 }
-const Wt = {
+const We = {
   name: "Header",
   props: {
     title: {
@@ -1365,44 +1392,44 @@ const Wt = {
   },
   mounted() {
     this.$nextTick(function() {
-      window.customElements.get("iam-header") || window.customElements.define("iam-header", Ut);
+      window.customElements.get("iam-header") || window.customElements.define("iam-header", Ue);
     });
   }
-}, Gt = ["image"], Kt = ["innerHTML"];
-function Yt(t, a, e, r, i, o) {
-  return u(), m("iam-header", {
+}, Ge = ["image"], Ke = ["innerHTML"];
+function Ye(e, a, t, i, o, s) {
+  return d(), u("iam-header", {
     class: "bg-secondary",
-    image: e.image
+    image: t.image
   }, [
-    v(t.$slots, "breadcrumb"),
-    e.title ? (u(), m("h1", {
+    A(e.$slots, "breadcrumb"),
+    t.title ? (d(), u("h1", {
       key: 0,
-      innerHTML: e.title
-    }, null, 8, Kt)) : g("", !0),
-    v(t.$slots, "default")
-  ], 8, Gt);
+      innerHTML: t.title
+    }, null, 8, Ke)) : _("", !0),
+    A(e.$slots, "default")
+  ], 8, Ge);
 }
-const hr = /* @__PURE__ */ S(Wt, [["render", Yt]]);
-function Zt(t) {
+const xr = /* @__PURE__ */ w(We, [["render", Ye]]);
+function Xe(e) {
   var a;
-  const e = t.querySelector(".testimonial__images"), r = e.querySelectorAll("img").length;
-  if (r == 1)
+  const t = e.querySelector(".testimonial__images"), i = t.querySelectorAll("img").length;
+  if (i == 1)
     return !1;
-  t.classList.add("testimonial--multi");
-  const i = function(o) {
-    const s = t.querySelector(".btn-next"), l = t.querySelector(".btn-prev");
-    s.setAttribute("data-go", o + 1), l.setAttribute("data-go", o - 1), s.removeAttribute("disabled"), l.removeAttribute("disabled"), o == 1 ? l.setAttribute("disabled", !0) : o == r && s.setAttribute("disabled", !0);
+  e.classList.add("testimonial--multi");
+  const o = function(s) {
+    const r = e.querySelector(".btn-next"), l = e.querySelector(".btn-prev");
+    r.setAttribute("data-go", s + 1), l.setAttribute("data-go", s - 1), r.removeAttribute("disabled"), l.removeAttribute("disabled"), s == 1 ? l.setAttribute("disabled", !0) : s == i && r.setAttribute("disabled", !0);
   };
-  e.addEventListener("scroll", function(o) {
+  t.addEventListener("scroll", function(s) {
     clearTimeout(a), a = setTimeout(function() {
-      let s = e.scrollWidth, l = e.scrollHeight, c = e.scrollLeft, n = e.scrollTop, f = Math.round(c / s * r) + 1;
-      c == 0 && n != 0 && (f = Math.round(n / l * r) + 1), t.setAttribute("data-show", f), i(f);
+      let r = t.scrollWidth, l = t.scrollHeight, c = t.scrollLeft, n = t.scrollTop, h = Math.round(c / r * i) + 1;
+      c == 0 && n != 0 && (h = Math.round(n / l * i) + 1), e.setAttribute("data-show", h), o(h);
     }, 300);
-  }, !1), t.addEventListener("click", function(o) {
-    for (var s = o.target; s && s != this; s = s.parentNode)
-      if (s.matches("[data-go]")) {
-        let l = parseInt(s.getAttribute("data-go")), c = 0, n = 0, f = e.scrollWidth, p = e.scrollHeight;
-        f > p ? n = Math.floor(f * ((l - 1) / r)) : c = Math.floor(p * ((l - 1) / r)), e.scroll({
+  }, !1), e.addEventListener("click", function(s) {
+    for (var r = s.target; r && r != this; r = r.parentNode)
+      if (r.matches("[data-go]")) {
+        let l = parseInt(r.getAttribute("data-go")), c = 0, n = 0, h = t.scrollWidth, p = t.scrollHeight;
+        h > p ? n = Math.floor(h * ((l - 1) / i)) : c = Math.floor(p * ((l - 1) / i)), t.scroll({
           top: c,
           left: n,
           behavior: "smooth"
@@ -1411,7 +1438,7 @@ function Zt(t) {
       }
   }, !1);
 }
-const Xt = {
+const Je = {
   name: "Testimonial",
   props: {
     items: {
@@ -1425,57 +1452,57 @@ const Xt = {
     }
   },
   mounted() {
-    Zt(this.$refs.wrapper);
+    Xe(this.$refs.wrapper);
   }
-}, Jt = {
+}, Qe = {
   class: "container testimonial mb-5",
   "data-show": "1",
   ref: "wrapper"
-}, Qt = { class: "row" }, ea = { class: "col-md-5 position-relative" }, ta = { class: "testimonial__images" }, aa = ["src"], sa = /* @__PURE__ */ d("div", { class: "testimonial__controls" }, [
-  /* @__PURE__ */ d("button", {
+}, Ze = { class: "row" }, ta = { class: "col-md-5 position-relative" }, ea = { class: "testimonial__images" }, aa = ["src"], ra = /* @__PURE__ */ f("div", { class: "testimonial__controls" }, [
+  /* @__PURE__ */ f("button", {
     "data-go": "0",
     disabled: "",
     class: "btn-prev"
   }, "Previous"),
-  /* @__PURE__ */ d("button", {
+  /* @__PURE__ */ f("button", {
     "data-go": "2",
     class: "btn-next"
   }, "Next")
-], -1), ra = { class: "col-md-7" }, oa = /* @__PURE__ */ d("h2", null, "What our customers think…", -1), ia = { class: "testimonial__content" }, na = ["innerHTML"], la = ["innerHTML"], ca = { class: "testimonial__after" }, da = /* @__PURE__ */ d("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
-function ua(t, a, e, r, i, o) {
-  return u(), m("div", Jt, [
-    d("div", {
-      class: L("bg-" + e.background)
+], -1), ia = { class: "col-md-7" }, sa = /* @__PURE__ */ f("h2", null, "What our customers think…", -1), oa = { class: "testimonial__content" }, na = ["innerHTML"], la = ["innerHTML"], ca = { class: "testimonial__after" }, da = /* @__PURE__ */ f("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
+function ua(e, a, t, i, o, s) {
+  return d(), u("div", Qe, [
+    f("div", {
+      class: L("bg-" + t.background)
     }, [
-      d("div", Qt, [
-        d("div", ea, [
-          d("div", ta, [
-            (u(!0), m(T, null, M(e.items, (s, l) => (u(), m("img", {
+      f("div", Ze, [
+        f("div", ta, [
+          f("div", ea, [
+            (d(!0), u(H, null, M(t.items, (r, l) => (d(), u("img", {
               key: l,
-              src: s.image ? s.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
+              src: r.image ? r.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
               alt: "",
-              class: L("h-100 w-100 object-cover" + (s.image ? "" : " opacity-0"))
+              class: L("h-100 w-100 object-cover" + (r.image ? "" : " opacity-0"))
             }, null, 10, aa))), 128))
           ]),
-          sa
+          ra
         ]),
-        d("div", ra, [
-          oa,
-          d("div", ia, [
-            (u(!0), m(T, null, M(e.items, (s, l) => (u(), m("blockquote", {
+        f("div", ia, [
+          sa,
+          f("div", oa, [
+            (d(!0), u(H, null, M(t.items, (r, l) => (d(), u("blockquote", {
               key: l,
-              class: L(s.class)
+              class: L(r.class)
             }, [
-              d("div", {
-                innerHTML: s.quote
+              f("div", {
+                innerHTML: r.quote
               }, null, 8, na),
-              d("cite", {
-                innerHTML: s.cite
+              f("cite", {
+                innerHTML: r.cite
               }, null, 8, la)
             ], 2))), 128))
           ]),
-          d("div", ca, [
-            v(t.$slots, "default")
+          f("div", ca, [
+            A(e.$slots, "default")
           ])
         ])
       ]),
@@ -1483,10 +1510,10 @@ function ua(t, a, e, r, i, o) {
     ], 2)
   ], 512);
 }
-const fr = /* @__PURE__ */ S(Xt, [["render", ua]]);
+const Er = /* @__PURE__ */ w(Je, [["render", ua]]);
 const ma = {
   components: {
-    Input: Z
+    Input: ot
   },
   name: "PropertySearchbar",
   props: {
@@ -1611,8 +1638,8 @@ const ma = {
     };
   },
   methods: {
-    locationKeyup: function(t) {
-      this.$emit("locationKeyup", t);
+    locationKeyup: function(e) {
+      this.$emit("locationKeyup", e);
     }
   },
   computed: {
@@ -1620,8 +1647,8 @@ const ma = {
       get() {
         return this.locationSave ? this.locationSave : this.location;
       },
-      set(t) {
-        this.locationSave = t, this.$emit("input", t);
+      set(e) {
+        this.locationSave = e, this.$emit("input", e);
       }
     },
     locationsList() {
@@ -1633,399 +1660,127 @@ const ma = {
 }, ha = {
   class: "container",
   ref: "wrapper"
-}, fa = { class: "property-searchbar" }, ba = ["action", "method"], pa = { class: "col-12 col-md-3" }, ya = { class: "col-12 col-md" }, ga = /* @__PURE__ */ d("span", { class: "form-label d-none d-md-block" }, "Price range", -1), _a = {
+}, fa = { class: "property-searchbar" }, pa = ["action", "method"], ba = { class: "col-12 col-md-3" }, ya = { class: "col-12 col-md" }, ga = /* @__PURE__ */ f("span", { class: "form-label d-none d-md-block" }, "Price range", -1), va = {
   class: "row",
   "data-input-range": ""
-}, va = { class: "col-12 col-md" }, wa = /* @__PURE__ */ d("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), Aa = {
+}, _a = { class: "col-12 col-md" }, Aa = /* @__PURE__ */ f("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), wa = {
   class: "row",
   "data-input-range": ""
-}, Sa = { class: "col-12 col-md-2" }, La = /* @__PURE__ */ d("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
-  /* @__PURE__ */ d("button", {
+}, La = { class: "col-12 col-md-2" }, Sa = /* @__PURE__ */ f("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
+  /* @__PURE__ */ f("button", {
     class: "btn w-100 me-0",
     type: "submit",
     value: "submit"
   }, "Search")
 ], -1);
-function ka(t, a, e, r, i, o) {
-  const s = R("Input");
-  return u(), m("div", ha, [
-    v(t.$slots, "default"),
-    d("div", fa, [
-      d("form", {
+function ka(e, a, t, i, o, s) {
+  const r = I("Input");
+  return d(), u("div", ha, [
+    A(e.$slots, "default"),
+    f("div", fa, [
+      f("form", {
         class: "row",
-        action: e.formaction,
-        method: e.formmethod
+        action: t.formaction,
+        method: t.formmethod
       }, [
-        d("fieldset", pa, [
-          q(s, {
+        f("fieldset", ba, [
+          T(r, {
             inputClass: "input--locations",
-            modelValue: o.locationSet,
-            "onUpdate:modelValue": a[0] || (a[0] = (l) => o.locationSet = l),
+            modelValue: s.locationSet,
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => s.locationSet = l),
             label: "Location",
             id: "location",
-            options: o.locationsList(),
+            options: s.locationsList(),
             required: "",
             placeholder: "i.e. Newcastle or NE1",
-            onKeyupEvent: a[1] || (a[1] = (l) => o.locationKeyup(...arguments)),
+            onKeyupEvent: a[1] || (a[1] = (l) => s.locationKeyup(...arguments)),
             ref: "search"
           }, null, 8, ["modelValue", "options"]),
-          q(s, {
+          T(r, {
             class: "select--miles",
             label: "Miles",
             id: "miles",
             type: "select",
-            options: e.distances
+            options: t.distances
           }, null, 8, ["options"])
         ]),
-        d("fieldset", ya, [
+        f("fieldset", ya, [
           ga,
-          d("div", _a, [
-            q(s, {
+          f("div", va, [
+            T(r, {
               class: "col-6",
               label: "Minimum price",
               id: "price-min",
               "data-min": "true",
               type: "select",
-              options: e.pricemin
+              options: t.pricemin
             }, null, 8, ["options"]),
-            q(s, {
+            T(r, {
               class: "col-6",
               label: "Maximum price",
               id: "price-max",
               "data-max": "true",
               type: "select",
-              options: e.pricemax
+              options: t.pricemax
             }, null, 8, ["options"])
           ])
         ]),
-        d("fieldset", va, [
-          wa,
-          d("div", Aa, [
-            q(s, {
+        f("fieldset", _a, [
+          Aa,
+          f("div", wa, [
+            T(r, {
               class: "col-6",
               label: "Minimum beds",
               id: "beds-min",
               "data-min": "true",
               type: "select",
-              options: e.bedsmin
+              options: t.bedsmin
             }, null, 8, ["options"]),
-            q(s, {
+            T(r, {
               class: "col-6",
               label: "Maximum beds",
               id: "beds-max",
               "data-max": "true",
               type: "select",
-              options: e.bedsmax
+              options: t.bedsmax
             }, null, 8, ["options"])
           ])
         ]),
-        d("fieldset", Sa, [
-          q(s, {
+        f("fieldset", La, [
+          T(r, {
             label: "Property type",
             id: "property-type",
             type: "select",
-            options: e.propertytypes
+            options: t.propertytypes
           }, null, 8, ["options"])
         ]),
-        La
-      ], 8, ba)
+        Sa
+      ], 8, pa)
     ]),
-    v(t.$slots, "after")
+    A(e.$slots, "after")
   ], 512);
 }
-const br = /* @__PURE__ */ S(ma, [["render", ka]]), qa = (t) => {
-  Array.from(t.querySelectorAll("details")).forEach((a, e) => {
-    a.addEventListener("mouseenter", function(r) {
-      window.matchMedia("(min-width: 62em)").matches && a.setAttribute("open", "true");
-    }, !1), a.addEventListener("mouseleave", function(r) {
-      window.matchMedia("(min-width: 62em)").matches && a.removeAttribute("open");
-    }, !1);
-  }), "IntersectionObserver" in window && new IntersectionObserver(
-    ([e]) => e.target.classList.toggle("is-stuck", e.intersectionRatio < 1),
-    { threshold: [1] }
-  ).observe(t);
-};
-const $a = {
-  components: {
-    Input: Z,
-    Logo: _e
-  },
+const Tr = /* @__PURE__ */ w(ma, [["render", ka]]), qa = {
+  components: {},
   name: "Nav",
-  props: {
-    logo: {
-      type: String,
-      required: !1
-    },
-    logotext: {
-      type: String,
-      required: !1
-    },
-    logopath: {
-      type: String,
-      required: !1
-    },
-    search: {
-      type: String,
-      required: !1
-    },
-    btnlink: {
-      type: String,
-      required: !1
-    },
-    btntext: {
-      type: String,
-      required: !1
-    },
-    propertylink: {
-      type: String,
-      required: !1
-    },
-    movebutlerlink: {
-      type: String,
-      required: !1
-    },
-    iamsoldlink: {
-      type: String,
-      required: !1
-    }
-  },
-  data() {
-    return {
-      locationSave: ""
-    };
-  },
-  methods: {
-    subIsActive(t) {
-      return (Array.isArray(t) ? t : [t]).some((e) => this.$route.path.indexOf(e) === 0);
-    }
-  },
-  computed: {
-    hasLogoSlot() {
-      return !!this.$slots.logo;
-    },
-    hasSecondarySlot() {
-      return !!this.$slots.secondary;
-    },
-    hasSearchSlot() {
-      return !!this.$slots.search;
-    },
-    hasAccountSlot() {
-      return !!this.$slots.account;
-    },
-    isMarketplace() {
-      return !1;
-    }
-  },
   mounted() {
     this.$nextTick(function() {
-      qa(this.$refs.wrapper);
+      import("./nav.component.min-93eb365a.mjs").then((e) => {
+        window.customElements.get("iam-nav") || window.customElements.define("iam-nav", e.default);
+      }).catch((e) => {
+        console.log(e.message);
+      });
     });
-  }
-}, xa = /* @__PURE__ */ d("input", {
-  type: "checkbox",
-  name: "showMenu",
-  id: "showMenu",
-  class: "d-none"
-}, null, -1), Ea = /* @__PURE__ */ d("input", {
-  type: "checkbox",
-  name: "showSearch",
-  id: "showSearch",
-  class: "d-none"
-}, null, -1), Ta = /* @__PURE__ */ d("input", {
-  type: "checkbox",
-  name: "showAccount",
-  id: "showAccount",
-  class: "d-none"
-}, null, -1), Ma = { class: "nav__mobile-bar" }, Ha = { class: "container" }, Ca = { class: "row" }, Da = {
-  key: 0,
-  class: "col mw-md-fit-content nav__logo"
-}, Na = {
-  key: 1,
-  class: "col mw-md-fit-content nav__logo"
-}, Ra = {
-  href: "/",
-  class: "text-decoration-none mb-0"
-}, za = /* @__PURE__ */ d("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
-  /* @__PURE__ */ d("label", { for: "showMenu" }, "Menu")
-], -1), Ia = { class: "nav__inner" }, Pa = { class: "container" }, Fa = { class: "row" }, ja = {
-  key: 0,
-  class: "col mw-md-fit-content nav__logo"
-}, Ba = {
-  key: 1,
-  class: "col mw-md-fit-content nav__logo"
-}, Oa = {
-  href: "/",
-  class: "text-decoration-none mb-0"
-}, Va = {
-  key: 2,
-  class: "col mw-fit-content nav__search-btn flex-row align-items-center"
-}, Ua = /* @__PURE__ */ d("label", { for: "showSearch" }, [
-  /* @__PURE__ */ d("svg", {
-    class: "icon",
-    viewBox: "0 0 32 32"
-  }, [
-    /* @__PURE__ */ d("title", null, "Search"),
-    /* @__PURE__ */ d("ellipse", {
-      cx: "14.92",
-      cy: "13.81",
-      rx: "11.92",
-      ry: "11.81",
-      class: "icon__outline"
-    }),
-    /* @__PURE__ */ d("line", {
-      x1: "22.68",
-      y1: "22.75",
-      x2: "30",
-      y2: "30",
-      class: "icon__outline"
-    })
-  ])
-], -1), Wa = [
-  Ua
-], Ga = /* @__PURE__ */ d("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
-  /* @__PURE__ */ d("label", { for: "showMenu" }, "Menu")
-], -1), Ka = { class: "col-12 col-md nav__menu ms-auto flex-row align-items-center" }, Ya = {
-  key: 3,
-  class: "col nav__account-btn flex-row align-items-center"
-}, Za = /* @__PURE__ */ d("label", { for: "showAccount" }, [
-  /* @__PURE__ */ d("svg", {
-    class: "icon",
-    viewBox: "0 0 28 28"
-  }, [
-    /* @__PURE__ */ d("path", {
-      d: "M14,28a13.861,13.861,0,0,1-9.268-3.533l-.023.047-.721-.738L3.62,23.4l.012-.023a14,14,0,1,1,20.735,0l.012.023-.367.377-.722.738-.024-.045A13.855,13.855,0,0,1,14,28Zm0-9.58a10.5,10.5,0,0,0-1.368.092c-.085.012-.17.03-.252.047-.061.013-.124.026-.187.037l-.077.013c-.266.047-.54.095-.8.165-.108.029-.215.065-.318.1-.063.022-.125.043-.188.063l-.08.026c-.223.071-.454.144-.671.234-.125.05-.245.11-.362.168l-.146.072-.045.021c-.208.1-.423.2-.623.312-.131.074-.257.158-.379.239l-.106.07-.068.044c-.176.114-.359.232-.528.359-.137.1-.267.218-.393.327l-.054.047c-.174.15-.355.306-.519.47-.132.134-.258.277-.38.416l-.018.021c-.16.184-.3.35-.437.527-.12.161-.23.33-.337.494-.076.117-.146.238-.214.356a12.495,12.495,0,0,0,17.109,0l-.022-.037c-.061-.1-.125-.212-.192-.315-.1-.156-.214-.333-.338-.5-.141-.188-.293-.363-.436-.526-.113-.13-.253-.292-.4-.438-.161-.162-.337-.314-.517-.468l-.08-.069c-.118-.1-.24-.209-.368-.307-.183-.137-.379-.264-.568-.387l-.026-.017-.106-.07c-.125-.083-.251-.166-.381-.24-.207-.118-.429-.222-.643-.322l-.024-.011-.152-.074c-.116-.057-.235-.116-.356-.165-.214-.087-.438-.159-.656-.229l-.1-.031c-.066-.021-.132-.043-.2-.066-.1-.035-.2-.07-.309-.1-.264-.07-.538-.118-.8-.165l-.078-.014c-.063-.011-.126-.024-.187-.037-.082-.017-.167-.035-.252-.047A10.483,10.483,0,0,0,14,18.421Zm0-1.473a11.871,11.871,0,0,1,1.54.1c.1.013.192.033.284.052.069.014.139.028.209.04.34.058.672.118,1,.2.14.036.278.082.412.127l.151.05c.309.1.587.188.859.3.148.059.293.127.433.194l.13.061c.306.142.553.266.775.389.188.107.368.22.535.328.26.166.489.322.7.478.156.117.316.244.49.389.209.176.412.361.622.567.156.154.3.293.43.443.209.23.4.472.542.657l.051.066c.1.134.21.272.308.416.021.031.045.061.068.09a1.267,1.267,0,0,1,.085.117,12.525,12.525,0,1,0-19.24,0c.026-.04.056-.078.084-.114s.05-.064.073-.1c.1-.141.2-.278.3-.409l.046-.059c.2-.264.378-.478.555-.672.137-.152.281-.3.417-.43.215-.21.422-.4.635-.578.18-.15.332-.271.479-.381.208-.155.433-.31.709-.486.174-.111.346-.219.526-.319.274-.153.55-.285.783-.393l.112-.053c.144-.069.293-.14.445-.2.282-.113.578-.208.864-.3l.159-.052c.132-.044.265-.088.4-.124.331-.087.675-.148,1-.2.068-.012.137-.026.2-.039.094-.019.191-.039.288-.052A11.827,11.827,0,0,1,14,16.948Z",
-      transform: "translate(0 -0.001)"
-    }),
-    /* @__PURE__ */ d("path", {
-      d: "M5.2,10.4a5.2,5.2,0,1,1,5.2-5.2A5.206,5.206,0,0,1,5.2,10.4Zm0-8.915A3.714,3.714,0,1,0,8.915,5.2,3.719,3.719,0,0,0,5.2,1.486Z",
-      transform: "translate(8.8 4.8)"
-    })
-  ]),
-  /* @__PURE__ */ d("span", null, "My account")
-], -1), Xa = [
-  Za
-], Ja = {
-  key: 4,
-  class: "col-12 col-md nav__btn mw-md-fit-content flex-row align-items-center"
-}, Qa = ["href", "innerHTML"], es = {
-  key: 0,
-  class: "nav__menu--secondary"
-}, ts = { class: "container" }, as = {
-  key: 1,
-  class: "nav__menu--search"
-}, ss = { class: "bg-gradient pt-4" }, rs = { class: "container" }, os = {
-  key: 0,
-  class: "nav__menu--account"
-}, is = { class: "container" }, ns = { class: "row mb-4" }, ls = {
-  key: 0,
-  class: "col mw-md-fit-content nav__logo"
-}, cs = {
-  key: 1,
-  class: "col mw-md-fit-content nav__logo"
-}, ds = {
-  href: "/",
-  class: "text-decoration-none mb-0"
-}, us = /* @__PURE__ */ d("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
-  /* @__PURE__ */ d("label", { for: "showAccount" }, "Account")
-], -1), ms = { class: "container" }, hs = /* @__PURE__ */ d("span", { class: "nav__bg" }, null, -1);
-function fs(t, a, e, r, i, o) {
-  const s = R("Logo");
-  return u(), m("nav", {
-    class: L(`nav${o.hasSecondarySlot ? " has-secondary" : ""}`),
-    ref: "wrapper"
-  }, [
-    xa,
-    Ea,
-    Ta,
-    d("div", Ma, [
-      d("div", Ha, [
-        d("div", Ca, [
-          o.hasLogoSlot ? (u(), m("div", Da, [
-            v(t.$slots, "logo")
-          ])) : (u(), m("div", Na, [
-            d("a", Ra, [
-              q(s, {
-                id: e.logo,
-                path: e.logopath,
-                desc: e.logotext,
-                class: "pb-0"
-              }, null, 8, ["id", "path", "desc"])
-            ])
-          ])),
-          za
-        ])
-      ])
-    ]),
-    d("div", Ia, [
-      d("div", Pa, [
-        d("div", Fa, [
-          o.hasLogoSlot ? (u(), m("div", ja, [
-            v(t.$slots, "logo")
-          ])) : (u(), m("div", Ba, [
-            d("a", Oa, [
-              q(s, {
-                id: e.logo,
-                path: e.logopath,
-                desc: e.logotext,
-                class: "pb-0"
-              }, null, 8, ["id", "path", "desc"])
-            ])
-          ])),
-          o.hasSearchSlot ? (u(), m("div", Va, Wa)) : g("", !0),
-          Ga,
-          d("div", Ka, [
-            v(t.$slots, "default")
-          ]),
-          o.hasAccountSlot ? (u(), m("div", Ya, Xa)) : g("", !0),
-          e.btnlink ? (u(), m("div", Ja, [
-            d("a", {
-              href: e.btnlink,
-              class: "btn me-0",
-              innerHTML: e.btntext
-            }, null, 8, Qa)
-          ])) : g("", !0)
-        ])
-      ]),
-      o.hasSecondarySlot ? (u(), m("div", es, [
-        d("div", ts, [
-          v(t.$slots, "secondary")
-        ])
-      ])) : g("", !0),
-      o.hasSearchSlot ? (u(), m("div", as, [
-        d("div", ss, [
-          d("div", rs, [
-            v(t.$slots, "search")
-          ])
-        ])
-      ])) : g("", !0)
-    ]),
-    o.hasAccountSlot ? (u(), m("div", os, [
-      d("div", is, [
-        d("div", ns, [
-          o.hasLogoSlot ? (u(), m("div", ls, [
-            v(t.$slots, "logo")
-          ])) : (u(), m("div", cs, [
-            d("a", ds, [
-              q(s, {
-                id: e.logo,
-                path: e.logopath,
-                desc: e.logotext,
-                class: "pb-0"
-              }, null, 8, ["id", "path", "desc"])
-            ])
-          ])),
-          us
-        ])
-      ]),
-      d("div", ms, [
-        v(t.$slots, "account")
-      ])
-    ])) : g("", !0),
-    hs
-  ], 2);
+  },
+  methods: {}
+}, $a = { ref: "wrapper" };
+function xa(e, a, t, i, o, s) {
+  return d(), u("iam-nav", $a, [
+    A(e.$slots, "default")
+  ], 512);
 }
-const pr = /* @__PURE__ */ S($a, [["render", fs]]);
-const bs = {
+const Hr = /* @__PURE__ */ w(qa, [["render", xa]]);
+const Ea = {
   name: "Stepper",
   props: {
     label: {
@@ -2038,25 +1793,25 @@ const bs = {
       default: "Complete"
     }
   }
-}, ps = { class: "container" }, ys = ["aria-label"], gs = {
+}, Ta = { class: "container" }, Ha = ["aria-label"], Ma = {
   key: 0,
   class: "h6 stepper__start"
-}, _s = { class: "list-unstyled" }, vs = { class: "h6 stepper__end" };
-function ws(t, a, e, r, i, o) {
-  return u(), m("div", ps, [
-    d("nav", {
+}, Ca = { class: "list-unstyled" }, Da = { class: "h6 stepper__end" };
+function Na(e, a, t, i, o, s) {
+  return d(), u("div", Ta, [
+    f("nav", {
       class: "stepper",
-      "aria-label": e.label ? e.label : "Progress"
+      "aria-label": t.label ? t.label : "Progress"
     }, [
-      e.label ? (u(), m("span", gs, $(e.label), 1)) : g("", !0),
-      d("ol", _s, [
-        v(t.$slots, "default")
+      t.label ? (d(), u("span", Ma, q(t.label), 1)) : _("", !0),
+      f("ol", Ca, [
+        A(e.$slots, "default")
       ]),
-      d("span", vs, $(e.endlabel), 1)
-    ], 8, ys)
+      f("span", Da, q(t.endlabel), 1)
+    ], 8, Ha)
   ]);
 }
-const yr = /* @__PURE__ */ S(bs, [["render", ws]]), As = {
+const Mr = /* @__PURE__ */ w(Ea, [["render", Na]]), Ra = {
   name: "Stepper",
   props: {
     url: {
@@ -2072,74 +1827,74 @@ const yr = /* @__PURE__ */ S(bs, [["render", ws]]), As = {
       required: !1
     }
   }
-}, Ss = ["href", "aria-current"], Ls = {
+}, za = ["href", "aria-current"], Pa = {
   key: 0,
   class: "visually-hidden"
 };
-function ks(t, a, e, r, i, o) {
-  return u(), m("li", null, [
-    d("a", {
-      href: e.url,
-      class: L(`${e.status ? "bg-" + e.status : ""}${typeof e.current < "u" ? "current" : ""}`),
-      "aria-current": typeof e.current < "u"
+function ja(e, a, t, i, o, s) {
+  return d(), u("li", null, [
+    f("a", {
+      href: t.url,
+      class: L(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
+      "aria-current": typeof t.current < "u"
     }, [
-      d("span", null, [
-        v(t.$slots, "default")
+      f("span", null, [
+        A(e.$slots, "default")
       ]),
-      e.status ? (u(), m("em", Ls, " - status: " + $(e.status), 1)) : g("", !0)
-    ], 10, Ss)
+      t.status ? (d(), u("em", Pa, " - status: " + q(t.status), 1)) : _("", !0)
+    ], 10, za)
   ]);
 }
-const gr = /* @__PURE__ */ S(As, [["render", ks]]);
+const Cr = /* @__PURE__ */ w(Ra, [["render", ja]]);
 /*!
-  * iamKey v3.7.9
+  * iamKey v3.9.0-beta-1
   * Copyright 2022-2023 iamproperty
   */
-const qs = function(t) {
-  const a = t.querySelectorAll(":scope > details");
-  t.querySelectorAll(":scope > details > summary");
-  let e = t.querySelector(":scope > .tabs__links");
-  t.shadowRoot && t.shadowRoot.querySelector(".tabs__links") && (e = t.shadowRoot.querySelector(".tabs__links")), e || (e = document.createElement("div"), e.classList.add("tabs__links"), t.prepend(e)), a.forEach((r, i) => {
-    let o = r.querySelector(":scope > summary");
-    o.classList.add("visually-hidden");
-    let s = document.createElement("button");
-    r.hasAttribute("id") && (s = document.createElement("a"), s.setAttribute("href", `#${r.getAttribute("id")}`)), r.hasAttribute("open") && s.setAttribute("aria-pressed", !0), s.innerHTML = `${o.innerText}`, s.classList.add("link"), s.setAttribute("data-index", i), s.setAttribute("tabindex", "-1"), e.appendChild(s);
+const Ia = 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((i, o) => {
+    let s = i.querySelector(":scope > summary");
+    s.classList.add("visually-hidden");
+    let r = document.createElement("button");
+    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);
   });
-}, $s = function(t) {
-  let a = t.querySelectorAll(":scope > details"), e = t.querySelectorAll(":scope > details > summary"), r = t.querySelectorAll(":scope .tabs__links > .link");
-  t.shadowRoot && (r = t.shadowRoot.querySelectorAll(".tabs__links > .link")), r.forEach((i) => {
-    i.addEventListener("click", (o) => {
-      o.preventDefault(), r.forEach((s) => {
-        let l = s == i;
-        s.setAttribute("aria-pressed", l);
-      }), a.forEach((s, l) => {
-        let c = i.getAttribute("data-index") == l;
-        c ? s.setAttribute("open", c) : s.removeAttribute("open");
-      }), i.hasAttribute("href") && history.pushState(void 0, void 0, i.getAttribute("href")), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openTab", tabTitle: i.textContent });
+}, Fa = function(e) {
+  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 l = r == o;
+        r.setAttribute("aria-pressed", l);
+      }), a.forEach((r, l) => {
+        let c = o.getAttribute("data-index") == l;
+        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 });
     });
-  }), e.forEach((i, o) => {
-    i.addEventListener("focus", (s) => {
-      r.forEach((l) => {
+  }), t.forEach((o, s) => {
+    o.addEventListener("focus", (r) => {
+      i.forEach((l) => {
         l.classList.remove("focus");
-      }), r[o].classList.add("focus");
-    }), i.addEventListener("click", (s) => {
-      s.preventDefault(), r[o].click();
+      }), i[s].classList.add("focus");
+    }), o.addEventListener("click", (r) => {
+      r.preventDefault(), i[s].click();
     });
   });
-}, xs = function(t) {
-  let a = t.querySelectorAll(":scope > details"), e = t.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");
-  t.shadowRoot && (e = t.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")), location.hash && t.querySelector(`.tabs__links [href="${location.hash}"]`) ? (t.querySelector(`[href="${location.hash}"]`).setAttribute("open", !0), t.querySelector(`details[id="${location.hash.replace("#", "")}"]`).setAttribute("open", !0)) : t.querySelector("details[open]") || (a[0].setAttribute("open", !0), e[0].setAttribute("aria-pressed", !0));
-}, Es = function(t) {
-  qs(t), $s(t), xs(t);
+}, Ba = function(e) {
+  let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");
+  e.shadowRoot && (t = e.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")), location.hash && e.querySelector(`.tabs__links [href="${location.hash}"]`) ? (e.querySelector(`[href="${location.hash}"]`).setAttribute("open", !0), e.querySelector(`details[id="${location.hash.replace("#", "")}"]`).setAttribute("open", !0)) : e.querySelector("details[open]") || (a[0].setAttribute("open", !0), t[0].setAttribute("aria-pressed", !0));
+}, Oa = function(e) {
+  Ia(e), Fa(e), Ba(e);
 };
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "tabs" });
-class Ts extends HTMLElement {
+class Va extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = document.createElement("template");
-    r.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 "${e}";
+    @import "${t}";
 
     :host(.admin-panel){
       display: contents!important;
@@ -2151,23 +1906,23 @@ class Ts extends HTMLElement {
       <div class="tabs__links"></div>
       <slot></slot>
     </div>
-    `, this.shadowRoot.appendChild(r.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}`), Es(this);
+    this.shadowRoot.querySelector(".tabs").setAttribute("class", `tabs ${a}`), Oa(this);
   }
 }
-window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", Ts);
-const Ms = {
+window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", Va);
+const Ua = {
   name: "Tabs"
-}, Hs = { ref: "wrapper" };
-function Cs(t, a, e, r, i, o) {
-  return u(), m("iam-tabs", Hs, [
-    v(t.$slots, "default")
+}, Wa = { ref: "wrapper" };
+function Ga(e, a, t, i, o, s) {
+  return d(), u("iam-tabs", Wa, [
+    A(e.$slots, "default")
   ], 512);
 }
-const _r = /* @__PURE__ */ S(Ms, [["render", Cs]]), Ds = {
+const Dr = /* @__PURE__ */ w(Ua, [["render", Ga]]), Ka = {
   name: "Tab",
   props: {
     title: {
@@ -2185,24 +1940,24 @@ const _r = /* @__PURE__ */ S(Ms, [["render", Cs]]), Ds = {
     };
   },
   watch: {
-    show(t, a) {
-      console.log(t);
+    show(e, a) {
+      console.log(e);
     }
   }
-}, Ns = { class: "tab" }, Rs = ["innerHTML"];
-function zs(t, a, e, r, i, o) {
-  return u(), m("details", Ns, [
-    d("summary", { innerHTML: e.title }, null, 8, Rs),
-    v(t.$slots, "default")
+}, Ya = { class: "tab" }, Xa = ["innerHTML"];
+function Ja(e, a, t, i, o, s) {
+  return d(), u("details", Ya, [
+    f("summary", { innerHTML: t.title }, null, 8, Xa),
+    A(e.$slots, "default")
   ]);
 }
-const vr = /* @__PURE__ */ S(Ds, [["render", zs]]);
-let ie = oe.props;
-ie.fields.required = !1;
-const Is = {
+const Nr = /* @__PURE__ */ w(Ka, [["render", Ja]]);
+let nt = st.props;
+nt.fields.required = !1;
+const Qa = {
   components: {
-    Table: oe,
-    Input: Z
+    Table: st,
+    Input: ot
   },
   data() {
     return {
@@ -2211,17 +1966,17 @@ const Is = {
     };
   },
   methods: {
-    submitForm: function(t) {
+    submitForm: function(e) {
       console.log(this);
-      const a = new FormData(t.target);
-      let e = /* @__PURE__ */ new Date();
-      const r = e.getFullYear();
-      let i = e.getMonth() + 1, o = e.getDate();
-      o < 10 && (o = "0" + o), i < 10 && (i = "0" + i), e = o + "/" + i + "/" + r, this.itemsData.unshift({
-        date_added: e,
+      const a = new FormData(e.target);
+      let t = /* @__PURE__ */ new Date();
+      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")
-      }), this.$emit("formSubmitted", t);
+      }), this.$emit("formSubmitted", e);
     }
   },
   name: "NoteFeed",
@@ -2230,7 +1985,7 @@ const Is = {
       type: String,
       required: !0
     },
-    ...ie,
+    ...nt,
     title: {
       type: String,
       required: !1
@@ -2245,164 +2000,164 @@ const Is = {
       required: !1
     }
   }
-}, Ps = { class: "container note-feed mb-2" }, Fs = ["innerHTML"], js = ["action", "method"], Bs = ["value"], Os = /* @__PURE__ */ d("button", { class: "btn btn-tertiary" }, "Submit note", -1);
-function Vs(t, a, e, r, i, o) {
-  const s = R("Table"), l = R("Input");
-  return u(), m("div", Ps, [
-    e.title ? (u(), m("span", {
+}, Za = { class: "container note-feed mb-2" }, tr = ["innerHTML"], er = ["action", "method"], ar = ["value"], rr = /* @__PURE__ */ f("button", { class: "btn btn-tertiary" }, "Submit note", -1);
+function ir(e, a, t, i, o, s) {
+  const r = I("Table"), l = I("Input");
+  return d(), u("div", Za, [
+    t.title ? (d(), u("span", {
       key: 0,
       class: "h3",
-      innerHTML: e.title
-    }, null, 8, Fs)) : g("", !0),
-    q(s, H({
+      innerHTML: t.title
+    }, null, 8, tr)) : _("", !0),
+    T(r, C({
       fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
-      items: i.itemsData
-    }, t.$props, { class: "mb-0" }), null, 16, ["items"]),
-    d("form", {
-      action: e.action,
-      method: e.method,
-      onSubmit: a[0] || (a[0] = fe((c) => o.submitForm(...arguments), ["prevent"]))
+      items: o.itemsData
+    }, e.$props, { class: "mb-0" }), null, 16, ["items"]),
+    f("form", {
+      action: t.action,
+      method: t.method,
+      onSubmit: a[0] || (a[0] = pt((c) => s.submitForm(...arguments), ["prevent"]))
     }, [
-      d("input", {
+      f("input", {
         type: "hidden",
-        value: e.user,
+        value: t.user,
         name: "user"
-      }, null, 8, Bs),
-      q(l, {
+      }, null, 8, ar),
+      T(l, {
         id: "addNote",
         type: "textarea",
         label: "Add note",
         required: "",
         class: "mw-100"
       }),
-      Os
-    ], 40, js)
+      rr
+    ], 40, er)
   ]);
 }
-const wr = /* @__PURE__ */ S(Is, [["render", Vs]]);
+const Rr = /* @__PURE__ */ w(Qa, [["render", ir]]);
 /*!
-  * iamKey v3.7.9
+  * iamKey v3.9.0-beta-1
   * Copyright 2022-2023 iamproperty
   */
-function Us(t, a) {
-  function e(r, i) {
-    let o = !1, s = i.getAttribute("name");
-    s.includes("[]") && (s = s.replace("[]", `[${i.value}]`));
-    let l = r.querySelector(`[data-name="${s}"]`);
-    l && i.getAttribute("type") == "checkbox" && (o = !0);
-    let c = i.getAttribute("data-filter-text");
-    if (l || (l = document.createElement("button"), r.appendChild(l)), l.setAttribute("type", "button"), l.classList.add("filter"), l.setAttribute("data-name", s), l.innerHTML = c.replace("$value", i.value), (!i.value || o) && l.remove(), i.parentNode.closest("[data-filter-text]")) {
-      let n = i.parentNode.closest("[data-filter-text]"), f = !0;
-      if (s = "", n.querySelectorAll("input").forEach((p, h) => {
+function sr(e, a) {
+  function t(i, o) {
+    let s = !1, r = o.getAttribute("name");
+    r.includes("[]") && (r = r.replace("[]", `[${o.value}]`));
+    let l = i.querySelector(`[data-name="${r}"]`);
+    l && o.getAttribute("type") == "checkbox" && (s = !0);
+    let c = o.getAttribute("data-filter-text");
+    if (l || (l = document.createElement("button"), i.appendChild(l)), l.setAttribute("type", "button"), l.classList.add("filter"), l.setAttribute("data-name", r), l.innerHTML = c.replace("$value", o.value), (!o.value || s) && l.remove(), o.parentNode.closest("[data-filter-text]")) {
+      let n = o.parentNode.closest("[data-filter-text]"), h = !0;
+      if (r = "", n.querySelectorAll("input").forEach((p, y) => {
         let b = p.getAttribute("name");
-        if (s += `${h != 0 ? "," : ""}${b}`, r.querySelector(`[data-name="${b}"]`) && r.querySelector(`[data-name="${b}"]`).remove(), p.value) {
-          let y = document.createElement("button");
-          y.setAttribute("type", "button"), y.classList.add("filter"), y.setAttribute("data-name", b), y.innerHTML = c.replace("$value", p.value), r.appendChild(y);
+        if (r += `${y != 0 ? "," : ""}${b}`, i.querySelector(`[data-name="${b}"]`) && i.querySelector(`[data-name="${b}"]`).remove(), p.value) {
+          let m = document.createElement("button");
+          m.setAttribute("type", "button"), m.classList.add("filter"), m.setAttribute("data-name", b), m.innerHTML = c.replace("$value", p.value), i.appendChild(m);
         } else
-          f = !1;
-      }), r.querySelector(`[data-name="${s}"]`) && r.querySelector(`[data-name="${s}"]`).remove(), f) {
+          h = !1;
+      }), i.querySelector(`[data-name="${r}"]`) && i.querySelector(`[data-name="${r}"]`).remove(), h) {
         let p = n.getAttribute("data-filter-text");
-        n.querySelectorAll("input").forEach((b, y) => {
-          let A = b.getAttribute("name");
-          r.querySelector(`[data-name="${A}"]`) && r.querySelector(`[data-name="${A}"]`).remove(), p = p.replace(`$${y + 1}`, b.value);
+        n.querySelectorAll("input").forEach((b, m) => {
+          let S = b.getAttribute("name");
+          i.querySelector(`[data-name="${S}"]`) && i.querySelector(`[data-name="${S}"]`).remove(), p = p.replace(`$${m + 1}`, b.value);
         });
-        let h = document.createElement("button");
-        h.setAttribute("type", "button"), h.classList.add("filter"), h.setAttribute("data-name", s), h.innerHTML = p, r.appendChild(h);
+        let y = document.createElement("button");
+        y.setAttribute("type", "button"), y.classList.add("filter"), y.setAttribute("data-name", r), y.innerHTML = p, i.appendChild(y);
       }
     }
   }
-  Array.from(t.querySelectorAll('input[type="checkbox"]:checked')).forEach((r, i) => {
-    e(a, r);
-  }), t.addEventListener("change", function(r) {
-    if (r && r.target instanceof HTMLElement && r.target.closest("input[data-filter-text]")) {
-      let i = r.target.closest("input[data-filter-text]");
-      e(a, i);
+  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);
     }
-  }, !1), a.addEventListener("click", function(r) {
-    if (r && r.target instanceof HTMLElement && r.target.closest(".filter")) {
-      let s = r.target.closest(".filter"), l = s.getAttribute("data-name").split(",");
-      for (var i = 0; i < l.length; i++) {
-        let c = l[i], n = `[name="${c}"]`;
+  }, !1), a.addEventListener("click", function(i) {
+    if (i && i.target instanceof HTMLElement && i.target.closest(".filter")) {
+      let r = i.target.closest(".filter"), l = r.getAttribute("data-name").split(",");
+      for (var o = 0; o < l.length; o++) {
+        let c = l[o], n = `[name="${c}"]`;
         c.match(/\[(.*)\]/) && (c.replace(/\[(.*)\]/, "[]"), n = `[value="${c.replace(/.*\[(.*)\]/, "$1")}"]`);
-        let f = t.querySelectorAll(n);
-        for (var o = 0; o < f.length; o++) {
-          let p = f[o];
+        let h = e.querySelectorAll(n);
+        for (var s = 0; s < h.length; s++) {
+          let p = h[s];
           if (p.getAttribute("type") != "radio" && p.getAttribute("type") != "checkbox")
             p.value = "";
           else {
             p.checked = !1;
-            var r = new Event("force");
-            p.closest("form").dispatchEvent(r);
+            var i = new Event("force");
+            p.closest("form").dispatchEvent(i);
           }
         }
       }
-      s.remove();
+      r.remove();
     }
   }, !1);
 }
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "Applied Filters" });
-class Ws extends HTMLElement {
+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", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`;
-    let r = this.classList.toString();
-    const i = document.createElement("template");
-    i.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`;
+    let i = this.classList.toString();
+    const o = document.createElement("template");
+    o.innerHTML = `
     <style>
-    @import "${e}";
+    @import "${t}";
     .applied-filters:not(.applied-filters--compact):not(:empty):before{content:"Applied filters";font-weight:bold;font-size:1.125rem;line-height:1.375rem;color:var(--colour-header);margin-bottom:1rem;display:block}.applied-filters:not(:empty){margin-bottom:1rem}::slotted(*:last-child){margin-bottom:0}.applied-filters .filter{border:1px solid var(--colour-border);padding:1rem 1.5rem 1rem 1.5rem;background:rgba(0,0,0,0);margin-right:.5rem !important;margin-bottom:.5rem !important;line-height:1.5rem;white-space:nowrap}.applied-filters .filter:after{content:"";display:inline-block;height:1.25rem;width:1.25rem;padding:0;margin-left:1.5rem;margin-bottom:-0.25rem;border:none;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-close);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-close);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}.applied-filters--compact .filter{background-color:var(--colour-light);border:none;padding:0.625rem;line-height:1rem;border-radius:0.3125rem}.applied-filters--compact .filter:after{margin-left:0.625rem;height:1rem;width:1rem;margin-bottom:-0.1rem}/*# sourceMappingURL=assets/css/components/applied-filters.css.map */
 
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
-    <div class="applied-filters ${r}"></div>
+    <div class="applied-filters ${i}"></div>
     <slot></slot>
-    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
   }
   connectedCallback() {
-    Us(this, this.shadowRoot.querySelector(".applied-filters"));
+    sr(this, this.shadowRoot.querySelector(".applied-filters"));
   }
 }
-window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", Ws);
-const Gs = {
+window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", or);
+const nr = {
   name: "Header"
 };
-function Ks(t, a, e, r, i, o) {
-  return u(), m("iam-applied-filters", null, [
-    v(t.$slots, "default")
+function lr(e, a, t, i, o, s) {
+  return d(), u("iam-applied-filters", null, [
+    A(e.$slots, "default")
   ]);
 }
-const Ar = /* @__PURE__ */ S(Gs, [["render", Ks]]);
+const zr = /* @__PURE__ */ w(nr, [["render", lr]]);
 /*!
-  * iamKey v3.7.9
+  * iamKey v3.9.0-beta-1
   * Copyright 2022-2023 iamproperty
   */
-function Ys(t, a) {
-  Zs(t, a);
+function cr(e, a) {
+  dr(e, a);
 }
-function Zs(t, a) {
-  var e;
-  a.addEventListener("keyup", (r) => {
-    clearTimeout(e), e = setTimeout(function() {
-      Q(t, a.value);
+function dr(e, a) {
+  var t;
+  a.addEventListener("keyup", (i) => {
+    clearTimeout(t), t = setTimeout(function() {
+      Z(e, a.value);
     }, 500);
-  }), a.addEventListener("change", (r) => {
-    clearTimeout(e), Q(t, a.value);
+  }), a.addEventListener("change", (i) => {
+    clearTimeout(t), Z(e, a.value);
   });
 }
-const Q = function(t, a) {
-  Array.from(t.querySelectorAll(":scope > li")).forEach((e, r) => {
-    let i = e.textContent.toLowerCase();
-    e.classList.add("d-none"), i.includes(a.toLowerCase()) && e.classList.remove("d-none");
+const Z = function(e, a) {
+  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 });
 };
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "filterlist" });
-class Xs extends HTMLElement {
+class ur extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = document.createElement("template");
-    r.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 "${e}";
+    @import "${t}";
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     
     :host {
@@ -2427,86 +2182,86 @@ class Xs extends HTMLElement {
     <div class="list__wrapper">
       <slot></slot>
     </div>
-    `, this.shadowRoot.appendChild(r.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
     let a = this.classList.toString();
-    this.shadowRoot.querySelector(".list__wrapper").setAttribute("class", `list__wrapper ${a}`), this.querySelector("i.fa-search") || (this.innerHTML += '<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'), Ys(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
+    this.shadowRoot.querySelector(".list__wrapper").setAttribute("class", `list__wrapper ${a}`), this.querySelector("i.fa-search") || (this.innerHTML += '<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'), cr(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
   }
 }
-window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", Xs);
-const Js = {
+window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", ur);
+const mr = {
   name: "Filter list"
 };
-function Qs(t, a, e, r, i, o) {
-  return u(), m("iam-filterlist", null, [
-    v(t.$slots, "default")
+function hr(e, a, t, i, o, s) {
+  return d(), u("iam-filterlist", null, [
+    A(e.$slots, "default")
   ]);
 }
-const Sr = /* @__PURE__ */ S(Js, [["render", Qs]]);
-function er(t) {
-  if (t.hasAttribute("data-type") && t.getAttribute("data-type") == "toast") {
-    let e = document.querySelector(".notification__holder");
-    e || (e = document.createElement("div"), e.classList.add("notification__holder"), e.classList.add("container"), document.querySelector("body").appendChild(e)), t.closest(".notification__holder") || e.appendChild(t);
+const Pr = /* @__PURE__ */ w(mr, [["render", hr]]);
+function fr(e) {
+  if (e.hasAttribute("data-type") && e.getAttribute("data-type") == "toast") {
+    let t = document.querySelector(".notification__holder");
+    t || (t = document.createElement("div"), t.classList.add("notification__holder"), t.classList.add("container"), document.querySelector("body").appendChild(t)), e.closest(".notification__holder") || t.appendChild(e);
   }
-  if (t.setAttribute("role", "alert"), t.addEventListener("click", function(e) {
-    event && event.target instanceof HTMLElement && event.target.closest("[data-dismiss-button]") && (e.preventDefault(), Y(t));
-  }, !1), t.hasAttribute("data-timeout")) {
-    let e = t.getAttribute("data-timeout");
-    var a = new tr(function() {
-      Y(t);
-    }, e);
-    t.addEventListener("mouseenter", (r) => {
+  if (e.setAttribute("role", "alert"), e.addEventListener("click", function(t) {
+    event && event.target instanceof HTMLElement && event.target.closest("[data-dismiss-button]") && (t.preventDefault(), X(e));
+  }, !1), e.hasAttribute("data-timeout")) {
+    let t = e.getAttribute("data-timeout");
+    var a = new pr(function() {
+      X(e);
+    }, t);
+    e.addEventListener("mouseenter", (i) => {
       a.pause();
-    }), t.addEventListener("mouseleave", (r) => {
+    }), e.addEventListener("mouseleave", (i) => {
       a.resume();
     });
   }
 }
-function tr(t, a) {
-  var e, r, i = a;
+function pr(e, a) {
+  var t, i, o = a;
   this.pause = function() {
-    window.clearTimeout(e), i -= /* @__PURE__ */ new Date() - r;
+    window.clearTimeout(t), o -= /* @__PURE__ */ new Date() - i;
   }, this.resume = function() {
-    r = /* @__PURE__ */ new Date(), window.clearTimeout(e), e = window.setTimeout(t, i);
+    i = /* @__PURE__ */ new Date(), window.clearTimeout(t), t = window.setTimeout(e, o);
   }, this.resume();
 }
-const Y = function(t) {
-  t.classList.add("d-none");
+const X = function(e) {
+  e.classList.add("d-none");
 };
 window.dataLayer = window.dataLayer || [];
 window.dataLayer.push({
   event: "customElementRegistered",
   element: "Notification"
 });
-class ar extends HTMLElement {
+class br extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = `@import "${a}/css/components/notification.css";`, i = this.querySelectorAll("a,button");
-    Array.from(i).forEach((s, l) => {
-      s.setAttribute("slot", "btns"), s.classList.add("link");
-    }), (i.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
-    const o = document.createElement("template");
-    o.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 = `@import "${a}/css/components/notification.css";`, o = this.querySelectorAll("a,button");
+    Array.from(o).forEach((r, l) => {
+      r.setAttribute("slot", "btns"), r.classList.add("link");
+    }), (o.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
+    const s = document.createElement("template");
+    s.innerHTML = `
     <style>
-    @import "${e}";
-    ${r}
+    @import "${t}";
+    ${i}
     ${this.hasAttribute("data-css") ? `${this.getAttribute("data-css")}` : ""}
     </style>
 
     <div class="notification">
       <div class="notification__icon"><slot name="icon"></slot></div>
-      <div class="notification__inner"><div class="notification__text"><slot></slot></div>${i.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
+      <div class="notification__inner"><div class="notification__text"><slot></slot></div>${o.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
       ${this.hasAttribute("data-dismiss") ? '<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>' : ""}
     </div>
-    `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
   }
   connectedCallback() {
-    const a = this.shadowRoot.querySelector("[data-dismiss-button]"), e = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
-    this.hasAttribute("data-type") ? this.classList.add(`bg-${e}`) : this.classList.add(`colour-${e}`);
-    const r = this;
+    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 i = this;
     if (!this.querySelector("i"))
-      switch (e) {
+      switch (t) {
         case "danger":
           this.innerHTML += '<i class="fa-solid fa-circle-exclamation" aria-hidden="true" slot="icon"></i>';
           break;
@@ -2519,46 +2274,46 @@ class ar extends HTMLElement {
         default:
           this.innerHTML += '<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>';
       }
-    er(r), a && a.addEventListener("click", function(i) {
-      Y(r);
+    fr(i), a && a.addEventListener("click", function(o) {
+      X(i);
     }, !1);
   }
 }
-const sr = {
+const yr = {
   name: "Notification",
   props: {},
   created() {
     this.$nextTick(function() {
-      window.customElements.get("iam-notification") || window.customElements.define("iam-notification", ar);
+      window.customElements.get("iam-notification") || window.customElements.define("iam-notification", br);
     });
   }
 };
-function rr(t, a, e, r, i, o) {
-  return u(), m("iam-notification", null, [
-    v(t.$slots, "default")
+function gr(e, a, t, i, o, s) {
+  return d(), u("iam-notification", null, [
+    A(e.$slots, "default")
   ]);
 }
-const Lr = /* @__PURE__ */ S(sr, [["render", rr]]);
+const jr = /* @__PURE__ */ w(yr, [["render", gr]]);
 export {
-  cr as Accordion,
-  dr as AccordionItem,
-  Ar as AppliedFilters,
-  ur as Banner,
-  Ct as Card,
-  mr as Carousel,
-  nr as FileUpload,
-  Sr as Filterlist,
-  hr as Header,
-  Z as Input,
-  _e as Logo,
-  pr as Nav,
-  wr as NoteFeed,
-  Lr as Notification,
-  br as PropertySearchbar,
-  gr as Step,
-  yr as Stepper,
-  vr as Tab,
-  oe as Table,
-  _r as Tabs,
-  fr as Testimonial
+  Sr as Accordion,
+  kr as AccordionItem,
+  zr as AppliedFilters,
+  qr as Banner,
+  Ce as Card,
+  $r as Carousel,
+  wr as FileUpload,
+  Pr as Filterlist,
+  xr as Header,
+  ot as Input,
+  Ar as Logo,
+  Hr as Nav,
+  Rr as NoteFeed,
+  jr as Notification,
+  Tr as PropertySearchbar,
+  Cr as Step,
+  Mr as Stepper,
+  Nr as Tab,
+  st as Table,
+  Dr as Tabs,
+  Er as Testimonial
 };