@iamproperty/components 5.2.0 → 5.3.0-beta2

package/dist/components.es.js

@@ -1,8 +1,8 @@
-import { openBlock as m, createElementBlock as h, normalizeClass as L, createElementVNode as f, toDisplayString as $, createCommentVNode as _, Fragment as D, renderList as R, renderSlot as v, withDirectives as P, mergeProps as C, vModelDynamic as W, vModelText as ht, vModelSelect as pt, createTextVNode as bt, resolveComponent as K, createVNode as M, withModifiers as ft } from "vue";
+import { openBlock as m, createElementBlock as h, normalizeClass as S, createElementVNode as b, toDisplayString as $, createCommentVNode as _, Fragment as D, renderList as N, renderSlot as w, withDirectives as z, mergeProps as j, vModelDynamic as W, vModelText as ht, vModelSelect as pt, createTextVNode as ft, resolveComponent as K, createVNode as M, withModifiers as bt } from "vue";
 const y = (e, a) => {
   const t = e.__vccOpts || e;
-  for (const [i, s] of a)
-    t[i] = s;
+  for (const [i, r] of a)
+    t[i] = r;
   return t;
 }, gt = {
   name: "Logo",
@@ -29,80 +29,76 @@ const y = (e, a) => {
       return "brand brand--" + this.id;
     }
   }
-}, yt = ["xlink:href"], wt = ["innerHTML"];
-function vt(e, a, t, i, s, o) {
+}, yt = ["xlink:href"], vt = ["innerHTML"];
+function wt(e, a, t, i, r, o) {
   return m(), h("div", {
-    class: L(o.className)
+    class: S(o.className)
   }, [
     (m(), h("svg", null, [
-      f("title", null, "iam " + $(t.id), 1),
-      f("use", {
+      b("title", null, "iam " + $(t.id), 1),
+      b("use", {
         "xlink:href": t.path + o.src
       }, null, 8, yt)
     ])),
     t.desc ? (m(), h("span", {
       key: 0,
       innerHTML: t.desc
-    }, null, 8, wt)) : _("", !0)
+    }, null, 8, vt)) : _("", !0)
   ], 2);
 }
-const Li = /* @__PURE__ */ y(gt, [["render", vt]]);
-/*!
-  * iamKey v5.2.0
-  * Copyright 2022-2023 iamproperty
-  */
-const _t = function(e) {
-  return typeof e != "string" ? !1 : !isNaN(e) && !isNaN(parseFloat(e));
-}, xt = (e, a) => String(e).padStart(a, "0"), At = (e) => e.charAt(0).toUpperCase() + e.slice(1), j = (e, a, t) => a.split(/[\.\[\]\'\"]/).filter((i) => i).reduce((i, s) => i ? i[s] : t, e);
-var kt = function(e, a, t, i) {
-  function s(o) {
-    return o instanceof t ? o : new t(function(n) {
-      n(o);
+const $i = /* @__PURE__ */ y(gt, [["render", wt]]), _t = function(e) {
+  return typeof e != "string" ? !1 : !isNaN(e) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...
+  !isNaN(parseFloat(e));
+}, At = (e, a) => String(e).padStart(a, "0"), xt = (e) => e.charAt(0).toUpperCase() + e.slice(1), C = (e, a, t) => a.split(/[\.\[\]\'\"]/).filter((i) => i).reduce((i, r) => i ? i[r] : t, e);
+var Lt = globalThis && globalThis.__awaiter || function(e, a, t, i) {
+  function r(o) {
+    return o instanceof t ? o : new t(function(s) {
+      s(o);
     });
   }
-  return new (t || (t = Promise))(function(o, n) {
-    function l(p) {
+  return new (t || (t = Promise))(function(o, s) {
+    function l(u) {
       try {
-        r(i.next(p));
+        n(i.next(u));
       } catch (c) {
-        n(c);
+        s(c);
       }
     }
-    function d(p) {
+    function d(u) {
       try {
-        r(i.throw(p));
+        n(i.throw(u));
       } catch (c) {
-        n(c);
+        s(c);
       }
     }
-    function r(p) {
-      p.done ? o(p.value) : s(p.value).then(l, d);
+    function n(u) {
+      u.done ? o(u.value) : r(u.value).then(l, d);
     }
-    r((i = i.apply(e, a || [])).next());
+    n((i = i.apply(e, a || [])).next());
   });
 };
-const tt = (e) => {
+const et = (e) => {
   const a = Array.from(e.querySelectorAll("thead th"));
-  Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
-    const s = Array.from(t.querySelectorAll("th, td")), o = ["0", "low", "medium", "high", "unknown", "n/a", "pending", "verified", "due", "overdue", "incomplete", "complete", "completed", "approval required", "upcoming", "requires approval", "to do", "on track", "not started", "warning", "error"];
-    s.forEach((n, l) => {
-      const d = a[l];
-      if (typeof d < "u") {
-        let r = document.createElement("div");
-        r.innerHTML = d.innerHTML;
-        let p = r.textContent || r.innerText || "";
-        n.setAttribute("data-label", p), d.hasAttribute("data-td-class") && n.setAttribute("class", d.getAttribute("data-td-class")), d.hasAttribute("data-format") && (n.setAttribute("data-format", d.getAttribute("data-format")), n.innerHTML = Y(d.getAttribute("data-format"), n.textContent.trim())), o.includes(n.textContent.trim().toLowerCase()) && n.setAttribute("data-content", n.textContent.trim().toLowerCase());
+  Array.from(e.querySelectorAll("tbody tr")).forEach((i, r) => {
+    const o = Array.from(i.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((l, d) => {
+      const n = a[d];
+      if (typeof n < "u") {
+        let u = document.createElement("div");
+        u.innerHTML = n.innerHTML;
+        let c = u.textContent || u.innerText || "";
+        l.setAttribute("data-label", c), n.hasAttribute("data-td-class") && l.setAttribute("class", n.getAttribute("data-td-class")), n.hasAttribute("data-format") && (l.setAttribute("data-format", n.getAttribute("data-format")), l.innerHTML = Q(n.getAttribute("data-format"), l.textContent.trim())), s.includes(l.textContent.trim().toLowerCase()) && l.setAttribute("data-content", l.textContent.trim().toLowerCase());
       }
     });
   });
-}, Lt = (e) => {
+}, St = (e) => {
   let a = 0;
   return Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
-    let s = window.getComputedStyle(document.querySelector("html")), o = t.querySelector(":scope > *:last-child > *:first-child");
+    let r = window.getComputedStyle(document.querySelector("html")), o = t.querySelector(":scope > *:last-child > *:first-child");
     if (o) {
       o.classList.add("text-nowrap");
-      let n = o.offsetWidth / parseFloat(s.fontSize);
-      n += 1.7, a = a > n ? a : n;
+      let s = o.offsetWidth / parseFloat(r.fontSize);
+      s += 1.7, a = a > s ? a : s;
     }
   }), a;
 }, $t = (e, a) => {
@@ -111,42 +107,42 @@ const tt = (e) => {
   Array.from(e.querySelectorAll("thead tr")).forEach((t, i) => {
     e.querySelectorAll("thead tr th.expand-button-heading").length || t.insertAdjacentHTML("afterbegin", '<th class="th--fixed expand-button-heading"></th>');
   }), Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
-    const s = t.getAttribute("data-view") === "full" ? "aria-expanded" : "";
-    t.insertAdjacentHTML("afterbegin", `<td class="td--fixed td--expand"><button class="btn btn-compact btn-secondary" data-expand-button ${s}>Expand</button></td>`);
+    const r = t.getAttribute("data-view") === "full" ? "aria-expanded" : "";
+    t.insertAdjacentHTML("afterbegin", `<td class="td--fixed td--expand"><button class="btn btn-compact btn-secondary" data-expand-button ${r}>Expand</button></td>`);
   });
-}, St = (e) => {
+}, kt = (e) => {
   e.addEventListener("click", (a) => {
     if (a && a.target instanceof HTMLElement && a.target.closest("[data-expand-button]")) {
       let t = a.target.closest("[data-expand-button]"), i = t.closest("tr");
       t.toggleAttribute("aria-expanded"), i.getAttribute("data-view") == "full" ? i.setAttribute("data-view", "default") : i.setAttribute("data-view", "full"), t.blur();
     }
   });
-}, et = (e, a) => {
+}, at = (e, a) => {
   let t = a.querySelector("[data-search]");
   if (!t)
     return !1;
-  const i = t.getAttribute("id"), s = t.getAttribute("data-search").split(",");
-  let o = t.parentNode, n = {};
-  s.forEach((l, d) => {
-    Array.from(e.querySelectorAll('td[data-label="' + l.trim() + '"]')).forEach((r, p) => {
-      r.querySelector(".td__content") ? n[r.querySelector(".td__content").textContent] = r.querySelector(".td__content").textContent : n[r.textContent] = r.textContent;
+  const i = t.getAttribute("id"), r = t.getAttribute("data-search").split(",");
+  let o = t.parentNode, s = {};
+  r.forEach((l, d) => {
+    Array.from(e.querySelectorAll('td[data-label="' + l.trim() + '"]')).forEach((n, u) => {
+      n.querySelector(".td__content") ? s[n.querySelector(".td__content").textContent] = n.querySelector(".td__content").textContent : s[n.textContent] = n.textContent;
     });
-  }), t.setAttribute("list", `${i}_list`), t.setAttribute("autocomplete", "off"), o.querySelector("datalist") || (o.innerHTML += `<datalist id="${i}_list"></datalist>`), o.querySelector("datalist").innerHTML = `${Object.keys(n).map((l) => `<option value="${l}"></option>`).join("")}`;
-}, qt = (e, a, t, i, s) => {
+  }), t.setAttribute("list", `${i}_list`), t.setAttribute("autocomplete", "off"), o.querySelector("datalist") || (o.innerHTML += `<datalist id="${i}_list"></datalist>`), o.querySelector("datalist").innerHTML = `${Object.keys(s).map((l) => `<option value="${l}"></option>`).join("")}`;
+}, qt = (e, a, t, i, r) => {
   var o;
-  let n = function(r, p = !1) {
+  let s = function(n, u = !1) {
     if (a.classList.contains("processing"))
       return !1;
-    if (r.type == "submit" && (a.classList.add("processing"), Array.from(a.querySelectorAll("[data-duplicate]")).forEach((c, u) => {
-      const g = c.getAttribute("data-duplicate"), b = document.getElementById(g), x = document.querySelector(`[for="${g}"] iam-card`);
-      if (b.checked != c.checked)
-        if (x) {
-          let S = new Event("click");
-          x.dispatchEvent(S);
+    if (n.type == "submit" && (a.classList.add("processing"), Array.from(a.querySelectorAll("[data-duplicate]")).forEach((c, p) => {
+      const g = c.getAttribute("data-duplicate"), f = document.getElementById(g), A = document.querySelector(`[for="${g}"] iam-card`);
+      if (f.checked != c.checked)
+        if (A) {
+          let k = new Event("click");
+          A.dispatchEvent(k);
         } else
-          b.checked = c.checked;
+          f.checked = c.checked;
     }), a.classList.remove("processing")), a.hasAttribute("data-ajax")) {
-      if (!p) {
+      if (!u) {
         let c = a.querySelector("[data-pagination]");
         c.value = 1, i.setAttribute("data-page", 1);
       }
@@ -154,208 +150,211 @@ const tt = (e) => {
     } else
       a.hasAttribute("data-submit") ? a.submit() : (G(e, a, i), B(e, a));
     if (a.hasAttribute("data-ajax-post")) {
-      let c = new FormData(a), u = new URLSearchParams(c).toString();
+      let c = new FormData(a), p = new URLSearchParams(c).toString();
       const g = new XMLHttpRequest();
-      g.open("GET", `${window.location.href}?ajax=true&${u}`), g.send();
+      g.open("GET", `${window.location.href}?ajax=true&${p}`), g.send();
     }
   };
-  a.addEventListener("keyup", (r) => {
-    clearTimeout(o), r && r.target instanceof HTMLElement && r.target.closest("[data-search]") && (o = setTimeout(function() {
-      n(r);
+  a.addEventListener("keyup", (n) => {
+    clearTimeout(o), n && n.target instanceof HTMLElement && n.target.closest("[data-search]") && (o = setTimeout(function() {
+      s(n);
     }, 500));
-  }), a.addEventListener("change", (r) => {
-    clearTimeout(o), r && r.target instanceof HTMLElement && r.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || Q(e, a, s), n(r)), r && r.target instanceof HTMLElement && r.target.closest("[data-search]") && n(r), r && r.target instanceof HTMLElement && r.target.closest("[data-filter][data-no-ajax]") ? (G(e, a, i), B(e, a)) : (r && r.target instanceof HTMLElement && r.target.closest("[data-filter]") && r.target.closest("form .dialog__wrapper > dialog") || r && r.target instanceof HTMLElement && r.target.closest("[data-filter]") && !r.target.closest("form dialog")) && n(r), r && r.target instanceof HTMLElement && r.target.closest("[data-show]") && n(r), r && r.target instanceof HTMLElement && r.target.closest("[data-mimic]") && n(r);
-  }), a.addEventListener("click", (r) => {
-    if (clearTimeout(o), r && r.target instanceof HTMLElement && r.target.closest('dialog button:not([type="button"])') && r.target.closest('dialog button:not([type="button"])').closest("dialog").close(), r && r.target instanceof HTMLElement && r.target.closest(".dialog__close") && (r.preventDefault(), r.stopPropagation()), r && r.target instanceof HTMLElement && r.target.closest("[data-clear]")) {
-      a.classList.add("processing"), Array.from(a.querySelectorAll(".applied-filters")).forEach((c, u) => {
+  }), a.addEventListener("change", (n) => {
+    clearTimeout(o), n && n.target instanceof HTMLElement && n.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || Z(e, a, r), s(n)), n && n.target instanceof HTMLElement && n.target.closest("[data-search]") && s(n), n && n.target instanceof HTMLElement && n.target.closest("[data-filter][data-no-ajax]") ? (G(e, a, i), 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")) && s(n), n && n.target instanceof HTMLElement && n.target.closest("[data-show]") && s(n), n && n.target instanceof HTMLElement && n.target.closest("[data-mimic]") && s(n);
+  }), a.addEventListener("click", (n) => {
+    if (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.classList.add("processing"), Array.from(a.querySelectorAll(".applied-filters")).forEach((c, p) => {
         c.innerHTML = "";
       });
-      let p = a.elements;
-      for (let c = 0; c < p.length; c++)
-        switch (p[c].type.toLowerCase() ? p[c].type.toLowerCase() : "text") {
+      let u = a.elements;
+      for (let c = 0; c < u.length; c++)
+        switch (u[c].type.toLowerCase() ? u[c].type.toLowerCase() : "text") {
           case "text":
           case "password":
           case "textarea":
-            p[c].value = "";
+            u[c].value = "";
             break;
           case "radio":
           case "checkbox":
-            if (p[c].checked) {
-              let u = p[c], g = u.getAttribute("id"), b = document.querySelector(`[for="${g}"`);
-              if (b.querySelector("iam-card")) {
-                let x = b.querySelector("iam-card"), S = new Event("click");
-                x.dispatchEvent(S);
+            if (u[c].checked) {
+              let g = u[c], f = g.getAttribute("id"), A = document.querySelector(`[for="${f}"`);
+              if (A.querySelector("iam-card")) {
+                let k = A.querySelector("iam-card"), E = new Event("click");
+                k.dispatchEvent(E);
               }
-              u.checked = !1;
+              g.checked = !1;
             }
             break;
           case "select-one":
           case "select-multi":
-            p[c].selectedIndex = -1;
+            u[c].selectedIndex = -1;
             break;
         }
-      a.classList.remove("processing"), a.hasAttribute("data-submit") || Q(e, a, s), n(r);
+      a.classList.remove("processing"), a.hasAttribute("data-submit") || Z(e, a, r), s(n);
     }
-  }), a.addEventListener("submit", (r) => {
-    clearTimeout(o), a.hasAttribute("data-submit") || r.preventDefault(), n(r);
-  }), a.addEventListener("force", (r) => {
-    n(r);
-  }), a.addEventListener("paginate", (r) => {
-    n(r, !0);
+  }), a.addEventListener("submit", (n) => {
+    clearTimeout(o), a.hasAttribute("data-submit") || n.preventDefault(), s(n);
+  }), a.addEventListener("force", (n) => {
+    s(n);
+  }), a.addEventListener("paginate", (n) => {
+    s(n, !0);
   });
   let l = [], d = [];
-  Array.from(a.querySelectorAll("[data-mimic]")).forEach((r, p) => {
-    let c = r.getAttribute("data-mimic");
-    Array.from(document.querySelectorAll(`[name="${c}"]`)).forEach((u, g) => {
-      let b = u.closest("form");
-      l.includes(b) || l.push(b), d.includes(c) || d.push(c);
+  Array.from(a.querySelectorAll("[data-mimic]")).forEach((n, u) => {
+    let c = n.getAttribute("data-mimic");
+    Array.from(document.querySelectorAll(`[name="${c}"]`)).forEach((p, g) => {
+      let f = p.closest("form");
+      l.includes(f) || l.push(f), d.includes(c) || d.push(c);
     });
-  }), l.forEach((r, p) => {
+  }), l.forEach((n, u) => {
     const c = function() {
-      let u = [], g = new FormData(r);
-      for (const [b, x] of g)
-        document.querySelector(`[data-mimic="${b}"]`) && !u.includes(b) ? (u.push(b), document.querySelector(`[data-mimic="${b}"]`).value = x) : document.querySelector(`[data-mimic="${b}"]`) && (document.querySelector(`[data-mimic="${b}"]`).value += "," + x);
-      for (const b of u) {
-        const x = new Event("force");
-        a.dispatchEvent(x);
+      let p = [], g = new FormData(n);
+      for (const [f, A] of g)
+        document.querySelector(`[data-mimic="${f}"]`) && !p.includes(f) ? (p.push(f), document.querySelector(`[data-mimic="${f}"]`).value = A) : document.querySelector(`[data-mimic="${f}"]`) && (document.querySelector(`[data-mimic="${f}"]`).value += "," + A);
+      for (const f of p) {
+        const A = new Event("force");
+        a.dispatchEvent(A);
       }
-      for (const b of d)
-        if (!g.has(b) && r.querySelector(`[name="${b}"]`)) {
-          document.querySelector(`[data-mimic="${b}"]`).value = "";
-          const x = new Event("force");
-          a.dispatchEvent(x);
+      for (const f of d)
+        if (!g.has(f) && n.querySelector(`[name="${f}"]`)) {
+          document.querySelector(`[data-mimic="${f}"]`).value = "";
+          const A = new Event("force");
+          a.dispatchEvent(A);
         }
     };
-    r.addEventListener("force", (u) => {
+    n.addEventListener("force", (p) => {
       c();
-    }), r.addEventListener("change", (u) => {
+    }), n.addEventListener("change", (p) => {
       c();
     });
   });
-}, Q = (e, a, t) => {
+}, Z = (e, a, t) => {
   if (a.getAttribute("data-ajax"))
     return !1;
-  let i = e.querySelector("tbody"), s = a.querySelector("[data-sort]"), o = s.querySelector(`option:nth-child(${s.selectedIndex + 1})`), n = o.getAttribute("data-sort"), l = o.getAttribute("data-order"), d = o.getAttribute("data-format");
-  if (!n)
-    return i.innerHTML = t.innerHTML, tt(e), !1;
-  let r = [];
-  ["asc", "desc", "descending"].includes(l) || (r = l.split(","));
-  let p = [];
-  Array.from(i.querySelectorAll("tr")).forEach((u, g) => {
-    let b = u.querySelector('td[data-label="' + n + '"], th[data-label="' + n + '"]').textContent.trim();
-    u.querySelector('[data-label="' + n + '"] .td__content') && (b = u.querySelector('[data-label="' + n + '"] .td__content').textContent.trim()), r.length && r.includes(b) && (b = r.indexOf(b)), _t(b) && (b = xt(b, 10)), d && d == "date" && (b = new Date(b));
-    const x = { index: b, row: u };
-    p.push(x);
-  }), p.sort((u, g) => u.index > g.index ? 1 : -1), (l == "descending" || l == "desc") && (p = p.reverse());
+  let i = e.querySelector("tbody"), r = a.querySelector("[data-sort]"), o = r.querySelector(`option:nth-child(${r.selectedIndex + 1})`), s = o.getAttribute("data-sort"), l = o.getAttribute("data-order"), d = o.getAttribute("data-format");
+  if (!s)
+    return i.innerHTML = t.innerHTML, et(e), !1;
+  let n = [];
+  ["asc", "desc", "descending"].includes(l) || (n = l.split(","));
+  let u = [];
+  Array.from(i.querySelectorAll("tr")).forEach((p, g) => {
+    let f = p.querySelector('td[data-label="' + s + '"], th[data-label="' + s + '"]').textContent.trim();
+    p.querySelector('[data-label="' + s + '"] .td__content') && (f = p.querySelector('[data-label="' + s + '"] .td__content').textContent.trim()), n.length && n.includes(f) && (f = n.indexOf(f)), _t(f) && (f = At(f, 10)), d && d == "date" && (f = new Date(f));
+    const A = {
+      index: f,
+      row: p
+    };
+    u.push(A);
+  }), u.sort((p, g) => p.index > g.index ? 1 : -1), (l == "descending" || l == "desc") && (u = u.reverse());
   let c = "";
-  p.forEach((u, g) => {
-    c += u.row.outerHTML;
+  u.forEach((p, g) => {
+    c += p.row.outerHTML;
   }), i.innerHTML = c;
 }, G = (e, a, t) => {
   e.classList.remove("table--filtered");
-  let i = it(a), s = [], o = 0, n = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, l = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
-  if (Array.from(e.querySelectorAll("tbody tr")).forEach((r, p) => {
-    r.classList.remove("filtered"), r.classList.remove("filtered--matched"), r.classList.remove("filtered--show"), r.removeAttribute("data-filtered-by");
+  let i = st(a), r = [], 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(e.querySelectorAll("tbody tr")).forEach((n, u) => {
+    n.classList.remove("filtered"), n.classList.remove("filtered--matched"), n.classList.remove("filtered--show"), n.removeAttribute("data-filtered-by");
   }), a.querySelector("[data-search]")) {
-    let r = a.querySelector("[data-search]");
-    a.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((p, c) => {
-      s.push({ column: `${p.trim()}`, value: `${r.value}` });
+    let n = a.querySelector("[data-search]");
+    a.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((c, p) => {
+      r.push({ column: `${c.trim()}`, value: `${n.value}` });
     });
   }
-  Array.from(a.querySelectorAll("[data-filter-count]")).forEach((r, p) => {
-    r.innerHTML = "", r.parentNode.classList.remove("hover");
+  Array.from(a.querySelectorAll("[data-filter-count]")).forEach((n, u) => {
+    n.innerHTML = "", n.parentNode.classList.remove("hover");
   });
   let d = 0;
-  Object.values(i).forEach((r, p) => {
-    typeof r == "object" && Object.values(r).length ? d += Object.values(r).length : d++;
-  }), d && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((r, p) => {
-    r.innerHTML += `(${d})`, r.parentNode.classList.add("hover");
+  Object.values(i).forEach((n, u) => {
+    typeof n == "object" && Object.values(n).length ? d += Object.values(n).length : d++;
+  }), d && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((n, u) => {
+    n.innerHTML += `(${d})`, n.parentNode.classList.add("hover");
   }), e.classList.add("table--filtered");
-  for (const [r, p] of Object.entries(i))
-    Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((c, u) => {
+  for (const [n, u] of Object.entries(i))
+    Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((c, p) => {
       let g = !1;
-      p.forEach((b, x) => {
-        let S = c.querySelector(`[data-label="${r}"]`);
-        if (b && b == "$today")
-          b = Y("date", /* @__PURE__ */ new Date());
-        else if (b && b == "$yesterday") {
-          let A = /* @__PURE__ */ new Date();
-          A.setDate(A.getDate() - 1), b = Y("date", A);
-        } else if (b && (b == "$thisWeek" || b == "$lastWeek")) {
-          let A = /* @__PURE__ */ new Date(), k = new Date(A.setDate(A.getDate() - (A.getDay() - 1))), w = new Date(A.setDate(A.getDate() - A.getDay() + 7)), q = new Date(S.textContent.toLowerCase());
-          if (A.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), b == "$thisWeek")
-            g = q >= k && q <= w;
+      u.forEach((f, A) => {
+        let k = c.querySelector(`[data-label="${n}"]`);
+        if (f && f == "$today")
+          f = Q("date", /* @__PURE__ */ new Date());
+        else if (f && f == "$yesterday") {
+          let x = /* @__PURE__ */ new Date();
+          x.setDate(x.getDate() - 1), f = Q("date", x);
+        } else if (f && (f == "$thisWeek" || f == "$lastWeek")) {
+          let x = /* @__PURE__ */ new Date(), L = new Date(x.setDate(x.getDate() - (x.getDay() - 1))), v = new Date(x.setDate(x.getDate() - x.getDay() + 7)), q = new Date(k.textContent.toLowerCase());
+          if (x.setHours(0, 0, 0, 0), L.setHours(0, 0, 0, 0), v.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), f == "$thisWeek")
+            g = q >= L && q <= v;
           else {
-            let E = new Date(k.setDate(k.getDate() - 7)), z = new Date(w.setDate(w.getDate() - 7));
-            E.setHours(0, 0, 0, 0), z.setHours(0, 0, 0, 0), g = q >= E && q <= z;
+            let T = new Date(L.setDate(L.getDate() - 7)), P = new Date(v.setDate(v.getDate() - 7));
+            T.setHours(0, 0, 0, 0), P.setHours(0, 0, 0, 0), g = q >= T && q <= P;
           }
-        } else if (b && b == "$thisMonth") {
-          let A = /* @__PURE__ */ new Date(), k = A.getFullYear(), w = A.getMonth();
-          var T = new Date(k, w, 1), F = new Date(k, w + 1, 0);
-          let q = new Date(S.textContent.toLowerCase());
-          T.setHours(0, 0, 0, 0), F.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), g = q >= T && q <= F;
-        } else if (b && b == "$lastMonth") {
-          let A = /* @__PURE__ */ new Date(), k = A.getFullYear(), w = A.getMonth();
-          var I = new Date(k, w - 1, 1), H = new Date(k, w, 0);
-          let q = new Date(S.textContent.toLowerCase());
-          I.setHours(0, 0, 0, 0), H.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), g = q >= I && q <= H;
+        } else if (f && f == "$thisMonth") {
+          let x = /* @__PURE__ */ new Date(), L = x.getFullYear(), v = x.getMonth();
+          var E = new Date(L, v, 1), I = new Date(L, v + 1, 0);
+          let q = new Date(k.textContent.toLowerCase());
+          E.setHours(0, 0, 0, 0), I.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), g = q >= E && q <= I;
+        } else if (f && f == "$lastMonth") {
+          let x = /* @__PURE__ */ new Date(), L = x.getFullYear(), v = x.getMonth();
+          var O = new Date(L, v - 1, 1), H = new Date(L, v, 0);
+          let q = new Date(k.textContent.toLowerCase());
+          O.setHours(0, 0, 0, 0), H.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), g = q >= O && q <= H;
         }
-        S && S.textContent.toLowerCase().includes(b.toLowerCase()) && (g = !0);
-      }), g || (c.classList.add("filtered"), c.setAttribute("data-filtered-by", r));
+        k && k.textContent.toLowerCase().includes(f.toLowerCase()) && (g = !0);
+      }), g || (c.classList.add("filtered"), c.setAttribute("data-filtered-by", n));
     });
-  Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((r, p) => {
-    let c = !(s.length > 0 && s[0].value.length >= 3);
-    s.forEach((u, g) => {
-      let b = r.querySelector(`[data-label="${u.column}"]`);
-      b && u.value.length >= 3 && b.textContent.toLowerCase().includes(u.value.toLowerCase()) && (c = !0);
-    }), c || r.classList.add("filtered");
-  }), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((r, p) => {
-    o++, r.classList.add("filtered--matched"), Math.ceil(o / l) == parseInt(n) && r.classList.add("filtered--show");
-  }), t && (t.setAttribute("data-total", o), t.setAttribute("data-show", l), t.setAttribute("data-page", n));
+  Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((n, u) => {
+    let c = !(r.length > 0 && r[0].value.length >= 3);
+    r.forEach((p, g) => {
+      let f = n.querySelector(`[data-label="${p.column}"]`);
+      f && p.value.length >= 3 && f.textContent.toLowerCase().includes(p.value.toLowerCase()) && (c = !0);
+    }), c || n.classList.add("filtered");
+  }), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((n, u) => {
+    o++, n.classList.add("filtered--matched"), Math.ceil(o / l) == parseInt(s) && n.classList.add("filtered--show");
+  }), t && (t.setAttribute("data-total", o), t.setAttribute("data-show", l), t.setAttribute("data-page", s));
 }, B = (e, a, t) => {
-  Array.from(a.querySelectorAll("[data-query]")).forEach((i, s) => {
-    let o = i.getAttribute("data-query"), n = 0;
-    if (o == "total")
-      t.hasAttribute("data-total") ? n = t.getAttribute("data-total") : n = (e.classList.contains("table--filtered"), e.querySelectorAll("tbody tr").length);
-    else if (!o.includes(" == ") && o.includes(" & ")) {
-      let l = o.split(" & "), d = "";
-      l.forEach((r) => {
-        d += `:not([data-filtered-by="${r}"])`;
-      }), n = Array.from(e.querySelectorAll(`tbody tr${d}`)).length;
-    } else if (!o.includes(" == "))
-      n = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${o}"])`)).length;
-    else if (o.includes(" && ")) {
-      let l = o.split(" && ");
-      n = Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d) {
-        let r = !0;
-        for (const [p, c] of Object.entries(l)) {
-          let u = c.split(" == ");
-          (!d.querySelector(`td[data-label="${u[0]}"]`) || d.querySelector(`td[data-label="${u[0]}"]`).textContent != `${u[1]}`) && (r = !1);
+  Array.from(a.querySelectorAll("[data-query]")).forEach((r, o) => {
+    let s = r.getAttribute("data-query"), l = 0;
+    if (s == "total")
+      t.hasAttribute("data-total") ? l = t.getAttribute("data-total") : l = (e.classList.contains("table--filtered"), e.querySelectorAll("tbody tr").length);
+    else if (!s.includes(" == ") && s.includes(" & ")) {
+      let d = s.split(" & "), n = "";
+      d.forEach((u) => {
+        n += `:not([data-filtered-by="${u}"])`;
+      }), l = Array.from(e.querySelectorAll(`tbody tr${n}`)).length;
+    } else if (!s.includes(" == "))
+      l = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${s}"])`)).length;
+    else if (s.includes(" && ")) {
+      let d = s.split(" && ");
+      l = Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(n) {
+        let u = !0;
+        for (const [c, p] of Object.entries(d)) {
+          let g = p.split(" == ");
+          (!n.querySelector(`td[data-label="${g[0]}"]`) || n.querySelector(`td[data-label="${g[0]}"]`).textContent != `${g[1]}`) && (u = !1);
         }
-        return r;
+        return u;
       }).length;
     } else {
-      let l = o.split(" == ");
-      n = Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${l[0]}"], tbody tr[data-filtered-by="${l[0]}"] td[data-label="${l[0]}"]`)).filter(function(d) {
-        return d.textContent === l[1];
+      let d = s.split(" == ");
+      l = Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${d[0]}"], tbody tr[data-filtered-by="${d[0]}"] td[data-label="${d[0]}"]`)).filter(function(n) {
+        return n.textContent === d[1];
       }).length;
     }
-    i.hasAttribute("data-total") ? i.setAttribute("data-total", n) : i.innerHTML = n;
+    r.hasAttribute("data-total") ? r.setAttribute("data-total", l) : r.innerHTML = l;
   });
 }, Et = function(e, a, t, i) {
-  t.addEventListener("update-page", (s) => {
-    let o = a.querySelector("[data-pagination]"), n = s.detail.page;
-    if (o.value = n, a.dispatchEvent(new Event("paginate")), i.setAttribute("data-page", n), e.hasAttribute("data-show-history")) {
+  t.addEventListener("update-page", (r) => {
+    let o = a.querySelector("[data-pagination]"), s = r.detail.page;
+    if (o.value = s, a.dispatchEvent(new Event("paginate")), i.setAttribute("data-page", s), e.hasAttribute("data-show-history")) {
       const l = new URL(location);
-      l.searchParams.set("page", n), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: n }, "", l);
+      l.searchParams.set("page", s), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: s }, "", l);
     }
     if (!i.hasAttribute("data-no-scroll")) {
-      const l = e.getBoundingClientRect().top + window.pageYOffset + -250;
-      window.scrollTo({ top: l, behavior: "smooth" });
+      const d = e.getBoundingClientRect().top + window.pageYOffset + -250;
+      window.scrollTo({ top: d, behavior: "smooth" });
     }
-  }), t.addEventListener("update-show", (s) => {
-    let o = a.querySelector("[data-show]"), n = s.detail.show;
-    o.value = n, i.setAttribute("data-show", n), a.dispatchEvent(new Event("submit"));
+  }), t.addEventListener("update-show", (r) => {
+    let o = a.querySelector("[data-show]"), s = r.detail.show;
+    o.value = s, i.setAttribute("data-show", s), a.dispatchEvent(new Event("submit"));
   });
 }, Tt = (e, a) => {
   if (!e)
@@ -365,110 +364,124 @@ const tt = (e) => {
   });
 }, Ht = function(e) {
   for (var a = [], t = e.getElementsByTagName("tr"), i = 0; i < t.length; i++) {
-    for (var s = t[i].querySelectorAll("td,th"), o = [], n = 0; n < s.length; n++)
-      o.push(`"${s[n].textContent}"`);
+    for (var r = t[i].querySelectorAll("td,th"), o = [], s = 0; s < r.length; s++)
+      o.push(`"${r[s].textContent}"`);
     a.push(o.join(","));
   }
   a = a.join(`
 `);
-  let l = new Blob([a], { type: "text/csv" });
+  let l = new Blob([a], {
+    type: "text/csv"
+  });
   var d = document.createElement("a");
   d.download = "export.csv";
-  var r = window.URL.createObjectURL(l);
-  d.href = r, d.style.display = "none", document.body.appendChild(d), d.click(), document.body.removeChild(d);
-}, at = function(e, a, t, i) {
-  if (tt(e), $t(e, i), B(e, a, i), i && i.classList.contains("table--cta")) {
-    let s = function() {
-      Array.from(e.querySelectorAll("tr")).forEach((n, l) => {
-        let d = n.offsetHeight;
-        n.style.setProperty("--row-height", `${d}px`);
+  var n = window.URL.createObjectURL(l);
+  d.href = n, d.style.display = "none", document.body.appendChild(d), d.click(), document.body.removeChild(d);
+}, it = function(e, a, t, i) {
+  if (et(e), $t(e, i), B(e, a, i), i && i.classList.contains("table--cta")) {
+    let o = function() {
+      Array.from(e.querySelectorAll("tr")).forEach((s, l) => {
+        let d = s.offsetHeight;
+        s.style.setProperty("--row-height", `${d}px`);
       });
     };
-    const o = Lt(e);
-    i.style.setProperty("--cta-width", `${o}rem`), new ResizeObserver(s).observe(e);
+    const r = St(e);
+    i.style.setProperty("--cta-width", `${r}rem`), new ResizeObserver(o).observe(e);
   }
-}, it = function(e) {
+}, st = function(e) {
   let a = new Object();
-  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 s = t.getAttribute("data-filter");
-      a[s] || (a[s] = new Array()), a[s].push(t.value);
+  return Array.from(e.querySelectorAll("[data-filter]")).forEach((i, r) => {
+    if (!(i.type == "radio" && !i.checked) && !(i.type == "checkbox" && !i.checked) && i && i.value) {
+      let o = i.getAttribute("data-filter");
+      a[o] || (a[o] = new Array()), a[o].push(i.value);
     }
   }), a;
 }, nt = function(e, a, t, i) {
-  return kt(this, void 0, void 0, function* () {
-    let s = new FormData(a), o = new URLSearchParams(s).toString(), n = e.querySelectorAll("thead tr th:not(.expand-button-heading)"), l = e.querySelector("tbody"), d = a.getAttribute("data-ajax");
+  return Lt(this, void 0, void 0, function* () {
+    let r = new FormData(a), o = new URLSearchParams(r).toString(), s = e.querySelectorAll("thead tr th:not(.expand-button-heading)"), l = e.querySelector("tbody"), d = a.getAttribute("data-ajax");
     i.classList.add("table--loading");
-    let r = it(a);
-    Array.from(a.querySelectorAll("[data-filter-count]")).forEach((u, g) => {
-      u.innerHTML = "", u.parentNode.classList.remove("hover");
+    let n = st(a);
+    Array.from(a.querySelectorAll("[data-filter-count]")).forEach((p, g) => {
+      p.innerHTML = "", p.parentNode.classList.remove("hover");
     });
-    let p = 0;
-    Object.values(r).forEach((u, g) => {
-      typeof u == "object" && Object.values(u).length ? p += Object.values(u).length : p++;
-    }), p && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((u, g) => {
-      u.innerHTML += `(${p})`, u.parentNode.classList.add("hover");
+    let u = 0;
+    Object.values(n).forEach((p, g) => {
+      typeof p == "object" && Object.values(p).length ? u += Object.values(p).length : u++;
+    }), u && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((p, g) => {
+      p.innerHTML += `(${u})`, p.parentNode.classList.add("hover");
     }), window.controller || (window.controller = []), window.controller[d] && window.controller[d].abort(), window.controller[d] = new AbortController();
     const { signal: c } = controller[d];
     t.setAttribute("data-loading", "true"), a.classList.add("processing");
     try {
-      yield fetch(d + "?" + o, { signal: c, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((u) => u.json()).then((u) => {
-        let g = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", b = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", x = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", S = j(u, b, 15), T = j(u, x, 1), F = j(u, g), I = i.hasAttribute("data-empty-msg") ? i.getAttribute("data-empty-msg") : "No results found";
-        F ? (l.innerHTML = "", F.forEach((H, A) => {
-          var k = document.createElement("tr");
-          n.forEach((w, q) => {
-            let E = "";
-            var z = document.createElement("td");
-            if (z.setAttribute("data-label", w.innerText), w.getAttribute("data-output")) {
-              var U = w.getAttribute("data-output");
-              E = U.replace(new RegExp(/{(.*?)}/, "gm"), function(dt) {
-                return j(H, dt.replace("{", "").replace("}", ""));
+      yield fetch(d + "?" + o, {
+        signal: c,
+        method: "get",
+        credentials: "same-origin",
+        headers: new Headers({
+          "Content-Type": "application/json",
+          Accept: "application/json",
+          "X-Requested-With": "XMLHttpRequest"
+        })
+      }).then((p) => p.json()).then((p) => {
+        let g = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", f = 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", k = C(p, f, 15), E = C(p, A, 1), I = C(p, g), O = i.hasAttribute("data-empty-msg") ? i.getAttribute("data-empty-msg") : "No results found";
+        I ? (l.innerHTML = "", I.forEach((H, x) => {
+          var L = document.createElement("tr");
+          s.forEach((v, q) => {
+            let T = "";
+            var P = document.createElement("td");
+            if (P.setAttribute("data-label", v.innerText), v.getAttribute("data-output")) {
+              var U = v.getAttribute("data-output");
+              T = U.replace(new RegExp(/{(.*?)}/, "gm"), function(X) {
+                return C(H, X.replace("{", "").replace("}", ""));
               });
             }
-            if (w.hasAttribute("data-output-array")) {
-              var U = w.getAttribute("data-output");
-              let ct = j(H, U.replace("{", "").replace("}", ""));
-              E = "", ct.forEach((J, Ai) => {
-                let ut = w.getAttribute("data-output-array"), O = "";
-                if (w.hasAttribute("data-output-array-property") && w.hasAttribute("data-output-array-transform")) {
-                  const V = j(J, w.getAttribute("data-output-array-property")), mt = JSON.parse(w.getAttribute("data-output-array-transform"))[V];
-                  O = ut.replace(`{${w.getAttribute("data-output-array-property")}}`, mt);
+            if (v.hasAttribute("data-output-array")) {
+              var U = v.getAttribute("data-output");
+              let ct = C(H, U.replace("{", "").replace("}", ""));
+              T = "", ct.forEach((J, xi) => {
+                let ut = v.getAttribute("data-output-array"), F = "";
+                if (v.hasAttribute("data-output-array-property") && v.hasAttribute("data-output-array-transform")) {
+                  const V = C(J, v.getAttribute("data-output-array-property")), mt = JSON.parse(v.getAttribute("data-output-array-transform"))[V];
+                  F = ut.replace(`{${v.getAttribute("data-output-array-property")}}`, mt);
                 }
-                O = O.replace(new RegExp(/{(.*?)}/, "gm"), function(V) {
-                  return j(J, V.replace("{", "").replace("}", ""));
-                }), E += O;
+                F = F.replace(new RegExp(/{(.*?)}/, "gm"), function(V) {
+                  return C(J, V.replace("{", "").replace("}", ""));
+                }), T += F;
               });
             }
-            w.hasAttribute("data-transform") && (E = JSON.parse(w.getAttribute("data-transform"))[E], !E && w.hasAttribute("data-default") && (E = w.getAttribute("data-default"))), z.innerHTML = E, k.appendChild(z);
-          }), l.appendChild(k);
-        }), et(e, a), i.setAttribute("data-total", parseInt(S)), i.setAttribute("data-page", parseInt(T)), at(e, a, t, i), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((H, A) => {
-          let k = j(u, H.getAttribute("data-ajax-query"), "");
-          H.hasAttribute("data-total") ? H.setAttribute("data-total", k) : H.innerHTML = k;
-        }), parseInt(S) == 0 && (l.innerHTML = `<tr><td colspan="100%"><span>${I}</span></td></tr>`), i.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: d, formData: o })) : l.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>', t.removeAttribute("data-loading"), a.classList.remove("processing");
+            v.hasAttribute("data-transform") && (T = JSON.parse(v.getAttribute("data-transform"))[T], !T && v.hasAttribute("data-default") && (T = v.getAttribute("data-default"))), P.innerHTML = T, L.appendChild(P);
+          }), l.appendChild(L);
+        }), at(e, a), i.setAttribute("data-total", parseInt(k)), i.setAttribute("data-page", parseInt(E)), it(e, a, t, i), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((H, x) => {
+          let L = C(p, H.getAttribute("data-ajax-query"), "");
+          H.hasAttribute("data-total") ? H.setAttribute("data-total", L) : H.innerHTML = L;
+        }), parseInt(k) == 0 && (l.innerHTML = `<tr><td colspan="100%"><span>${O}</span></td></tr>`), i.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({
+          event: "Ajax table loaded",
+          url: d,
+          formData: o
+        })) : l.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>', t.removeAttribute("data-loading"), a.classList.remove("processing");
       });
-    } catch (u) {
-      console.log(u);
+    } catch (p) {
+      console.log(p);
     }
   });
-}, Y = (e, a) => {
+}, Q = (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 = At(a);
+      return a = xt(a);
   }
 };
 class Mt extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
-    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/table.css";`, r = `@import "${a}/css/components/table.global.css";`, o = document.createElement("template");
+    o.innerHTML = `
     <style>
     @import "${t}";
-    :host{--wrapper-padding: 2rem;--bg-colour: #ffffff;display:block;background:#fff;padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.625rem;margin-bottom:2rem;overflow:hidden}:host:before{display:none !important}@media screen and (prefers-color-scheme: dark){:host{background:var(--colour-canvas-2)}}@media(forced-colors: active){:host{--wrapper-padding: 0;background:var(--colour-canvas-2)}}::slotted(table){margin-bottom:0 !important}.table__wrapper{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}@container (width < 23.4375em){:host(:not(.table--fullwidth)){margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:0;background:var(--colour-canvas-2);border-radius:0;background:none;padding:0;box-shadow:none;overflow:visible}:host(:not(.table--fullwidth)) .table__wrapper:not(.table--fullwidth){overflow:hidden;max-height:none !important}:host(:not(.table--fullwidth)) ::slotted(table){overflow:visible !important;margin-inline:1.5rem;margin-bottom:1.5rem !important;width:calc(100% - 3rem) !important;display:block}:host(:not(.table--fullwidth)) .table--cta{border-bottom:0}:host(:not(.table--fullwidth)) .table--cta:after{content:none;display:none !important}}@container (width > 23.4375em){:host{--cta-width: 8rem}:host(.table--loading){--cta-width: 1.5rem!important}.table--cta{position:relative}.table--cta .table__wrapper{overflow-y:hidden;margin-bottom:0}}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg){position:relative}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg)::before{top:calc(100% - 1.2rem);bottom:2px;height:1.2rem;border-bottom:2px solid var(--colour-border);margin-bottom:-1.2rem}.table--cta>.table__wrapper:is(.mh-sm,.mh-md,.mh-lg){max-height:none;position:static}.table--cta>.table__wrapper:is(.mh-sm,.mh-md,.mh-lg)::before{display:none}@container (width < 23.4375em){.table__wrapper.has-actionbar{margin-top:calc(-100vh + 6.75rem) !important}}:host(.table--loading){pointer-events:none;position:relative}:host(.table--loading) ::slotted(table){min-height:20rem;opacity:.5}:host(.table--loading)::after{content:"Loading...";position:absolute;top:6.25rem;left:50%;transform:translate(-50%, 0);font-weight:bold;color:var(--colour-heading);font-size:1.5rem;text-shadow:0px 0px 10px var(--colour-canvas-2);padding-inline:2rem;text-shadow:0px 0px 10px var(--colour-canvas-2);background:radial-gradient(var(--colour-canvas-2), transparent)}@container (width < 23.4375em){.pagination--table{margin-inline:1.5rem;width:auto}:host(.table--fullwidth) .pagination--table{margin-inline:0}}/*# sourceMappingURL=assets/css/components/table.css.map */
-
+    ${i}
 
     :host(.mh-sm){
       max-height: none!important;
@@ -489,50 +502,49 @@ class Mt extends HTMLElement {
     </div>
     </div>
     <iam-pagination class="pagination--table" ${this.hasAttribute("data-page") ? `data-page="${this.getAttribute("data-page")}"` : ""} ></iam-pagination>
-    `, this.shadowRoot.appendChild(i.content.cloneNode(!0)), document.getElementById("tableExtras") || document.head.insertAdjacentHTML("beforeend", `<style id="tableExtras">*:has(>iam-table){container-type:inline-size}iam-table{--hover-background: var(--colour-light);--row-bg: var(--colour-canvas-2)}iam-table thead tr{background:var(--row-bg)}iam-table tbody tr{background:var(--row-bg)}iam-table tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238,238,238;--row-bg: var(--hover-background);background:var(--row-bg)}@media screen and (prefers-color-scheme: dark){iam-table tbody tr{--hover-background: var(--colour-canvas)}iam-table tbody tr:is(:hover,:focus-within,.hover){background:var(--row-bg)}}iam-table[data-expandable] [data-expand-button][aria-expanded]{background-color:rgba(0,0,0,0)}@container (width < 23.4375em){iam-table:not(.table--fullwidth) thead{display:none}iam-table:not(.table--fullwidth) tbody{display:block;overflow:visible}iam-table:not(.table--fullwidth) tbody tr td:first-child{padding-top:0}iam-table:not(.table--fullwidth) tr{display:block;position:relative;border:none;background:var(--row-bg);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.5rem}iam-table:not(.table--fullwidth) tr+tr{margin-top:2rem}iam-table:not(.table--fullwidth) tr:is(:hover,:focus,.hover){--row-bg: var(--colour-canvas-2)}iam-table:not(.table--fullwidth) :is(td,th){display:block;border-color:var(--colour-border);padding-right:0}iam-table:not(.table--fullwidth) :is(td,th):nth-child(1){border-top:none}iam-table:not(.table--fullwidth) :is(td,th)[data-label]:not([data-label=""]):before{content:attr(data-label);color:var(--colour-heading);padding:0 0 0.375rem 0;margin-bottom:0;display:block;font-weight:bold}iam-table:not(.table--fullwidth) td:first-child::after{top:1.75rem !important}iam-table:not(.table--fullwidth) td::after{top:2.5rem}iam-table:not(.table--fullwidth) .td--fixed{padding-right:50%}iam-table:not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}iam-table:not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}iam-table:not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative}iam-table:not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important}iam-table:not(.table--fullwidth) [data-expand-button]{top:0;right:0;background:rgba(0,0,0,0) !important;border:none;position:absolute;overflow:hidden;--compact-size: 2rem}iam-table:not(.table--fullwidth) [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:300 !important;font-size:1.75rem;line-height:var(--compact-size) !important}iam-table:not(.table--fullwidth) [data-expand-button][aria-expanded]:before{content:"";font-weight:900 !important}iam-table:not(.table--fullwidth) .dialog__wrapper{margin-top:-0.5rem;margin-left:-1rem;z-index:10}iam-table:not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child{display:block !important;position:static;width:100%;min-width:100%;margin-left:0;padding-left:0;text-align:left;min-height:0}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child:after{display:none}}@container (width > 23.4375em){iam-table.table--cta:not(.table--loading):has(tr:first-child td:first-child:last-child){padding-right:calc(var(--wrapper-padding) + 1.5rem)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>th:nth-last-child(2),iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>td:nth-last-child(2){padding-right:var(--cta-width)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{position:absolute;left:calc(100% - var(--cta-width));top:auto;background:rgba(0,0,0,0);width:var(--cta-width);min-height:calc(var(--row-height) - 2px);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem);cursor:default}@media screen and (prefers-color-scheme: dark){iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem)}}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem)}}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta){position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead{position:sticky;top:0;left:0;z-index:1;background-color:var(--row-bg)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--colour-primary)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody{position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:first-child td{border-top:0}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:last-child td{border-bottom:0}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:1rem;left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"";color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"";color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content=upcoming]):after{content:"";color:var(--colour-warning)}table :is([data-content=warning]):after{content:"";color:var(--colour-warning)}table :is([data-content=verified],[data-content=completed],[data-content=complete]):after{content:"";font-weight:normal;color:var(--colour-complete)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"";color:var(--colour-primary)}iam-table .table--filtered tbody tr:not(.filtered--show){display:none !important}iam-table table:not(.table--filtered):not(.table--ajax) tbody tr:nth-child(15)~tr{display:none}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.75rem !important;left:.25rem !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100vw;height:100%;max-height:var(--row-height);max-width:100vw;cursor:pointer;pointer-events:all;top:auto;margin:0;margin-top:0rem}iam-table tr:has([type=checkbox]:checked){--row-bg: #E0E0E0}@media screen and (prefers-color-scheme: dark){iam-table tr:has([type=checkbox]:checked){--row-bg: #000000}}@container (width < 23.4375em){@media screen and (prefers-color-scheme: light){iam-table:has([slot=before]) iam-actionbar{background-color:#e6eaec}}iam-table:has([slot=before]) .actionbar__sticky+*{margin-top:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}iam-table.table--fullwidth:not([data-expandable]) th.expand-button-heading{display:none}iam-table.table--fullwidth:not([data-expandable]) td:has([data-expand-button]){display:none}@container (width > 23.4375em){iam-table:not([data-expandable]) th.expand-button-heading{display:none}iam-table:not([data-expandable]) td.td--expand{display:none}iam-table[data-expandable] [data-expand-button]{margin:0}iam-table[data-expandable] [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:500}iam-table[data-expandable] [data-expand-button][aria-expanded]:before{content:""}iam-table[data-expandable] tr:not(:has(p)) [data-expand-button]{display:none}iam-table[data-expandable] tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}@container (width < 23.4375em){iam-table:not(.table--fullwidth) .td--fixed+td:not(.td--fixed){border-top:none}}@container (width > 23.4375em){iam-table{--width-adjust: 0px}iam-table:has([type=checkbox]){--width-adjust: -1rem}iam-table .th--fixed{min-width:calc(4.5rem + var(--width-adjust));position:absolute;padding:0}iam-table .th--fixed:after{top:auto;left:0;content:"";position:absolute;width:100%;height:calc(var(--row-height) - 2px);background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed{position:absolute;position:absolute;left:auto;top:auto;z-index:3;padding:0.25rem 0 0 0;min-width:4.5rem;height:calc(var(--row-height) - 2px);text-align:left;background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed:has([open]){z-index:4}iam-table tr:is(:hover,:focus) .td--fixed{background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table tr:has([data-expand-button]){height:calc(4.625rem - 2px)}iam-table .th--fixed+th:not(.th--fixed),iam-table .td--fixed+td:not(.td--fixed){padding-left:calc(4.5rem + var(--width-adjust))}iam-table .th--fixed:not(.expand-button-heading)+.th--fixed+th:not(.th--fixed),iam-table .td--fixed:not(.td--expand)+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table[data-expandable] .th--fixed+.th--fixed+th:not(.th--fixed),iam-table[data-expandable] .td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed+.th--fixed,iam-table .td--fixed+.td--fixed{padding-left:calc(3.25rem + var(--width-adjust));min-width:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed:has(+.th--fixed),iam-table .td--fixed:has(+.td--fixed){min-width:calc(3.25rem + var(--width-adjust));z-index:5}iam-table .dialog__wrapper{z-index:10}iam-table .dialog__wrapper:has([open]){z-index:20}iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:before,iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:after{left:1.25rem !important}iam-table:not([data-expandable]) th.expand-button-heading+th{padding-left:0 !important}iam-table:not([data-expandable]) td.td--expand+td{padding-left:0 !important}iam-table:not([data-expandable]) th.expand-button-heading+.th--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}iam-table:not([data-expandable]) td.td--expand+.td--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}}/*# sourceMappingURL=assets/css/components/table.global.css.map */
-</style>`);
+    `, this.shadowRoot.appendChild(o.content.cloneNode(!0)), document.getElementById("tableExtras") || document.head.insertAdjacentHTML("beforeend", `<style id="tableExtras">${r}</style>`);
   }
   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", a.has("show") ? a.get("show") : 15), this.hasAttribute("data-increment") || this.setAttribute("data-increment", this.getAttribute("data-show"));
     let t = this.classList.toString();
-    if (t = t.replace("table--cta", ""), t = t.replace("table--loading", ""), t = t.replace("mh-md", ""), this.shadowRoot.querySelector(".table__wrapper").className += ` ${t}`, this.querySelector(".actionbar__sticky") && this.shadowRoot.querySelector(".table__wrapper").classList.add("has-actionbar"), this.table = this.querySelector("table"), this.savedTableBody = this.table.querySelector("tbody").cloneNode(!0), this.pagination = this.shadowRoot.querySelector("iam-pagination"), this.pagination.setAttribute("data-total", this.getAttribute("data-total")), this.pagination.setAttribute("data-page", this.getAttribute("data-page")), this.pagination.setAttribute("data-show", this.getAttribute("data-show")), this.pagination.setAttribute("data-increment", this.getAttribute("data-show")), this.hasAttribute("data-page-jump") && this.pagination.setAttribute("data-page-jump", "true"), this.hasAttribute("data-per-page") && this.pagination.setAttribute("data-per-page", "true"), this.hasAttribute("data-item-count") && this.pagination.setAttribute("data-item-count", "true"), this.hasAttribute("data-loading") && this.pagination.setAttribute("data-loading", "true"), this.classList.contains("table--fullwidth") && this.pagination.setAttribute("data-minimal", "true"), this.classList.contains("table--cta") || this.shadowRoot.querySelector(".table--cta").classList.remove("table--cta"), this.form = document.createElement("form"), this.hasAttribute("data-filterby") ? this.form = document.querySelector(`#${this.getAttribute("data-filterby")}`) : this.table.parentNode.insertBefore(this.form, this.table.nextSibling), this.form.hasAttribute("data-ajax") && this.table.classList.add("table--ajax"), et(this.table, this.form), this.form.querySelector("[data-pagination]") || (this.form.innerHTML += `<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`), this.form.querySelector("[data-show]") || (this.form.innerHTML += `<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`), St(this.table), qt(this.table, this.form, this.pagination, this, this.savedTableBody), Et(this.table, this.form, this.pagination, this), Tt(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax"))
+    if (t = t.replace("table--cta", ""), t = t.replace("table--loading", ""), this.shadowRoot.querySelector(".table__wrapper").className += ` ${t}`, this.querySelector(".actionbar__sticky") && this.shadowRoot.querySelector(".table__wrapper").classList.add("has-actionbar"), this.table = this.querySelector("table"), this.savedTableBody = this.table.querySelector("tbody").cloneNode(!0), this.pagination = this.shadowRoot.querySelector("iam-pagination"), this.pagination.setAttribute("data-total", this.getAttribute("data-total")), this.pagination.setAttribute("data-page", this.getAttribute("data-page")), this.pagination.setAttribute("data-show", this.getAttribute("data-show")), this.pagination.setAttribute("data-increment", this.getAttribute("data-show")), this.hasAttribute("data-page-jump") && this.pagination.setAttribute("data-page-jump", "true"), this.hasAttribute("data-per-page") && this.pagination.setAttribute("data-per-page", "true"), this.hasAttribute("data-item-count") && this.pagination.setAttribute("data-item-count", "true"), this.hasAttribute("data-loading") && this.pagination.setAttribute("data-loading", "true"), this.classList.contains("table--fullwidth") && this.pagination.setAttribute("data-minimal", "true"), this.classList.contains("table--cta") || this.shadowRoot.querySelector(".table--cta").classList.remove("table--cta"), this.form = document.createElement("form"), this.hasAttribute("data-filterby") ? this.form = document.querySelector(`#${this.getAttribute("data-filterby")}`) : this.table.parentNode.insertBefore(this.form, this.table.nextSibling), this.form.hasAttribute("data-ajax") && this.table.classList.add("table--ajax"), at(this.table, this.form), this.form.querySelector("[data-pagination]") || (this.form.innerHTML += `<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`), this.form.querySelector("[data-show]") || (this.form.innerHTML += `<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`), kt(this.table), qt(this.table, this.form, this.pagination, this, this.savedTableBody), Et(this.table, this.form, this.pagination, this), Tt(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax"))
       nt(this.table, this.form, this.pagination, this);
     else {
-      let i = function(o = 1) {
-        return Math.floor(Math.random() * Date.now() * (o + 1));
+      let r = function(s = 1) {
+        return Math.floor(Math.random() * Date.now() * (s + 1));
       };
       if (this.querySelector("iam-actionbar[data-selectall]")) {
-        const o = this.querySelector("iam-actionbar[data-selectall]");
-        Array.from(this.table.querySelectorAll("thead tr")).forEach((n, l) => {
-          n.insertAdjacentHTML("afterbegin", '<th class="th--fixed"></th>');
-        }), Array.from(this.table.querySelectorAll("tbody tr")).forEach((n, l) => {
-          let d = `row${i(l)}`;
-          n.insertAdjacentHTML("afterbegin", `<td class="td--fixed selectrow"><input type="checkbox" name="row" id="${d}"/><label for="${d}"><span class="visually-hidden">Select row</span></label></td>`);
-        }), this.table.addEventListener("change", (n) => {
-          if (n && n.target instanceof HTMLElement && n.target.closest(".selectrow input")) {
-            let l = this.table.querySelectorAll('.selectrow input[type="checkbox"]').length, d = this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;
-            o.setAttribute("data-selected", l == d ? "all" : d);
+        const s = this.querySelector("iam-actionbar[data-selectall]");
+        Array.from(this.table.querySelectorAll("thead tr")).forEach((l, d) => {
+          l.insertAdjacentHTML("afterbegin", '<th class="th--fixed"></th>');
+        }), Array.from(this.table.querySelectorAll("tbody tr")).forEach((l, d) => {
+          let n = `row${r(d)}`;
+          l.insertAdjacentHTML("afterbegin", `<td class="td--fixed selectrow"><input type="checkbox" name="row" id="${n}"/><label for="${n}"><span class="visually-hidden">Select row</span></label></td>`);
+        }), this.table.addEventListener("change", (l) => {
+          if (l && l.target instanceof HTMLElement && l.target.closest(".selectrow input")) {
+            let d = this.table.querySelectorAll('.selectrow input[type="checkbox"]').length, n = this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;
+            s.setAttribute("data-selected", d == n ? "all" : n);
           }
-        }), o.addEventListener("selected", (n) => {
-          n.detail.selected == "0" ? Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((l, d) => {
-            l.checked = !1;
-          }) : n.detail.selected == "all" && Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((l, d) => {
-            l.checked = !0;
+        }), s.addEventListener("selected", (l) => {
+          l.detail.selected == "0" ? Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((d, n) => {
+            d.checked = !1;
+          }) : l.detail.selected == "all" && Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((d, n) => {
+            d.checked = !0;
           });
         });
       }
-      let s = -1;
-      Array.from(this.table.querySelectorAll("tbody tr")).forEach((o, n) => {
-        if (o.querySelector(":scope > td > .dialog__wrapper")) {
-          let l = o.querySelector(":scope > td > .dialog__wrapper").parentNode;
-          l.classList.add("td--fixed"), s = Array.from(l.parentNode.children).indexOf(l);
+      let o = -1;
+      Array.from(this.table.querySelectorAll("tbody tr")).forEach((s, l) => {
+        if (s.querySelector(":scope > td > .dialog__wrapper")) {
+          let d = s.querySelector(":scope > td > .dialog__wrapper").parentNode;
+          d.classList.add("td--fixed"), o = Array.from(d.parentNode.children).indexOf(d);
         }
-      }), s != -1 && (this.table.querySelector(`thead tr th:nth-child(${s + 1})`).classList.add("th--fixed"), Array.from(this.table.querySelectorAll(`tbody tr td:nth-child(${s + 1})`)).forEach((o, n) => {
-        o.classList.add("td--fixed");
-      })), at(this.table, this.form, this.pagination, this), G(this.table, this.form, this), B(this.table, this.form);
+      }), o != -1 && (this.table.querySelector(`thead tr th:nth-child(${o + 1})`).classList.add("th--fixed"), Array.from(this.table.querySelectorAll(`tbody tr td:nth-child(${o + 1})`)).forEach((s, l) => {
+        s.classList.add("td--fixed");
+      })), it(this.table, this.form, this.pagination, this), G(this.table, this.form, this), B(this.table, this.form);
     }
-    this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (i) => {
+    this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (r) => {
       this.table.querySelector("dialog[open]") && (this.table.querySelector("dialog[open]").close(), this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"));
     });
   }
@@ -557,8 +569,8 @@ class Mt extends HTMLElement {
   }
 }
 /*!
-  * iamKey v5.2.0
-  * Copyright 2022-2023 iamproperty
+  * iamKey v5.3.0-beta2
+  * Copyright 2022-2024 iamproperty
   */
 class ot extends HTMLElement {
   constructor() {
@@ -607,34 +619,34 @@ class ot extends HTMLElement {
   connectedCallback() {
     const a = new URLSearchParams(window.location.search);
     this.hasAttribute("data-total") || this.setAttribute("data-total", 15), this.hasAttribute("data-page") || this.setAttribute("data-page", a.has("page") ? a.get("page") : 1), this.hasAttribute("data-show") || this.setAttribute("data-show", a.has("show") ? a.get("show") : 15), this.hasAttribute("data-increment") || this.setAttribute("data-increment", this.getAttribute("data-show"));
-    const t = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), s = this.shadowRoot.querySelector(".next"), o = this.shadowRoot.querySelector(".per-page select"), n = this.shadowRoot.querySelector(".load-more");
+    const t = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), r = this.shadowRoot.querySelector(".next"), o = this.shadowRoot.querySelector(".per-page select"), s = this.shadowRoot.querySelector(".load-more");
     this.setup(), t.addEventListener("change", (l) => {
       this.setAttribute("data-show", this.getAttribute("data-increment")), this.setAttribute("data-page", l.target.value);
-    }), s.addEventListener("click", (l) => {
+    }), r.addEventListener("click", (l) => {
       t.value = parseInt(t.value) + 1, t.dispatchEvent(new Event("change"));
     }), i.addEventListener("click", (l) => {
       t.value = parseInt(t.value) - 1, t.dispatchEvent(new Event("change"));
     }), o.addEventListener("change", (l) => {
       this.setAttribute("data-increment", l.target.value);
-    }), n.addEventListener("click", (l) => {
+    }), s.addEventListener("click", (l) => {
       let d = parseInt(this.getAttribute("data-show")) + parseInt(this.getAttribute("data-increment"));
-      this.setAttribute("data-show", d), d > parseInt(this.getAttribute("data-total")) && n.remove();
+      this.setAttribute("data-show", d), d > parseInt(this.getAttribute("data-total")) && s.remove();
     });
   }
   setup() {
-    const a = this.shadowRoot.querySelector(".pagination"), t = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), s = this.shadowRoot.querySelector(".next"), o = this.shadowRoot.querySelector(".item-count"), n = this.shadowRoot.querySelector(".per-page select"), l = this.shadowRoot.querySelector(".total-pages"), d = parseInt(this.getAttribute("data-page")), r = parseInt(this.getAttribute("data-total")), p = parseInt(this.getAttribute("data-show")), c = parseInt(this.getAttribute("data-increment")), u = Math.ceil(r / c);
-    r > p && a.classList.remove("d-none");
+    const a = this.shadowRoot.querySelector(".pagination"), t = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), r = this.shadowRoot.querySelector(".next"), o = this.shadowRoot.querySelector(".item-count"), s = this.shadowRoot.querySelector(".per-page select"), l = this.shadowRoot.querySelector(".total-pages"), d = parseInt(this.getAttribute("data-page")), n = parseInt(this.getAttribute("data-total")), u = parseInt(this.getAttribute("data-show")), c = parseInt(this.getAttribute("data-increment")), p = Math.ceil(n / c);
+    n > u && a.classList.remove("d-none");
     let g = "";
-    for (let T = 1; T <= u; T++)
-      g += `<option value="${T}" ${T == d ? "selected" : ""}>${T}</option>`;
-    t.innerHTML = g, l.innerHTML = `of ${u}`, d == u ? s.setAttribute("disabled", "disabled") : s.removeAttribute("disabled"), d == 1 ? i.setAttribute("disabled", "disabled") : i.removeAttribute("disabled");
-    let b = d == 1 ? 1 : (d - 1) * p + 1, x = d == 1 ? p : d * p;
-    o.innerHTML = `${b} - ${x > r ? r : x} of ${r} items`;
-    const S = [15, 25, 40, 50];
-    c && n.value != c && !S.includes(c) && (n.innerHTML = `<option value="${c}">${c}</option>
+    for (let E = 1; E <= p; E++)
+      g += `<option value="${E}" ${E == d ? "selected" : ""}>${E}</option>`;
+    t.innerHTML = g, l.innerHTML = `of ${p}`, d == p ? r.setAttribute("disabled", "disabled") : r.removeAttribute("disabled"), d == 1 ? i.setAttribute("disabled", "disabled") : i.removeAttribute("disabled");
+    let f = d == 1 ? 1 : (d - 1) * u + 1, A = d == 1 ? u : d * u;
+    o.innerHTML = `${f} - ${A > n ? n : A} of ${n} items`;
+    const k = [15, 25, 40, 50];
+    c && s.value != c && !k.includes(c) && (s.innerHTML = `<option value="${c}">${c}</option>
       <option value="${c * 2}">${c * 2}</option>
       <option value="${c * 3}">${c * 3}</option>
-      <option value="${c * 4}">${c * 4}</option>`), n.value = c;
+      <option value="${c * 4}">${c * 4}</option>`), s.value = c;
   }
   static get observedAttributes() {
     return ["data-total", "data-increment", "data-page", "data-show"];
@@ -660,9 +672,9 @@ class ot extends HTMLElement {
     }
   }
 }
-const jt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Ct = (e) => e.replace(/_/g, " "), Dt = (e) => e.replace(/ /g, "_"), Rt = function(e) {
+const Ct = (e) => e.charAt(0).toUpperCase() + e.slice(1), jt = (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;
-}, Nt = {
+}, Rt = {
   name: "Table",
   props: {
     items: {
@@ -676,7 +688,7 @@ const jt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Ct = (e) => e.replace(
   },
   computed: {
     cellHeading() {
-      return (e) => `${jt(Ct(e))}`;
+      return (e) => `${Ct(jt(e))}`;
     }
   },
   created() {
@@ -686,32 +698,32 @@ const jt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Ct = (e) => e.replace(
   },
   updated() {
   }
-}, zt = { key: 0 }, Ft = { key: 0 }, Pt = ["data-row-id"], It = ["innerHTML"];
-function Ot(e, a, t, i, s, o) {
+}, Pt = { key: 0 }, It = { key: 0 }, zt = ["data-row-id"], Ot = ["innerHTML"];
+function Ft(e, a, t, i, r, o) {
   return m(), h("iam-table", null, [
-    t.fields ? (m(), h("table", zt, [
-      f("thead", null, [
-        f("tr", null, [
-          (m(!0), h(D, null, R(t.fields, (n) => (m(), h("th", {
-            key: n.key
-          }, $(o.cellHeading(n.key)), 1))), 128))
+    t.fields ? (m(), h("table", Pt, [
+      b("thead", null, [
+        b("tr", null, [
+          (m(!0), h(D, null, N(t.fields, (s) => (m(), h("th", {
+            key: s.key
+          }, $(o.cellHeading(s.key)), 1))), 128))
         ])
       ]),
-      t.items ? (m(), h("tbody", Ft, [
-        (m(!0), h(D, null, R(t.items, (n, l) => (m(), h("tr", {
+      t.items ? (m(), h("tbody", It, [
+        (m(!0), h(D, null, N(t.items, (s, l) => (m(), h("tr", {
           key: l,
-          "data-row-id": n.rowid
+          "data-row-id": s.rowid
         }, [
-          (m(!0), h(D, null, R(Object.fromEntries(Object.entries(n).filter(([d]) => d !== "rowid")), (d, r) => (m(), h("td", {
-            key: r,
+          (m(!0), h(D, null, N(Object.fromEntries(Object.entries(s).filter(([d]) => d !== "rowid")), (d, n) => (m(), h("td", {
+            key: n,
             innerHTML: d
-          }, null, 8, It))), 128))
-        ], 8, Pt))), 128))
+          }, null, 8, Ot))), 128))
+        ], 8, zt))), 128))
       ])) : _("", !0)
-    ])) : v(e.$slots, "default", { key: 1 })
+    ])) : w(e.$slots, "default", { key: 1 })
   ]);
 }
-const rt = /* @__PURE__ */ y(Nt, [["render", Ot]]), Bt = {
+const rt = /* @__PURE__ */ y(Rt, [["render", Ft]]), Bt = {
   name: "Input",
   props: {
     value: {
@@ -899,40 +911,40 @@ const rt = /* @__PURE__ */ y(Nt, [["render", Ot]]), Bt = {
       this.$emit("bus");
     }
   }
-}, Ut = ["for", "innerHTML", "title"], Vt = ["innerHTML"], Wt = ["innerHTML"], Kt = ["type", "name", "id", "pattern", "list"], Gt = ["type", "name", "id", "pattern"], Yt = {
+}, Ut = ["for", "innerHTML", "title"], Vt = ["innerHTML"], Wt = ["innerHTML"], Kt = ["type", "name", "id", "pattern", "list"], Gt = ["type", "name", "id", "pattern"], Qt = {
   key: 5,
   class: "input-group"
-}, Xt = ["type", "name", "id", "pattern", "list"], Jt = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Qt = {
+}, 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"
-}, Zt = ["type", "name", "id", "pattern", "list"], te = { class: "input-group-text flex-fill" }, ee = ["type", "name", "id", "pattern"], ae = ["value"], ie = ["type", "name", "id"], ne = ["for", "innerHTML"], oe = ["type", "name", "id"], re = ["for", "innerHTML"], se = ["innerHTML"], le = ["id"], de = ["value"];
-function ce(e, a, t, i, s, o) {
+}, Zt = ["type", "name", "id", "pattern", "list"], te = { class: "input-group-text flex-fill" }, ee = ["type", "name", "id", "pattern"], ae = ["value"], ie = ["type", "name", "id"], se = ["for", "innerHTML"], ne = ["type", "name", "id"], oe = ["for", "innerHTML"], re = ["innerHTML"], le = ["id"], de = ["value"];
+function ce(e, a, t, i, r, o) {
   return m(), h("div", {
-    class: L(o.wrapperClass()),
+    class: S(o.wrapperClass()),
     ref: "wrapper"
   }, [
     o.needsLabel() ? (m(), h("label", {
       key: 0,
-      class: L(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
+      class: S(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: o.displayLabel(),
       title: t.title
     }, null, 10, Ut)) : _("", !0),
     t.prefix ? (m(), h("span", {
       key: 1,
-      class: L(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
+      class: S(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
       innerHTML: t.prefix,
       role: "presentation"
     }, null, 10, Vt)) : _("", !0),
     t.suffix ? (m(), h("span", {
       key: 2,
-      class: L(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
+      class: S(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
       innerHTML: t.suffix,
       role: "presentation"
     }, null, 10, Wt)) : _("", !0),
-    o.isInput() ? P((m(), h("input", C({
+    o.isInput() ? z((m(), h("input", j({
       key: 3,
-      "onUpdate:modelValue": a[0] || (a[0] = (n) => o.inputVal = n),
+      "onUpdate:modelValue": a[0] || (a[0] = (s) => o.inputVal = s),
       class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type,
       name: t.name ? t.name : t.id,
@@ -940,13 +952,13 @@ function ce(e, a, t, i, s, o) {
       pattern: o.needPattern(),
       list: o.hasOptions()
     }, e.$attrs, {
-      onKeyup: a[1] || (a[1] = (...n) => o.inputKeyup && o.inputKeyup(...n))
+      onKeyup: a[1] || (a[1] = (...s) => o.inputKeyup && o.inputKeyup(...s))
     }), null, 16, Kt)), [
       [W, o.inputVal]
     ]) : _("", !0),
-    t.type == "textarea" ? P((m(), h("textarea", C({
+    t.type == "textarea" ? z((m(), h("textarea", j({
       key: 4,
-      "onUpdate:modelValue": a[2] || (a[2] = (n) => o.inputVal = n),
+      "onUpdate:modelValue": a[2] || (a[2] = (s) => o.inputVal = s),
       class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type,
       name: t.name ? t.name : t.id,
@@ -955,23 +967,23 @@ function ce(e, a, t, i, s, o) {
     }, e.$attrs), null, 16, Gt)), [
       [ht, o.inputVal]
     ]) : _("", !0),
-    t.type == "range" ? (m(), h("div", Yt, [
-      P(f("input", C({
-        "onUpdate:modelValue": a[3] || (a[3] = (n) => o.inputVal = n),
+    t.type == "range" ? (m(), h("div", Qt, [
+      z(b("input", j({
+        "onUpdate:modelValue": a[3] || (a[3] = (s) => o.inputVal = s),
         class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
         type: t.type,
         name: t.name ? t.name : t.id,
         id: t.id,
         pattern: o.needPattern(),
         list: o.hasOptions()
-      }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Xt), [
+      }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Yt), [
         [W, o.inputVal]
       ]),
-      f("output", Jt, $(t.value), 1)
+      b("output", Xt, $(t.value), 1)
     ])) : _("", !0),
-    t.type == "color" ? (m(), h("div", Qt, [
-      P(f("input", C({
-        "onUpdate:modelValue": a[4] || (a[4] = (n) => o.inputVal = n),
+    t.type == "color" ? (m(), h("div", Jt, [
+      z(b("input", j({
+        "onUpdate:modelValue": a[4] || (a[4] = (s) => o.inputVal = s),
         class: `form-control form-control-color${t.inputclass ? ` ${t.inputclass}` : ""}`,
         type: t.type,
         name: t.name ? t.name : t.id,
@@ -981,25 +993,25 @@ function ce(e, a, t, i, s, o) {
       }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Zt), [
         [W, o.inputVal]
       ]),
-      f("output", te, $(t.value ? e.vale : "#000000"), 1)
+      b("output", te, $(t.value ? e.vale : "#000000"), 1)
     ])) : _("", !0),
-    t.type == "select" ? P((m(), h("select", C({
+    t.type == "select" ? z((m(), h("select", j({
       key: 7,
-      "onUpdate:modelValue": a[5] || (a[5] = (n) => o.inputVal = n),
+      "onUpdate:modelValue": a[5] || (a[5] = (s) => o.inputVal = s),
       class: `form-select${t.size ? ` form-select-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type,
       name: t.id,
       id: t.id,
       pattern: o.needPattern()
     }, e.$attrs), [
-      (m(!0), h(D, null, R(t.options, (n, l) => (m(), h("option", {
+      (m(!0), h(D, null, N(t.options, (s, l) => (m(), h("option", {
         key: l,
-        value: n.value
-      }, $(n.display ? n.display : n.value), 9, ae))), 128))
+        value: s.value
+      }, $(s.display ? s.display : s.value), 9, ae))), 128))
     ], 16, ee)), [
       [pt, o.inputVal]
     ]) : _("", !0),
-    t.type == "checkbox" || t.type == "radio" ? (m(), h("input", C({
+    t.type == "checkbox" || t.type == "radio" ? (m(), h("input", j({
       key: 8,
       class: "form-check-input",
       type: t.type,
@@ -1008,81 +1020,81 @@ function ce(e, a, t, i, s, o) {
     }, e.$attrs), null, 16, ie)) : _("", !0),
     t.type == "checkbox" || t.type == "radio" ? (m(), h("label", {
       key: 9,
-      class: L(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
+      class: S(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: t.label
-    }, null, 10, ne)) : _("", !0),
-    t.type == "checkbox-btn" || t.type == "radio-btn" ? (m(), h("input", C({
+    }, null, 10, se)) : _("", !0),
+    t.type == "checkbox-btn" || t.type == "radio-btn" ? (m(), h("input", j({
       key: 10,
       class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type.replace("-btn", ""),
       autocomplete: "off",
       name: t.name ? t.name : t.id,
       id: t.id
-    }, e.$attrs), null, 16, oe)) : _("", !0),
+    }, e.$attrs), null, 16, ne)) : _("", !0),
     t.type == "checkbox-btn" || t.type == "radio-btn" ? (m(), h("label", {
       key: 11,
-      class: L(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
+      class: S(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: t.label,
-      onClick: a[6] || (a[6] = (...n) => o.clickEvent && o.clickEvent(...n))
-    }, null, 10, re)) : _("", !0),
-    v(e.$slots, "default"),
+      onClick: a[6] || (a[6] = (...s) => o.clickEvent && o.clickEvent(...s))
+    }, null, 10, oe)) : _("", !0),
+    w(e.$slots, "default"),
     t.errormsg ? (m(), h("span", {
       key: 12,
       class: "invalid-feedback mb-0",
       innerHTML: t.errormsg
-    }, null, 8, se)) : _("", !0),
+    }, null, 8, re)) : _("", !0),
     o.allowDatalist() ? (m(), h("datalist", {
       key: 13,
       id: t.id + "-list"
     }, [
-      (m(!0), h(D, null, R(t.options, (n, l) => (m(), h("option", {
+      (m(!0), h(D, null, N(t.options, (s, l) => (m(), h("option", {
         key: l,
-        value: n.value
-      }, $(n.value), 9, de))), 128))
+        value: s.value
+      }, $(s.value), 9, de))), 128))
     ], 8, le)) : _("", !0)
   ], 2);
 }
-const st = /* @__PURE__ */ y(Bt, [["render", ce]]);
+const lt = /* @__PURE__ */ y(Bt, [["render", ce]]);
 function ue(e, a) {
-  const t = a.querySelector(".files"), i = a.querySelector(".drop-area"), s = e.querySelector("input"), o = e.hasAttribute("data-maxsize") ? e.getAttribute("data-maxsize") : 0, n = s.cloneNode();
-  i.append(n), a.addEventListener("click", (l) => {
-    l && l.target instanceof HTMLElement && l.target.closest(".btn-primary") && (l.target.closest(".btn-primary"), (s.hasAttribute("multiple") ? n : s).click());
+  const t = a.querySelector(".files"), i = a.querySelector(".drop-area"), r = e.querySelector("input"), o = e.hasAttribute("data-maxsize") ? e.getAttribute("data-maxsize") : 0, s = r.cloneNode();
+  i.append(s), a.addEventListener("click", (l) => {
+    l && l.target instanceof HTMLElement && l.target.closest(".btn-primary") && (l.target.closest(".btn-primary"), (r.hasAttribute("multiple") ? s : r).click());
   }), a.addEventListener("click", (l) => {
     if (l && l.target instanceof HTMLElement && l.target.closest(".files button")) {
-      const d = new DataTransfer(), { files: r } = s, p = l.target.closest(".files button");
-      for (let u = 0; u < r.length; u++) {
-        const g = r[u];
-        g.name != p.getAttribute("data-file") && d.items.add(g);
+      const d = new DataTransfer(), { files: n } = r, u = l.target.closest(".files button");
+      for (let p = 0; p < n.length; p++) {
+        const g = n[p];
+        g.name != u.getAttribute("data-file") && d.items.add(g);
       }
-      s.files = d.files;
+      r.files = d.files;
       const c = new Event("change");
-      s.dispatchEvent(c);
+      r.dispatchEvent(c);
     }
-  }), n.addEventListener("change", (l) => {
-    if (s.hasAttribute("multiple")) {
-      const r = [...s.files, ...n.files];
-      let p = [];
+  }), s.addEventListener("change", (l) => {
+    if (r.hasAttribute("multiple")) {
+      const n = [...r.files, ...s.files];
+      let u = [];
       const c = new DataTransfer();
-      for (let u = 0; u < r.length; u++) {
-        const g = r[u], b = g.size / 1e3;
-        !p.includes(g.name) && (o == 0 || b < o) && c.items.add(g), p.push(g.name);
+      for (let p = 0; p < n.length; p++) {
+        const g = n[p], f = g.size / 1e3;
+        !u.includes(g.name) && (o == 0 || f < o) && c.items.add(g), u.push(g.name);
       }
-      s.files = c.files;
+      r.files = c.files;
     } else
-      s.files = n.files;
+      r.files = s.files;
     const d = new Event("change");
-    s.dispatchEvent(d);
-  }), n.addEventListener("dragenter", (l) => {
-    n.classList.add("focus");
-  }), n.addEventListener("dragleave", (l) => {
-    n.classList.remove("focus");
-  }), n.addEventListener("drop", (l) => {
-    n.classList.remove("focus");
-  }), s.addEventListener("change", (l) => {
+    r.dispatchEvent(d);
+  }), s.addEventListener("dragenter", (l) => {
+    s.classList.add("focus");
+  }), s.addEventListener("dragleave", (l) => {
+    s.classList.remove("focus");
+  }), s.addEventListener("drop", (l) => {
+    s.classList.remove("focus");
+  }), r.addEventListener("change", (l) => {
     t.innerHTML = "";
-    for (const d of s.files)
+    for (const d of r.files)
       t.innerHTML += `<span class="file">${d.name} <button data-file="${d.name}">Remove</button></span>`;
   });
 }
@@ -1094,8 +1106,8 @@ window.dataLayer.push({
 class me extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = `@import "${a}/css/components/fileupload.css";`, s = document.createElement("template");
-    s.innerHTML = `
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = `@import "${a}/css/components/fileupload.css";`, r = document.createElement("template");
+    r.innerHTML = `
     <style>
     @import "${t}";
     ${i}
@@ -1110,7 +1122,7 @@ class me extends HTMLElement {
       <slot></slot>
       <div class="files"></div>
     </div>
-    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(r.content.cloneNode(!0));
   }
   connectedCallback() {
     this.innerHTML += '<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';
@@ -1136,36 +1148,36 @@ const he = {
     });
   }
 };
-function pe(e, a, t, i, s, o) {
+function pe(e, a, t, i, r, o) {
   return m(), h("iam-fileupload", null, [
-    v(e.$slots, "default")
+    w(e.$slots, "default")
   ]);
 }
-const $i = /* @__PURE__ */ y(he, [["render", pe]]), N = (e, a) => {
+const ki = /* @__PURE__ */ y(he, [["render", pe]]), R = (e, a) => {
   const t = e[a];
-  return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((i, s) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(s.bind(null, new Error("Unknown variable dynamic import: " + a)));
+  return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((i, r) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(r.bind(null, new Error("Unknown variable dynamic import: " + a)));
   });
 };
-const be = {
+const fe = {
   name: "Accordion",
   props: {},
   mounted() {
     this.$nextTick(function() {
-      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/accordion/accordion.component.js": () => import("./accordion.component-bd9af0d7.mjs"), "../../../assets/js/components/accordion/accordion.component.min.js": () => import("./accordion.component.min-87390949.mjs") }), "../../../assets/js/components/accordion/accordion.component.js").then((e) => {
+      R(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/accordion/accordion.component.js": () => import("./accordion.component-bd9af0d7.mjs"), "../../../assets/js/components/accordion/accordion.component.min.js": () => import("./accordion.component.min-52883219.mjs") }), "../../../assets/js/components/accordion/accordion.component.js").then((e) => {
         window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", e.default);
       }).catch((e) => {
         console.log(e.message);
       });
     });
   }
-}, fe = { ref: "wrapper" };
-function ge(e, a, t, i, s, o) {
-  return m(), h("iam-accordion", fe, [
-    v(e.$slots, "default")
+}, be = { ref: "wrapper" };
+function ge(e, a, t, i, r, o) {
+  return m(), h("iam-accordion", be, [
+    w(e.$slots, "default")
   ], 512);
 }
-const Si = /* @__PURE__ */ y(be, [["render", ge]]), ye = {
+const qi = /* @__PURE__ */ y(fe, [["render", ge]]), ye = {
   name: "AccordionItem",
   props: {
     title: {
@@ -1192,7 +1204,7 @@ const Si = /* @__PURE__ */ y(be, [["render", ge]]), ye = {
   },
   computed: {
     createID() {
-      return (e) => `${Rt(e)}`;
+      return (e) => `${Nt(e)}`;
     }
   },
   data() {
@@ -1200,24 +1212,24 @@ const Si = /* @__PURE__ */ y(be, [["render", ge]]), ye = {
       show: !this.lazy
     };
   }
-}, we = ["id"], ve = ["classList"];
-function _e(e, a, t, i, s, o) {
+}, ve = ["id"], we = ["classList"];
+function _e(e, a, t, i, r, o) {
   return m(), h("details", {
     id: o.createID(t.title)
   }, [
-    f("summary", {
+    b("summary", {
       classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
     }, [
-      bt($(t.title), 1),
+      ft($(t.title), 1),
       t.badge ? (m(), h("span", {
         key: 0,
-        class: L(`badge bg-${t.badgecolour}`)
+        class: S(`badge bg-${t.badgecolour}`)
       }, $(t.badge), 3)) : _("", !0)
-    ], 8, ve),
-    v(e.$slots, "default")
-  ], 8, we);
+    ], 8, we),
+    w(e.$slots, "default")
+  ], 8, ve);
 }
-const qi = /* @__PURE__ */ y(ye, [["render", _e]]), xe = {
+const Ei = /* @__PURE__ */ y(ye, [["render", _e]]), Ae = {
   name: "Header",
   props: {
     title: {
@@ -1234,20 +1246,20 @@ const qi = /* @__PURE__ */ y(ye, [["render", _e]]), xe = {
       required: !1
     }
   }
-}, Ae = { class: "container" }, ke = { class: "row" }, Le = { class: "col-sm-6" }, $e = { class: "pt-5 pb-3 px-4" }, Se = { class: "col-sm-6 col-md-5 ms-auto" }, qe = ["src"];
-function Ee(e, a, t, i, s, o) {
-  return m(), h("div", Ae, [
-    f("div", {
-      class: L("bg-" + t.background + " mb-4")
+}, xe = { class: "container" }, Le = { class: "row" }, Se = { class: "col-sm-6" }, $e = { class: "pt-5 pb-3 px-4" }, ke = { class: "col-sm-6 col-md-5 ms-auto" }, qe = ["src"];
+function Ee(e, a, t, i, r, o) {
+  return m(), h("div", xe, [
+    b("div", {
+      class: S("bg-" + t.background + " mb-4")
     }, [
-      f("div", ke, [
-        f("div", Le, [
-          f("div", $e, [
-            f("h2", null, $(t.title), 1),
-            v(e.$slots, "default")
+      b("div", Le, [
+        b("div", Se, [
+          b("div", $e, [
+            b("h2", null, $(t.title), 1),
+            w(e.$slots, "default")
           ])
         ]),
-        f("div", Se, [
+        b("div", ke, [
           t.image ? (m(), h("img", {
             key: 0,
             src: t.image,
@@ -1259,11 +1271,11 @@ function Ee(e, a, t, i, s, o) {
     ], 2)
   ]);
 }
-const Ei = /* @__PURE__ */ y(xe, [["render", Ee]]), Te = {
+const Ti = /* @__PURE__ */ y(Ae, [["render", Ee]]), Te = {
   name: "Card",
   mounted() {
     this.$nextTick(function() {
-      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/card/card.component.js": () => import("./card.component-3bb86b22.mjs"), "../../../assets/js/components/card/card.component.min.js": () => import("./card.component.min-7002c67c.mjs") }), "../../../assets/js/components/card/card.component.js").then((e) => {
+      R(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/card/card.component.js": () => import("./card.component-8399b3cb.mjs"), "../../../assets/js/components/card/card.component.min.js": () => import("./card.component.min-49b8759d.mjs") }), "../../../assets/js/components/card/card.component.js").then((e) => {
         window.customElements.get("iam-card") || window.customElements.define("iam-card", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1271,12 +1283,12 @@ const Ei = /* @__PURE__ */ y(xe, [["render", Ee]]), Te = {
     });
   }
 };
-function He(e, a, t, i, s, o) {
+function He(e, a, t, i, r, o) {
   return m(), h("iam-card", null, [
-    v(e.$slots, "default")
+    w(e.$slots, "default")
   ]);
 }
-const Ti = /* @__PURE__ */ y(Te, [["render", He]]), Me = {
+const Hi = /* @__PURE__ */ y(Te, [["render", He]]), Me = {
   name: "Header",
   props: {
     title: {
@@ -1290,7 +1302,7 @@ const Ti = /* @__PURE__ */ y(Te, [["render", He]]), Me = {
   },
   mounted() {
     this.$nextTick(function() {
-      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/carousel/carousel.component.js": () => import("./carousel.component-72a8511a.mjs") }), "../../../assets/js/components/carousel/carousel.component.js").then((e) => {
+      R(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/carousel/carousel.component.js": () => import("./carousel.component-72a8511a.mjs") }), "../../../assets/js/components/carousel/carousel.component.js").then((e) => {
         window.customElements.get("iam-carousel") || window.customElements.define("iam-carousel", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1298,12 +1310,12 @@ const Ti = /* @__PURE__ */ y(Te, [["render", He]]), Me = {
     });
   }
 };
-function je(e, a, t, i, s, o) {
+function Ce(e, a, t, i, r, o) {
   return m(), h("iam-carousel", null, [
-    v(e.$slots, "default")
+    w(e.$slots, "default")
   ]);
 }
-const Hi = /* @__PURE__ */ y(Me, [["render", je]]), Ce = {
+const Mi = /* @__PURE__ */ y(Me, [["render", Ce]]), je = {
   name: "Header",
   props: {
     title: {
@@ -1317,54 +1329,54 @@ const Hi = /* @__PURE__ */ y(Me, [["render", je]]), Ce = {
   },
   mounted() {
     this.$nextTick(function() {
-      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/header/header.component.js": () => import("./header.component-cc8263fb.mjs"), "../../../assets/js/components/header/header.component.min.js": () => import("./header.component.min-a9092fe6.mjs") }), "../../../assets/js/components/header/header.component.js").then((e) => {
+      R(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/header/header.component.js": () => import("./header.component-cc8263fb.mjs"), "../../../assets/js/components/header/header.component.min.js": () => import("./header.component.min-400fd9ed.mjs") }), "../../../assets/js/components/header/header.component.js").then((e) => {
         window.customElements.get("iam-header") || window.customElements.define("iam-header", e.default);
       }).catch((e) => {
         console.log(e.message);
       });
     });
   }
-}, De = ["image"], Re = ["innerHTML"];
-function Ne(e, a, t, i, s, o) {
+}, De = ["image"], Ne = ["innerHTML"];
+function Re(e, a, t, i, r, o) {
   return m(), h("iam-header", { image: t.image }, [
-    v(e.$slots, "breadcrumb"),
+    w(e.$slots, "breadcrumb"),
     t.title ? (m(), h("h1", {
       key: 0,
       innerHTML: t.title
-    }, null, 8, Re)) : _("", !0),
-    v(e.$slots, "default")
+    }, null, 8, Ne)) : _("", !0),
+    w(e.$slots, "default")
   ], 8, De);
 }
-const Mi = /* @__PURE__ */ y(Ce, [["render", Ne]]);
-function ze(e) {
+const Ci = /* @__PURE__ */ y(je, [["render", Re]]);
+function Pe(e) {
   var a;
   const t = e.querySelector(".testimonial__images"), i = t.querySelectorAll("img").length;
   if (i == 1)
     return !1;
   e.classList.add("testimonial--multi");
-  const s = function(o) {
-    const n = e.querySelector(".btn-next"), l = e.querySelector(".btn-prev");
-    n.setAttribute("data-go", o + 1), l.setAttribute("data-go", o - 1), n.removeAttribute("disabled"), l.removeAttribute("disabled"), o == 1 ? l.setAttribute("disabled", !0) : o == i && n.setAttribute("disabled", !0);
+  const r = function(o) {
+    const s = e.querySelector(".btn-next"), l = e.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 == i && s.setAttribute("disabled", !0);
   };
   t.addEventListener("scroll", function(o) {
     clearTimeout(a), a = setTimeout(function() {
-      let n = t.scrollWidth, l = t.scrollHeight, d = t.scrollLeft, r = t.scrollTop, p = Math.round(d / n * i) + 1;
-      d == 0 && r != 0 && (p = Math.round(r / l * i) + 1), e.setAttribute("data-show", p), s(p);
+      let s = t.scrollWidth, l = t.scrollHeight, d = t.scrollLeft, n = t.scrollTop, u = Math.round(d / s * i) + 1;
+      d == 0 && n != 0 && (u = Math.round(n / l * i) + 1), e.setAttribute("data-show", u), r(u);
     }, 300);
   }, !1), e.addEventListener("click", function(o) {
-    for (var n = o.target; n && n != this; n = n.parentNode)
-      if (n.matches("[data-go]")) {
-        let l = parseInt(n.getAttribute("data-go")), d = 0, r = 0, p = t.scrollWidth, c = t.scrollHeight;
-        p > c ? r = Math.floor(p * ((l - 1) / i)) : d = Math.floor(c * ((l - 1) / i)), t.scroll({
+    for (var s = o.target; s && s != this; s = s.parentNode)
+      if (s.matches("[data-go]")) {
+        let l = parseInt(s.getAttribute("data-go")), d = 0, n = 0, u = t.scrollWidth, c = t.scrollHeight;
+        u > c ? n = Math.floor(u * ((l - 1) / i)) : d = Math.floor(c * ((l - 1) / i)), t.scroll({
           top: d,
-          left: r,
+          left: n,
           behavior: "smooth"
         });
         break;
       }
   }, !1);
 }
-const Fe = {
+const Ie = {
   name: "Testimonial",
   props: {
     items: {
@@ -1378,65 +1390,65 @@ const Fe = {
     }
   },
   mounted() {
-    ze(this.$refs.wrapper);
+    Pe(this.$refs.wrapper);
   }
-}, Pe = {
+}, ze = {
   class: "container testimonial mb-5",
   "data-show": "1",
   ref: "wrapper"
-}, Ie = { class: "row" }, Oe = { class: "col-md-5 position-relative" }, Be = { class: "testimonial__images" }, Ue = ["src"], Ve = /* @__PURE__ */ f("div", { class: "testimonial__controls" }, [
-  /* @__PURE__ */ f("button", {
+}, Oe = { class: "row" }, Fe = { class: "col-md-5 position-relative" }, Be = { class: "testimonial__images" }, Ue = ["src"], Ve = /* @__PURE__ */ b("div", { class: "testimonial__controls" }, [
+  /* @__PURE__ */ b("button", {
     "data-go": "0",
     disabled: "",
     class: "btn-prev"
   }, "Previous"),
-  /* @__PURE__ */ f("button", {
+  /* @__PURE__ */ b("button", {
     "data-go": "2",
     class: "btn-next"
   }, "Next")
-], -1), We = { class: "col-md-7" }, Ke = /* @__PURE__ */ f("h2", null, "What our customers think…", -1), Ge = { class: "testimonial__content" }, Ye = ["innerHTML"], Xe = ["innerHTML"], Je = { class: "testimonial__after" }, Qe = /* @__PURE__ */ f("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
-function Ze(e, a, t, i, s, o) {
-  return m(), h("div", Pe, [
-    f("div", {
-      class: L("bg-" + t.background)
+], -1), We = { class: "col-md-7" }, Ke = /* @__PURE__ */ b("h2", null, "What our customers think…", -1), Ge = { class: "testimonial__content" }, Qe = ["innerHTML"], Ye = ["innerHTML"], Xe = { class: "testimonial__after" }, Je = /* @__PURE__ */ b("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
+function Ze(e, a, t, i, r, o) {
+  return m(), h("div", ze, [
+    b("div", {
+      class: S("bg-" + t.background)
     }, [
-      f("div", Ie, [
-        f("div", Oe, [
-          f("div", Be, [
-            (m(!0), h(D, null, R(t.items, (n, l) => (m(), h("img", {
+      b("div", Oe, [
+        b("div", Fe, [
+          b("div", Be, [
+            (m(!0), h(D, null, N(t.items, (s, l) => (m(), h("img", {
               key: l,
-              src: n.image ? n.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
+              src: s.image ? s.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
               alt: "",
-              class: L("h-100 w-100 object-cover" + (n.image ? "" : " opacity-0"))
+              class: S("h-100 w-100 object-cover" + (s.image ? "" : " opacity-0"))
             }, null, 10, Ue))), 128))
           ]),
           Ve
         ]),
-        f("div", We, [
+        b("div", We, [
           Ke,
-          f("div", Ge, [
-            (m(!0), h(D, null, R(t.items, (n, l) => (m(), h("blockquote", {
+          b("div", Ge, [
+            (m(!0), h(D, null, N(t.items, (s, l) => (m(), h("blockquote", {
               key: l,
-              class: L(n.class)
+              class: S(s.class)
             }, [
-              f("div", {
-                innerHTML: n.quote
-              }, null, 8, Ye),
-              f("cite", {
-                innerHTML: n.cite
-              }, null, 8, Xe)
+              b("div", {
+                innerHTML: s.quote
+              }, null, 8, Qe),
+              b("cite", {
+                innerHTML: s.cite
+              }, null, 8, Ye)
             ], 2))), 128))
           ]),
-          f("div", Je, [
-            v(e.$slots, "default")
+          b("div", Xe, [
+            w(e.$slots, "default")
           ])
         ])
       ]),
-      Qe
+      Je
     ], 2)
   ], 512);
 }
-const ji = /* @__PURE__ */ y(Fe, [["render", Ze]]);
+const ji = /* @__PURE__ */ y(Ie, [["render", Ze]]);
 const ta = {
   name: "Timeline",
   props: {
@@ -1446,10 +1458,10 @@ const ta = {
     }
   }
 }, ea = { class: "timeline" }, aa = { class: "timeline__content" }, ia = ["src"];
-function na(e, a, t, i, s, o) {
+function sa(e, a, t, i, r, o) {
   return m(), h("div", ea, [
-    f("div", aa, [
-      v(e.$slots, "default")
+    b("div", aa, [
+      w(e.$slots, "default")
     ]),
     t.image ? (m(), h("img", {
       key: 0,
@@ -1458,10 +1470,10 @@ function na(e, a, t, i, s, o) {
     }, null, 8, ia)) : _("", !0)
   ]);
 }
-const Ci = /* @__PURE__ */ y(ta, [["render", na]]);
-const oa = {
+const Di = /* @__PURE__ */ y(ta, [["render", sa]]);
+const na = {
   components: {
-    Input: st
+    Input: lt
   },
   name: "PropertySearchbar",
   props: {
@@ -1605,34 +1617,34 @@ const oa = {
       ];
     }
   }
-}, ra = {
+}, oa = {
   class: "container",
   ref: "wrapper"
-}, sa = { class: "property-searchbar" }, la = ["action", "method"], da = { class: "col-12 col-md-3" }, ca = { class: "col-12 col-md" }, ua = /* @__PURE__ */ f("span", { class: "form-label d-none d-md-block" }, "Price range", -1), ma = {
+}, ra = { class: "property-searchbar" }, la = ["action", "method"], da = { class: "col-12 col-md-3" }, ca = { class: "col-12 col-md" }, ua = /* @__PURE__ */ b("span", { class: "form-label d-none d-md-block" }, "Price range", -1), ma = {
   class: "row",
   "data-input-range": ""
-}, ha = { class: "col-12 col-md" }, pa = /* @__PURE__ */ f("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), ba = {
+}, ha = { class: "col-12 col-md" }, pa = /* @__PURE__ */ b("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), fa = {
   class: "row",
   "data-input-range": ""
-}, fa = { class: "col-12 col-md-2" }, ga = /* @__PURE__ */ f("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
-  /* @__PURE__ */ f("button", {
+}, ba = { class: "col-12 col-md-2" }, ga = /* @__PURE__ */ b("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
+  /* @__PURE__ */ b("button", {
     class: "btn w-100 me-0",
     type: "submit",
     value: "submit"
   }, "Search")
 ], -1);
-function ya(e, a, t, i, s, o) {
-  const n = K("Input");
-  return m(), h("div", ra, [
-    v(e.$slots, "default"),
-    f("div", sa, [
-      f("form", {
+function ya(e, a, t, i, r, o) {
+  const s = K("Input");
+  return m(), h("div", oa, [
+    w(e.$slots, "default"),
+    b("div", ra, [
+      b("form", {
         class: "row",
         action: t.formaction,
         method: t.formmethod
       }, [
-        f("fieldset", da, [
-          M(n, {
+        b("fieldset", da, [
+          M(s, {
             inputClass: "input--locations",
             modelValue: o.locationSet,
             "onUpdate:modelValue": a[0] || (a[0] = (l) => o.locationSet = l),
@@ -1644,7 +1656,7 @@ function ya(e, a, t, i, s, o) {
             onKeyupEvent: a[1] || (a[1] = (l) => o.locationKeyup(...arguments)),
             ref: "search"
           }, null, 8, ["modelValue", "options"]),
-          M(n, {
+          M(s, {
             class: "select--miles",
             label: "Miles",
             id: "miles",
@@ -1652,10 +1664,10 @@ function ya(e, a, t, i, s, o) {
             options: t.distances
           }, null, 8, ["options"])
         ]),
-        f("fieldset", ca, [
+        b("fieldset", ca, [
           ua,
-          f("div", ma, [
-            M(n, {
+          b("div", ma, [
+            M(s, {
               class: "col-6",
               label: "Minimum price",
               id: "price-min",
@@ -1663,7 +1675,7 @@ function ya(e, a, t, i, s, o) {
               type: "select",
               options: t.pricemin
             }, null, 8, ["options"]),
-            M(n, {
+            M(s, {
               class: "col-6",
               label: "Maximum price",
               id: "price-max",
@@ -1673,10 +1685,10 @@ function ya(e, a, t, i, s, o) {
             }, null, 8, ["options"])
           ])
         ]),
-        f("fieldset", ha, [
+        b("fieldset", ha, [
           pa,
-          f("div", ba, [
-            M(n, {
+          b("div", fa, [
+            M(s, {
               class: "col-6",
               label: "Minimum beds",
               id: "beds-min",
@@ -1684,7 +1696,7 @@ function ya(e, a, t, i, s, o) {
               type: "select",
               options: t.bedsmin
             }, null, 8, ["options"]),
-            M(n, {
+            M(s, {
               class: "col-6",
               label: "Maximum beds",
               id: "beds-max",
@@ -1694,8 +1706,8 @@ function ya(e, a, t, i, s, o) {
             }, null, 8, ["options"])
           ])
         ]),
-        f("fieldset", fa, [
-          M(n, {
+        b("fieldset", ba, [
+          M(s, {
             label: "Property type",
             id: "property-type",
             type: "select",
@@ -1705,15 +1717,15 @@ function ya(e, a, t, i, s, o) {
         ga
       ], 8, la)
     ]),
-    v(e.$slots, "after")
+    w(e.$slots, "after")
   ], 512);
 }
-const Di = /* @__PURE__ */ y(oa, [["render", ya]]), wa = {
+const Ni = /* @__PURE__ */ y(na, [["render", ya]]), va = {
   components: {},
   name: "Nav",
   mounted() {
     this.$nextTick(function() {
-      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/nav/nav.component.js": () => import("./nav.component-ff8d1484.mjs"), "../../../assets/js/components/nav/nav.component.min.js": () => import("./nav.component.min-19f8e1b6.mjs") }), "../../../assets/js/components/nav/nav.component.js").then((e) => {
+      R(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/nav/nav.component.js": () => import("./nav.component-ff8d1484.mjs"), "../../../assets/js/components/nav/nav.component.min.js": () => import("./nav.component.min-6c859360.mjs") }), "../../../assets/js/components/nav/nav.component.js").then((e) => {
         window.customElements.get("iam-nav") || window.customElements.define("iam-nav", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1721,14 +1733,14 @@ const Di = /* @__PURE__ */ y(oa, [["render", ya]]), wa = {
     });
   },
   methods: {}
-}, va = { ref: "wrapper" };
-function _a(e, a, t, i, s, o) {
-  return m(), h("iam-nav", va, [
-    v(e.$slots, "default")
+}, wa = { ref: "wrapper" };
+function _a(e, a, t, i, r, o) {
+  return m(), h("iam-nav", wa, [
+    w(e.$slots, "default")
   ], 512);
 }
-const Ri = /* @__PURE__ */ y(wa, [["render", _a]]);
-const xa = {
+const Ri = /* @__PURE__ */ y(va, [["render", _a]]);
+const Aa = {
   name: "Stepper",
   props: {
     label: {
@@ -1741,25 +1753,25 @@ const xa = {
       default: "Complete"
     }
   }
-}, Aa = { class: "container" }, ka = ["aria-label"], La = {
+}, xa = { class: "container" }, La = ["aria-label"], Sa = {
   key: 0,
   class: "h6 stepper__start"
-}, $a = { class: "list-unstyled" }, Sa = { class: "h6 stepper__end" };
-function qa(e, a, t, i, s, o) {
-  return m(), h("div", Aa, [
-    f("nav", {
+}, $a = { class: "list-unstyled" }, ka = { class: "h6 stepper__end" };
+function qa(e, a, t, i, r, o) {
+  return m(), h("div", xa, [
+    b("nav", {
       class: "stepper",
       "aria-label": t.label ? t.label : "Progress"
     }, [
-      t.label ? (m(), h("span", La, $(t.label), 1)) : _("", !0),
-      f("ol", $a, [
-        v(e.$slots, "default")
+      t.label ? (m(), h("span", Sa, $(t.label), 1)) : _("", !0),
+      b("ol", $a, [
+        w(e.$slots, "default")
       ]),
-      f("span", Sa, $(t.endlabel), 1)
-    ], 8, ka)
+      b("span", ka, $(t.endlabel), 1)
+    ], 8, La)
   ]);
 }
-const Ni = /* @__PURE__ */ y(xa, [["render", qa]]);
+const Pi = /* @__PURE__ */ y(Aa, [["render", qa]]);
 const Ea = {
   name: "Snapshot",
   props: {
@@ -1771,30 +1783,30 @@ const Ea = {
 }, Ta = {
   class: "container snapshot",
   ref: "wrapper"
-}, Ha = { class: "row" }, Ma = ["href"], ja = { class: "lead snapshot__title" }, Ca = { class: "stat" };
-function Da(e, a, t, i, s, o) {
+}, Ha = { class: "row" }, Ma = ["href"], Ca = { class: "lead snapshot__title" }, ja = { class: "stat" };
+function Da(e, a, t, i, r, o) {
   return m(), h("div", Ta, [
-    v(e.$slots, "default"),
-    f("div", Ha, [
-      (m(!0), h(D, null, R(t.items, (n, l) => (m(), h("div", {
+    w(e.$slots, "default"),
+    b("div", Ha, [
+      (m(!0), h(D, null, N(t.items, (s, l) => (m(), h("div", {
         class: "col",
         key: l
       }, [
-        n.link ? (m(), h("a", {
+        s.link ? (m(), h("a", {
           key: 0,
-          href: n.link
-        }, "View " + $(n.title), 9, Ma)) : _("", !0),
-        f("div", {
-          class: L(`snapshot__item ${n.bg ? "bg-" + n.bg : ""}`)
+          href: s.link
+        }, "View " + $(s.title), 9, Ma)) : _("", !0),
+        b("div", {
+          class: S(`snapshot__item ${s.bg ? "bg-" + s.bg : ""}`)
         }, [
-          f("span", ja, $(n.title), 1),
-          f("span", Ca, $(n.number), 1)
+          b("span", Ca, $(s.title), 1),
+          b("span", ja, $(s.number), 1)
         ], 2)
       ]))), 128))
     ])
   ], 512);
 }
-const zi = /* @__PURE__ */ y(Ea, [["render", Da]]), Ra = {
+const Ii = /* @__PURE__ */ y(Ea, [["render", Da]]), Na = {
   name: "Stepper",
   props: {
     url: {
@@ -1810,43 +1822,43 @@ const zi = /* @__PURE__ */ y(Ea, [["render", Da]]), Ra = {
       required: !1
     }
   }
-}, Na = ["href", "aria-current"], za = {
+}, Ra = ["href", "aria-current"], Pa = {
   key: 0,
   class: "visually-hidden"
 };
-function Fa(e, a, t, i, s, o) {
+function Ia(e, a, t, i, r, o) {
   return m(), h("li", null, [
-    f("a", {
+    b("a", {
       href: t.url,
-      class: L(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
+      class: S(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
       "aria-current": typeof t.current < "u" ? "step" : !1
     }, [
-      f("span", null, [
-        v(e.$slots, "default")
+      b("span", null, [
+        w(e.$slots, "default")
       ]),
-      t.status ? (m(), h("em", za, " - status: " + $(t.status), 1)) : _("", !0)
-    ], 10, Na)
+      t.status ? (m(), h("em", Pa, " - status: " + $(t.status), 1)) : _("", !0)
+    ], 10, Ra)
   ]);
 }
-const Fi = /* @__PURE__ */ y(Ra, [["render", Fa]]);
-const Pa = {
+const zi = /* @__PURE__ */ y(Na, [["render", Ia]]);
+const za = {
   name: "Tabs",
   mounted() {
     this.$nextTick(function() {
-      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/tabs/tabs.component.js": () => import("./tabs.component-1dfbdb3b.mjs"), "../../../assets/js/components/tabs/tabs.component.min.js": () => import("./tabs.component.min-d27dd837.mjs") }), "../../../assets/js/components/tabs/tabs.component.js").then((e) => {
+      R(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/tabs/tabs.component.js": () => import("./tabs.component-1dfbdb3b.mjs"), "../../../assets/js/components/tabs/tabs.component.min.js": () => import("./tabs.component.min-a45b2201.mjs") }), "../../../assets/js/components/tabs/tabs.component.js").then((e) => {
         window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", e.default);
       }).catch((e) => {
         console.log(e.message);
       });
     });
   }
-}, Ia = { ref: "wrapper" };
-function Oa(e, a, t, i, s, o) {
-  return m(), h("iam-tabs", Ia, [
-    v(e.$slots, "default")
+}, Oa = { ref: "wrapper" };
+function Fa(e, a, t, i, r, o) {
+  return m(), h("iam-tabs", Oa, [
+    w(e.$slots, "default")
   ], 512);
 }
-const Pi = /* @__PURE__ */ y(Pa, [["render", Oa]]), Ba = {
+const Oi = /* @__PURE__ */ y(za, [["render", Fa]]), Ba = {
   name: "Tab",
   props: {
     title: {
@@ -1869,22 +1881,22 @@ const Pi = /* @__PURE__ */ y(Pa, [["render", Oa]]), Ba = {
     };
   }
 }, Ua = { class: "tab" }, Va = ["innerHTML"];
-function Wa(e, a, t, i, s, o) {
+function Wa(e, a, t, i, r, o) {
   return m(), h("details", Ua, [
-    f("summary", {
+    b("summary", {
       innerHTML: t.title,
-      class: L({ disabled: s.isDisabled })
+      class: S({ disabled: r.isDisabled })
     }, null, 10, Va),
-    v(e.$slots, "default")
+    w(e.$slots, "default")
   ]);
 }
-const Ii = /* @__PURE__ */ y(Ba, [["render", Wa]]);
-let lt = rt.props;
-lt.fields.required = !1;
+const Fi = /* @__PURE__ */ y(Ba, [["render", Wa]]);
+let dt = rt.props;
+dt.fields.required = !1;
 const Ka = {
   components: {
     Table: rt,
-    Input: st
+    Input: lt
   },
   data() {
     return {
@@ -1898,8 +1910,8 @@ const Ka = {
       const a = new FormData(e.target);
       let t = /* @__PURE__ */ new Date();
       const i = t.getFullYear();
-      let s = t.getMonth() + 1, o = t.getDate();
-      o < 10 && (o = "0" + o), s < 10 && (s = "0" + s), t = o + "/" + s + "/" + i, this.itemsData.unshift({
+      let r = t.getMonth() + 1, o = t.getDate();
+      o < 10 && (o = "0" + o), r < 10 && (r = "0" + r), t = o + "/" + r + "/" + i, this.itemsData.unshift({
         date_added: t,
         user: a.get("user"),
         note: a.get("addNote")
@@ -1912,7 +1924,7 @@ const Ka = {
       type: String,
       required: !0
     },
-    ...lt,
+    ...dt,
     title: {
       type: String,
       required: !1
@@ -1927,29 +1939,29 @@ const Ka = {
       required: !1
     }
   }
-}, Ga = { class: "container note-feed mb-2" }, Ya = ["innerHTML"], Xa = ["action", "method"], Ja = ["value"], Qa = /* @__PURE__ */ f("button", { class: "btn btn-tertiary" }, "Submit note", -1);
-function Za(e, a, t, i, s, o) {
-  const n = K("Table"), l = K("Input");
+}, Ga = { class: "container note-feed mb-2" }, Qa = ["innerHTML"], Ya = ["action", "method"], Xa = ["value"], Ja = /* @__PURE__ */ b("button", { class: "btn btn-tertiary" }, "Submit note", -1);
+function Za(e, a, t, i, r, o) {
+  const s = K("Table"), l = K("Input");
   return m(), h("div", Ga, [
     t.title ? (m(), h("span", {
       key: 0,
       class: "h3",
       innerHTML: t.title
-    }, null, 8, Ya)) : _("", !0),
-    M(n, C({
+    }, null, 8, Qa)) : _("", !0),
+    M(s, j({
       fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
-      items: s.itemsData
+      items: r.itemsData
     }, e.$props, { class: "mb-0" }), null, 16, ["items"]),
-    f("form", {
+    b("form", {
       action: t.action,
       method: t.method,
-      onSubmit: a[0] || (a[0] = ft((d) => o.submitForm(...arguments), ["prevent"]))
+      onSubmit: a[0] || (a[0] = bt((d) => o.submitForm(...arguments), ["prevent"]))
     }, [
-      f("input", {
+      b("input", {
         type: "hidden",
         value: t.user,
         name: "user"
-      }, null, 8, Ja),
+      }, null, 8, Xa),
       M(l, {
         id: "addNote",
         type: "textarea",
@@ -1957,62 +1969,62 @@ function Za(e, a, t, i, s, o) {
         required: "",
         class: "mw-100"
       }),
-      Qa
-    ], 40, Xa)
+      Ja
+    ], 40, Ya)
   ]);
 }
-const Oi = /* @__PURE__ */ y(Ka, [["render", Za]]);
+const Bi = /* @__PURE__ */ y(Ka, [["render", Za]]);
 /*!
-  * iamKey v5.2.0
-  * Copyright 2022-2023 iamproperty
+  * iamKey v5.3.0-beta2
+  * Copyright 2022-2024 iamproperty
   */
 function ti(e, a) {
-  function t(i, s) {
-    let o = !1, n = s.getAttribute("name");
-    n.includes("[]") && (n = n.replace("[]", `[${s.value}]`));
-    let l = i.querySelector(`[data-name="${n}"]`);
-    l && s.getAttribute("type") == "checkbox" && (o = !s.checked);
-    let d = s.getAttribute("data-filter-text");
-    if (l || (l = document.createElement("button"), i.appendChild(l)), l.setAttribute("type", "button"), l.classList.add("filter"), l.setAttribute("data-name", n), l.innerHTML = d.replace("$value", s.value), (!s.value || o) && l.remove(), s.parentNode.closest("[data-filter-text]")) {
-      let r = s.parentNode.closest("[data-filter-text]"), p = !0;
-      if (n = "", r.querySelectorAll("input").forEach((c, u) => {
+  function t(i, r) {
+    let o = !1, s = r.getAttribute("name");
+    s.includes("[]") && (s = s.replace("[]", `[${r.value}]`));
+    let l = i.querySelector(`[data-name="${s}"]`);
+    l && r.getAttribute("type") == "checkbox" && (o = !r.checked);
+    let d = r.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", s), l.innerHTML = d.replace("$value", r.value), (!r.value || o) && l.remove(), r.parentNode.closest("[data-filter-text]")) {
+      let n = r.parentNode.closest("[data-filter-text]"), u = !0;
+      if (s = "", n.querySelectorAll("input").forEach((c, p) => {
         let g = c.getAttribute("name");
-        if (n += `${u != 0 ? "," : ""}${g}`, i.querySelector(`[data-name="${g}"]`) && i.querySelector(`[data-name="${g}"]`).remove(), c.value) {
-          let b = document.createElement("button");
-          b.setAttribute("type", "button"), b.classList.add("filter"), b.setAttribute("data-name", g), b.innerHTML = d.replace("$value", c.value), i.appendChild(b);
+        if (s += `${p != 0 ? "," : ""}${g}`, i.querySelector(`[data-name="${g}"]`) && i.querySelector(`[data-name="${g}"]`).remove(), c.value) {
+          let f = document.createElement("button");
+          f.setAttribute("type", "button"), f.classList.add("filter"), f.setAttribute("data-name", g), f.innerHTML = d.replace("$value", c.value), i.appendChild(f);
         } else
-          p = !1;
-      }), i.querySelector(`[data-name="${n}"]`) && i.querySelector(`[data-name="${n}"]`).remove(), p) {
-        let c = r.getAttribute("data-filter-text");
-        r.querySelectorAll("input").forEach((g, b) => {
-          let x = g.getAttribute("name");
-          i.querySelector(`[data-name="${x}"]`) && i.querySelector(`[data-name="${x}"]`).remove(), c = c.replace(`$${b + 1}`, g.value);
+          u = !1;
+      }), i.querySelector(`[data-name="${s}"]`) && i.querySelector(`[data-name="${s}"]`).remove(), u) {
+        let c = n.getAttribute("data-filter-text");
+        n.querySelectorAll("input").forEach((g, f) => {
+          let A = g.getAttribute("name");
+          i.querySelector(`[data-name="${A}"]`) && i.querySelector(`[data-name="${A}"]`).remove(), c = c.replace(`$${f + 1}`, g.value);
         });
-        let u = document.createElement("button");
-        u.setAttribute("type", "button"), u.classList.add("filter"), u.setAttribute("data-name", n), u.innerHTML = c, i.appendChild(u);
+        let p = document.createElement("button");
+        p.setAttribute("type", "button"), p.classList.add("filter"), p.setAttribute("data-name", s), p.innerHTML = c, i.appendChild(p);
       }
     }
   }
-  Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((i, s) => {
+  Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((i, r) => {
     t(a, i);
-  }), Array.from(e.querySelectorAll("input[data-filter-text]")).forEach((i, s) => {
+  }), Array.from(e.querySelectorAll("input[data-filter-text]")).forEach((i, r) => {
     i.addEventListener("change", function(o) {
       t(a, i), o.stopPropagation();
     });
   }), e.addEventListener("change", function(i) {
     if (i && i.target instanceof HTMLElement && i.target.closest("input[data-filter-text]")) {
-      let s = i.target.closest("input[data-filter-text]");
-      t(a, s);
+      let r = i.target.closest("input[data-filter-text]");
+      t(a, r);
     }
   }), a.addEventListener("click", function(i) {
     if (i && i.target instanceof HTMLElement && i.target.closest(".filter")) {
-      let n = i.target.closest(".filter"), l = n.getAttribute("data-name").split(",");
-      for (var s = 0; s < l.length; s++) {
-        let d = l[s], r = `[name="${d}"]`;
-        d.match(/\[(.*)\]/) && (d.replace(/\[(.*)\]/, "[]"), r = `[value="${d.replace(/.*\[(.*)\]/, "$1")}"]`);
-        let p = e.querySelectorAll(r);
-        for (var o = 0; o < p.length; o++) {
-          let c = p[o];
+      let s = i.target.closest(".filter"), l = s.getAttribute("data-name").split(",");
+      for (var r = 0; r < l.length; r++) {
+        let d = l[r], n = `[name="${d}"]`;
+        d.match(/\[(.*)\]/) && (d.replace(/\[(.*)\]/, "[]"), n = `[value="${d.replace(/.*\[(.*)\]/, "$1")}"]`);
+        let u = e.querySelectorAll(n);
+        for (var o = 0; o < u.length; o++) {
+          let c = u[o];
           if (c.getAttribute("type") != "radio" && c.getAttribute("type") != "checkbox")
             c.value = "";
           else {
@@ -2022,7 +2034,7 @@ function ti(e, a) {
           }
         }
       }
-      n.remove();
+      s.remove();
     }
   }, !1);
 }
@@ -2032,8 +2044,8 @@ class ei extends HTMLElement {
     super(), this.attachShadow({ mode: "open" });
     const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`;
     let i = this.classList.toString();
-    const s = document.createElement("template");
-    s.innerHTML = `
+    const r = document.createElement("template");
+    r.innerHTML = `
     <style>
     @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 */
@@ -2042,7 +2054,7 @@ class ei extends HTMLElement {
     </style>
     <div class="applied-filters ${i}"></div>
     <slot></slot>
-    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(r.content.cloneNode(!0));
   }
   connectedCallback() {
     ti(this, this.shadowRoot.querySelector(".applied-filters"));
@@ -2052,37 +2064,37 @@ window.customElements.get("iam-applied-filters") || window.customElements.define
 const ai = {
   name: "Header"
 };
-function ii(e, a, t, i, s, o) {
+function ii(e, a, t, i, r, o) {
   return m(), h("iam-applied-filters", null, [
-    v(e.$slots, "default")
+    w(e.$slots, "default")
   ]);
 }
-const Bi = /* @__PURE__ */ y(ai, [["render", ii]]);
+const Ui = /* @__PURE__ */ y(ai, [["render", ii]]);
 /*!
-  * iamKey v5.2.0
-  * Copyright 2022-2023 iamproperty
+  * iamKey v5.3.0-beta2
+  * Copyright 2022-2024 iamproperty
   */
-function ni(e, a) {
-  oi(e, a);
+function si(e, a) {
+  ni(e, a);
 }
-function oi(e, a) {
+function ni(e, a) {
   var t;
   a.addEventListener("keyup", (i) => {
     clearTimeout(t), t = setTimeout(function() {
-      Z(e, a.value);
+      tt(e, a.value);
     }, 500);
   }), a.addEventListener("change", (i) => {
-    clearTimeout(t), Z(e, a.value);
+    clearTimeout(t), tt(e, a.value);
   });
 }
-const Z = function(e, a) {
+const tt = function(e, a) {
   Array.from(e.querySelectorAll(":scope > li")).forEach((t, i) => {
-    let s = t.textContent.toLowerCase();
-    t.classList.add("d-none"), s.includes(a.toLowerCase()) && t.classList.remove("d-none");
+    let r = t.textContent.toLowerCase();
+    t.classList.add("d-none"), r.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 ri extends HTMLElement {
+class oi extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
@@ -2117,30 +2129,30 @@ class ri extends HTMLElement {
   }
   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>'), ni(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>'), si(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
   }
 }
-window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", ri);
-const si = {
+window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", oi);
+const ri = {
   name: "Filter list"
 };
-function li(e, a, t, i, s, o) {
+function li(e, a, t, i, r, o) {
   return m(), h("iam-filterlist", null, [
-    v(e.$slots, "default")
+    w(e.$slots, "default")
   ]);
 }
-const Ui = /* @__PURE__ */ y(si, [["render", li]]);
+const Vi = /* @__PURE__ */ y(ri, [["render", li]]);
 function di(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 (e.setAttribute("role", "alert"), e.addEventListener("click", function(t) {
-    event && event.target instanceof HTMLElement && event.target.closest("[data-dismiss-button]") && (t.preventDefault(), X(e));
+    event && event.target instanceof HTMLElement && event.target.closest("[data-dismiss-button]") && (t.preventDefault(), Y(e));
   }, !1), e.hasAttribute("data-timeout")) {
     let t = e.getAttribute("data-timeout");
     var a = new ci(function() {
-      X(e);
+      Y(e);
     }, t);
     e.addEventListener("mouseenter", (i) => {
       a.pause();
@@ -2150,14 +2162,14 @@ function di(e) {
   }
 }
 function ci(e, a) {
-  var t, i, s = a;
+  var t, i, r = a;
   this.pause = function() {
-    window.clearTimeout(t), s -= /* @__PURE__ */ new Date() - i;
+    window.clearTimeout(t), r -= /* @__PURE__ */ new Date() - i;
   }, this.resume = function() {
-    i = /* @__PURE__ */ new Date(), window.clearTimeout(t), t = window.setTimeout(e, s);
+    i = /* @__PURE__ */ new Date(), window.clearTimeout(t), t = window.setTimeout(e, r);
   }, this.resume();
 }
-const X = function(e) {
+const Y = function(e) {
   e.classList.add("d-none");
 };
 window.dataLayer = window.dataLayer || [];
@@ -2168,12 +2180,12 @@ window.dataLayer.push({
 class ui extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = `@import "${a}/css/components/notification.css";`, s = `@import "${a}/css/components/notification.global.css";`, o = this.querySelectorAll("a,button");
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = `@import "${a}/css/components/notification.css";`, r = `@import "${a}/css/components/notification.global.css";`, o = this.querySelectorAll("a,button");
     Array.from(o).forEach((l, d) => {
       l.setAttribute("slot", "btns"), l.classList.add("link");
     }), (o.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
-    const n = document.createElement("template");
-    n.innerHTML = `
+    const s = document.createElement("template");
+    s.innerHTML = `
     <style>
     @import "${t}";
     ${i}
@@ -2185,7 +2197,7 @@ class ui extends HTMLElement {
       <div class="notification__inner"><div class="notification__text"><slot></slot></div>${o.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
       ${this.hasAttribute("data-dismiss") ? '<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>' : ""}
     </div>
-    `, this.shadowRoot.appendChild(n.content.cloneNode(!0)), document.getElementById("notificationHolder") || document.head.insertAdjacentHTML("beforeend", `<style id="notificationHolder">${s}</style>`);
+    `, this.shadowRoot.appendChild(s.content.cloneNode(!0)), document.getElementById("notificationHolder") || document.head.insertAdjacentHTML("beforeend", `<style id="notificationHolder">${r}</style>`);
   }
   connectedCallback() {
     const a = this.shadowRoot.querySelector("[data-dismiss-button]"), t = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
@@ -2205,8 +2217,8 @@ class ui extends HTMLElement {
         default:
           this.innerHTML += '<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>';
       }
-    di(i), a && a.addEventListener("click", function(s) {
-      X(i);
+    di(i), a && a.addEventListener("click", function(r) {
+      Y(i);
     }, !1);
   }
 }
@@ -2219,17 +2231,17 @@ const mi = {
     });
   }
 };
-function hi(e, a, t, i, s, o) {
+function hi(e, a, t, i, r, o) {
   return m(), h("iam-notification", null, [
-    v(e.$slots, "default")
+    w(e.$slots, "default")
   ]);
 }
-const Vi = /* @__PURE__ */ y(mi, [["render", hi]]), pi = {
+const Wi = /* @__PURE__ */ y(mi, [["render", hi]]), pi = {
   name: "Actionbar",
   props: {},
   mounted() {
     this.$nextTick(function() {
-      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/actionbar/actionbar.component.js": () => import("./actionbar.component-3f2c98c0.mjs"), "../../../assets/js/components/actionbar/actionbar.component.min.js": () => import("./actionbar.component.min-6252c5d8.mjs") }), "../../../assets/js/components/actionbar/actionbar.component.js").then((e) => {
+      R(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/actionbar/actionbar.component.js": () => import("./actionbar.component-3f2c98c0.mjs"), "../../../assets/js/components/actionbar/actionbar.component.min.js": () => import("./actionbar.component.min-86b28333.mjs") }), "../../../assets/js/components/actionbar/actionbar.component.js").then((e) => {
         window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -2237,12 +2249,12 @@ const Vi = /* @__PURE__ */ y(mi, [["render", hi]]), pi = {
     });
   }
 };
-function bi(e, a, t, i, s, o) {
+function fi(e, a, t, i, r, o) {
   return m(), h("iam-actionbar", null, [
-    v(e.$slots, "default")
+    w(e.$slots, "default")
   ]);
 }
-const Wi = /* @__PURE__ */ y(pi, [["render", bi]]), fi = {
+const Ki = /* @__PURE__ */ y(pi, [["render", fi]]), bi = {
   name: "Pagination",
   props: {},
   computed: {},
@@ -2254,14 +2266,14 @@ const Wi = /* @__PURE__ */ y(pi, [["render", bi]]), fi = {
   updated() {
   }
 };
-function gi(e, a, t, i, s, o) {
+function gi(e, a, t, i, r, o) {
   return m(), h("iam-pagination");
 }
-const Ki = /* @__PURE__ */ y(fi, [["render", gi]]), yi = {
+const Gi = /* @__PURE__ */ y(bi, [["render", gi]]), yi = {
   name: "Address Lookup",
   mounted() {
     this.$nextTick(function() {
-      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/address-lookup/address-lookup.component.js": () => import("./address-lookup.component-6bae4154.mjs"), "../../../assets/js/components/address-lookup/address-lookup.component.min.js": () => import("./address-lookup.component.min-54ce7f2f.mjs") }), "../../../assets/js/components/address-lookup/address-lookup.component.js").then((e) => {
+      R(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/address-lookup/address-lookup.component.js": () => import("./address-lookup.component-6bae4154.mjs"), "../../../assets/js/components/address-lookup/address-lookup.component.min.js": () => import("./address-lookup.component.min-54ce7f2f.mjs") }), "../../../assets/js/components/address-lookup/address-lookup.component.js").then((e) => {
         window.customElements.get("iam-address-lookup") || window.customElements.define("iam-address-lookup", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -2269,18 +2281,18 @@ const Ki = /* @__PURE__ */ y(fi, [["render", gi]]), yi = {
     });
   }
 };
-function wi(e, a, t, i, s, o) {
+function vi(e, a, t, i, r, o) {
   return m(), h("iam-address-lookup", null, [
-    v(e.$slots, "default")
+    w(e.$slots, "default")
   ]);
 }
-const Gi = /* @__PURE__ */ y(yi, [["render", wi]]);
+const Qi = /* @__PURE__ */ y(yi, [["render", vi]]);
 /*!
-  * iamKey v5.2.0
-  * Copyright 2022-2023 iamproperty
+  * iamKey v5.3.0-beta2
+  * Copyright 2022-2024 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "collapsible side menu" });
-class vi extends HTMLElement {
+class wi extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
@@ -2309,14 +2321,14 @@ class vi extends HTMLElement {
     `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
-    const a = this.shadowRoot.querySelector(".side-menu"), t = this.shadowRoot.querySelector(".side-menu-content"), i = this.shadowRoot.querySelector(".main-content"), s = this.shadowRoot.querySelector(".side-menu > .btn");
-    this.hasAttribute("data-css") && this.shadowRoot.querySelector(".styles").insertAdjacentHTML("beforeend", `@import "${this.getAttribute("data-css")}";`), this.hasAttribute("data-title") || this.setAttribute("data-title", "configuration"), t.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), i.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)") && (this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("h4"), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("main-content__title")), s.addEventListener("click", (o) => {
-      a.classList.contains("open") ? (a.classList.remove("open"), s.removeAttribute("aria-expanded"), setTimeout(function() {
+    const a = this.shadowRoot.querySelector(".side-menu"), t = this.shadowRoot.querySelector(".side-menu-content"), i = this.shadowRoot.querySelector(".main-content"), r = this.shadowRoot.querySelector(".side-menu > .btn");
+    this.hasAttribute("data-css") && this.shadowRoot.querySelector(".styles").insertAdjacentHTML("beforeend", `@import "${this.getAttribute("data-css")}";`), this.hasAttribute("data-title") || this.setAttribute("data-title", "configuration"), t.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), i.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)") && (this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("h4"), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("main-content__title")), r.addEventListener("click", (o) => {
+      a.classList.contains("open") ? (a.classList.remove("open"), r.removeAttribute("aria-expanded"), setTimeout(function() {
         t.classList.add("closed");
       }, 1e3), a.classList.add("pe-none"), setTimeout(function() {
         a.classList.remove("pe-none");
       }, 1e3)) : (t.classList.remove("closed"), setTimeout(function() {
-        a.classList.add("open"), s.setAttribute("aria-expanded", !0);
+        a.classList.add("open"), r.setAttribute("aria-expanded", !0);
       }, 100));
     }), a.addEventListener("mouseenter", (o) => {
       window.innerWidth > 992 && (a.classList.contains("open") || t.classList.remove("closed"), a.classList.add("hover"));
@@ -2329,45 +2341,45 @@ class vi extends HTMLElement {
     });
   }
 }
-window.customElements.get("iam-collapsible-side") || window.customElements.define("iam-collapsible-side", vi);
+window.customElements.get("iam-collapsible-side") || window.customElements.define("iam-collapsible-side", wi);
 const _i = {
   name: "CollapsibleSideMenu",
   props: {},
   mounted() {
   }
 };
-function xi(e, a, t, i, s, o) {
+function Ai(e, a, t, i, r, o) {
   return m(), h("iam-collapsible-side", null, [
-    v(e.$slots, "default")
+    w(e.$slots, "default")
   ]);
 }
-const Yi = /* @__PURE__ */ y(_i, [["render", xi]]);
+const Yi = /* @__PURE__ */ y(_i, [["render", Ai]]);
 export {
-  Si as Accordion,
-  qi as AccordionItem,
-  Wi as Actionbar,
-  Gi as AddressLookup,
-  Bi as AppliedFilters,
-  Ei as Banner,
-  Ti as Card,
-  Hi as Carousel,
+  qi as Accordion,
+  Ei as AccordionItem,
+  Ki as Actionbar,
+  Qi as AddressLookup,
+  Ui as AppliedFilters,
+  Ti as Banner,
+  Hi as Card,
+  Mi as Carousel,
   Yi as CollapsibleSideMenu,
-  $i as FileUpload,
-  Ui as Filterlist,
-  Mi as Header,
-  st as Input,
-  Li as Logo,
+  ki as FileUpload,
+  Vi as Filterlist,
+  Ci as Header,
+  lt as Input,
+  $i as Logo,
   Ri as Nav,
-  Oi as NoteFeed,
-  Vi as Notification,
-  Ki as Pagination,
-  Di as PropertySearchbar,
-  zi as Snapshot,
-  Fi as Step,
-  Ni as Stepper,
-  Ii as Tab,
+  Bi as NoteFeed,
+  Wi as Notification,
+  Gi as Pagination,
+  Ni as PropertySearchbar,
+  Ii as Snapshot,
+  zi as Step,
+  Pi as Stepper,
+  Fi as Tab,
   rt as Table,
-  Pi as Tabs,
+  Oi as Tabs,
   ji as Testimonial,
-  Ci as Timeline
+  Di as Timeline
 };