@iamproperty/components 4.1.1-beta-7 → 5.0.0

package/dist/components.es.js

@@ -1,8 +1,8 @@
-import { openBlock as h, createElementBlock as p, normalizeClass as S, createElementVNode as g, toDisplayString as $, createCommentVNode as _, Fragment as M, renderList as H, renderSlot as x, withDirectives as N, mergeProps as R, vModelDynamic as W, vModelText as pt, vModelSelect as bt, createTextVNode as ft, resolveComponent as F, createVNode as C, withModifiers as gt } from "vue";
-const A = (e, a) => {
+import { openBlock as p, createElementBlock as b, normalizeClass as S, createElementVNode as g, toDisplayString as E, createCommentVNode as x, Fragment as H, renderList as C, renderSlot as k, withDirectives as D, mergeProps as j, vModelDynamic as W, vModelText as pt, vModelSelect as bt, createTextVNode as ft, resolveComponent as F, createVNode as R, withModifiers as gt } from "vue";
+const _ = (e, a) => {
   const t = e.__vccOpts || e;
-  for (const [i, s] of a)
-    t[i] = s;
+  for (const [i, n] of a)
+    t[i] = n;
   return t;
 }, yt = {
   name: "Logo",
@@ -30,38 +30,38 @@ const A = (e, a) => {
     }
   }
 }, vt = ["xlink:href"], wt = ["innerHTML"];
-function At(e, a, t, i, s, r) {
-  return h(), p("div", {
-    class: S(r.className)
+function At(e, a, t, i, n, s) {
+  return p(), b("div", {
+    class: S(s.className)
   }, [
-    (h(), p("svg", null, [
-      g("title", null, "iam " + $(t.id), 1),
+    (p(), b("svg", null, [
+      g("title", null, "iam " + E(t.id), 1),
       g("use", {
-        "xlink:href": t.path + r.src
+        "xlink:href": t.path + s.src
       }, null, 8, vt)
     ])),
-    t.desc ? (h(), p("span", {
+    t.desc ? (p(), b("span", {
       key: 0,
       innerHTML: t.desc
-    }, null, 8, wt)) : _("", !0)
+    }, null, 8, wt)) : x("", !0)
   ], 2);
 }
-const Xo = /* @__PURE__ */ A(yt, [["render", At]]);
+const Xo = /* @__PURE__ */ _(yt, [["render", At]]);
 /*!
-  * iamKey v4.1.1-beta-7
+  * iamKey v5.0.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"), Lt = (e) => e.charAt(0).toUpperCase() + e.slice(1);
-var kt = function(e, a, t, i) {
-  function s(r) {
-    return r instanceof t ? r : new t(function(o) {
-      o(r);
+}, xt = (e, a) => String(e).padStart(a, "0"), kt = (e) => e.charAt(0).toUpperCase() + e.slice(1);
+var Lt = function(e, a, t, i) {
+  function n(s) {
+    return s instanceof t ? s : new t(function(o) {
+      o(s);
     });
   }
-  return new (t || (t = Promise))(function(r, o) {
-    function n(m) {
+  return new (t || (t = Promise))(function(s, o) {
+    function r(m) {
       try {
         l(i.next(m));
       } catch (c) {
@@ -76,7 +76,7 @@ var kt = function(e, a, t, i) {
       }
     }
     function l(m) {
-      m.done ? r(m.value) : s(m.value).then(n, d);
+      m.done ? s(m.value) : n(m.value).then(r, d);
     }
     l((i = i.apply(e, a || [])).next());
   });
@@ -84,24 +84,24 @@ var kt = function(e, a, t, i) {
 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")), r = ["0", "low", "medium", "high", "unknown", "n/a", "pending", "verified", "due", "overdue", "incomplete", "complete", "completed", "approval required", "upcoming", "requires approval", "to do", "on track", "not started", "warning", "error"];
-    s.forEach((o, n) => {
-      const d = a[n];
+    const n = Array.from(t.querySelectorAll("th, td")), s = ["0", "low", "medium", "high", "unknown", "n/a", "pending", "verified", "due", "overdue", "incomplete", "complete", "completed", "approval required", "upcoming", "requires approval", "to do", "on track", "not started", "warning", "error"];
+    n.forEach((o, r) => {
+      const d = a[r];
       if (typeof d < "u") {
         let l = document.createElement("div");
         l.innerHTML = d.innerHTML;
         let m = l.textContent || l.innerText || "";
-        o.setAttribute("data-label", m), d.hasAttribute("data-td-class") && o.setAttribute("class", d.getAttribute("data-td-class")), d.hasAttribute("data-format") && (o.setAttribute("data-format", d.getAttribute("data-format")), o.innerHTML = G(d.getAttribute("data-format"), o.textContent.trim())), r.includes(o.textContent.trim().toLowerCase()) && o.setAttribute("data-content", o.textContent.trim().toLowerCase());
+        o.setAttribute("data-label", m), d.hasAttribute("data-td-class") && o.setAttribute("class", d.getAttribute("data-td-class")), d.hasAttribute("data-format") && (o.setAttribute("data-format", d.getAttribute("data-format")), o.innerHTML = G(d.getAttribute("data-format"), o.textContent.trim())), s.includes(o.textContent.trim().toLowerCase()) && o.setAttribute("data-content", o.textContent.trim().toLowerCase());
       }
     });
   });
 }, St = (e) => {
   let a = 0;
   return Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
-    let s = window.getComputedStyle(document.querySelector("html")), r = t.querySelector(":scope > *:last-child > *:first-child");
-    if (r) {
-      r.classList.add("text-nowrap");
-      let o = r.offsetWidth / parseFloat(s.fontSize);
+    let n = window.getComputedStyle(document.querySelector("html")), s = t.querySelector(":scope > *:last-child > *:first-child");
+    if (s) {
+      s.classList.add("text-nowrap");
+      let o = s.offsetWidth / parseFloat(n.fontSize);
       o += 1.7, a = a > o ? a : o;
     }
   }), a;
@@ -111,39 +111,40 @@ const et = (e) => {
   Array.from(e.querySelectorAll("thead tr")).forEach((t, i) => {
     t.insertAdjacentHTML("afterbegin", '<th class="th--fixed expand-button-heading"></th>');
   }), Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
-    t.insertAdjacentHTML("afterbegin", '<td class="td--fixed td--expand"><button class="btn btn-compact btn-secondary" data-expand-button>Expand</button></td>');
+    const n = 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 ${n}>Expand</button></td>`);
   });
 }, $t = (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");
-      i.getAttribute("data-view") == "full" ? i.setAttribute("data-view", "default") : i.setAttribute("data-view", "full"), t.blur();
+      t.toggleAttribute("aria-expanded"), i.getAttribute("data-view") == "full" ? i.setAttribute("data-view", "default") : i.setAttribute("data-view", "full"), t.blur();
     }
   });
 }, 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 r = t.parentNode, o = {};
-  s.forEach((n, d) => {
-    Array.from(e.querySelectorAll('td[data-label="' + n.trim() + '"]')).forEach((l, m) => {
+  const i = t.getAttribute("id"), n = t.getAttribute("data-search").split(",");
+  let s = t.parentNode, o = {};
+  n.forEach((r, d) => {
+    Array.from(e.querySelectorAll('td[data-label="' + r.trim() + '"]')).forEach((l, m) => {
       l.querySelector(".td__content") ? o[l.querySelector(".td__content").textContent] = l.querySelector(".td__content").textContent : o[l.textContent] = l.textContent;
     });
-  }), t.setAttribute("list", `${i}_list`), t.setAttribute("autocomplete", "off"), r.querySelector("datalist") || (r.innerHTML += `<datalist id="${i}_list"></datalist>`), r.querySelector("datalist").innerHTML = `${Object.keys(o).map((n) => `<option value="${n}"></option>`).join("")}`;
-}, Et = (e, a, t, i, s) => {
-  var r;
+  }), t.setAttribute("list", `${i}_list`), t.setAttribute("autocomplete", "off"), s.querySelector("datalist") || (s.innerHTML += `<datalist id="${i}_list"></datalist>`), s.querySelector("datalist").innerHTML = `${Object.keys(o).map((r) => `<option value="${r}"></option>`).join("")}`;
+}, Et = (e, a, t, i, n) => {
+  var s;
   let o = function(l, m = !1) {
     if (a.classList.contains("processing"))
       return !1;
-    if (l.type == "submit" && (a.classList.add("processing"), Array.from(a.querySelectorAll("[data-duplicate]")).forEach((c, b) => {
-      const f = c.getAttribute("data-duplicate"), u = document.getElementById(f), v = document.querySelector(`[for="${f}"] iam-card`);
-      if (u.checked != c.checked)
-        if (v) {
-          let k = new Event("click");
-          v.dispatchEvent(k);
+    if (l.type == "submit" && (a.classList.add("processing"), Array.from(a.querySelectorAll("[data-duplicate]")).forEach((c, u) => {
+      const h = c.getAttribute("data-duplicate"), f = document.getElementById(h), y = document.querySelector(`[for="${h}"] iam-card`);
+      if (f.checked != c.checked)
+        if (y) {
+          let A = new Event("click");
+          y.dispatchEvent(A);
         } else
-          u.checked = c.checked;
+          f.checked = c.checked;
     }), a.classList.remove("processing")), a.hasAttribute("data-ajax")) {
       if (!m) {
         let c = a.querySelector("[data-pagination]");
@@ -153,20 +154,20 @@ const et = (e) => {
     } else
       a.hasAttribute("data-submit") ? a.submit() : (Y(e, a, i), I(e, a));
     if (a.hasAttribute("data-ajax-post")) {
-      let c = new FormData(a), b = new URLSearchParams(c).toString();
-      const f = new XMLHttpRequest();
-      f.open("GET", `${window.location.href}?ajax=true&${b}`), f.send();
+      let c = new FormData(a), u = new URLSearchParams(c).toString();
+      const h = new XMLHttpRequest();
+      h.open("GET", `${window.location.href}?ajax=true&${u}`), h.send();
     }
   };
   a.addEventListener("keyup", (l) => {
-    clearTimeout(r), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && (r = setTimeout(function() {
+    clearTimeout(s), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && (s = setTimeout(function() {
       o(l);
     }, 500));
   }), a.addEventListener("change", (l) => {
-    clearTimeout(r), l && l.target instanceof HTMLElement && l.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || J(e, a, s), o(l)), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && o(l), l && l.target instanceof HTMLElement && l.target.closest("[data-filter][data-no-ajax]") ? (Y(e, a, i), I(e, a)) : (l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && l.target.closest("form .dialog__wrapper > dialog") || l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && !l.target.closest("form dialog")) && o(l), l && l.target instanceof HTMLElement && l.target.closest("[data-show]") && o(l), l && l.target instanceof HTMLElement && l.target.closest("[data-mimic]") && o(l);
+    clearTimeout(s), l && l.target instanceof HTMLElement && l.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || J(e, a, n), o(l)), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && o(l), l && l.target instanceof HTMLElement && l.target.closest("[data-filter][data-no-ajax]") ? (Y(e, a, i), I(e, a)) : (l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && l.target.closest("form .dialog__wrapper > dialog") || l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && !l.target.closest("form dialog")) && o(l), l && l.target instanceof HTMLElement && l.target.closest("[data-show]") && o(l), l && l.target instanceof HTMLElement && l.target.closest("[data-mimic]") && o(l);
   }), a.addEventListener("click", (l) => {
-    if (clearTimeout(r), l && l.target instanceof HTMLElement && l.target.closest('dialog button:not([type="button"])') && l.target.closest('dialog button:not([type="button"])').closest("dialog").close(), l && l.target instanceof HTMLElement && l.target.closest(".dialog__close") && (l.preventDefault(), l.stopPropagation()), l && l.target instanceof HTMLElement && l.target.closest("[data-clear]")) {
-      a.classList.add("processing"), Array.from(a.querySelectorAll(".applied-filters")).forEach((c, b) => {
+    if (clearTimeout(s), l && l.target instanceof HTMLElement && l.target.closest('dialog button:not([type="button"])') && l.target.closest('dialog button:not([type="button"])').closest("dialog").close(), l && l.target instanceof HTMLElement && l.target.closest(".dialog__close") && (l.preventDefault(), l.stopPropagation()), l && l.target instanceof HTMLElement && l.target.closest("[data-clear]")) {
+      a.classList.add("processing"), Array.from(a.querySelectorAll(".applied-filters")).forEach((c, u) => {
         c.innerHTML = "";
       });
       let m = a.elements;
@@ -180,12 +181,12 @@ const et = (e) => {
           case "radio":
           case "checkbox":
             if (m[c].checked) {
-              let b = m[c], f = b.getAttribute("id"), u = document.querySelector(`[for="${f}"`);
-              if (u.querySelector("iam-card")) {
-                let v = u.querySelector("iam-card"), k = new Event("click");
-                v.dispatchEvent(k);
+              let u = m[c], h = u.getAttribute("id"), f = document.querySelector(`[for="${h}"`);
+              if (f.querySelector("iam-card")) {
+                let y = f.querySelector("iam-card"), A = new Event("click");
+                y.dispatchEvent(A);
               }
-              b.checked = !1;
+              u.checked = !1;
             }
             break;
           case "select-one":
@@ -193,72 +194,72 @@ const et = (e) => {
             m[c].selectedIndex = -1;
             break;
         }
-      a.classList.remove("processing"), a.hasAttribute("data-submit") || J(e, a, s), o(l);
+      a.classList.remove("processing"), a.hasAttribute("data-submit") || J(e, a, n), o(l);
     }
   }), a.addEventListener("submit", (l) => {
-    clearTimeout(r), a.hasAttribute("data-submit") || l.preventDefault(), o(l);
+    clearTimeout(s), a.hasAttribute("data-submit") || l.preventDefault(), o(l);
   }), a.addEventListener("force", (l) => {
     o(l);
   }), a.addEventListener("paginate", (l) => {
     o(l, !0);
   });
-  let n = [], d = [];
+  let r = [], d = [];
   Array.from(a.querySelectorAll("[data-mimic]")).forEach((l, m) => {
     let c = l.getAttribute("data-mimic");
-    Array.from(document.querySelectorAll(`[name="${c}"]`)).forEach((b, f) => {
-      let u = b.closest("form");
-      n.includes(u) || n.push(u), d.includes(c) || d.push(c);
+    Array.from(document.querySelectorAll(`[name="${c}"]`)).forEach((u, h) => {
+      let f = u.closest("form");
+      r.includes(f) || r.push(f), d.includes(c) || d.push(c);
     });
-  }), n.forEach((l, m) => {
+  }), r.forEach((l, m) => {
     const c = function() {
-      let b = [], f = new FormData(l);
-      for (const [u, v] of f)
-        document.querySelector(`[data-mimic="${u}"]`) && !b.includes(u) ? (b.push(u), document.querySelector(`[data-mimic="${u}"]`).value = v) : document.querySelector(`[data-mimic="${u}"]`) && (document.querySelector(`[data-mimic="${u}"]`).value += "," + v);
-      for (const u of b) {
-        const v = new Event("force");
-        a.dispatchEvent(v);
+      let u = [], h = new FormData(l);
+      for (const [f, y] of h)
+        document.querySelector(`[data-mimic="${f}"]`) && !u.includes(f) ? (u.push(f), document.querySelector(`[data-mimic="${f}"]`).value = y) : document.querySelector(`[data-mimic="${f}"]`) && (document.querySelector(`[data-mimic="${f}"]`).value += "," + y);
+      for (const f of u) {
+        const y = new Event("force");
+        a.dispatchEvent(y);
       }
-      for (const u of d)
-        if (!f.has(u) && l.querySelector(`[name="${u}"]`)) {
-          document.querySelector(`[data-mimic="${u}"]`).value = "";
-          const v = new Event("force");
-          a.dispatchEvent(v);
+      for (const f of d)
+        if (!h.has(f) && l.querySelector(`[name="${f}"]`)) {
+          document.querySelector(`[data-mimic="${f}"]`).value = "";
+          const y = new Event("force");
+          a.dispatchEvent(y);
         }
     };
-    l.addEventListener("force", (b) => {
+    l.addEventListener("force", (u) => {
       c();
-    }), l.addEventListener("change", (b) => {
+    }), l.addEventListener("change", (u) => {
       c();
     });
   });
 }, J = (e, a, t) => {
   if (a.getAttribute("data-ajax"))
     return !1;
-  let i = e.querySelector("tbody"), s = a.querySelector("[data-sort]"), r = s.querySelector(`option:nth-child(${s.selectedIndex + 1})`), o = r.getAttribute("data-sort"), n = r.getAttribute("data-order"), d = r.getAttribute("data-format");
+  let i = e.querySelector("tbody"), n = a.querySelector("[data-sort]"), s = n.querySelector(`option:nth-child(${n.selectedIndex + 1})`), o = s.getAttribute("data-sort"), r = s.getAttribute("data-order"), d = s.getAttribute("data-format");
   if (!o)
     return i.innerHTML = t.innerHTML, et(e), !1;
   let l = [];
-  ["asc", "desc", "descending"].includes(n) || (l = n.split(","));
+  ["asc", "desc", "descending"].includes(r) || (l = r.split(","));
   let m = [];
-  Array.from(i.querySelectorAll("tr")).forEach((b, f) => {
-    let u = b.querySelector('td[data-label="' + o + '"], th[data-label="' + o + '"]').textContent.trim();
-    b.querySelector('[data-label="' + o + '"] .td__content') && (u = b.querySelector('[data-label="' + o + '"] .td__content').textContent.trim()), l.length && l.includes(u) && (u = l.indexOf(u)), _t(u) && (u = xt(u, 10)), d && d == "date" && (u = new Date(u));
-    const v = { index: u, row: b };
-    m.push(v);
-  }), m.sort((b, f) => b.index > f.index ? 1 : -1), (n == "descending" || n == "desc") && (m = m.reverse());
+  Array.from(i.querySelectorAll("tr")).forEach((u, h) => {
+    let f = u.querySelector('td[data-label="' + o + '"], th[data-label="' + o + '"]').textContent.trim();
+    u.querySelector('[data-label="' + o + '"] .td__content') && (f = u.querySelector('[data-label="' + o + '"] .td__content').textContent.trim()), l.length && l.includes(f) && (f = l.indexOf(f)), _t(f) && (f = xt(f, 10)), d && d == "date" && (f = new Date(f));
+    const y = { index: f, row: u };
+    m.push(y);
+  }), m.sort((u, h) => u.index > h.index ? 1 : -1), (r == "descending" || r == "desc") && (m = m.reverse());
   let c = "";
-  m.forEach((b, f) => {
-    c += b.row.outerHTML;
+  m.forEach((u, h) => {
+    c += u.row.outerHTML;
   }), i.innerHTML = c;
 }, Y = (e, a, t) => {
   e.classList.remove("table--filtered");
-  let i = it(a), s = [], r = 0, o = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, n = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
+  let i = it(a), n = [], s = 0, o = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, r = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
   if (Array.from(e.querySelectorAll("tbody tr")).forEach((l, m) => {
     l.classList.remove("filtered"), l.classList.remove("filtered--matched"), l.classList.remove("filtered--show"), l.removeAttribute("data-filtered-by");
   }), a.querySelector("[data-search]")) {
     let l = a.querySelector("[data-search]");
     a.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((m, c) => {
-      s.push({ column: `${m.trim()}`, value: `${l.value}` });
+      n.push({ column: `${m.trim()}`, value: `${l.value}` });
     });
   }
   Array.from(a.querySelectorAll("[data-filter-count]")).forEach((l, m) => {
@@ -271,90 +272,90 @@ const et = (e) => {
     l.innerHTML += `(${d})`, l.parentNode.classList.add("hover");
   }), e.classList.add("table--filtered");
   for (const [l, m] of Object.entries(i))
-    Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((c, b) => {
-      let f = !1;
-      m.forEach((u, v) => {
-        let k = c.querySelector(`[data-label="${l}"]`);
-        if (u && u == "$today")
-          u = G("date", /* @__PURE__ */ new Date());
-        else if (u && u == "$yesterday") {
+    Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((c, u) => {
+      let h = !1;
+      m.forEach((f, y) => {
+        let A = c.querySelector(`[data-label="${l}"]`);
+        if (f && f == "$today")
+          f = G("date", /* @__PURE__ */ new Date());
+        else if (f && f == "$yesterday") {
           let L = /* @__PURE__ */ new Date();
-          L.setDate(L.getDate() - 1), u = G("date", L);
-        } else if (u && (u == "$thisWeek" || u == "$lastWeek")) {
-          let L = /* @__PURE__ */ new Date(), E = new Date(L.setDate(L.getDate() - (L.getDay() - 1))), q = new Date(L.setDate(L.getDate() - L.getDay() + 7)), w = new Date(k.textContent.toLowerCase());
-          if (L.setHours(0, 0, 0, 0), E.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), u == "$thisWeek")
-            f = w >= E && w <= q;
+          L.setDate(L.getDate() - 1), f = G("date", L);
+        } else if (f && (f == "$thisWeek" || f == "$lastWeek")) {
+          let L = /* @__PURE__ */ new Date(), T = new Date(L.setDate(L.getDate() - (L.getDay() - 1))), $ = new Date(L.setDate(L.getDate() - L.getDay() + 7)), w = new Date(A.textContent.toLowerCase());
+          if (L.setHours(0, 0, 0, 0), T.setHours(0, 0, 0, 0), $.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), f == "$thisWeek")
+            h = w >= T && w <= $;
           else {
-            let B = new Date(E.setDate(E.getDate() - 7)), T = new Date(q.setDate(q.getDate() - 7));
-            B.setHours(0, 0, 0, 0), T.setHours(0, 0, 0, 0), f = w >= B && w <= T;
+            let B = new Date(T.setDate(T.getDate() - 7)), M = new Date($.setDate($.getDate() - 7));
+            B.setHours(0, 0, 0, 0), M.setHours(0, 0, 0, 0), h = w >= B && w <= M;
           }
-        } else if (u && u == "$thisMonth") {
-          let L = /* @__PURE__ */ new Date(), E = L.getFullYear(), q = L.getMonth();
-          var y = new Date(E, q, 1), D = new Date(E, q + 1, 0);
-          let w = new Date(k.textContent.toLowerCase());
-          y.setHours(0, 0, 0, 0), D.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), f = w >= y && w <= D;
-        } else if (u && u == "$lastMonth") {
-          let L = /* @__PURE__ */ new Date(), E = L.getFullYear(), q = L.getMonth();
-          var j = new Date(E, q - 1, 1), z = new Date(E, q, 0);
-          let w = new Date(k.textContent.toLowerCase());
-          j.setHours(0, 0, 0, 0), z.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), f = w >= j && w <= z;
+        } else if (f && f == "$thisMonth") {
+          let L = /* @__PURE__ */ new Date(), T = L.getFullYear(), $ = L.getMonth();
+          var q = new Date(T, $, 1), v = new Date(T, $ + 1, 0);
+          let w = new Date(A.textContent.toLowerCase());
+          q.setHours(0, 0, 0, 0), v.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), h = w >= q && w <= v;
+        } else if (f && f == "$lastMonth") {
+          let L = /* @__PURE__ */ new Date(), T = L.getFullYear(), $ = L.getMonth();
+          var N = new Date(T, $ - 1, 1), z = new Date(T, $, 0);
+          let w = new Date(A.textContent.toLowerCase());
+          N.setHours(0, 0, 0, 0), z.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), h = w >= N && w <= z;
         }
-        k && k.textContent.toLowerCase().includes(u.toLowerCase()) && (f = !0);
-      }), f || (c.classList.add("filtered"), c.setAttribute("data-filtered-by", l));
+        A && A.textContent.toLowerCase().includes(f.toLowerCase()) && (h = !0);
+      }), h || (c.classList.add("filtered"), c.setAttribute("data-filtered-by", l));
     });
   Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((l, m) => {
-    let c = !(s.length > 0 && s[0].value.length >= 3);
-    s.forEach((b, f) => {
-      let u = l.querySelector(`[data-label="${b.column}"]`);
-      u && b.value.length >= 3 && u.textContent.toLowerCase().includes(b.value.toLowerCase()) && (c = !0);
+    let c = !(n.length > 0 && n[0].value.length >= 3);
+    n.forEach((u, h) => {
+      let f = l.querySelector(`[data-label="${u.column}"]`);
+      f && u.value.length >= 3 && f.textContent.toLowerCase().includes(u.value.toLowerCase()) && (c = !0);
     }), c || l.classList.add("filtered");
   }), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((l, m) => {
-    r++, l.classList.add("filtered--matched"), Math.ceil(r / n) == parseInt(o) && l.classList.add("filtered--show");
-  }), t && (t.setAttribute("data-total", r), t.setAttribute("data-show", n), t.setAttribute("data-page", o));
+    s++, l.classList.add("filtered--matched"), Math.ceil(s / r) == parseInt(o) && l.classList.add("filtered--show");
+  }), t && (t.setAttribute("data-total", s), t.setAttribute("data-show", r), t.setAttribute("data-page", o));
 }, I = (e, a, t) => {
-  Array.from(a.querySelectorAll("[data-query]")).forEach((i, s) => {
-    let r = i.getAttribute("data-query"), o;
-    if (r == "total")
+  Array.from(a.querySelectorAll("[data-query]")).forEach((i, n) => {
+    let s = i.getAttribute("data-query"), o;
+    if (s == "total")
       t.hasAttribute("data-total") ? o = t.getAttribute("data-total") : o = (e.classList.contains("table--filtered"), e.querySelectorAll("tbody tr").length);
-    else if (!r.includes(" == ") && r.includes(" & ")) {
-      let n = r.split(" & "), d = "";
-      n.forEach((l) => {
+    else if (!s.includes(" == ") && s.includes(" & ")) {
+      let r = s.split(" & "), d = "";
+      r.forEach((l) => {
         d += `:not([data-filtered-by="${l}"])`;
       }), o = Array.from(e.querySelectorAll(`tbody tr${d}`)).length;
-    } else if (!r.includes(" == "))
-      o = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${r}"])`)).length;
-    else if (r.includes(" && ")) {
-      let n = r.split(" && ");
+    } else if (!s.includes(" == "))
+      o = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${s}"])`)).length;
+    else if (s.includes(" && ")) {
+      let r = s.split(" && ");
       o = Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d) {
         let l = !0;
-        for (const [m, c] of Object.entries(n)) {
-          let b = c.split(" == ");
-          (!d.querySelector(`td[data-label="${b[0]}"]`) || d.querySelector(`td[data-label="${b[0]}"]`).textContent != `${b[1]}`) && (l = !1);
+        for (const [m, c] of Object.entries(r)) {
+          let u = c.split(" == ");
+          (!d.querySelector(`td[data-label="${u[0]}"]`) || d.querySelector(`td[data-label="${u[0]}"]`).textContent != `${u[1]}`) && (l = !1);
         }
         return l;
       }).length;
     } else {
-      let n = r.split(" == ");
-      o = Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${n[0]}"], tbody tr[data-filtered-by="${n[0]}"] td[data-label="${n[0]}"]`)).filter(function(d) {
-        return d.textContent === n[1];
+      let r = s.split(" == ");
+      o = Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${r[0]}"], tbody tr[data-filtered-by="${r[0]}"] td[data-label="${r[0]}"]`)).filter(function(d) {
+        return d.textContent === r[1];
       }).length;
     }
     i.hasAttribute("data-total") ? i.setAttribute("data-total", o) : i.innerHTML = o;
   });
 }, Tt = function(e, a, t, i) {
-  t.addEventListener("update-page", (s) => {
-    let r = a.querySelector("[data-pagination]"), o = s.detail.page;
-    if (r.value = o, a.dispatchEvent(new Event("paginate")), i.setAttribute("data-page", o), e.hasAttribute("data-show-history")) {
-      const n = new URL(location);
-      n.searchParams.set("page", o), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: o }, "", n);
+  t.addEventListener("update-page", (n) => {
+    let s = a.querySelector("[data-pagination]"), o = n.detail.page;
+    if (s.value = o, a.dispatchEvent(new Event("paginate")), i.setAttribute("data-page", o), e.hasAttribute("data-show-history")) {
+      const r = new URL(location);
+      r.searchParams.set("page", o), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: o }, "", r);
     }
     if (!i.hasAttribute("data-no-scroll")) {
-      const n = e.getBoundingClientRect().top + window.pageYOffset + -250;
-      window.scrollTo({ top: n, behavior: "smooth" });
+      const r = e.getBoundingClientRect().top + window.pageYOffset + -250;
+      window.scrollTo({ top: r, behavior: "smooth" });
     }
-  }), t.addEventListener("update-show", (s) => {
-    let r = a.querySelector("[data-show]"), o = s.detail.show;
-    r.value = o, i.setAttribute("data-show", o), a.dispatchEvent(new Event("submit"));
+  }), t.addEventListener("update-show", (n) => {
+    let s = a.querySelector("[data-show]"), o = n.detail.show;
+    s.value = o, i.setAttribute("data-show", o), a.dispatchEvent(new Event("submit"));
   });
 }, Mt = (e, a) => {
   if (!e)
@@ -364,90 +365,90 @@ const et = (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"), r = [], o = 0; o < s.length; o++)
-      r.push(`"${s[o].textContent}"`);
-    a.push(r.join(","));
+    for (var n = t[i].querySelectorAll("td,th"), s = [], o = 0; o < n.length; o++)
+      s.push(`"${n[o].textContent}"`);
+    a.push(s.join(","));
   }
   a = a.join(`
 `);
-  let n = new Blob([a], { type: "text/csv" });
+  let r = new Blob([a], { type: "text/csv" });
   var d = document.createElement("a");
   d.download = "export.csv";
-  var l = window.URL.createObjectURL(n);
+  var l = window.URL.createObjectURL(r);
   d.href = l, d.style.display = "none", document.body.appendChild(d), d.click(), document.body.removeChild(d);
 }, ot = function(e, a, t, i) {
   if (et(e), qt(e, i), I(e, a, i), i && i.classList.contains("table--cta")) {
-    let s = function() {
-      Array.from(e.querySelectorAll("tr")).forEach((o, n) => {
+    let n = function() {
+      Array.from(e.querySelectorAll("tr")).forEach((o, r) => {
         let d = o.offsetHeight;
         o.style.setProperty("--row-height", `${d}px`);
       });
     };
-    const r = St(e);
-    i.style.setProperty("--cta-width", `${r}rem`), new ResizeObserver(s).observe(e);
+    const s = St(e);
+    i.style.setProperty("--cta-width", `${s}rem`), new ResizeObserver(n).observe(e);
   }
 }, it = 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);
+      let n = t.getAttribute("data-filter");
+      a[n] || (a[n] = new Array()), a[n].push(t.value);
     }
   }), a;
 }, rt = function(e, a, t, i) {
-  return kt(this, void 0, void 0, function* () {
-    const s = (f, u, v) => u.split(/[\.\[\]\'\"]/).filter((k) => k).reduce((k, y) => k ? k[y] : v, f);
-    let r = new FormData(a), o = new URLSearchParams(r).toString(), n = e.querySelectorAll("thead tr th"), d = e.querySelector("tbody"), l = a.getAttribute("data-ajax");
+  return Lt(this, void 0, void 0, function* () {
+    const n = (h, f, y) => f.split(/[\.\[\]\'\"]/).filter((A) => A).reduce((A, q) => A ? A[q] : y, h);
+    let s = new FormData(a), o = new URLSearchParams(s).toString(), r = e.querySelectorAll("thead tr th"), d = e.querySelector("tbody"), l = a.getAttribute("data-ajax");
     i.classList.add("table--loading");
     let m = it(a);
-    Array.from(a.querySelectorAll("[data-filter-count]")).forEach((f, u) => {
-      f.innerHTML = "", f.parentNode.classList.remove("hover");
+    Array.from(a.querySelectorAll("[data-filter-count]")).forEach((h, f) => {
+      h.innerHTML = "", h.parentNode.classList.remove("hover");
     });
     let c = 0;
-    Object.values(m).forEach((f, u) => {
-      typeof f == "object" && Object.values(f).length ? c += Object.values(f).length : c++;
-    }), c && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((f, u) => {
-      f.innerHTML += `(${c})`, f.parentNode.classList.add("hover");
+    Object.values(m).forEach((h, f) => {
+      typeof h == "object" && Object.values(h).length ? c += Object.values(h).length : c++;
+    }), c && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((h, f) => {
+      h.innerHTML += `(${c})`, h.parentNode.classList.add("hover");
     }), window.controller || (window.controller = []), window.controller[l] && window.controller[l].abort(), window.controller[l] = new AbortController();
-    const { signal: b } = controller[l];
+    const { signal: u } = controller[l];
     t.setAttribute("data-loading", "true"), a.classList.add("processing");
     try {
-      yield fetch(l + "?" + o, { signal: b, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((f) => f.json()).then((f) => {
-        let u = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", v = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", k = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", y = s(f, v, 15), D = s(f, k, 1), j = s(f, u), z = i.hasAttribute("data-empty-msg") ? i.getAttribute("data-empty-msg") : "No results found";
-        j ? (d.innerHTML = "", j.forEach((L, E) => {
-          var q = document.createElement("tr");
-          n.forEach((w, B) => {
-            let T = "";
+      yield fetch(l + "?" + o, { signal: u, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((h) => h.json()).then((h) => {
+        let f = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", y = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", A = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", q = n(h, y, 15), v = n(h, A, 1), N = n(h, f), z = i.hasAttribute("data-empty-msg") ? i.getAttribute("data-empty-msg") : "No results found";
+        N ? (d.innerHTML = "", N.forEach((L, T) => {
+          var $ = document.createElement("tr");
+          r.forEach((w, B) => {
+            let M = "";
             var O = document.createElement("td");
             if (O.setAttribute("data-label", w.innerText), w.getAttribute("data-output")) {
               var V = w.getAttribute("data-output");
-              T = V.replace(new RegExp(/{(.*?)}/, "gm"), function(ct) {
-                return s(L, ct.replace("{", "").replace("}", ""));
+              M = V.replace(new RegExp(/{(.*?)}/, "gm"), function(ct) {
+                return n(L, ct.replace("{", "").replace("}", ""));
               });
             }
             if (w.hasAttribute("data-output-array")) {
               var V = w.getAttribute("data-output");
-              let ut = s(L, V.replace("{", "").replace("}", ""));
-              T = "", ut.forEach((X, Go) => {
+              let ut = n(L, V.replace("{", "").replace("}", ""));
+              M = "", ut.forEach((X, Go) => {
                 let mt = w.getAttribute("data-output-array"), P = "";
                 if (w.hasAttribute("data-output-array-property") && w.hasAttribute("data-output-array-transform")) {
-                  const U = s(X, w.getAttribute("data-output-array-property")), ht = JSON.parse(w.getAttribute("data-output-array-transform"))[U];
+                  const U = n(X, w.getAttribute("data-output-array-property")), ht = JSON.parse(w.getAttribute("data-output-array-transform"))[U];
                   P = mt.replace(`{${w.getAttribute("data-output-array-property")}}`, ht);
                 }
                 P = P.replace(new RegExp(/{(.*?)}/, "gm"), function(U) {
-                  return s(X, U.replace("{", "").replace("}", ""));
-                }), T += P;
+                  return n(X, U.replace("{", "").replace("}", ""));
+                }), M += P;
               });
             }
-            w.hasAttribute("data-transform") && (T = JSON.parse(w.getAttribute("data-transform"))[T], !T && w.hasAttribute("data-default") && (T = w.getAttribute("data-default"))), O.innerHTML = T, q.appendChild(O);
-          }), d.appendChild(q);
-        }), at(e, a), i.setAttribute("data-total", parseInt(y)), i.setAttribute("data-page", parseInt(D)), ot(e, a, t, i), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((L, E) => {
-          let q = s(f, L.getAttribute("data-ajax-query"), "");
-          L.hasAttribute("data-total") ? L.setAttribute("data-total", q) : L.innerHTML = q;
-        }), parseInt(y) == 0 && (d.innerHTML = `<tr><td colspan="100%"><span>${z}</span></td></tr>`), i.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: l, formData: o })) : d.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>', t.removeAttribute("data-loading"), a.classList.remove("processing");
+            w.hasAttribute("data-transform") && (M = JSON.parse(w.getAttribute("data-transform"))[M], !M && w.hasAttribute("data-default") && (M = w.getAttribute("data-default"))), O.innerHTML = M, $.appendChild(O);
+          }), d.appendChild($);
+        }), at(e, a), i.setAttribute("data-total", parseInt(q)), i.setAttribute("data-page", parseInt(v)), ot(e, a, t, i), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((L, T) => {
+          let $ = n(h, L.getAttribute("data-ajax-query"), "");
+          L.hasAttribute("data-total") ? L.setAttribute("data-total", $) : L.innerHTML = $;
+        }), parseInt(q) == 0 && (d.innerHTML = `<tr><td colspan="100%"><span>${z}</span></td></tr>`), i.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: l, formData: o })) : d.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>', t.removeAttribute("data-loading"), a.classList.remove("processing");
       });
-    } catch (f) {
-      console.log(f);
+    } catch (h) {
+      console.log(h);
     }
   });
 }, G = (e, a) => {
@@ -457,7 +458,7 @@ const et = (e) => {
     case "date":
       return new Date(a).toLocaleDateString("en-gb", { year: "2-digit", month: "long", day: "numeric" });
     case "capitalise":
-      return a = Lt(a);
+      return a = kt(a);
   }
 };
 class Ct extends HTMLElement {
@@ -489,7 +490,7 @@ class Ct 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)}}@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) tr[data-view=full] [data-expand-button]: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{padding-left:0 !important;margin:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:before,iam-table input:is([type=radio],[type=checkbox])+label: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{padding-left:0 !important;margin:0 !important;min-height:2rem}iam-table input:is([type=radio],[type=checkbox])+label:before,iam-table input:is([type=radio],[type=checkbox])+label: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] tr[data-view=full] [data-expand-button]:before{content:""}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;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.extras.css.map */
+    `, 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([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;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.extras.css.map */
 </style>`);
   }
   connectedCallback() {
@@ -499,37 +500,37 @@ class Ct extends HTMLElement {
     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" />`), $t(this.table), Et(this.table, this.form, this.pagination, this, this.savedTableBody), Tt(this.table, this.form, this.pagination, this), Mt(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax"))
       rt(this.table, this.form, this.pagination, this);
     else {
-      let i = function(r = 1) {
-        return Math.floor(Math.random() * Date.now() * (r + 1));
+      let i = function(s = 1) {
+        return Math.floor(Math.random() * Date.now() * (s + 1));
       };
       if (this.querySelector("iam-actionbar[data-selectall]")) {
-        const r = this.querySelector("iam-actionbar[data-selectall]");
-        Array.from(this.table.querySelectorAll("thead tr")).forEach((o, n) => {
+        const s = this.querySelector("iam-actionbar[data-selectall]");
+        Array.from(this.table.querySelectorAll("thead tr")).forEach((o, r) => {
           o.insertAdjacentHTML("afterbegin", '<th class="th--fixed"></th>');
-        }), Array.from(this.table.querySelectorAll("tbody tr")).forEach((o, n) => {
-          let d = `row${i(n)}`;
+        }), Array.from(this.table.querySelectorAll("tbody tr")).forEach((o, r) => {
+          let d = `row${i(r)}`;
           o.insertAdjacentHTML("afterbegin", `<td class="td--fixed selectrow"><input type="checkbox" name="row" id="${d}"/><label for="${d}"><span class="visually-hidden">Select row</span></label></td>`);
         }), this.table.addEventListener("change", (o) => {
           if (o && o.target instanceof HTMLElement && o.target.closest(".selectrow input")) {
-            let n = this.table.querySelectorAll('.selectrow input[type="checkbox"]').length, d = this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;
-            r.setAttribute("data-selected", n == d ? "all" : d);
+            let r = this.table.querySelectorAll('.selectrow input[type="checkbox"]').length, d = this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;
+            s.setAttribute("data-selected", r == d ? "all" : d);
           }
-        }), r.addEventListener("selected", (o) => {
-          o.detail.selected == "0" ? Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((n, d) => {
-            n.checked = !1;
-          }) : o.detail.selected == "all" && Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((n, d) => {
-            n.checked = !0;
+        }), s.addEventListener("selected", (o) => {
+          o.detail.selected == "0" ? Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((r, d) => {
+            r.checked = !1;
+          }) : o.detail.selected == "all" && Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((r, d) => {
+            r.checked = !0;
           });
         });
       }
-      let s = -1;
-      Array.from(this.table.querySelectorAll("tbody tr")).forEach((r, o) => {
-        if (r.querySelector(":scope > td > .dialog__wrapper")) {
-          let n = r.querySelector(":scope > td > .dialog__wrapper").parentNode;
-          n.classList.add("td--fixed"), s = Array.from(n.parentNode.children).indexOf(n);
+      let n = -1;
+      Array.from(this.table.querySelectorAll("tbody tr")).forEach((s, o) => {
+        if (s.querySelector(":scope > td > .dialog__wrapper")) {
+          let r = s.querySelector(":scope > td > .dialog__wrapper").parentNode;
+          r.classList.add("td--fixed"), n = Array.from(r.parentNode.children).indexOf(r);
         }
-      }), 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((r, o) => {
-        r.classList.add("td--fixed");
+      }), n != -1 && (this.table.querySelector(`thead tr th:nth-child(${n + 1})`).classList.add("th--fixed"), Array.from(this.table.querySelectorAll(`tbody tr td:nth-child(${n + 1})`)).forEach((s, o) => {
+        s.classList.add("td--fixed");
       })), ot(this.table, this.form, this.pagination, this), Y(this.table, this.form, this), I(this.table, this.form);
     }
     this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (i) => {
@@ -557,7 +558,7 @@ class Ct extends HTMLElement {
   }
 }
 /*!
-  * iamKey v4.1.1-beta-7
+  * iamKey v5.0.0
   * Copyright 2022-2023 iamproperty
   */
 let nt = class extends HTMLElement {
@@ -607,31 +608,31 @@ let nt = class 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"), r = this.shadowRoot.querySelector(".per-page select"), o = this.shadowRoot.querySelector(".load-more");
-    this.setup(), t.addEventListener("change", (n) => {
-      this.setAttribute("data-show", this.getAttribute("data-increment")), this.setAttribute("data-page", n.target.value);
-    }), s.addEventListener("click", (n) => {
+    const t = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), n = this.shadowRoot.querySelector(".next"), s = this.shadowRoot.querySelector(".per-page select"), o = this.shadowRoot.querySelector(".load-more");
+    this.setup(), t.addEventListener("change", (r) => {
+      this.setAttribute("data-show", this.getAttribute("data-increment")), this.setAttribute("data-page", r.target.value);
+    }), n.addEventListener("click", (r) => {
       t.value = parseInt(t.value) + 1, t.dispatchEvent(new Event("change"));
-    }), i.addEventListener("click", (n) => {
+    }), i.addEventListener("click", (r) => {
       t.value = parseInt(t.value) - 1, t.dispatchEvent(new Event("change"));
-    }), r.addEventListener("change", (n) => {
-      this.setAttribute("data-increment", n.target.value);
-    }), o.addEventListener("click", (n) => {
+    }), s.addEventListener("change", (r) => {
+      this.setAttribute("data-increment", r.target.value);
+    }), o.addEventListener("click", (r) => {
       let d = parseInt(this.getAttribute("data-show")) + parseInt(this.getAttribute("data-increment"));
       this.setAttribute("data-show", d), d > parseInt(this.getAttribute("data-total")) && o.remove();
     });
   }
   setup() {
-    const a = this.shadowRoot.querySelector(".pagination"), t = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), s = this.shadowRoot.querySelector(".next"), r = this.shadowRoot.querySelector(".item-count"), o = this.shadowRoot.querySelector(".per-page select"), n = this.shadowRoot.querySelector(".total-pages"), d = parseInt(this.getAttribute("data-page")), l = parseInt(this.getAttribute("data-total")), m = parseInt(this.getAttribute("data-show")), c = parseInt(this.getAttribute("data-increment")), b = Math.ceil(l / c);
+    const a = this.shadowRoot.querySelector(".pagination"), t = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), n = this.shadowRoot.querySelector(".next"), s = this.shadowRoot.querySelector(".item-count"), o = this.shadowRoot.querySelector(".per-page select"), r = this.shadowRoot.querySelector(".total-pages"), d = parseInt(this.getAttribute("data-page")), l = parseInt(this.getAttribute("data-total")), m = parseInt(this.getAttribute("data-show")), c = parseInt(this.getAttribute("data-increment")), u = Math.ceil(l / c);
     l > m && a.classList.remove("d-none");
-    let f = "";
-    for (let y = 1; y <= b; y++)
-      f += `<option value="${y}" ${y == d ? "selected" : ""}>${y}</option>`;
-    t.innerHTML = f, n.innerHTML = `of ${b}`, d == b ? s.setAttribute("disabled", "disabled") : s.removeAttribute("disabled"), d == 1 ? i.setAttribute("disabled", "disabled") : i.removeAttribute("disabled");
-    let u = d == 1 ? 1 : (d - 1) * m + 1, v = d == 1 ? m : d * m;
-    r.innerHTML = `${u} - ${v > l ? l : v} of ${l} items`;
-    const k = [15, 25, 40, 50];
-    c && o.value != c && !k.includes(c) && (o.innerHTML = `<option value="${c}">${c}</option>
+    let h = "";
+    for (let q = 1; q <= u; q++)
+      h += `<option value="${q}" ${q == d ? "selected" : ""}>${q}</option>`;
+    t.innerHTML = h, r.innerHTML = `of ${u}`, d == u ? n.setAttribute("disabled", "disabled") : n.removeAttribute("disabled"), d == 1 ? i.setAttribute("disabled", "disabled") : i.removeAttribute("disabled");
+    let f = d == 1 ? 1 : (d - 1) * m + 1, y = d == 1 ? m : d * m;
+    s.innerHTML = `${f} - ${y > l ? l : y} of ${l} items`;
+    const A = [15, 25, 40, 50];
+    c && o.value != c && !A.includes(c) && (o.innerHTML = `<option value="${c}">${c}</option>
       <option value="${c * 2}">${c * 2}</option>
       <option value="${c * 3}">${c * 3}</option>
       <option value="${c * 4}">${c * 4}</option>`), o.value = c;
@@ -687,31 +688,31 @@ const Rt = (e) => e.charAt(0).toUpperCase() + e.slice(1), jt = (e) => e.replace(
   updated() {
   }
 }, Pt = { key: 0 }, Ft = { key: 0 }, It = ["data-row-id"], Bt = ["innerHTML"];
-function Ot(e, a, t, i, s, r) {
-  return h(), p("iam-table", null, [
-    t.fields ? (h(), p("table", Pt, [
+function Ot(e, a, t, i, n, s) {
+  return p(), b("iam-table", null, [
+    t.fields ? (p(), b("table", Pt, [
       g("thead", null, [
         g("tr", null, [
-          (h(!0), p(M, null, H(t.fields, (o) => (h(), p("th", {
+          (p(!0), b(H, null, C(t.fields, (o) => (p(), b("th", {
             key: o.key
-          }, $(r.cellHeading(o.key)), 1))), 128))
+          }, E(s.cellHeading(o.key)), 1))), 128))
         ])
       ]),
-      t.items ? (h(), p("tbody", Ft, [
-        (h(!0), p(M, null, H(t.items, (o, n) => (h(), p("tr", {
-          key: n,
+      t.items ? (p(), b("tbody", Ft, [
+        (p(!0), b(H, null, C(t.items, (o, r) => (p(), b("tr", {
+          key: r,
           "data-row-id": o.rowid
         }, [
-          (h(!0), p(M, null, H(Object.fromEntries(Object.entries(o).filter(([d]) => d !== "rowid")), (d, l) => (h(), p("td", {
+          (p(!0), b(H, null, C(Object.fromEntries(Object.entries(o).filter(([d]) => d !== "rowid")), (d, l) => (p(), b("td", {
             key: l,
             innerHTML: d
           }, null, 8, Bt))), 128))
         ], 8, It))), 128))
-      ])) : _("", !0)
-    ])) : x(e.$slots, "default", { key: 1 })
+      ])) : x("", !0)
+    ])) : k(e.$slots, "default", { key: 1 })
   ]);
 }
-const st = /* @__PURE__ */ A(zt, [["render", Ot]]), Vt = {
+const st = /* @__PURE__ */ _(zt, [["render", Ot]]), Vt = {
   name: "Input",
   props: {
     value: {
@@ -906,183 +907,183 @@ const st = /* @__PURE__ */ A(zt, [["render", Ot]]), Vt = {
   key: 6,
   class: "input-group"
 }, te = ["type", "name", "id", "pattern", "list"], ee = { class: "input-group-text flex-fill" }, ae = ["type", "name", "id", "pattern"], oe = ["value"], ie = ["type", "name", "id"], re = ["for", "innerHTML"], ne = ["type", "name", "id"], se = ["for", "innerHTML"], le = ["innerHTML"], de = ["id"], ce = ["value"];
-function ue(e, a, t, i, s, r) {
-  return h(), p("div", {
-    class: S(r.wrapperClass()),
+function ue(e, a, t, i, n, s) {
+  return p(), b("div", {
+    class: S(s.wrapperClass()),
     ref: "wrapper"
   }, [
-    r.needsLabel() ? (h(), p("label", {
+    s.needsLabel() ? (p(), b("label", {
       key: 0,
       class: S(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
-      innerHTML: r.displayLabel(),
+      innerHTML: s.displayLabel(),
       title: t.title
-    }, null, 10, Ut)) : _("", !0),
-    t.prefix ? (h(), p("span", {
+    }, null, 10, Ut)) : x("", !0),
+    t.prefix ? (p(), b("span", {
       key: 1,
       class: S(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
       innerHTML: t.prefix,
       role: "presentation"
-    }, null, 10, Wt)) : _("", !0),
-    t.suffix ? (h(), p("span", {
+    }, null, 10, Wt)) : x("", !0),
+    t.suffix ? (p(), b("span", {
       key: 2,
       class: S(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
       innerHTML: t.suffix,
       role: "presentation"
-    }, null, 10, Yt)) : _("", !0),
-    r.isInput() ? N((h(), p("input", R({
+    }, null, 10, Yt)) : x("", !0),
+    s.isInput() ? D((p(), b("input", j({
       key: 3,
-      "onUpdate:modelValue": a[0] || (a[0] = (o) => r.inputVal = o),
+      "onUpdate:modelValue": a[0] || (a[0] = (o) => s.inputVal = o),
       class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type,
       name: t.name ? t.name : t.id,
       id: t.id,
-      pattern: r.needPattern(),
-      list: r.hasOptions()
+      pattern: s.needPattern(),
+      list: s.hasOptions()
     }, e.$attrs, {
-      onKeyup: a[1] || (a[1] = (...o) => r.inputKeyup && r.inputKeyup(...o))
+      onKeyup: a[1] || (a[1] = (...o) => s.inputKeyup && s.inputKeyup(...o))
     }), null, 16, Gt)), [
-      [W, r.inputVal]
-    ]) : _("", !0),
-    t.type == "textarea" ? N((h(), p("textarea", R({
+      [W, s.inputVal]
+    ]) : x("", !0),
+    t.type == "textarea" ? D((p(), b("textarea", j({
       key: 4,
-      "onUpdate:modelValue": a[2] || (a[2] = (o) => r.inputVal = o),
+      "onUpdate:modelValue": a[2] || (a[2] = (o) => s.inputVal = o),
       class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type,
       name: t.name ? t.name : t.id,
       id: t.id,
-      pattern: r.needPattern()
+      pattern: s.needPattern()
     }, e.$attrs), null, 16, Kt)), [
-      [pt, r.inputVal]
-    ]) : _("", !0),
-    t.type == "range" ? (h(), p("div", Xt, [
-      N(g("input", R({
-        "onUpdate:modelValue": a[3] || (a[3] = (o) => r.inputVal = o),
+      [pt, s.inputVal]
+    ]) : x("", !0),
+    t.type == "range" ? (p(), b("div", Xt, [
+      D(g("input", j({
+        "onUpdate:modelValue": a[3] || (a[3] = (o) => s.inputVal = o),
         class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
         type: t.type,
         name: t.name ? t.name : t.id,
         id: t.id,
-        pattern: r.needPattern(),
-        list: r.hasOptions()
+        pattern: s.needPattern(),
+        list: s.hasOptions()
       }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Jt), [
-        [W, r.inputVal]
+        [W, s.inputVal]
       ]),
-      g("output", Qt, $(t.value), 1)
-    ])) : _("", !0),
-    t.type == "color" ? (h(), p("div", Zt, [
-      N(g("input", R({
-        "onUpdate:modelValue": a[4] || (a[4] = (o) => r.inputVal = o),
+      g("output", Qt, E(t.value), 1)
+    ])) : x("", !0),
+    t.type == "color" ? (p(), b("div", Zt, [
+      D(g("input", j({
+        "onUpdate:modelValue": a[4] || (a[4] = (o) => s.inputVal = o),
         class: `form-control form-control-color${t.inputclass ? ` ${t.inputclass}` : ""}`,
         type: t.type,
         name: t.name ? t.name : t.id,
         id: t.id,
-        pattern: r.needPattern(),
-        list: r.hasOptions()
+        pattern: s.needPattern(),
+        list: s.hasOptions()
       }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, te), [
-        [W, r.inputVal]
+        [W, s.inputVal]
       ]),
-      g("output", ee, $(t.value ? e.vale : "#000000"), 1)
-    ])) : _("", !0),
-    t.type == "select" ? N((h(), p("select", R({
+      g("output", ee, E(t.value ? e.vale : "#000000"), 1)
+    ])) : x("", !0),
+    t.type == "select" ? D((p(), b("select", j({
       key: 7,
-      "onUpdate:modelValue": a[5] || (a[5] = (o) => r.inputVal = o),
+      "onUpdate:modelValue": a[5] || (a[5] = (o) => s.inputVal = o),
       class: `form-select${t.size ? ` form-select-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type,
       name: t.id,
       id: t.id,
-      pattern: r.needPattern()
+      pattern: s.needPattern()
     }, e.$attrs), [
-      (h(!0), p(M, null, H(t.options, (o, n) => (h(), p("option", {
-        key: n,
+      (p(!0), b(H, null, C(t.options, (o, r) => (p(), b("option", {
+        key: r,
         value: o.value
-      }, $(o.display ? o.display : o.value), 9, oe))), 128))
+      }, E(o.display ? o.display : o.value), 9, oe))), 128))
     ], 16, ae)), [
-      [bt, r.inputVal]
-    ]) : _("", !0),
-    t.type == "checkbox" || t.type == "radio" ? (h(), p("input", R({
+      [bt, s.inputVal]
+    ]) : x("", !0),
+    t.type == "checkbox" || t.type == "radio" ? (p(), b("input", j({
       key: 8,
       class: "form-check-input",
       type: t.type,
       name: t.name ? t.name : t.id,
       id: t.id
-    }, e.$attrs), null, 16, ie)) : _("", !0),
-    t.type == "checkbox" || t.type == "radio" ? (h(), p("label", {
+    }, e.$attrs), null, 16, ie)) : x("", !0),
+    t.type == "checkbox" || t.type == "radio" ? (p(), b("label", {
       key: 9,
       class: S(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: t.label
-    }, null, 10, re)) : _("", !0),
-    t.type == "checkbox-btn" || t.type == "radio-btn" ? (h(), p("input", R({
+    }, null, 10, re)) : x("", !0),
+    t.type == "checkbox-btn" || t.type == "radio-btn" ? (p(), b("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, ne)) : _("", !0),
-    t.type == "checkbox-btn" || t.type == "radio-btn" ? (h(), p("label", {
+    }, e.$attrs), null, 16, ne)) : x("", !0),
+    t.type == "checkbox-btn" || t.type == "radio-btn" ? (p(), b("label", {
       key: 11,
       class: S(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: t.label,
-      onClick: a[6] || (a[6] = (...o) => r.clickEvent && r.clickEvent(...o))
-    }, null, 10, se)) : _("", !0),
-    x(e.$slots, "default"),
-    t.errormsg ? (h(), p("span", {
+      onClick: a[6] || (a[6] = (...o) => s.clickEvent && s.clickEvent(...o))
+    }, null, 10, se)) : x("", !0),
+    k(e.$slots, "default"),
+    t.errormsg ? (p(), b("span", {
       key: 12,
       class: "invalid-feedback mb-0",
       innerHTML: t.errormsg
-    }, null, 8, le)) : _("", !0),
-    r.allowDatalist() ? (h(), p("datalist", {
+    }, null, 8, le)) : x("", !0),
+    s.allowDatalist() ? (p(), b("datalist", {
       key: 13,
       id: t.id + "-list"
     }, [
-      (h(!0), p(M, null, H(t.options, (o, n) => (h(), p("option", {
-        key: n,
+      (p(!0), b(H, null, C(t.options, (o, r) => (p(), b("option", {
+        key: r,
         value: o.value
-      }, $(o.value), 9, ce))), 128))
-    ], 8, de)) : _("", !0)
+      }, E(o.value), 9, ce))), 128))
+    ], 8, de)) : x("", !0)
   ], 2);
 }
-const lt = /* @__PURE__ */ A(Vt, [["render", ue]]);
+const lt = /* @__PURE__ */ _(Vt, [["render", ue]]);
 function me(e, a) {
-  const t = a.querySelector(".files"), i = a.querySelector(".drop-area"), s = e.querySelector("input"), r = e.hasAttribute("data-maxsize") ? e.getAttribute("data-maxsize") : 0, o = s.cloneNode();
-  i.append(o), a.addEventListener("click", (n) => {
-    n && n.target instanceof HTMLElement && n.target.closest(".btn-primary") && (n.target.closest(".btn-primary"), (s.hasAttribute("multiple") ? o : s).click());
-  }), a.addEventListener("click", (n) => {
-    if (n && n.target instanceof HTMLElement && n.target.closest(".files button")) {
-      const d = new DataTransfer(), { files: l } = s, m = n.target.closest(".files button");
-      for (let b = 0; b < l.length; b++) {
-        const f = l[b];
-        f.name != m.getAttribute("data-file") && d.items.add(f);
+  const t = a.querySelector(".files"), i = a.querySelector(".drop-area"), n = e.querySelector("input"), s = e.hasAttribute("data-maxsize") ? e.getAttribute("data-maxsize") : 0, o = n.cloneNode();
+  i.append(o), a.addEventListener("click", (r) => {
+    r && r.target instanceof HTMLElement && r.target.closest(".btn-primary") && (r.target.closest(".btn-primary"), (n.hasAttribute("multiple") ? o : n).click());
+  }), a.addEventListener("click", (r) => {
+    if (r && r.target instanceof HTMLElement && r.target.closest(".files button")) {
+      const d = new DataTransfer(), { files: l } = n, m = r.target.closest(".files button");
+      for (let u = 0; u < l.length; u++) {
+        const h = l[u];
+        h.name != m.getAttribute("data-file") && d.items.add(h);
       }
-      s.files = d.files;
+      n.files = d.files;
       const c = new Event("change");
-      s.dispatchEvent(c);
+      n.dispatchEvent(c);
     }
-  }), o.addEventListener("change", (n) => {
-    if (s.hasAttribute("multiple")) {
-      const l = [...s.files, ...o.files];
+  }), o.addEventListener("change", (r) => {
+    if (n.hasAttribute("multiple")) {
+      const l = [...n.files, ...o.files];
       let m = [];
       const c = new DataTransfer();
-      for (let b = 0; b < l.length; b++) {
-        const f = l[b], u = f.size / 1e3;
-        !m.includes(f.name) && (r == 0 || u < r) && c.items.add(f), m.push(f.name);
+      for (let u = 0; u < l.length; u++) {
+        const h = l[u], f = h.size / 1e3;
+        !m.includes(h.name) && (s == 0 || f < s) && c.items.add(h), m.push(h.name);
       }
-      s.files = c.files;
+      n.files = c.files;
     } else
-      s.files = o.files;
+      n.files = o.files;
     const d = new Event("change");
-    s.dispatchEvent(d);
-  }), o.addEventListener("dragenter", (n) => {
+    n.dispatchEvent(d);
+  }), o.addEventListener("dragenter", (r) => {
     o.classList.add("focus");
-  }), o.addEventListener("dragleave", (n) => {
+  }), o.addEventListener("dragleave", (r) => {
     o.classList.remove("focus");
-  }), o.addEventListener("drop", (n) => {
+  }), o.addEventListener("drop", (r) => {
     o.classList.remove("focus");
-  }), s.addEventListener("change", (n) => {
+  }), n.addEventListener("change", (r) => {
     t.innerHTML = "";
-    for (const d of s.files)
+    for (const d of n.files)
       t.innerHTML += `<span class="file">${d.name} <button data-file="${d.name}">Remove</button></span>`;
   });
 }
@@ -1094,8 +1095,8 @@ window.dataLayer.push({
 class he extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, 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";`, n = document.createElement("template");
+    n.innerHTML = `
     <style>
     @import "${t}";
     ${i}
@@ -1110,7 +1111,7 @@ class he extends HTMLElement {
       <slot></slot>
       <div class="files"></div>
     </div>
-    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(n.content.cloneNode(!0));
   }
   connectedCallback() {
     this.innerHTML += '<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';
@@ -1136,14 +1137,14 @@ const pe = {
     });
   }
 };
-function be(e, a, t, i, s, r) {
-  return h(), p("iam-fileupload", null, [
-    x(e.$slots, "default")
+function be(e, a, t, i, n, s) {
+  return p(), b("iam-fileupload", null, [
+    k(e.$slots, "default")
   ]);
 }
-const Qo = /* @__PURE__ */ A(pe, [["render", be]]);
+const Qo = /* @__PURE__ */ _(pe, [["render", be]]);
 /*!
-  * iamKey v4.1.1-beta-7
+  * iamKey v5.0.0
   * Copyright 2022-2023 iamproperty
   */
 function fe(e) {
@@ -1154,10 +1155,10 @@ function fe(e) {
     i.classList.add("accordion-header"), i.classList.add("accordion-button"), i.classList.add("h4");
   }), !e.classList.contains("accordion--keep-open")) {
     const i = e.querySelectorAll(":scope > details");
-    i.forEach((s) => {
-      s.addEventListener("click", () => {
-        i.forEach((r) => {
-          r !== s && r.removeAttribute("open");
+    i.forEach((n) => {
+      n.addEventListener("click", () => {
+        i.forEach((s) => {
+          s !== n && s.removeAttribute("open");
         });
       });
     });
@@ -1191,12 +1192,12 @@ const ye = {
   mounted() {
   }
 }, ve = { ref: "wrapper" };
-function we(e, a, t, i, s, r) {
-  return h(), p("iam-accordion", ve, [
-    x(e.$slots, "default")
+function we(e, a, t, i, n, s) {
+  return p(), b("iam-accordion", ve, [
+    k(e.$slots, "default")
   ], 512);
 }
-const ti = /* @__PURE__ */ A(ye, [["render", we]]), Ae = {
+const ti = /* @__PURE__ */ _(ye, [["render", we]]), Ae = {
   name: "AccordionItem",
   props: {
     title: {
@@ -1232,23 +1233,23 @@ const ti = /* @__PURE__ */ A(ye, [["render", we]]), Ae = {
     };
   }
 }, _e = ["id"], xe = ["classList"];
-function Le(e, a, t, i, s, r) {
-  return h(), p("details", {
-    id: r.createID(t.title)
+function ke(e, a, t, i, n, s) {
+  return p(), b("details", {
+    id: s.createID(t.title)
   }, [
     g("summary", {
       classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
     }, [
-      ft($(t.title), 1),
-      t.badge ? (h(), p("span", {
+      ft(E(t.title), 1),
+      t.badge ? (p(), b("span", {
         key: 0,
         class: S(`badge bg-${t.badgecolour}`)
-      }, $(t.badge), 3)) : _("", !0)
+      }, E(t.badge), 3)) : x("", !0)
     ], 8, xe),
-    x(e.$slots, "default")
+    k(e.$slots, "default")
   ], 8, _e);
 }
-const ei = /* @__PURE__ */ A(Ae, [["render", Le]]), ke = {
+const ei = /* @__PURE__ */ _(Ae, [["render", ke]]), Le = {
   name: "Header",
   props: {
     title: {
@@ -1266,35 +1267,35 @@ const ei = /* @__PURE__ */ A(Ae, [["render", Le]]), ke = {
     }
   }
 }, Se = { class: "container" }, qe = { class: "row" }, $e = { class: "col-sm-6" }, Ee = { class: "pt-5 pb-3 px-4" }, Te = { class: "col-sm-6 col-md-5 ms-auto" }, Me = ["src"];
-function He(e, a, t, i, s, r) {
-  return h(), p("div", Se, [
+function He(e, a, t, i, n, s) {
+  return p(), b("div", Se, [
     g("div", {
       class: S("bg-" + t.background + " mb-4")
     }, [
       g("div", qe, [
         g("div", $e, [
           g("div", Ee, [
-            g("h2", null, $(t.title), 1),
-            x(e.$slots, "default")
+            g("h2", null, E(t.title), 1),
+            k(e.$slots, "default")
           ])
         ]),
         g("div", Te, [
-          t.image ? (h(), p("img", {
+          t.image ? (p(), b("img", {
             key: 0,
             src: t.image,
             alt: "",
             class: "h-100 w-100 object-cover"
-          }, null, 8, Me)) : _("", !0)
+          }, null, 8, Me)) : x("", !0)
         ])
       ])
     ], 2)
   ]);
 }
-const ai = /* @__PURE__ */ A(ke, [["render", He]]), Ce = {
+const ai = /* @__PURE__ */ _(Le, [["render", He]]), Ce = {
   name: "Card",
   mounted() {
     this.$nextTick(function() {
-      import("./card.component.min-b12fd7f2.mjs").then((e) => {
+      import("./card.component.min-45882ca3.mjs").then((e) => {
         window.customElements.get("iam-card") || window.customElements.define("iam-card", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1302,31 +1303,31 @@ const ai = /* @__PURE__ */ A(ke, [["render", He]]), Ce = {
     });
   }
 };
-function Re(e, a, t, i, s, r) {
-  return h(), p("iam-card", null, [
-    x(e.$slots, "default")
+function Re(e, a, t, i, n, s) {
+  return p(), b("iam-card", null, [
+    k(e.$slots, "default")
   ]);
 }
-const je = /* @__PURE__ */ A(Ce, [["render", Re]]);
+const je = /* @__PURE__ */ _(Ce, [["render", Re]]);
 function Ne(e) {
   var a;
   let t = e.querySelector(".carousel__inner"), i = e.querySelectorAll(".carousel__item").length;
   e.getAttribute("data-cols");
-  let s = e.getAttribute("data-sm-cols"), r = e.getAttribute("data-md-cols");
-  e.querySelector(".carousel__controls a").classList.add("active"), t.addEventListener("scroll", function(o) {
+  let n = e.getAttribute("data-sm-cols"), s = e.getAttribute("data-md-cols");
+  e.querySelector(".carousel__controls a").setAttribute("aria-current", !0), t.addEventListener("scroll", function(o) {
     clearTimeout(a), a = setTimeout(function() {
-      let n = t.clientWidth, d = t.scrollWidth, l = t.scrollLeft, m = Math.round(l / d * i) + 1, c = e.querySelector(".carousel__item:last-child").offsetLeft;
-      Array.from(e.querySelectorAll(".carousel__controls a")).forEach((b, f) => {
-        b.classList.remove("active");
-      }), e.querySelector(".control-" + m).classList.add("active"), m == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + n > c ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
+      let r = t.clientWidth, d = t.scrollWidth, l = t.scrollLeft, m = Math.round(l / d * i) + 1, c = e.querySelector(".carousel__item:last-child").offsetLeft;
+      Array.from(e.querySelectorAll(".carousel__controls a")).forEach((u, h) => {
+        u.removeAttribute("aria-current");
+      }), e.querySelector(".control-" + m).setAttribute("aria-current", !0), m == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + r > c ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
     }, 100);
   }, !1), e.addEventListener("click", function(o) {
-    for (var n = o.target; n && n != this; n = n.parentNode)
-      if (n.matches(".carousel__controls a")) {
+    for (var r = o.target; r && r != this; r = r.parentNode)
+      if (r.matches(".carousel__controls a")) {
         o.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((l, m) => {
-          l.classList.remove("active");
-        }), n.classList.add("active");
-        const d = document.querySelector(n.getAttribute("href"));
+          l.removeAttribute("aria-current");
+        }), r.setAttribute("aria-current", !0);
+        const d = document.querySelector(r.getAttribute("href"));
         t.scroll({
           top: 0,
           left: d.offsetLeft,
@@ -1335,10 +1336,10 @@ function Ne(e) {
         break;
       }
   }, !1), e.addEventListener("click", function(o) {
-    for (var n = o.target; n && n != this; n = n.parentNode)
-      if (n.matches(".btn-next, .btn-prev")) {
+    for (var r = o.target; r && r != this; r = r.parentNode)
+      if (r.matches(".btn-next, .btn-prev")) {
         o.preventDefault();
-        let d = n.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
+        let d = r.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
         t.scroll({
           top: 0,
           left: d,
@@ -1346,7 +1347,7 @@ function Ne(e) {
         });
         break;
       }
-  }, !1), i == 1 && e.classList.add("hide-btns"), s >= i && e.classList.add("hide-sm-btns"), r >= i && e.classList.add("hide-md-btns");
+  }, !1), i == 1 && e.classList.add("hide-btns"), n >= i && e.classList.add("hide-sm-btns"), s >= i && e.classList.add("hide-md-btns");
 }
 const De = {
   components: {
@@ -1435,29 +1436,29 @@ const De = {
   class: "btn btn-next",
   "data-go": "2"
 }, "Next", -1);
-function We(e, a, t, i, s, r) {
+function We(e, a, t, i, n, s) {
   const o = F("Card");
-  return h(), p("div", {
+  return p(), b("div", {
     class: "container carousel",
-    id: "carousel" + s.id,
+    id: "carousel" + n.id,
     ref: "wrapper",
     "data-cols": t.cols,
     "data-sm-cols": t.smcols,
     "data-md-cols": t.mdcols
   }, [
-    x(e.$slots, "default"),
+    k(e.$slots, "default"),
     g("div", Pe, [
       g("div", Fe, [
-        t.type == "card" ? (h(), p("div", {
+        t.type == "card" ? (p(), b("div", {
           key: 0,
           class: S(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
         }, [
-          (h(!0), p(M, null, H(t.items, (n, d) => (h(), p("div", {
+          (p(!0), b(H, null, C(t.items, (r, d) => (p(), b("div", {
             class: S(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
             key: d,
-            id: "carousel" + s.id + "slide" + (d + 1)
+            id: "carousel" + n.id + "slide" + (d + 1)
           }, [
-            C(o, R(n, {
+            R(o, j(r, {
               class: t.cardclass,
               type: t.cardtype,
               btnyype: t.btntype,
@@ -1466,36 +1467,36 @@ function We(e, a, t, i, s, r) {
               hidectatext: t.hidectatext
             }), null, 16, ["class", "type", "btnyype", "titleclass", "ctatext", "hidectatext"])
           ], 10, Ie))), 128))
-        ], 2)) : _("", !0),
-        t.type != "card" ? (h(), p("div", {
+        ], 2)) : x("", !0),
+        t.type != "card" ? (p(), b("div", {
           key: 1,
           class: S(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
         }, [
-          (h(!0), p(M, null, H(t.items, (n, d) => (h(), p("div", {
+          (p(!0), b(H, null, C(t.items, (r, d) => (p(), b("div", {
             class: S(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
             key: d,
-            innerHTML: r.content(n),
-            id: "carousel" + s.id + "slide" + (d + 1)
+            innerHTML: s.content(r),
+            id: "carousel" + n.id + "slide" + (d + 1)
           }, null, 10, Be))), 128))
-        ], 2)) : _("", !0)
+        ], 2)) : x("", !0)
       ]),
       g("div", {
         class: S(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)
       }, [
-        (h(!0), p(M, null, H(t.items, (n, d) => (h(), p("a", {
+        (p(!0), b(H, null, C(t.items, (r, d) => (p(), b("a", {
           key: d,
-          href: "#carousel" + s.id + "slide" + (d + 1),
+          href: "#carousel" + n.id + "slide" + (d + 1),
           class: S(`control-${d + 1}`)
-        }, "Slide " + $(d + 1), 11, Oe))), 128))
+        }, "Slide " + E(d + 1), 11, Oe))), 128))
       ], 2),
       Ve,
       Ue
     ])
   ], 8, ze);
 }
-const oi = /* @__PURE__ */ A(De, [["render", We]]);
+const oi = /* @__PURE__ */ _(De, [["render", We]]);
 /*!
-  * iamKey v4.1.1-beta-7
+  * iamKey v5.0.0
   * Copyright 2022-2023 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "header" });
@@ -1550,40 +1551,40 @@ const Ge = {
     });
   }
 }, Ke = ["image"], Xe = ["innerHTML"];
-function Je(e, a, t, i, s, r) {
-  return h(), p("iam-header", {
+function Je(e, a, t, i, n, s) {
+  return p(), b("iam-header", {
     class: "bg-secondary",
     image: t.image
   }, [
-    x(e.$slots, "breadcrumb"),
-    t.title ? (h(), p("h1", {
+    k(e.$slots, "breadcrumb"),
+    t.title ? (p(), b("h1", {
       key: 0,
       innerHTML: t.title
-    }, null, 8, Xe)) : _("", !0),
-    x(e.$slots, "default")
+    }, null, 8, Xe)) : x("", !0),
+    k(e.$slots, "default")
   ], 8, Ke);
 }
-const ii = /* @__PURE__ */ A(Ge, [["render", Je]]);
+const ii = /* @__PURE__ */ _(Ge, [["render", Je]]);
 function Qe(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(r) {
-    const o = e.querySelector(".btn-next"), n = e.querySelector(".btn-prev");
-    o.setAttribute("data-go", r + 1), n.setAttribute("data-go", r - 1), o.removeAttribute("disabled"), n.removeAttribute("disabled"), r == 1 ? n.setAttribute("disabled", !0) : r == i && o.setAttribute("disabled", !0);
+  const n = function(s) {
+    const o = e.querySelector(".btn-next"), r = e.querySelector(".btn-prev");
+    o.setAttribute("data-go", s + 1), r.setAttribute("data-go", s - 1), o.removeAttribute("disabled"), r.removeAttribute("disabled"), s == 1 ? r.setAttribute("disabled", !0) : s == i && o.setAttribute("disabled", !0);
   };
-  t.addEventListener("scroll", function(r) {
+  t.addEventListener("scroll", function(s) {
     clearTimeout(a), a = setTimeout(function() {
-      let o = t.scrollWidth, n = t.scrollHeight, d = t.scrollLeft, l = t.scrollTop, m = Math.round(d / o * i) + 1;
-      d == 0 && l != 0 && (m = Math.round(l / n * i) + 1), e.setAttribute("data-show", m), s(m);
+      let o = t.scrollWidth, r = t.scrollHeight, d = t.scrollLeft, l = t.scrollTop, m = Math.round(d / o * i) + 1;
+      d == 0 && l != 0 && (m = Math.round(l / r * i) + 1), e.setAttribute("data-show", m), n(m);
     }, 300);
-  }, !1), e.addEventListener("click", function(r) {
-    for (var o = r.target; o && o != this; o = o.parentNode)
+  }, !1), e.addEventListener("click", function(s) {
+    for (var o = s.target; o && o != this; o = o.parentNode)
       if (o.matches("[data-go]")) {
-        let n = parseInt(o.getAttribute("data-go")), d = 0, l = 0, m = t.scrollWidth, c = t.scrollHeight;
-        m > c ? l = Math.floor(m * ((n - 1) / i)) : d = Math.floor(c * ((n - 1) / i)), t.scroll({
+        let r = parseInt(o.getAttribute("data-go")), d = 0, l = 0, m = t.scrollWidth, c = t.scrollHeight;
+        m > c ? l = Math.floor(m * ((r - 1) / i)) : d = Math.floor(c * ((r - 1) / i)), t.scroll({
           top: d,
           left: l,
           behavior: "smooth"
@@ -1623,16 +1624,16 @@ const Ze = {
     class: "btn-next"
   }, "Next")
 ], -1), na = { class: "col-md-7" }, sa = /* @__PURE__ */ g("h2", null, "What our customers think…", -1), la = { class: "testimonial__content" }, da = ["innerHTML"], ca = ["innerHTML"], ua = { class: "testimonial__after" }, ma = /* @__PURE__ */ g("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
-function ha(e, a, t, i, s, r) {
-  return h(), p("div", ta, [
+function ha(e, a, t, i, n, s) {
+  return p(), b("div", ta, [
     g("div", {
       class: S("bg-" + t.background)
     }, [
       g("div", ea, [
         g("div", aa, [
           g("div", oa, [
-            (h(!0), p(M, null, H(t.items, (o, n) => (h(), p("img", {
-              key: n,
+            (p(!0), b(H, null, C(t.items, (o, r) => (p(), b("img", {
+              key: r,
               src: o.image ? o.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
               alt: "",
               class: S("h-100 w-100 object-cover" + (o.image ? "" : " opacity-0"))
@@ -1643,8 +1644,8 @@ function ha(e, a, t, i, s, r) {
         g("div", na, [
           sa,
           g("div", la, [
-            (h(!0), p(M, null, H(t.items, (o, n) => (h(), p("blockquote", {
-              key: n,
+            (p(!0), b(H, null, C(t.items, (o, r) => (p(), b("blockquote", {
+              key: r,
               class: S(o.class)
             }, [
               g("div", {
@@ -1656,7 +1657,7 @@ function ha(e, a, t, i, s, r) {
             ], 2))), 128))
           ]),
           g("div", ua, [
-            x(e.$slots, "default")
+            k(e.$slots, "default")
           ])
         ])
       ]),
@@ -1664,7 +1665,7 @@ function ha(e, a, t, i, s, r) {
     ], 2)
   ], 512);
 }
-const ri = /* @__PURE__ */ A(Ze, [["render", ha]]);
+const ri = /* @__PURE__ */ _(Ze, [["render", ha]]);
 const pa = {
   name: "Timeline",
   props: {
@@ -1674,19 +1675,19 @@ const pa = {
     }
   }
 }, ba = { class: "timeline" }, fa = { class: "timeline__content" }, ga = ["src"];
-function ya(e, a, t, i, s, r) {
-  return h(), p("div", ba, [
+function ya(e, a, t, i, n, s) {
+  return p(), b("div", ba, [
     g("div", fa, [
-      x(e.$slots, "default")
+      k(e.$slots, "default")
     ]),
-    t.image ? (h(), p("img", {
+    t.image ? (p(), b("img", {
       key: 0,
       src: t.image,
       alt: ""
-    }, null, 8, ga)) : _("", !0)
+    }, null, 8, ga)) : x("", !0)
   ]);
 }
-const ni = /* @__PURE__ */ A(pa, [["render", ya]]);
+const ni = /* @__PURE__ */ _(pa, [["render", ya]]);
 const va = {
   components: {
     Input: lt
@@ -1836,7 +1837,7 @@ const va = {
 }, wa = {
   class: "container",
   ref: "wrapper"
-}, Aa = { class: "property-searchbar" }, _a = ["action", "method"], xa = { class: "col-12 col-md-3" }, La = { class: "col-12 col-md" }, ka = /* @__PURE__ */ g("span", { class: "form-label d-none d-md-block" }, "Price range", -1), Sa = {
+}, Aa = { class: "property-searchbar" }, _a = ["action", "method"], xa = { class: "col-12 col-md-3" }, ka = { class: "col-12 col-md" }, La = /* @__PURE__ */ g("span", { class: "form-label d-none d-md-block" }, "Price range", -1), Sa = {
   class: "row",
   "data-input-range": ""
 }, qa = { class: "col-12 col-md" }, $a = /* @__PURE__ */ g("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), Ea = {
@@ -1849,10 +1850,10 @@ const va = {
     value: "submit"
   }, "Search")
 ], -1);
-function Ha(e, a, t, i, s, r) {
+function Ha(e, a, t, i, n, s) {
   const o = F("Input");
-  return h(), p("div", wa, [
-    x(e.$slots, "default"),
+  return p(), b("div", wa, [
+    k(e.$slots, "default"),
     g("div", Aa, [
       g("form", {
         class: "row",
@@ -1860,19 +1861,19 @@ function Ha(e, a, t, i, s, r) {
         method: t.formmethod
       }, [
         g("fieldset", xa, [
-          C(o, {
+          R(o, {
             inputClass: "input--locations",
-            modelValue: r.locationSet,
-            "onUpdate:modelValue": a[0] || (a[0] = (n) => r.locationSet = n),
+            modelValue: s.locationSet,
+            "onUpdate:modelValue": a[0] || (a[0] = (r) => s.locationSet = r),
             label: "Location",
             id: "location",
-            options: r.locationsList(),
+            options: s.locationsList(),
             required: "",
             placeholder: "i.e. Newcastle or NE1",
-            onKeyupEvent: a[1] || (a[1] = (n) => r.locationKeyup(...arguments)),
+            onKeyupEvent: a[1] || (a[1] = (r) => s.locationKeyup(...arguments)),
             ref: "search"
           }, null, 8, ["modelValue", "options"]),
-          C(o, {
+          R(o, {
             class: "select--miles",
             label: "Miles",
             id: "miles",
@@ -1880,10 +1881,10 @@ function Ha(e, a, t, i, s, r) {
             options: t.distances
           }, null, 8, ["options"])
         ]),
-        g("fieldset", La, [
-          ka,
+        g("fieldset", ka, [
+          La,
           g("div", Sa, [
-            C(o, {
+            R(o, {
               class: "col-6",
               label: "Minimum price",
               id: "price-min",
@@ -1891,7 +1892,7 @@ function Ha(e, a, t, i, s, r) {
               type: "select",
               options: t.pricemin
             }, null, 8, ["options"]),
-            C(o, {
+            R(o, {
               class: "col-6",
               label: "Maximum price",
               id: "price-max",
@@ -1904,7 +1905,7 @@ function Ha(e, a, t, i, s, r) {
         g("fieldset", qa, [
           $a,
           g("div", Ea, [
-            C(o, {
+            R(o, {
               class: "col-6",
               label: "Minimum beds",
               id: "beds-min",
@@ -1912,7 +1913,7 @@ function Ha(e, a, t, i, s, r) {
               type: "select",
               options: t.bedsmin
             }, null, 8, ["options"]),
-            C(o, {
+            R(o, {
               class: "col-6",
               label: "Maximum beds",
               id: "beds-max",
@@ -1923,7 +1924,7 @@ function Ha(e, a, t, i, s, r) {
           ])
         ]),
         g("fieldset", Ta, [
-          C(o, {
+          R(o, {
             label: "Property type",
             id: "property-type",
             type: "select",
@@ -1933,15 +1934,15 @@ function Ha(e, a, t, i, s, r) {
         Ma
       ], 8, _a)
     ]),
-    x(e.$slots, "after")
+    k(e.$slots, "after")
   ], 512);
 }
-const si = /* @__PURE__ */ A(va, [["render", Ha]]), Ca = {
+const si = /* @__PURE__ */ _(va, [["render", Ha]]), Ca = {
   components: {},
   name: "Nav",
   mounted() {
     this.$nextTick(function() {
-      import("./nav.component.min-68c5fb8e.mjs").then((e) => {
+      import("./nav.component.min-225d7cc2.mjs").then((e) => {
         window.customElements.get("iam-nav") || window.customElements.define("iam-nav", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1950,12 +1951,12 @@ const si = /* @__PURE__ */ A(va, [["render", Ha]]), Ca = {
   },
   methods: {}
 }, Ra = { ref: "wrapper" };
-function ja(e, a, t, i, s, r) {
-  return h(), p("iam-nav", Ra, [
-    x(e.$slots, "default")
+function ja(e, a, t, i, n, s) {
+  return p(), b("iam-nav", Ra, [
+    k(e.$slots, "default")
   ], 512);
 }
-const li = /* @__PURE__ */ A(Ca, [["render", ja]]);
+const li = /* @__PURE__ */ _(Ca, [["render", ja]]);
 const Na = {
   name: "Stepper",
   props: {
@@ -1973,21 +1974,21 @@ const Na = {
   key: 0,
   class: "h6 stepper__start"
 }, Fa = { class: "list-unstyled" }, Ia = { class: "h6 stepper__end" };
-function Ba(e, a, t, i, s, r) {
-  return h(), p("div", Da, [
+function Ba(e, a, t, i, n, s) {
+  return p(), b("div", Da, [
     g("nav", {
       class: "stepper",
       "aria-label": t.label ? t.label : "Progress"
     }, [
-      t.label ? (h(), p("span", Pa, $(t.label), 1)) : _("", !0),
+      t.label ? (p(), b("span", Pa, E(t.label), 1)) : x("", !0),
       g("ol", Fa, [
-        x(e.$slots, "default")
+        k(e.$slots, "default")
       ]),
-      g("span", Ia, $(t.endlabel), 1)
+      g("span", Ia, E(t.endlabel), 1)
     ], 8, za)
   ]);
 }
-const di = /* @__PURE__ */ A(Na, [["render", Ba]]);
+const di = /* @__PURE__ */ _(Na, [["render", Ba]]);
 const Oa = {
   name: "Snapshot",
   props: {
@@ -2000,29 +2001,29 @@ const Oa = {
   class: "container snapshot",
   ref: "wrapper"
 }, Ua = { class: "row" }, Wa = ["href"], Ya = { class: "lead snapshot__title" }, Ga = { class: "stat" };
-function Ka(e, a, t, i, s, r) {
-  return h(), p("div", Va, [
-    x(e.$slots, "default"),
+function Ka(e, a, t, i, n, s) {
+  return p(), b("div", Va, [
+    k(e.$slots, "default"),
     g("div", Ua, [
-      (h(!0), p(M, null, H(t.items, (o, n) => (h(), p("div", {
+      (p(!0), b(H, null, C(t.items, (o, r) => (p(), b("div", {
         class: "col",
-        key: n
+        key: r
       }, [
-        o.link ? (h(), p("a", {
+        o.link ? (p(), b("a", {
           key: 0,
           href: o.link
-        }, "View " + $(o.title), 9, Wa)) : _("", !0),
+        }, "View " + E(o.title), 9, Wa)) : x("", !0),
         g("div", {
           class: S(`snapshot__item ${o.bg ? "bg-" + o.bg : ""}`)
         }, [
-          g("span", Ya, $(o.title), 1),
-          g("span", Ga, $(o.number), 1)
+          g("span", Ya, E(o.title), 1),
+          g("span", Ga, E(o.number), 1)
         ], 2)
       ]))), 128))
     ])
   ], 512);
 }
-const ci = /* @__PURE__ */ A(Oa, [["render", Ka]]), Xa = {
+const ci = /* @__PURE__ */ _(Oa, [["render", Ka]]), Xa = {
   name: "Stepper",
   props: {
     url: {
@@ -2042,23 +2043,23 @@ const ci = /* @__PURE__ */ A(Oa, [["render", Ka]]), Xa = {
   key: 0,
   class: "visually-hidden"
 };
-function Za(e, a, t, i, s, r) {
-  return h(), p("li", null, [
+function Za(e, a, t, i, n, s) {
+  return p(), b("li", null, [
     g("a", {
       href: t.url,
       class: S(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
-      "aria-current": typeof t.current < "u"
+      "aria-current": typeof t.current < "u" ? "step" : !1
     }, [
       g("span", null, [
-        x(e.$slots, "default")
+        k(e.$slots, "default")
       ]),
-      t.status ? (h(), p("em", Qa, " - status: " + $(t.status), 1)) : _("", !0)
+      t.status ? (p(), b("em", Qa, " - status: " + E(t.status), 1)) : x("", !0)
     ], 10, Ja)
   ]);
 }
-const ui = /* @__PURE__ */ A(Xa, [["render", Za]]);
+const ui = /* @__PURE__ */ _(Xa, [["render", Za]]);
 /*!
-  * iamKey v4.1.1-beta-7
+  * iamKey v5.0.0
   * Copyright 2022-2023 iamproperty
   */
 const to = function(e) {
@@ -2070,33 +2071,33 @@ const to = function(e) {
     let i = document.createElement("div");
     i.classList.add("tabs__links__wrapper"), i.prepend(t), e.prepend(i);
   }
-  a.forEach((i, s) => {
-    let r = i.querySelector(":scope > summary"), o = r.classList.contains("disabled");
-    r.classList.add("visually-hidden");
-    let n = document.createElement("button");
-    i.hasAttribute("id") && (n = document.createElement("a"), n.setAttribute("href", `#${i.getAttribute("id")}`)), i.hasAttribute("open") && n.setAttribute("aria-pressed", !0), n.innerHTML = `${r.innerText}`, n.classList.add("link"), n.setAttribute("data-index", s), n.setAttribute("tabindex", "-1"), o && n.classList.add("disabled"), t.appendChild(n);
+  a.forEach((i, n) => {
+    let s = i.querySelector(":scope > summary"), o = s.classList.contains("disabled");
+    s.classList.add("visually-hidden");
+    let r = document.createElement("button");
+    i.hasAttribute("id") && (r = document.createElement("a"), r.setAttribute("href", `#${i.getAttribute("id")}`)), i.hasAttribute("open") && r.setAttribute("aria-pressed", !0), r.innerHTML = `${s.innerText}`, r.classList.add("link"), r.setAttribute("data-index", n), r.setAttribute("tabindex", "-1"), o && r.classList.add("disabled"), t.appendChild(r);
   });
 }, eo = function(e) {
   let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > details > summary"), i = e.querySelectorAll(":scope .tabs__links > .link");
-  e.shadowRoot && (i = e.shadowRoot.querySelectorAll(".tabs__links > .link")), i.forEach((s) => {
-    s.addEventListener("click", (r) => {
-      if (r.preventDefault(), s.classList.contains("disabled"))
+  e.shadowRoot && (i = e.shadowRoot.querySelectorAll(".tabs__links > .link")), i.forEach((n) => {
+    n.addEventListener("click", (s) => {
+      if (s.preventDefault(), n.classList.contains("disabled"))
         return !1;
       i.forEach((o) => {
-        let n = o == s;
-        o.setAttribute("aria-pressed", n);
-      }), a.forEach((o, n) => {
-        let d = s.getAttribute("data-index") == n;
+        let r = o == n;
+        o.setAttribute("aria-pressed", r);
+      }), a.forEach((o, r) => {
+        let d = n.getAttribute("data-index") == r;
         d ? o.setAttribute("open", d) : o.removeAttribute("open");
-      }), s.hasAttribute("href") && history.pushState(void 0, void 0, s.getAttribute("href")), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openTab", tabTitle: s.textContent });
+      }), n.hasAttribute("href") && history.pushState(void 0, void 0, n.getAttribute("href")), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openTab", tabTitle: n.textContent });
     });
-  }), t.forEach((s, r) => {
-    s.addEventListener("focus", (o) => {
-      i.forEach((n) => {
-        n.classList.remove("focus");
-      }), i[r].classList.add("focus");
-    }), s.addEventListener("click", (o) => {
-      o.preventDefault(), i[r].click();
+  }), t.forEach((n, s) => {
+    n.addEventListener("focus", (o) => {
+      i.forEach((r) => {
+        r.classList.remove("focus");
+      }), i[s].classList.add("focus");
+    }), n.addEventListener("click", (o) => {
+      o.preventDefault(), i[s].click();
     });
   });
 }, ao = function(e) {
@@ -2137,12 +2138,12 @@ window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs"
 const ro = {
   name: "Tabs"
 }, no = { ref: "wrapper" };
-function so(e, a, t, i, s, r) {
-  return h(), p("iam-tabs", no, [
-    x(e.$slots, "default")
+function so(e, a, t, i, n, s) {
+  return p(), b("iam-tabs", no, [
+    k(e.$slots, "default")
   ], 512);
 }
-const hi = /* @__PURE__ */ A(ro, [["render", so]]), lo = {
+const hi = /* @__PURE__ */ _(ro, [["render", so]]), lo = {
   name: "Tab",
   props: {
     title: {
@@ -2165,16 +2166,16 @@ const hi = /* @__PURE__ */ A(ro, [["render", so]]), lo = {
     };
   }
 }, co = { class: "tab" }, uo = ["innerHTML"];
-function mo(e, a, t, i, s, r) {
-  return h(), p("details", co, [
+function mo(e, a, t, i, n, s) {
+  return p(), b("details", co, [
     g("summary", {
       innerHTML: t.title,
-      class: S({ disabled: s.isDisabled })
+      class: S({ disabled: n.isDisabled })
     }, null, 10, uo),
-    x(e.$slots, "default")
+    k(e.$slots, "default")
   ]);
 }
-const pi = /* @__PURE__ */ A(lo, [["render", mo]]);
+const pi = /* @__PURE__ */ _(lo, [["render", mo]]);
 let dt = st.props;
 dt.fields.required = !1;
 const ho = {
@@ -2194,8 +2195,8 @@ const ho = {
       const a = new FormData(e.target);
       let t = /* @__PURE__ */ new Date();
       const i = t.getFullYear();
-      let s = t.getMonth() + 1, r = t.getDate();
-      r < 10 && (r = "0" + r), s < 10 && (s = "0" + s), t = r + "/" + s + "/" + i, this.itemsData.unshift({
+      let n = t.getMonth() + 1, s = t.getDate();
+      s < 10 && (s = "0" + s), n < 10 && (n = "0" + n), t = s + "/" + n + "/" + i, this.itemsData.unshift({
         date_added: t,
         user: a.get("user"),
         note: a.get("addNote")
@@ -2224,29 +2225,29 @@ const ho = {
     }
   }
 }, po = { class: "container note-feed mb-2" }, bo = ["innerHTML"], fo = ["action", "method"], go = ["value"], yo = /* @__PURE__ */ g("button", { class: "btn btn-tertiary" }, "Submit note", -1);
-function vo(e, a, t, i, s, r) {
-  const o = F("Table"), n = F("Input");
-  return h(), p("div", po, [
-    t.title ? (h(), p("span", {
+function vo(e, a, t, i, n, s) {
+  const o = F("Table"), r = F("Input");
+  return p(), b("div", po, [
+    t.title ? (p(), b("span", {
       key: 0,
       class: "h3",
       innerHTML: t.title
-    }, null, 8, bo)) : _("", !0),
-    C(o, R({
+    }, null, 8, bo)) : x("", !0),
+    R(o, j({
       fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
-      items: s.itemsData
+      items: n.itemsData
     }, e.$props, { class: "mb-0" }), null, 16, ["items"]),
     g("form", {
       action: t.action,
       method: t.method,
-      onSubmit: a[0] || (a[0] = gt((d) => r.submitForm(...arguments), ["prevent"]))
+      onSubmit: a[0] || (a[0] = gt((d) => s.submitForm(...arguments), ["prevent"]))
     }, [
       g("input", {
         type: "hidden",
         value: t.user,
         name: "user"
       }, null, 8, go),
-      C(n, {
+      R(r, {
         id: "addNote",
         type: "textarea",
         label: "Add note",
@@ -2257,58 +2258,58 @@ function vo(e, a, t, i, s, r) {
     ], 40, fo)
   ]);
 }
-const bi = /* @__PURE__ */ A(ho, [["render", vo]]);
+const bi = /* @__PURE__ */ _(ho, [["render", vo]]);
 /*!
-  * iamKey v4.1.1-beta-7
+  * iamKey v5.0.0
   * Copyright 2022-2023 iamproperty
   */
 function wo(e, a) {
-  function t(i, s) {
-    let r = !1, o = s.getAttribute("name");
-    o.includes("[]") && (o = o.replace("[]", `[${s.value}]`));
-    let n = i.querySelector(`[data-name="${o}"]`);
-    n && s.getAttribute("type") == "checkbox" && (r = !s.checked);
-    let d = s.getAttribute("data-filter-text");
-    if (n || (n = document.createElement("button"), i.appendChild(n)), n.setAttribute("type", "button"), n.classList.add("filter"), n.setAttribute("data-name", o), n.innerHTML = d.replace("$value", s.value), (!s.value || r) && n.remove(), s.parentNode.closest("[data-filter-text]")) {
-      let l = s.parentNode.closest("[data-filter-text]"), m = !0;
-      if (o = "", l.querySelectorAll("input").forEach((c, b) => {
-        let f = c.getAttribute("name");
-        if (o += `${b != 0 ? "," : ""}${f}`, i.querySelector(`[data-name="${f}"]`) && i.querySelector(`[data-name="${f}"]`).remove(), c.value) {
-          let u = document.createElement("button");
-          u.setAttribute("type", "button"), u.classList.add("filter"), u.setAttribute("data-name", f), u.innerHTML = d.replace("$value", c.value), i.appendChild(u);
+  function t(i, n) {
+    let s = !1, o = n.getAttribute("name");
+    o.includes("[]") && (o = o.replace("[]", `[${n.value}]`));
+    let r = i.querySelector(`[data-name="${o}"]`);
+    r && n.getAttribute("type") == "checkbox" && (s = !n.checked);
+    let d = n.getAttribute("data-filter-text");
+    if (r || (r = document.createElement("button"), i.appendChild(r)), r.setAttribute("type", "button"), r.classList.add("filter"), r.setAttribute("data-name", o), r.innerHTML = d.replace("$value", n.value), (!n.value || s) && r.remove(), n.parentNode.closest("[data-filter-text]")) {
+      let l = n.parentNode.closest("[data-filter-text]"), m = !0;
+      if (o = "", l.querySelectorAll("input").forEach((c, u) => {
+        let h = c.getAttribute("name");
+        if (o += `${u != 0 ? "," : ""}${h}`, i.querySelector(`[data-name="${h}"]`) && i.querySelector(`[data-name="${h}"]`).remove(), c.value) {
+          let f = document.createElement("button");
+          f.setAttribute("type", "button"), f.classList.add("filter"), f.setAttribute("data-name", h), f.innerHTML = d.replace("$value", c.value), i.appendChild(f);
         } else
           m = !1;
       }), i.querySelector(`[data-name="${o}"]`) && i.querySelector(`[data-name="${o}"]`).remove(), m) {
         let c = l.getAttribute("data-filter-text");
-        l.querySelectorAll("input").forEach((f, u) => {
-          let v = f.getAttribute("name");
-          i.querySelector(`[data-name="${v}"]`) && i.querySelector(`[data-name="${v}"]`).remove(), c = c.replace(`$${u + 1}`, f.value);
+        l.querySelectorAll("input").forEach((h, f) => {
+          let y = h.getAttribute("name");
+          i.querySelector(`[data-name="${y}"]`) && i.querySelector(`[data-name="${y}"]`).remove(), c = c.replace(`$${f + 1}`, h.value);
         });
-        let b = document.createElement("button");
-        b.setAttribute("type", "button"), b.classList.add("filter"), b.setAttribute("data-name", o), b.innerHTML = c, i.appendChild(b);
+        let u = document.createElement("button");
+        u.setAttribute("type", "button"), u.classList.add("filter"), u.setAttribute("data-name", o), u.innerHTML = c, i.appendChild(u);
       }
     }
   }
-  Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((i, s) => {
+  Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((i, n) => {
     t(a, i);
-  }), Array.from(e.querySelectorAll("input[data-filter-text]")).forEach((i, s) => {
-    i.addEventListener("change", function(r) {
-      t(a, i), r.stopPropagation();
+  }), Array.from(e.querySelectorAll("input[data-filter-text]")).forEach((i, n) => {
+    i.addEventListener("change", function(s) {
+      t(a, i), s.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 n = i.target.closest("input[data-filter-text]");
+      t(a, n);
     }
   }), a.addEventListener("click", function(i) {
     if (i && i.target instanceof HTMLElement && i.target.closest(".filter")) {
-      let o = i.target.closest(".filter"), n = o.getAttribute("data-name").split(",");
-      for (var s = 0; s < n.length; s++) {
-        let d = n[s], l = `[name="${d}"]`;
+      let o = i.target.closest(".filter"), r = o.getAttribute("data-name").split(",");
+      for (var n = 0; n < r.length; n++) {
+        let d = r[n], l = `[name="${d}"]`;
         d.match(/\[(.*)\]/) && (d.replace(/\[(.*)\]/, "[]"), l = `[value="${d.replace(/.*\[(.*)\]/, "$1")}"]`);
         let m = e.querySelectorAll(l);
-        for (var r = 0; r < m.length; r++) {
-          let c = m[r];
+        for (var s = 0; s < m.length; s++) {
+          let c = m[s];
           if (c.getAttribute("type") != "radio" && c.getAttribute("type") != "checkbox")
             c.value = "";
           else {
@@ -2323,13 +2324,13 @@ function wo(e, a) {
   }, !1);
 }
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "Applied Filters" });
-let Ao = class extends HTMLElement {
+class Ao extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`;
     let i = this.classList.toString();
-    const s = document.createElement("template");
-    s.innerHTML = `
+    const n = document.createElement("template");
+    n.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 */
@@ -2338,30 +2339,30 @@ let Ao = class extends HTMLElement {
     </style>
     <div class="applied-filters ${i}"></div>
     <slot></slot>
-    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(n.content.cloneNode(!0));
   }
   connectedCallback() {
     wo(this, this.shadowRoot.querySelector(".applied-filters"));
   }
-};
+}
 window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", Ao);
 const _o = {
   name: "Header"
 };
-function xo(e, a, t, i, s, r) {
-  return h(), p("iam-applied-filters", null, [
-    x(e.$slots, "default")
+function xo(e, a, t, i, n, s) {
+  return p(), b("iam-applied-filters", null, [
+    k(e.$slots, "default")
   ]);
 }
-const gi = /* @__PURE__ */ A(_o, [["render", xo]]);
+const fi = /* @__PURE__ */ _(_o, [["render", xo]]);
 /*!
-  * iamKey v4.1.1-beta-7
+  * iamKey v5.0.0
   * Copyright 2022-2023 iamproperty
   */
-function Lo(e, a) {
-  ko(e, a);
-}
 function ko(e, a) {
+  Lo(e, a);
+}
+function Lo(e, a) {
   var t;
   a.addEventListener("keyup", (i) => {
     clearTimeout(t), t = setTimeout(function() {
@@ -2373,8 +2374,8 @@ function ko(e, a) {
 }
 const Q = 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 n = t.textContent.toLowerCase();
+    t.classList.add("d-none"), n.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" });
@@ -2413,19 +2414,19 @@ class So 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>'), Lo(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>'), ko(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
   }
 }
 window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", So);
 const qo = {
   name: "Filter list"
 };
-function $o(e, a, t, i, s, r) {
-  return h(), p("iam-filterlist", null, [
-    x(e.$slots, "default")
+function $o(e, a, t, i, n, s) {
+  return p(), b("iam-filterlist", null, [
+    k(e.$slots, "default")
   ]);
 }
-const yi = /* @__PURE__ */ A(qo, [["render", $o]]);
+const gi = /* @__PURE__ */ _(qo, [["render", $o]]);
 function Eo(e) {
   if (e.hasAttribute("data-type") && e.getAttribute("data-type") == "toast") {
     let t = document.querySelector(".notification__holder");
@@ -2446,11 +2447,11 @@ function Eo(e) {
   }
 }
 function To(e, a) {
-  var t, i, s = a;
+  var t, i, n = a;
   this.pause = function() {
-    window.clearTimeout(t), s -= /* @__PURE__ */ new Date() - i;
+    window.clearTimeout(t), n -= /* @__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, n);
   }, this.resume();
 }
 const K = function(e) {
@@ -2464,12 +2465,12 @@ window.dataLayer.push({
 class Mo 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 = this.querySelectorAll("a,button");
-    Array.from(s).forEach((o, n) => {
+    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";`, n = this.querySelectorAll("a,button");
+    Array.from(n).forEach((o, r) => {
       o.setAttribute("slot", "btns"), o.classList.add("link");
-    }), (s.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
-    const r = document.createElement("template");
-    r.innerHTML = `
+    }), (n.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
+    const s = document.createElement("template");
+    s.innerHTML = `
     <style>
     @import "${t}";
     ${i}
@@ -2478,10 +2479,10 @@ class Mo extends HTMLElement {
 
     <div class="notification">
       <div class="notification__icon"><slot name="icon"></slot></div>
-      <div class="notification__inner"><div class="notification__text"><slot></slot></div>${s.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
+      <div class="notification__inner"><div class="notification__text"><slot></slot></div>${n.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(r.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
   }
   connectedCallback() {
     const a = this.shadowRoot.querySelector("[data-dismiss-button]"), t = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
@@ -2501,7 +2502,7 @@ class Mo extends HTMLElement {
         default:
           this.innerHTML += '<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>';
       }
-    Eo(i), a && a.addEventListener("click", function(s) {
+    Eo(i), a && a.addEventListener("click", function(n) {
       K(i);
     }, !1);
   }
@@ -2515,14 +2516,14 @@ const Ho = {
     });
   }
 };
-function Co(e, a, t, i, s, r) {
-  return h(), p("iam-notification", null, [
-    x(e.$slots, "default")
+function Co(e, a, t, i, n, s) {
+  return p(), b("iam-notification", null, [
+    k(e.$slots, "default")
   ]);
 }
-const vi = /* @__PURE__ */ A(Ho, [["render", Co]]);
+const yi = /* @__PURE__ */ _(Ho, [["render", Co]]);
 /*!
-  * iamKey v4.1.1-beta-7
+  * iamKey v5.0.0
   * Copyright 2022-2023 iamproperty
   */
 const Ro = function(e) {
@@ -2532,15 +2533,15 @@ const Ro = function(e) {
     var i = String.fromCharCode(65 + Math.floor(Math.random() * 26));
     t = i + Date.now(), e.setAttribute("id", t);
   }
-  function s() {
-    window.player = new YT.Player(t, { height: "100%", width: "100%", videoId: a, playerVars: { modestbranding: 1, playsinline: 1, rel: 0, showinfo: 0 }, events: { onReady: r, onStateChange: n } });
+  function n() {
+    window.player = new YT.Player(t, { height: "100%", width: "100%", videoId: a, playerVars: { modestbranding: 1, playsinline: 1, rel: 0, showinfo: 0 }, events: { onReady: s, onStateChange: r } });
   }
-  s();
-  function r(d) {
+  n();
+  function s(d) {
     d.target.playVideo();
   }
   var o = !1;
-  function n(d) {
+  function r(d) {
     if (d.data == YT.PlayerState.PLAYING && !o) {
       var l = document.getElementById(t);
       l.classList.add("player-ready"), o = !0;
@@ -2552,64 +2553,64 @@ const Ro = function(e) {
   if (a.target.tagName == "IAM-ACTIONBAR")
     return !1;
   if (a && a.target instanceof HTMLElement && a.target.closest("[data-modal]")) {
-    const s = a.target.closest("[data-modal]"), r = s.hasAttribute("data-modal") ? s.getAttribute("data-modal") : s.getAttribute("data-filter"), o = document.querySelector(`dialog#${r}`);
+    const n = a.target.closest("[data-modal]"), s = n.hasAttribute("data-modal") ? n.getAttribute("data-modal") : n.getAttribute("data-filter"), o = document.querySelector(`dialog#${s}`);
     Z(o), o.showModal(), o.focus();
-    let n = o.offsetWidth;
-    o.setAttribute("style", `max-width: ${n}px;`), Array.from(o.querySelectorAll("[data-duplicate]")).forEach((d, l) => {
+    let r = o.offsetWidth;
+    o.setAttribute("style", `max-width: ${r}px;`), Array.from(o.querySelectorAll("[data-duplicate]")).forEach((d, l) => {
       const m = d.getAttribute("data-duplicate"), c = document.getElementById(m);
       if (d.checked != c.checked) {
         d.checked = c.checked;
-        let b = new Event("change");
-        d.dispatchEvent(b);
+        let u = new Event("change");
+        d.dispatchEvent(u);
       }
-    }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openModal", id: r });
+    }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openModal", id: s });
   }
   if (a && a.target instanceof HTMLElement && a.target.closest("button.dialog__close")) {
-    const s = a.target.closest("dialog[open]");
-    a.preventDefault(), s.close(), Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((r, o) => {
-      r.classList.remove("active");
-    }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: s.getAttribute("id") });
+    const n = a.target.closest("dialog[open]");
+    a.preventDefault(), n.close(), Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((s, o) => {
+      s.classList.remove("active");
+    }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: n.getAttribute("id") });
   }
   if (a && a.target instanceof HTMLElement && a.target.closest('button[formmethod="dialog"]')) {
-    const s = a.target.closest("dialog[open]");
-    Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((r, o) => {
-      r.classList.remove("active");
-    }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: s.getAttribute("id") });
+    const n = a.target.closest("dialog[open]");
+    Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((s, o) => {
+      s.classList.remove("active");
+    }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: n.getAttribute("id") });
   }
   if (a && a.target instanceof HTMLElement && a.target.closest("dialog[open]")) {
-    let s = a.target.closest("dialog[open]");
-    var t = window.getComputedStyle(s);
-    if (t.display === "contents" && (s = s.parentNode.closest("dialog[open]")), !s.querySelector(":scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child") || s.classList.contains("dialog--multi")) {
-      const r = s.getBoundingClientRect();
-      (a.clientX < r.left || a.clientX > r.right || a.clientY < r.top || a.clientY > r.bottom) && (a.target.closest('input[type="radio"]') || s.close(), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: s.getAttribute("id") }));
+    let n = a.target.closest("dialog[open]");
+    var t = window.getComputedStyle(n);
+    if (t.display === "contents" && (n = n.parentNode.closest("dialog[open]")), !n.querySelector(":scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child") || n.classList.contains("dialog--multi")) {
+      const s = n.getBoundingClientRect();
+      (a.clientX < s.left || a.clientX > s.right || a.clientY < s.top || a.clientY > s.bottom) && (a.target.closest('input[type="radio"]') || n.close(), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: n.getAttribute("id") }));
     }
   }
   if (a && a.target instanceof HTMLElement && a.target.closest(".dialog__wrapper > button")) {
     a.stopPropagation();
-    let s = a.target.closest(".dialog__wrapper > button"), r = a.target.closest(".dialog__wrapper > button").parentNode, o = "openPopover", n = r.querySelector(":scope > dialog");
-    if (document.querySelector("*:not([data-keep-open]) > dialog[open]") && document.querySelector("*:not([data-keep-open]) > dialog[open]") != n && document.querySelector("*:not([data-keep-open]) > dialog[open]").close(), Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((c, b) => {
-      c.classList.remove("active");
-    }), n.hasAttribute("open"))
-      n.close(), o = "closePopover", n.removeAttribute("style"), s.classList.remove("active");
+    let n = a.target.closest(".dialog__wrapper > button"), s = a.target.closest(".dialog__wrapper > button").parentNode, o = "openPopover", r = s.querySelector(":scope > dialog");
+    if (document.querySelector("*:not([data-keep-open]) > dialog[open]") && document.querySelector("*:not([data-keep-open]) > dialog[open]") != r && document.querySelector("*:not([data-keep-open]) > dialog[open]").close(), Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((c, u) => {
+      c.removeAttribute("aria-expanded");
+    }), r.hasAttribute("open"))
+      r.close(), o = "closePopover", r.removeAttribute("style"), n.removeAttribute("aria-expanded");
     else {
-      n.show(), s.classList.add("active");
-      var i = s.getBoundingClientRect();
-      let c = i.top, b = i.left;
-      if (s.closest("iam-table")) {
-        let f = s.closest("iam-table").parentNode.getBoundingClientRect();
-        c -= f.top, b -= f.left;
+      r.show(), n.setAttribute("aria-expanded", !0);
+      var i = n.getBoundingClientRect();
+      let c = i.top, u = i.left;
+      if (n.closest("iam-table")) {
+        let h = n.closest("iam-table").parentNode.getBoundingClientRect();
+        c -= h.top, u -= h.left;
       }
-      n.classList.contains("dialog--fix") && n.setAttribute("style", `position:fixed;top: ${c}px; left: ${b}px; margin: 3rem 0 0 0;`);
+      r.classList.contains("dialog--fix") && r.setAttribute("style", `position:fixed;top: ${c}px; left: ${u}px; margin: 3rem 0 0 0;`);
     }
-    let d = n.getBoundingClientRect(), l = d.bottom - window.scrollY, m = window.innerHeight - window.scrollY;
+    let d = r.getBoundingClientRect(), l = d.bottom - window.scrollY, m = window.innerHeight - window.scrollY;
     if (l > m) {
-      let c = n.hasAttribute("style") ? n.getAttribute("style") + " " : "";
-      n.setAttribute("style", c + "transform: translate(0, calc(-100% - 4rem))"), d = n.getBoundingClientRect(), d.top - window.scrollY < 100 && n.removeAttribute("style");
+      let c = r.hasAttribute("style") ? r.getAttribute("style") + " " : "";
+      r.setAttribute("style", c + "transform: translate(0, calc(-100% - 4rem))"), d = r.getBoundingClientRect(), d.top - window.scrollY < 100 && r.removeAttribute("style");
     }
-    window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: o, id: s.textContent });
+    window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: o, id: n.textContent });
   }
-  a && a.target instanceof HTMLElement && !a.target.closest("dialog[open]") && !a.target.closest(".dialog__wrapper > button") && (document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]") && document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]").close(), Array.from(document.querySelectorAll(".dialog__wrapper:not([data-keep-open]) > button")).forEach((s, r) => {
-    s.classList.remove("active");
+  a && a.target instanceof HTMLElement && !a.target.closest("dialog[open]") && !a.target.closest(".dialog__wrapper > button") && (document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]") && document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]").close(), Array.from(document.querySelectorAll(".dialog__wrapper:not([data-keep-open]) > button")).forEach((n, s) => {
+    n.removeAttribute("aria-expanded");
   }));
 }), null), Z = (e) => {
   e.querySelector(":scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child") && !e.classList.contains("dialog--multi") && e.addEventListener("cancel", (t) => {
@@ -2620,27 +2621,27 @@ const Ro = function(e) {
     e.innerHTML = `<div class="mh-lg">${e.innerHTML}</div>`;
     let t = e.querySelector(".mh-lg"), i = e.querySelector(".mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)");
     if (i) {
-      let s = i.previousSibling;
-      t.before(i), s && i.before(s);
+      let n = i.previousSibling;
+      t.before(i), n && i.before(n);
     }
   }
   e.querySelector(":scope > button:first-child") || e.insertAdjacentHTML("afterbegin", '<button class="dialog__close">Close</button>');
 }, No = (e) => {
   let a = "", t = Array.from(e.querySelectorAll("fieldset[data-title]")), i = e.querySelector("form");
-  t.forEach((o, n) => {
-    a += `<button data-title="${o.getAttribute("data-title")}" type="button" class="${n == 0 ? "active" : ""}" tabindex="-1">${o.getAttribute("data-title")}</button>`;
+  t.forEach((o, r) => {
+    a += `<button data-title="${o.getAttribute("data-title")}" type="button" class="${r == 0 ? "active" : ""}" tabindex="-1">${o.getAttribute("data-title")}</button>`;
     const d = document.createElement("div");
-    if (d.classList.add("btn--wrapper"), o.appendChild(d), n != 0 && (d.innerHTML += `<button data-title="${t[n - 1].getAttribute("data-title")}" class="btn btn-secondary mb-0" data-previous type="button">Previous</button>`), n != t.length - 1 && (d.innerHTML += `<button data-title="${t[n + 1].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="button">Next</button>`), n == t.length - 1)
+    if (d.classList.add("btn--wrapper"), o.appendChild(d), r != 0 && (d.innerHTML += `<button data-title="${t[r - 1].getAttribute("data-title")}" class="btn btn-secondary mb-0" data-previous type="button">Previous</button>`), r != t.length - 1 && (d.innerHTML += `<button data-title="${t[r + 1].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="button">Next</button>`), r == t.length - 1)
       if (i && i.querySelector(':scope > button[type="submit"]')) {
         let l = i.querySelector(':scope > button[type="submit"]');
         l.classList.add("mb-0"), d.insertAdjacentElement("beforeend", l);
       } else
-        d.innerHTML += `<button data-title="${t[n].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="submit">Submit</button>`;
+        d.innerHTML += `<button data-title="${t[r].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="submit">Submit</button>`;
   }), e.insertAdjacentHTML("afterbegin", `<div class="steps bg-primary">${a}</div>`);
-  let s = Array.from(e.querySelectorAll("fieldset.was-validated"));
-  for (let o = 0; o < s.length; o++) {
-    let n = s[o], d = n.getAttribute("data-title");
-    if (n.querySelector(".is-invalid")) {
+  let n = Array.from(e.querySelectorAll("fieldset.was-validated"));
+  for (let o = 0; o < n.length; o++) {
+    let r = n[o], d = r.getAttribute("data-title");
+    if (r.querySelector(".is-invalid")) {
       Array.from(e.querySelectorAll(`[data-title="${d}"]`)).forEach((l, m) => {
         l.classList.add("active");
       });
@@ -2655,38 +2656,38 @@ const Ro = function(e) {
       o.preventDefault();
     };
   }(), !0);
-  function r(o) {
-    const n = e.querySelector("fieldset.active") ? e.querySelector("fieldset.active") : e.querySelector("fieldset[data-title]"), d = n.getAttribute("data-title");
+  function s(o) {
+    const r = e.querySelector("fieldset.active") ? e.querySelector("fieldset.active") : e.querySelector("fieldset[data-title]"), d = r.getAttribute("data-title");
     let l = !0;
-    if (n.classList.add("was-validated"), Array.from(n.querySelectorAll("input")).forEach((b, f) => {
-      b.checkValidity() || (l = !1);
-    }), l ? Array.from(e.querySelectorAll(`[data-title="${d}"]`)).forEach((b, f) => {
-      b.classList.add("valid");
-    }) : Array.from(e.querySelectorAll(`[data-title="${d}"]`)).forEach((b, f) => {
-      b.classList.remove("valid");
+    if (r.classList.add("was-validated"), Array.from(r.querySelectorAll("input")).forEach((u, h) => {
+      u.checkValidity() || (l = !1);
+    }), l ? Array.from(e.querySelectorAll(`[data-title="${d}"]`)).forEach((u, h) => {
+      u.classList.add("valid");
+    }) : Array.from(e.querySelectorAll(`[data-title="${d}"]`)).forEach((u, h) => {
+      u.classList.remove("valid");
     }), l || !o.hasAttribute("data-next")) {
-      const b = e.querySelector(`fieldset[data-title="${o.getAttribute("data-title")}"]`), f = e.querySelector(`.steps button[data-title="${o.getAttribute("data-title")}"]`);
-      Array.from(e.querySelectorAll("button")).forEach((u, v) => {
-        u.classList.remove("active");
-      }), Array.from(e.querySelectorAll("fieldset")).forEach((u, v) => {
-        u.classList.remove("active");
-      }), f.classList.add("active"), b.classList.add("active");
+      const u = e.querySelector(`fieldset[data-title="${o.getAttribute("data-title")}"]`), h = e.querySelector(`.steps button[data-title="${o.getAttribute("data-title")}"]`);
+      Array.from(e.querySelectorAll("button")).forEach((f, y) => {
+        f.classList.remove("active");
+      }), Array.from(e.querySelectorAll("fieldset")).forEach((f, y) => {
+        f.classList.remove("active");
+      }), h.classList.add("active"), u.classList.add("active");
     }
     let m = Array.from(e.querySelectorAll("fieldset")).length, c = Array.from(e.querySelectorAll("fieldset.valid")).length;
     e.style.setProperty("--progress", `${c / (m - 1) * 100}%`);
   }
   e.addEventListener("keydown", (o) => {
     if (o && o.target instanceof HTMLElement && o.target.closest("button")) {
-      const n = o.target.closest("button");
-      o.keyCode == 13 && n.getAttribute("type") != "submit" && (o.preventDefault(), r(n));
+      const r = o.target.closest("button");
+      o.keyCode == 13 && r.getAttribute("type") != "submit" && (o.preventDefault(), s(r));
     }
     o && o.target instanceof HTMLElement && o.target.closest("input") && (o.target.closest("input").classList.remove("is-invalid"), o.keyCode == 13 && o.preventDefault());
   }), e.addEventListener("click", (o) => {
     if (o && o.target instanceof HTMLElement && o.target.closest('button[type="submit"]'))
       o.target.closest("form").classList.add("was-validated");
     else if (o && o.target instanceof HTMLElement && o.target.closest("button[data-title]")) {
-      const n = o.target.closest("button[data-title]");
-      r(n);
+      const r = o.target.closest("button[data-title]");
+      s(r);
     }
     return null;
   });
@@ -2754,93 +2755,95 @@ class Do extends HTMLElement {
     const t = this.shadowRoot.querySelector(".actionbar__wrapper");
     if (this.hasAttribute("data-selectall")) {
       t.insertAdjacentHTML("afterbegin", '<div class="selectall pb-0"><input type="checkbox" name="selectall" id="selectall"><label for="selectall" class="m-0">Select all</label></div>');
-      let r = this.shadowRoot.querySelector(".selectall");
-      this.hasAttribute("data-selected") && tt(r, this.getAttribute("data-selected")), r.addEventListener("change", (n) => {
-        n && n.target instanceof HTMLElement && n.target.closest("input") && (n.target.closest("input").checked ? this.setAttribute("data-selected", "all") : this.setAttribute("data-selected", 0));
+      let o = this.shadowRoot.querySelector(".selectall");
+      this.hasAttribute("data-selected") && tt(o, this.getAttribute("data-selected")), o.addEventListener("change", (d) => {
+        d && d.target instanceof HTMLElement && d.target.closest("input") && (d.target.closest("input").checked ? this.setAttribute("data-selected", "all") : this.setAttribute("data-selected", 0));
       });
-      let o = this.querySelector("button[data-cancel]");
-      o && o.addEventListener("click", (n) => {
+      let r = this.querySelector("button[data-cancel]");
+      r && r.addEventListener("click", (d) => {
         this.setAttribute("data-selected", 0);
       });
     }
     if (this.hasAttribute("data-select-watch")) {
-      const r = document.getElementById(this.getAttribute("data-select-watch"));
-      r.setAttribute("data-select-container", "true"), Array.from(r.querySelectorAll('input[type="checkbox"]')).forEach((o, n) => {
-        o.parentElement.setAttribute("slot", "checkbox");
-      }), r.addEventListener("change", (o) => {
-        if (o && o.target instanceof HTMLElement && o.target.closest('[type="checkbox"]')) {
-          let n = r.querySelectorAll('input[type="checkbox"]').length, d = r.querySelectorAll('input[type="checkbox"]:checked').length;
-          a.setAttribute("data-selected", n == d ? "all" : d), o.target.closest('[type="checkbox"]'), d ? Array.from(r.querySelectorAll('input[type="checkbox"]')).forEach((l, m) => {
-            l.closest("iam-card") && l.closest("iam-card").setAttribute("data-selected", "true");
-          }) : Array.from(r.querySelectorAll('input[type="checkbox"]')).forEach((l, m) => {
-            l.closest("iam-card") && l.closest("iam-card").removeAttribute("data-selected");
+      const o = document.getElementById(this.getAttribute("data-select-watch"));
+      o.setAttribute("data-select-container", "true"), Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((r, d) => {
+        r.parentElement.setAttribute("slot", "checkbox");
+      }), o.addEventListener("change", (r) => {
+        if (r && r.target instanceof HTMLElement && r.target.closest('[type="checkbox"]')) {
+          let d = o.querySelectorAll('input[type="checkbox"]').length, l = o.querySelectorAll('input[type="checkbox"]:checked').length;
+          a.setAttribute("data-selected", d == l ? "all" : l), r.target.closest('[type="checkbox"]'), l ? Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((m, c) => {
+            m.closest("iam-card") && m.closest("iam-card").setAttribute("data-selected", "true");
+          }) : Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((m, c) => {
+            m.closest("iam-card") && m.closest("iam-card").removeAttribute("data-selected");
           });
         }
       });
     }
     if (this.hasAttribute("data-switchviews")) {
-      let r = "";
-      this.getAttribute("data-switchviews").split(",").forEach((o, n) => {
-        let d = "fa-grid-2";
-        o == "list" ? d = "fa-grip-lines" : o == "small" && (d = "fa-bars"), r += `<button class="btn btn-action btn-compact mb-0 fa-regular ${d}">${o}</button>`;
-      }), t.insertAdjacentHTML("afterbegin", `<div class="views m-0">${r}</div>`), this.shadowRoot.querySelector(".views").addEventListener("click", (o) => {
-        if (o && o.target instanceof HTMLElement && o.target.closest(".btn-action")) {
-          let n = o.target.closest(".btn-action");
-          this.setAttribute("data-view", n.textContent);
-          const d = new CustomEvent("switch-view", { detail: { view: n.textContent } });
-          this.dispatchEvent(d);
+      let o = "";
+      this.getAttribute("data-switchviews").split(",").forEach((r, d) => {
+        let l = "fa-grid-2";
+        r == "list" ? l = "fa-grip-lines" : r == "small" && (l = "fa-bars"), o += `<button class="btn btn-action btn-compact mb-0 fa-regular ${l}">${r}</button>`;
+      }), t.insertAdjacentHTML("afterbegin", `<div class="views m-0">${o}</div>`), this.shadowRoot.querySelector(".views").addEventListener("click", (r) => {
+        if (r && r.target instanceof HTMLElement && r.target.closest(".btn-action")) {
+          let d = r.target.closest(".btn-action");
+          this.setAttribute("data-view", d.textContent);
+          const l = new CustomEvent("switch-view", { detail: { view: d.textContent } });
+          this.dispatchEvent(l);
         }
       });
     }
     const i = this.shadowRoot.querySelector(".actionbar--search");
-    this.hasAttribute("data-search") && this.getAttribute("data-search") == "show" && i.classList.add("show"), this.shadowRoot.addEventListener("click", (r) => {
-      r && r.target instanceof HTMLElement && r.target.closest("button[data-search]") && i.classList.toggle("show");
-    }), i.addEventListener("keyup", (r) => {
-      const o = new CustomEvent("search-keyup", { detail: { search: i.querySelector("input").value } });
-      this.dispatchEvent(o);
-    }), i.addEventListener("change", (r) => {
-      const o = new CustomEvent("search-change", { detail: { search: i.querySelector("input").value } });
-      this.dispatchEvent(o);
-    }), i.addEventListener("click", (r) => {
-      if (r && r.target instanceof HTMLElement && r.target.closest("button.suffix")) {
-        const o = new CustomEvent("search-submit", { detail: { search: i.querySelector("input").value } });
-        this.dispatchEvent(o);
+    this.hasAttribute("data-search") && this.getAttribute("data-search") == "show" && i.classList.add("show");
+    const n = this.shadowRoot.querySelector("button[data-search]");
+    this.shadowRoot.addEventListener("click", (o) => {
+      o && o.target instanceof HTMLElement && o.target.closest("button[data-search]") && (i.classList.toggle("show"), n.toggleAttribute("aria-expanded"));
+    }), i.addEventListener("keyup", (o) => {
+      const r = new CustomEvent("search-keyup", { detail: { search: i.querySelector("input").value } });
+      this.dispatchEvent(r);
+    }), i.addEventListener("change", (o) => {
+      const r = new CustomEvent("search-change", { detail: { search: i.querySelector("input").value } });
+      this.dispatchEvent(r);
+    }), i.addEventListener("click", (o) => {
+      if (o && o.target instanceof HTMLElement && o.target.closest("button.suffix")) {
+        const r = new CustomEvent("search-submit", { detail: { search: i.querySelector("input").value } });
+        this.dispatchEvent(r);
       }
-    }), Array.from(this.shadowRoot.querySelectorAll(".body")).forEach((r, o) => {
-      jo(r);
+    }), Array.from(this.shadowRoot.querySelectorAll(".body")).forEach((o, r) => {
+      jo(o);
     });
     function s() {
-      const r = t.scrollWidth, o = document.documentElement.scrollWidth;
-      let n = 750, d = 16, l = a.hasAttribute("data-switchviews") ? 144 : 210, m = 1;
-      o >= 992 && o <= 1280 ? m = o / 1280 : o >= 576 && o <= 1280 ? m = o / 768 : o < 576 && (m = o / 375), r >= 992 && r <= 1280 ? n = n * m : r >= 576 && r <= 1280 ? n = 450 * m : r < 576 && (n = l * m), d = d * m, r < 576 ? Array.from(a.querySelectorAll(":scope > .btn:not(.js-updated)")).forEach((c, b) => {
-        c.className = c.className.replace(" btn-compact", " _btn-compact"), c.classList.add("btn-compact"), c.classList.add("js-updated");
-      }) : Array.from(a.querySelectorAll(":scope > .btn.js-updated")).forEach((c, b) => {
-        c.classList.remove("btn-compact"), c.classList.remove("js-updated"), c.className = c.className.replace(" _btn-compact", " btn-compact");
-      }), Array.from(a.querySelectorAll("[slot]")).forEach((c, b) => {
-        c.getAttribute("slot") == "overflow" && c.removeAttribute("slot"), c.getAttribute("slot") == "selected-overflow" && c.setAttribute("slot", "selected");
-      }), Array.from(a.querySelectorAll(".show")).forEach((c, b) => {
-        c.classList.remove("show");
-      }), Array.from(a.shadowRoot.querySelectorAll(".safe-area")).forEach((c, b) => {
+      const o = t.scrollWidth, r = document.documentElement.scrollWidth;
+      let d = 750, l = 16, m = a.hasAttribute("data-switchviews") ? 144 : 210, c = 1;
+      r >= 992 && r <= 1280 ? c = r / 1280 : r >= 576 && r <= 1280 ? c = r / 768 : r < 576 && (c = r / 375), o >= 992 && o <= 1280 ? d = d * c : o >= 576 && o <= 1280 ? d = 450 * c : o < 576 && (d = m * c), l = l * c, o < 576 ? Array.from(a.querySelectorAll(":scope > .btn:not(.js-updated)")).forEach((u, h) => {
+        u.className = u.className.replace(" btn-compact", " _btn-compact"), u.classList.add("btn-compact"), u.classList.add("js-updated");
+      }) : Array.from(a.querySelectorAll(":scope > .btn.js-updated")).forEach((u, h) => {
+        u.classList.remove("btn-compact"), u.classList.remove("js-updated"), u.className = u.className.replace(" _btn-compact", " btn-compact");
+      }), Array.from(a.querySelectorAll("[slot]")).forEach((u, h) => {
+        u.getAttribute("slot") == "overflow" && u.removeAttribute("slot"), u.getAttribute("slot") == "selected-overflow" && u.setAttribute("slot", "selected");
+      }), Array.from(a.querySelectorAll(".show")).forEach((u, h) => {
+        u.classList.remove("show");
+      }), Array.from(a.shadowRoot.querySelectorAll(".safe-area")).forEach((u, h) => {
         let f = "overflow";
-        c.querySelector("slot").hasAttribute("name") && c.querySelector("slot").getAttribute("name") == "selected" && (f = "selected-overflow");
-        let u = c.querySelector("slot").assignedElements(), v = 44 * m;
-        a.hasAttribute("data-search") && (v += 44 * m);
-        for (let y = 0; y < u.length; y++)
-          !u[y].classList.contains("btn-action") && !u[y].classList.contains("dialog__wrapper") && (v += u[y].offsetWidth, v += d);
-        for (let y = 0; y < u.length; y++)
-          if (u[y].classList.contains("dialog__wrapper") && (u[y].classList.add("show"), v += u[y].offsetWidth, v += d / 2, v - d / 2 > n)) {
-            u[y].classList.remove("show");
+        u.querySelector("slot").hasAttribute("name") && u.querySelector("slot").getAttribute("name") == "selected" && (f = "selected-overflow");
+        let y = u.querySelector("slot").assignedElements(), A = 44 * c;
+        a.hasAttribute("data-search") && (A += 44 * c);
+        for (let v = 0; v < y.length; v++)
+          !y[v].classList.contains("btn-action") && !y[v].classList.contains("dialog__wrapper") && (A += y[v].offsetWidth, A += l);
+        for (let v = 0; v < y.length; v++)
+          if (y[v].classList.contains("dialog__wrapper") && (y[v].classList.add("show"), A += y[v].offsetWidth, A += l / 2, A - l / 2 > d)) {
+            y[v].classList.remove("show");
             break;
           }
-        for (let y = 0; y < u.length; y++)
-          if (u[y].classList.contains("btn-action") && (u[y].classList.add("show"), v += u[y].offsetWidth, v += d / 2, v - d / 2 > n)) {
-            u[y].classList.remove("show");
+        for (let v = 0; v < y.length; v++)
+          if (y[v].classList.contains("btn-action") && (y[v].classList.add("show"), A += y[v].offsetWidth, A += l / 2, A - l / 2 > d)) {
+            y[v].classList.remove("show");
             break;
           }
-        let k = c.querySelector(".dialog-overflow");
-        k && k.classList.add("d-none");
-        for (let y = 0; y < u.length; y++)
-          (u[y].classList.contains("btn-action") || u[y].classList.contains("dialog__wrapper")) && (u[y].classList.contains("show") || (u[y].setAttribute("slot", f), k && k.classList.remove("d-none")));
+        let q = u.querySelector(".dialog-overflow");
+        q && q.classList.add("d-none");
+        for (let v = 0; v < y.length; v++)
+          (y[v].classList.contains("btn-action") || y[v].classList.contains("dialog__wrapper")) && (y[v].classList.contains("show") || (y[v].setAttribute("slot", f), q && q.classList.remove("d-none")));
       });
     }
     s(), new ResizeObserver(s).observe(t);
@@ -2851,19 +2854,19 @@ class Do extends HTMLElement {
   attributeChangedCallback(a, t, i) {
     switch (a) {
       case "data-selected": {
-        let s = this.shadowRoot.querySelector(".selectall");
-        s && tt(s, i);
-        const r = new CustomEvent("selected", { detail: { selected: i } });
-        if (this.dispatchEvent(r), i == "all" && this.hasAttribute("data-select-watch")) {
+        let n = this.shadowRoot.querySelector(".selectall");
+        n && tt(n, i);
+        const s = new CustomEvent("selected", { detail: { selected: i } });
+        if (this.dispatchEvent(s), i == "all" && this.hasAttribute("data-select-watch")) {
           const o = document.getElementById(this.getAttribute("data-select-watch"));
-          Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((n, d) => {
-            n.checked = !0, n.closest("iam-card") && n.closest("iam-card").setAttribute("data-selected", "true");
+          Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((r, d) => {
+            r.checked = !0, r.closest("iam-card") && r.closest("iam-card").setAttribute("data-selected", "true");
           });
         }
         if (i == "0" && this.hasAttribute("data-select-watch")) {
           const o = document.getElementById(this.getAttribute("data-select-watch"));
-          Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((n, d) => {
-            n.checked = !1, n.closest("iam-card") && n.closest("iam-card").removeAttribute("data-selected", "true");
+          Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((r, d) => {
+            r.checked = !1, r.closest("iam-card") && r.closest("iam-card").removeAttribute("data-selected", "true");
           });
         }
         break;
@@ -2878,12 +2881,12 @@ const zo = {
   mounted() {
   }
 };
-function Po(e, a, t, i, s, r) {
-  return h(), p("iam-actionbar", null, [
-    x(e.$slots, "default")
+function Po(e, a, t, i, n, s) {
+  return p(), b("iam-actionbar", null, [
+    k(e.$slots, "default")
   ]);
 }
-const wi = /* @__PURE__ */ A(zo, [["render", Po]]), Fo = {
+const vi = /* @__PURE__ */ _(zo, [["render", Po]]), Fo = {
   name: "Pagination",
   props: {},
   computed: {},
@@ -2895,13 +2898,13 @@ const wi = /* @__PURE__ */ A(zo, [["render", Po]]), Fo = {
   updated() {
   }
 };
-function Io(e, a, t, i, s, r) {
-  return h(), p("iam-pagination");
+function Io(e, a, t, i, n, s) {
+  return p(), b("iam-pagination");
 }
-const Ai = /* @__PURE__ */ A(Fo, [["render", Io]]), Bo = (e, a) => {
+const wi = /* @__PURE__ */ _(Fo, [["render", Io]]), Bo = (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, n) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(n.bind(null, new Error("Unknown variable dynamic import: " + a)));
   });
 }, Oo = {
   name: "Address Lookup",
@@ -2915,14 +2918,14 @@ const Ai = /* @__PURE__ */ A(Fo, [["render", Io]]), Bo = (e, a) => {
     });
   }
 };
-function Vo(e, a, t, i, s, r) {
-  return h(), p("iam-address-lookup", null, [
-    x(e.$slots, "default")
+function Vo(e, a, t, i, n, s) {
+  return p(), b("iam-address-lookup", null, [
+    k(e.$slots, "default")
   ]);
 }
-const _i = /* @__PURE__ */ A(Oo, [["render", Vo]]);
+const Ai = /* @__PURE__ */ _(Oo, [["render", Vo]]);
 /*!
-  * iamKey v4.1.1-beta-7
+  * iamKey v5.0.0
   * Copyright 2022-2023 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "collapsible side menu" });
@@ -2933,7 +2936,7 @@ class Uo extends HTMLElement {
     i.innerHTML = `
     <style class="styles">
     @import "${t}";
-    :host{--colour-border: #e9e9e9;--side-link-hover: var(--colour-canvas-2);display:block;min-height:calc(100vh - var(--nav-height));padding-top:0 !important;margin-inline:auto;max-width:80rem;overflow:hidden;position:relative}@media screen and (prefers-color-scheme: light){:host{--side-link-hover: #eeeeee}}.container{position:static;min-height:100%;padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}@media screen and (min-width: 62em){.container{padding-left:5.25rem !important;overflow:hidden}}.side-menu{position:absolute;top:0;left:0;height:100%;min-height:calc(100vh - var(--nav-height));width:1.875rem;height:100%;background-color:var(--colour-canvas);transition:width 1s}.side-menu:before{content:"";position:absolute;top:0;right:0;height:100%;border-right:2px solid var(--colour-border)}@media screen and (min-width: 36em){.side-menu{left:0;width:2.5rem}}@media screen and (min-width: 62em){.side-menu{left:calc(50% - 34.75rem);margin-left:-5.25rem}.side-menu:after{content:"";position:absolute;top:0;height:100%;border-right:2px solid var(--colour-border);left:0;opacity:1;transition:all 1s;width:2.5rem;background:var(--colour-canvas)}.side-menu:not(.open).hover{width:21.5rem}.side-menu:not(.open).hover .btn[class*=fa-]:before{content:"" !important}}.side-menu .btn{position:absolute;top:2rem;right:0;margin-bottom:0;margin-right:-1.25rem;background-color:var(--colour-canvas-2);border:2px solid var(--colour-border);z-index:99}.side-menu:is(.open){width:calc(100% - var(--container-padding-x))}.side-menu:is(.open) .btn[class*=fa-]:before{content:"" !important}@media screen and (min-width: 36em){.side-menu:is(.open){width:23.875rem}}@media screen and (min-width: 62em){.side-menu:is(.open){width:21.5rem}.side-menu:is(.open) .btn{opacity:0;transition:opacity .5s}.side-menu:is(.open) .btn:is(:hover,:focus,:active){opacity:1}}.side-menu .side-menu-content{position:absolute;top:0;right:0;padding:2rem 2.5rem 0 0;width:21.9375rem;opacity:0;transition:opacity 1s;min-height:100%;overflow:auto;max-height:100%}.side-menu .side-menu-content .h3{padding-left:1.5rem}@media screen and (min-width: 36em){.side-menu .side-menu-content{width:23.875rem}.side-menu .side-menu-content .h3{padding-left:2.5rem}}@media screen and (min-width: 62em){.side-menu .side-menu-content{width:19rem}}.side-menu:not(.hover):not(.open) .side-menu-content.closed{display:none}.side-menu.open .side-menu-content{opacity:1}@media screen and (min-width: 62em){.side-menu.hover .side-menu-content{opacity:1}}::slotted(*[slot=menu]){padding-left:1.5rem}@media screen and (min-width: 36em){::slotted(*[slot=menu]){padding-left:2.5rem !important}}::slotted(hr){border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important}::slotted(a[slot=menu]){display:block;display:block !important;line-height:1.25rem !important;padding:1rem 2.5rem 1rem 1.5rem !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important;text-decoration:none;border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important;border-right:2px solid var(--colour-border) !important}@media screen and (min-width: 36em){::slotted(a[slot=menu]){padding-left:2.5rem !important}}::slotted(a[slot=menu]):after{display:none}::slotted(a[slot=menu]:where(:hover,:focus,.selected)){background-color:var(--side-link-hover) !important}::slotted(a[slot=menu]:active){background-color:var(--side-link-hover) !important;font-weight:bold !important}::slotted(a[slot=menu].selected){background-color:var(--side-link-hover) !important;font-weight:bold !important;margin-right:-2.5rem !important;position:relative;border-right:2px solid var(--colour-info) !important}::slotted(a[slot=menu].selected):before{content:"";position:absolute;top:0;right:0;height:calc(100% + 4px);margin-top:-2px;width:2px;border-right:2px solid var(--colour-info);margin-right:-2px}@media(forced-colors: active){::slotted(a[slot=menu].selected):before{border-right:10px solid var(--colour-info)}}.main-content{padding-top:1.5rem;padding-left:3.75rem}@media screen and (min-width: 36em){.main-content{padding-left:5rem}}@media screen and (min-width: 62em){.main-content{padding-top:2.5rem !important;padding-left:0}}.main-content>span.h3{padding-top:.75rem;border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important}@media screen and (min-width: 62em){.main-content>span.h3{display:none}}::slotted(.main-content__title){border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important;max-width:100% !important;display:block}@media screen and (min-width: 62em){.side-menu.open+.main-content{padding-left:18.75rem}::slotted(.main-content__title){display:none}}/*# sourceMappingURL=assets/css/components/collapsible-side.css.map */
+    :host{--colour-border: #e9e9e9;--side-link-hover: var(--colour-canvas-2);display:block;min-height:calc(100vh - var(--nav-height));padding-top:0 !important;margin-inline:auto;max-width:80rem;overflow:hidden;position:relative}@media screen and (prefers-color-scheme: light){:host{--side-link-hover: #eeeeee}}.container{position:static;min-height:100%;padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}@media screen and (min-width: 62em){.container{padding-left:5.25rem !important;overflow:hidden}}.side-menu{position:absolute;top:0;left:0;height:100%;min-height:calc(100vh - var(--nav-height));width:1.875rem;height:100%;background-color:var(--colour-canvas);transition:width 1s}.side-menu:before{content:"";position:absolute;top:0;right:0;height:100%;border-right:2px solid var(--colour-border)}@media screen and (min-width: 36em){.side-menu{left:0;width:2.5rem}}@media screen and (min-width: 62em){.side-menu{left:calc(50% - 34.75rem);margin-left:-5.25rem}.side-menu:after{content:"";position:absolute;top:0;height:100%;border-right:2px solid var(--colour-border);left:0;opacity:1;transition:all 1s;width:2.5rem;background:var(--colour-canvas)}.side-menu:not(.open).hover{width:21.5rem}.side-menu:not(.open).hover .btn[class*=fa-]:before{content:"" !important}}.side-menu .btn{position:absolute;top:2rem;right:0;margin-bottom:0;margin-right:-1.25rem;background-color:var(--colour-canvas-2);border:2px solid var(--colour-border);z-index:99}.side-menu .btn[aria-expanded][class*=fa-]:before{content:"" !important}@media screen and (min-width: 62em){.side-menu .btn[aria-expanded]{opacity:0;transition:opacity .5s}.side-menu .btn[aria-expanded]:is(:hover,:focus,:active){opacity:1}}.side-menu:is(.open){width:calc(100% - var(--container-padding-x))}@media screen and (min-width: 36em){.side-menu:is(.open){width:23.875rem}}@media screen and (min-width: 62em){.side-menu:is(.open){width:21.5rem}}.side-menu .side-menu-content{position:absolute;top:0;right:0;padding:2rem 2.5rem 0 0;width:21.9375rem;opacity:0;transition:opacity 1s;min-height:100%;overflow:auto;max-height:100%}.side-menu .side-menu-content .h3{padding-left:1.5rem}@media screen and (min-width: 36em){.side-menu .side-menu-content{width:23.875rem}.side-menu .side-menu-content .h3{padding-left:2.5rem}}@media screen and (min-width: 62em){.side-menu .side-menu-content{width:19rem}}.side-menu:not(.hover):not(.open) .side-menu-content.closed{display:none}.side-menu.open .side-menu-content{opacity:1}@media screen and (min-width: 62em){.side-menu.hover .side-menu-content{opacity:1}}::slotted(*[slot=menu]){padding-left:1.5rem}@media screen and (min-width: 36em){::slotted(*[slot=menu]){padding-left:2.5rem !important}}::slotted(hr){border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important}::slotted(a[slot=menu]){display:block;display:block !important;line-height:1.25rem !important;padding:1rem 2.5rem 1rem 1.5rem !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important;text-decoration:none;border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important;border-right:2px solid var(--colour-border) !important}@media screen and (min-width: 36em){::slotted(a[slot=menu]){padding-left:2.5rem !important}}::slotted(a[slot=menu]):after{display:none}::slotted(a[slot=menu]:where(:hover,:focus,[aria-expanded])){background-color:var(--side-link-hover) !important}::slotted(a[slot=menu]:active){background-color:var(--side-link-hover) !important;font-weight:bold !important}::slotted(a[slot=menu][aria-expanded]){background-color:var(--side-link-hover) !important;font-weight:bold !important;margin-right:-2.5rem !important;position:relative;border-right:2px solid var(--colour-info) !important}::slotted(a[slot=menu][aria-expanded]):before{content:"";position:absolute;top:0;right:0;height:calc(100% + 4px);margin-top:-2px;width:2px;border-right:2px solid var(--colour-info);margin-right:-2px}@media(forced-colors: active){::slotted(a[slot=menu][aria-expanded]):before{border-right:10px solid var(--colour-info)}}.main-content{padding-top:1.5rem;padding-left:3.75rem}@media screen and (min-width: 36em){.main-content{padding-left:5rem}}@media screen and (min-width: 62em){.main-content{padding-top:2.5rem !important;padding-left:0}}.main-content>span.h3{padding-top:.75rem;border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important}@media screen and (min-width: 62em){.main-content>span.h3{display:none}}::slotted(.main-content__title){border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important;max-width:100% !important;display:block}@media screen and (min-width: 62em){.side-menu.open+.main-content{padding-left:18.75rem}::slotted(.main-content__title){display:none}}/*# sourceMappingURL=assets/css/components/collapsible-side.css.map */
 
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
@@ -2955,20 +2958,20 @@ class Uo 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", (r) => {
-      a.classList.contains("open") ? (a.classList.remove("open"), setTimeout(function() {
+    const a = this.shadowRoot.querySelector(".side-menu"), t = this.shadowRoot.querySelector(".side-menu-content"), i = this.shadowRoot.querySelector(".main-content"), n = 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")), n.addEventListener("click", (s) => {
+      a.classList.contains("open") ? (a.classList.remove("open"), n.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");
+        a.classList.add("open"), n.setAttribute("aria-expanded", !0);
       }, 100));
-    }), a.addEventListener("mouseenter", (r) => {
+    }), a.addEventListener("mouseenter", (s) => {
       window.innerWidth > 992 && (a.classList.contains("open") || t.classList.remove("closed"), a.classList.add("hover"));
-    }), a.addEventListener("mousemove", (r) => {
+    }), a.addEventListener("mousemove", (s) => {
       window.innerWidth > 992 && (a.classList.contains("open") || t.classList.remove("closed"));
-    }), a.addEventListener("mouseleave", (r) => {
+    }), a.addEventListener("mouseleave", (s) => {
       window.innerWidth > 992 && (a.classList.remove("hover"), a.classList.contains("open") || setTimeout(function() {
         t.classList.add("closed");
       }, 1e3));
@@ -2982,31 +2985,31 @@ const Wo = {
   mounted() {
   }
 };
-function Yo(e, a, t, i, s, r) {
-  return h(), p("iam-collapsible-side", null, [
-    x(e.$slots, "default")
+function Yo(e, a, t, i, n, s) {
+  return p(), b("iam-collapsible-side", null, [
+    k(e.$slots, "default")
   ]);
 }
-const xi = /* @__PURE__ */ A(Wo, [["render", Yo]]);
+const _i = /* @__PURE__ */ _(Wo, [["render", Yo]]);
 export {
   ti as Accordion,
   ei as AccordionItem,
-  wi as Actionbar,
-  _i as AddressLookup,
-  gi as AppliedFilters,
+  vi as Actionbar,
+  Ai as AddressLookup,
+  fi as AppliedFilters,
   ai as Banner,
   je as Card,
   oi as Carousel,
-  xi as CollapsibleSideMenu,
+  _i as CollapsibleSideMenu,
   Qo as FileUpload,
-  yi as Filterlist,
+  gi as Filterlist,
   ii as Header,
   lt as Input,
   Xo as Logo,
   li as Nav,
   bi as NoteFeed,
-  vi as Notification,
-  Ai as Pagination,
+  yi as Notification,
+  wi as Pagination,
   si as PropertySearchbar,
   ci as Snapshot,
   ui as Step,