@iamproperty/components 5.1.0-beta2 → 5.1.0-beta4

package/dist/components.es.js

@@ -1,8 +1,8 @@
-import { openBlock as u, createElementBlock as m, normalizeClass as k, createElementVNode as f, toDisplayString as $, createCommentVNode as w, Fragment as H, renderList as M, renderSlot as _, withDirectives as D, mergeProps as C, vModelDynamic as G, vModelText as ht, vModelSelect as pt, createTextVNode as bt, resolveComponent as I, createVNode as j, withModifiers as ft } from "vue";
-const v = (e, a) => {
+import { openBlock as u, createElementBlock as m, normalizeClass as x, createElementVNode as f, toDisplayString as S, createCommentVNode as w, Fragment as T, renderList as H, renderSlot as _, withDirectives as P, mergeProps as N, vModelDynamic as G, vModelText as ht, vModelSelect as pt, createTextVNode as bt, resolveComponent as B, createVNode as C, withModifiers as ft } from "vue";
+const y = (e, a) => {
   const t = e.__vccOpts || e;
-  for (const [o, s] of a)
-    t[o] = s;
+  for (const [i, s] of a)
+    t[i] = s;
   return t;
 }, gt = {
   name: "Logo",
@@ -30,12 +30,12 @@ const v = (e, a) => {
     }
   }
 }, yt = ["xlink:href"], vt = ["innerHTML"];
-function wt(e, a, t, o, s, n) {
+function wt(e, a, t, i, s, n) {
   return u(), m("div", {
-    class: k(n.className)
+    class: x(n.className)
   }, [
     (u(), m("svg", null, [
-      f("title", null, "iam " + $(t.id), 1),
+      f("title", null, "iam " + S(t.id), 1),
       f("use", {
         "xlink:href": t.path + n.src
       }, null, 8, yt)
@@ -46,128 +46,128 @@ function wt(e, a, t, o, s, n) {
     }, null, 8, vt)) : w("", !0)
   ], 2);
 }
-const Di = /* @__PURE__ */ v(gt, [["render", wt]]);
+const Di = /* @__PURE__ */ y(gt, [["render", wt]]);
 /*!
-  * iamKey v5.1.0-beta2
+  * iamKey v5.1.0-beta4
   * Copyright 2022-2023 iamproperty
   */
 const _t = function(e) {
   return typeof e != "string" ? !1 : !isNaN(e) && !isNaN(parseFloat(e));
-}, At = (e, a) => String(e).padStart(a, "0"), xt = (e) => e.charAt(0).toUpperCase() + e.slice(1);
-var kt = function(e, a, t, o) {
+}, At = (e, a) => String(e).padStart(a, "0"), xt = (e) => e.charAt(0).toUpperCase() + e.slice(1), R = (e, a, t) => a.split(/[\.\[\]\'\"]/).filter((i) => i).reduce((i, s) => i ? i[s] : t, e);
+var kt = function(e, a, t, i) {
   function s(n) {
-    return n instanceof t ? n : new t(function(i) {
-      i(n);
+    return n instanceof t ? n : new t(function(o) {
+      o(n);
     });
   }
-  return new (t || (t = Promise))(function(n, i) {
+  return new (t || (t = Promise))(function(n, o) {
     function l(p) {
       try {
-        r(o.next(p));
+        r(i.next(p));
       } catch (c) {
-        i(c);
+        o(c);
       }
     }
     function d(p) {
       try {
-        r(o.throw(p));
+        r(i.throw(p));
       } catch (c) {
-        i(c);
+        o(c);
       }
     }
     function r(p) {
       p.done ? n(p.value) : s(p.value).then(l, d);
     }
-    r((o = o.apply(e, a || [])).next());
+    r((i = i.apply(e, a || [])).next());
   });
 };
 const tt = (e) => {
   const a = Array.from(e.querySelectorAll("thead th"));
-  Array.from(e.querySelectorAll("tbody tr")).forEach((t, o) => {
+  Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
     const s = Array.from(t.querySelectorAll("th, td")), n = ["0", "low", "medium", "high", "unknown", "n/a", "pending", "verified", "due", "overdue", "incomplete", "complete", "completed", "approval required", "upcoming", "requires approval", "to do", "on track", "not started", "warning", "error"];
-    s.forEach((i, l) => {
+    s.forEach((o, l) => {
       const d = a[l];
       if (typeof d < "u") {
         let r = document.createElement("div");
         r.innerHTML = d.innerHTML;
         let p = r.textContent || r.innerText || "";
-        i.setAttribute("data-label", p), d.hasAttribute("data-td-class") && i.setAttribute("class", d.getAttribute("data-td-class")), d.hasAttribute("data-format") && (i.setAttribute("data-format", d.getAttribute("data-format")), i.innerHTML = Y(d.getAttribute("data-format"), i.textContent.trim())), n.includes(i.textContent.trim().toLowerCase()) && i.setAttribute("data-content", i.textContent.trim().toLowerCase());
+        o.setAttribute("data-label", p), d.hasAttribute("data-td-class") && o.setAttribute("class", d.getAttribute("data-td-class")), d.hasAttribute("data-format") && (o.setAttribute("data-format", d.getAttribute("data-format")), o.innerHTML = Y(d.getAttribute("data-format"), o.textContent.trim())), n.includes(o.textContent.trim().toLowerCase()) && o.setAttribute("data-content", o.textContent.trim().toLowerCase());
       }
     });
   });
 }, Lt = (e) => {
   let a = 0;
-  return Array.from(e.querySelectorAll("tbody tr")).forEach((t, o) => {
+  return Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
     let s = window.getComputedStyle(document.querySelector("html")), n = t.querySelector(":scope > *:last-child > *:first-child");
     if (n) {
       n.classList.add("text-nowrap");
-      let i = n.offsetWidth / parseFloat(s.fontSize);
-      i += 1.7, a = a > i ? a : i;
+      let o = n.offsetWidth / parseFloat(s.fontSize);
+      o += 1.7, a = a > o ? a : o;
     }
   }), a;
 }, St = (e, a) => {
   if (a.classList.contains(".table--fullwidth") && !a.hasAttribute("data-expandable") || e.querySelectorAll("thead tr th").length < 4 && !a.hasAttribute("data-expandable"))
     return !1;
-  Array.from(e.querySelectorAll("thead tr")).forEach((t, o) => {
+  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, o) => {
+  }), Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
     const s = t.getAttribute("data-view") === "full" ? "aria-expanded" : "";
     t.insertAdjacentHTML("afterbegin", `<td class="td--fixed td--expand"><button class="btn btn-compact btn-secondary" data-expand-button ${s}>Expand</button></td>`);
   });
 }, $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]"), o = t.closest("tr");
-      t.toggleAttribute("aria-expanded"), o.getAttribute("data-view") == "full" ? o.setAttribute("data-view", "default") : o.setAttribute("data-view", "full"), t.blur();
+      let t = a.target.closest("[data-expand-button]"), i = t.closest("tr");
+      t.toggleAttribute("aria-expanded"), i.getAttribute("data-view") == "full" ? i.setAttribute("data-view", "default") : i.setAttribute("data-view", "full"), t.blur();
     }
   });
 }, et = (e, a) => {
   let t = a.querySelector("[data-search]");
   if (!t)
     return !1;
-  const o = t.getAttribute("id"), s = t.getAttribute("data-search").split(",");
-  let n = t.parentNode, i = {};
+  const i = t.getAttribute("id"), s = t.getAttribute("data-search").split(",");
+  let n = t.parentNode, o = {};
   s.forEach((l, d) => {
     Array.from(e.querySelectorAll('td[data-label="' + l.trim() + '"]')).forEach((r, p) => {
-      r.querySelector(".td__content") ? i[r.querySelector(".td__content").textContent] = r.querySelector(".td__content").textContent : i[r.textContent] = r.textContent;
+      r.querySelector(".td__content") ? o[r.querySelector(".td__content").textContent] = r.querySelector(".td__content").textContent : o[r.textContent] = r.textContent;
     });
-  }), t.setAttribute("list", `${o}_list`), t.setAttribute("autocomplete", "off"), n.querySelector("datalist") || (n.innerHTML += `<datalist id="${o}_list"></datalist>`), n.querySelector("datalist").innerHTML = `${Object.keys(i).map((l) => `<option value="${l}"></option>`).join("")}`;
-}, qt = (e, a, t, o, s) => {
+  }), t.setAttribute("list", `${i}_list`), t.setAttribute("autocomplete", "off"), n.querySelector("datalist") || (n.innerHTML += `<datalist id="${i}_list"></datalist>`), n.querySelector("datalist").innerHTML = `${Object.keys(o).map((l) => `<option value="${l}"></option>`).join("")}`;
+}, qt = (e, a, t, i, s) => {
   var n;
-  let i = function(r, p = !1) {
+  let o = function(r, p = !1) {
     if (a.classList.contains("processing"))
       return !1;
-    if (r.type == "submit" && (a.classList.add("processing"), Array.from(a.querySelectorAll("[data-duplicate]")).forEach((c, g) => {
-      const b = c.getAttribute("data-duplicate"), h = document.getElementById(b), x = document.querySelector(`[for="${b}"] iam-card`);
-      if (h.checked != c.checked)
-        if (x) {
-          let L = new Event("click");
-          x.dispatchEvent(L);
+    if (r.type == "submit" && (a.classList.add("processing"), Array.from(a.querySelectorAll("[data-duplicate]")).forEach((c, h) => {
+      const g = c.getAttribute("data-duplicate"), b = document.getElementById(g), A = document.querySelector(`[for="${g}"] iam-card`);
+      if (b.checked != c.checked)
+        if (A) {
+          let $ = new Event("click");
+          A.dispatchEvent($);
         } else
-          h.checked = c.checked;
+          b.checked = c.checked;
     }), a.classList.remove("processing")), a.hasAttribute("data-ajax")) {
       if (!p) {
         let c = a.querySelector("[data-pagination]");
-        c.value = 1, o.setAttribute("data-page", 1);
+        c.value = 1, i.setAttribute("data-page", 1);
       }
-      ot(e, a, t, o);
+      ot(e, a, t, i);
     } else
-      a.hasAttribute("data-submit") ? a.submit() : (K(e, a, o), O(e, a));
+      a.hasAttribute("data-submit") ? a.submit() : (K(e, a, i), U(e, a));
     if (a.hasAttribute("data-ajax-post")) {
-      let c = new FormData(a), g = new URLSearchParams(c).toString();
-      const b = new XMLHttpRequest();
-      b.open("GET", `${window.location.href}?ajax=true&${g}`), b.send();
+      let c = new FormData(a), h = new URLSearchParams(c).toString();
+      const g = new XMLHttpRequest();
+      g.open("GET", `${window.location.href}?ajax=true&${h}`), g.send();
     }
   };
   a.addEventListener("keyup", (r) => {
     clearTimeout(n), r && r.target instanceof HTMLElement && r.target.closest("[data-search]") && (n = setTimeout(function() {
-      i(r);
+      o(r);
     }, 500));
   }), a.addEventListener("change", (r) => {
-    clearTimeout(n), r && r.target instanceof HTMLElement && r.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || Q(e, a, s), i(r)), r && r.target instanceof HTMLElement && r.target.closest("[data-search]") && i(r), r && r.target instanceof HTMLElement && r.target.closest("[data-filter][data-no-ajax]") ? (K(e, a, o), O(e, a)) : (r && r.target instanceof HTMLElement && r.target.closest("[data-filter]") && r.target.closest("form .dialog__wrapper > dialog") || r && r.target instanceof HTMLElement && r.target.closest("[data-filter]") && !r.target.closest("form dialog")) && i(r), r && r.target instanceof HTMLElement && r.target.closest("[data-show]") && i(r), r && r.target instanceof HTMLElement && r.target.closest("[data-mimic]") && i(r);
+    clearTimeout(n), r && r.target instanceof HTMLElement && r.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || Q(e, a, s), o(r)), r && r.target instanceof HTMLElement && r.target.closest("[data-search]") && o(r), r && r.target instanceof HTMLElement && r.target.closest("[data-filter][data-no-ajax]") ? (K(e, a, i), U(e, a)) : (r && r.target instanceof HTMLElement && r.target.closest("[data-filter]") && r.target.closest("form .dialog__wrapper > dialog") || r && r.target instanceof HTMLElement && r.target.closest("[data-filter]") && !r.target.closest("form dialog")) && o(r), r && r.target instanceof HTMLElement && r.target.closest("[data-show]") && o(r), r && r.target instanceof HTMLElement && r.target.closest("[data-mimic]") && o(r);
   }), a.addEventListener("click", (r) => {
     if (clearTimeout(n), r && r.target instanceof HTMLElement && r.target.closest('dialog button:not([type="button"])') && r.target.closest('dialog button:not([type="button"])').closest("dialog").close(), r && r.target instanceof HTMLElement && r.target.closest(".dialog__close") && (r.preventDefault(), r.stopPropagation()), r && r.target instanceof HTMLElement && r.target.closest("[data-clear]")) {
-      a.classList.add("processing"), Array.from(a.querySelectorAll(".applied-filters")).forEach((c, g) => {
+      a.classList.add("processing"), Array.from(a.querySelectorAll(".applied-filters")).forEach((c, h) => {
         c.innerHTML = "";
       });
       let p = a.elements;
@@ -181,12 +181,12 @@ const tt = (e) => {
           case "radio":
           case "checkbox":
             if (p[c].checked) {
-              let g = p[c], b = g.getAttribute("id"), h = document.querySelector(`[for="${b}"`);
-              if (h.querySelector("iam-card")) {
-                let x = h.querySelector("iam-card"), L = new Event("click");
-                x.dispatchEvent(L);
+              let h = p[c], g = h.getAttribute("id"), b = document.querySelector(`[for="${g}"`);
+              if (b.querySelector("iam-card")) {
+                let A = b.querySelector("iam-card"), $ = new Event("click");
+                A.dispatchEvent($);
               }
-              g.checked = !1;
+              h.checked = !1;
             }
             break;
           case "select-one":
@@ -194,66 +194,66 @@ const tt = (e) => {
             p[c].selectedIndex = -1;
             break;
         }
-      a.classList.remove("processing"), a.hasAttribute("data-submit") || Q(e, a, s), i(r);
+      a.classList.remove("processing"), a.hasAttribute("data-submit") || Q(e, a, s), o(r);
     }
   }), a.addEventListener("submit", (r) => {
-    clearTimeout(n), a.hasAttribute("data-submit") || r.preventDefault(), i(r);
+    clearTimeout(n), a.hasAttribute("data-submit") || r.preventDefault(), o(r);
   }), a.addEventListener("force", (r) => {
-    i(r);
+    o(r);
   }), a.addEventListener("paginate", (r) => {
-    i(r, !0);
+    o(r, !0);
   });
   let l = [], d = [];
   Array.from(a.querySelectorAll("[data-mimic]")).forEach((r, p) => {
     let c = r.getAttribute("data-mimic");
-    Array.from(document.querySelectorAll(`[name="${c}"]`)).forEach((g, b) => {
-      let h = g.closest("form");
-      l.includes(h) || l.push(h), d.includes(c) || d.push(c);
+    Array.from(document.querySelectorAll(`[name="${c}"]`)).forEach((h, g) => {
+      let b = h.closest("form");
+      l.includes(b) || l.push(b), d.includes(c) || d.push(c);
     });
   }), l.forEach((r, p) => {
     const c = function() {
-      let g = [], b = new FormData(r);
-      for (const [h, x] of b)
-        document.querySelector(`[data-mimic="${h}"]`) && !g.includes(h) ? (g.push(h), document.querySelector(`[data-mimic="${h}"]`).value = x) : document.querySelector(`[data-mimic="${h}"]`) && (document.querySelector(`[data-mimic="${h}"]`).value += "," + x);
-      for (const h of g) {
-        const x = new Event("force");
-        a.dispatchEvent(x);
+      let h = [], g = new FormData(r);
+      for (const [b, A] of g)
+        document.querySelector(`[data-mimic="${b}"]`) && !h.includes(b) ? (h.push(b), document.querySelector(`[data-mimic="${b}"]`).value = A) : document.querySelector(`[data-mimic="${b}"]`) && (document.querySelector(`[data-mimic="${b}"]`).value += "," + A);
+      for (const b of h) {
+        const A = new Event("force");
+        a.dispatchEvent(A);
       }
-      for (const h of d)
-        if (!b.has(h) && r.querySelector(`[name="${h}"]`)) {
-          document.querySelector(`[data-mimic="${h}"]`).value = "";
-          const x = new Event("force");
-          a.dispatchEvent(x);
+      for (const b of d)
+        if (!g.has(b) && r.querySelector(`[name="${b}"]`)) {
+          document.querySelector(`[data-mimic="${b}"]`).value = "";
+          const A = new Event("force");
+          a.dispatchEvent(A);
         }
     };
-    r.addEventListener("force", (g) => {
+    r.addEventListener("force", (h) => {
       c();
-    }), r.addEventListener("change", (g) => {
+    }), r.addEventListener("change", (h) => {
       c();
     });
   });
 }, Q = (e, a, t) => {
   if (a.getAttribute("data-ajax"))
     return !1;
-  let o = e.querySelector("tbody"), s = a.querySelector("[data-sort]"), n = s.querySelector(`option:nth-child(${s.selectedIndex + 1})`), i = n.getAttribute("data-sort"), l = n.getAttribute("data-order"), d = n.getAttribute("data-format");
-  if (!i)
-    return o.innerHTML = t.innerHTML, tt(e), !1;
+  let i = e.querySelector("tbody"), s = a.querySelector("[data-sort]"), n = s.querySelector(`option:nth-child(${s.selectedIndex + 1})`), o = n.getAttribute("data-sort"), l = n.getAttribute("data-order"), d = n.getAttribute("data-format");
+  if (!o)
+    return i.innerHTML = t.innerHTML, tt(e), !1;
   let r = [];
   ["asc", "desc", "descending"].includes(l) || (r = l.split(","));
   let p = [];
-  Array.from(o.querySelectorAll("tr")).forEach((g, b) => {
-    let h = g.querySelector('td[data-label="' + i + '"], th[data-label="' + i + '"]').textContent.trim();
-    g.querySelector('[data-label="' + i + '"] .td__content') && (h = g.querySelector('[data-label="' + i + '"] .td__content').textContent.trim()), r.length && r.includes(h) && (h = r.indexOf(h)), _t(h) && (h = At(h, 10)), d && d == "date" && (h = new Date(h));
-    const x = { index: h, row: g };
-    p.push(x);
-  }), p.sort((g, b) => g.index > b.index ? 1 : -1), (l == "descending" || l == "desc") && (p = p.reverse());
+  Array.from(i.querySelectorAll("tr")).forEach((h, g) => {
+    let b = h.querySelector('td[data-label="' + o + '"], th[data-label="' + o + '"]').textContent.trim();
+    h.querySelector('[data-label="' + o + '"] .td__content') && (b = h.querySelector('[data-label="' + o + '"] .td__content').textContent.trim()), r.length && r.includes(b) && (b = r.indexOf(b)), _t(b) && (b = At(b, 10)), d && d == "date" && (b = new Date(b));
+    const A = { index: b, row: h };
+    p.push(A);
+  }), p.sort((h, g) => h.index > g.index ? 1 : -1), (l == "descending" || l == "desc") && (p = p.reverse());
   let c = "";
-  p.forEach((g, b) => {
-    c += g.row.outerHTML;
-  }), o.innerHTML = c;
+  p.forEach((h, g) => {
+    c += h.row.outerHTML;
+  }), i.innerHTML = c;
 }, K = (e, a, t) => {
   e.classList.remove("table--filtered");
-  let o = it(a), s = [], n = 0, i = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, l = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
+  let i = it(a), s = [], n = 0, o = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, l = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
   if (Array.from(e.querySelectorAll("tbody tr")).forEach((r, p) => {
     r.classList.remove("filtered"), r.classList.remove("filtered--matched"), r.classList.remove("filtered--show"), r.removeAttribute("data-filtered-by");
   }), a.querySelector("[data-search]")) {
@@ -266,96 +266,96 @@ const tt = (e) => {
     r.innerHTML = "", r.parentNode.classList.remove("hover");
   });
   let d = 0;
-  Object.values(o).forEach((r, p) => {
+  Object.values(i).forEach((r, p) => {
     typeof r == "object" && Object.values(r).length ? d += Object.values(r).length : d++;
   }), d && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((r, p) => {
     r.innerHTML += `(${d})`, r.parentNode.classList.add("hover");
   }), e.classList.add("table--filtered");
-  for (const [r, p] of Object.entries(o))
-    Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((c, g) => {
-      let b = !1;
-      p.forEach((h, x) => {
-        let L = c.querySelector(`[data-label="${r}"]`);
-        if (h && h == "$today")
-          h = Y("date", /* @__PURE__ */ new Date());
-        else if (h && h == "$yesterday") {
-          let A = /* @__PURE__ */ new Date();
-          A.setDate(A.getDate() - 1), h = Y("date", A);
-        } else if (h && (h == "$thisWeek" || h == "$lastWeek")) {
-          let A = /* @__PURE__ */ new Date(), E = new Date(A.setDate(A.getDate() - (A.getDay() - 1))), S = new Date(A.setDate(A.getDate() - A.getDay() + 7)), y = new Date(L.textContent.toLowerCase());
-          if (A.setHours(0, 0, 0, 0), E.setHours(0, 0, 0, 0), S.setHours(0, 0, 0, 0), y.setHours(0, 0, 0, 0), h == "$thisWeek")
-            b = y >= E && y <= S;
+  for (const [r, p] of Object.entries(i))
+    Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((c, h) => {
+      let g = !1;
+      p.forEach((b, A) => {
+        let $ = c.querySelector(`[data-label="${r}"]`);
+        if (b && b == "$today")
+          b = Y("date", /* @__PURE__ */ new Date());
+        else if (b && b == "$yesterday") {
+          let k = /* @__PURE__ */ new Date();
+          k.setDate(k.getDate() - 1), b = Y("date", k);
+        } else if (b && (b == "$thisWeek" || b == "$lastWeek")) {
+          let k = /* @__PURE__ */ new Date(), L = new Date(k.setDate(k.getDate() - (k.getDay() - 1))), v = new Date(k.setDate(k.getDate() - k.getDay() + 7)), q = new Date($.textContent.toLowerCase());
+          if (k.setHours(0, 0, 0, 0), L.setHours(0, 0, 0, 0), v.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), b == "$thisWeek")
+            g = q >= L && q <= v;
           else {
-            let B = new Date(E.setDate(E.getDate() - 7)), T = new Date(S.setDate(S.getDate() - 7));
-            B.setHours(0, 0, 0, 0), T.setHours(0, 0, 0, 0), b = y >= B && y <= T;
+            let E = new Date(L.setDate(L.getDate() - 7)), z = new Date(v.setDate(v.getDate() - 7));
+            E.setHours(0, 0, 0, 0), z.setHours(0, 0, 0, 0), g = q >= E && q <= z;
           }
-        } else if (h && h == "$thisMonth") {
-          let A = /* @__PURE__ */ new Date(), E = A.getFullYear(), S = A.getMonth();
-          var q = new Date(E, S, 1), z = new Date(E, S + 1, 0);
-          let y = new Date(L.textContent.toLowerCase());
-          q.setHours(0, 0, 0, 0), z.setHours(0, 0, 0, 0), y.setHours(0, 0, 0, 0), b = y >= q && y <= z;
-        } else if (h && h == "$lastMonth") {
-          let A = /* @__PURE__ */ new Date(), E = A.getFullYear(), S = A.getMonth();
-          var R = new Date(E, S - 1, 1), F = new Date(E, S, 0);
-          let y = new Date(L.textContent.toLowerCase());
-          R.setHours(0, 0, 0, 0), F.setHours(0, 0, 0, 0), y.setHours(0, 0, 0, 0), b = y >= R && y <= F;
+        } else if (b && b == "$thisMonth") {
+          let k = /* @__PURE__ */ new Date(), L = k.getFullYear(), v = k.getMonth();
+          var M = new Date(L, v, 1), F = new Date(L, v + 1, 0);
+          let q = new Date($.textContent.toLowerCase());
+          M.setHours(0, 0, 0, 0), F.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), g = q >= M && q <= F;
+        } else if (b && b == "$lastMonth") {
+          let k = /* @__PURE__ */ new Date(), L = k.getFullYear(), v = k.getMonth();
+          var I = new Date(L, v - 1, 1), j = new Date(L, v, 0);
+          let q = new Date($.textContent.toLowerCase());
+          I.setHours(0, 0, 0, 0), j.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), g = q >= I && q <= j;
         }
-        L && L.textContent.toLowerCase().includes(h.toLowerCase()) && (b = !0);
-      }), b || (c.classList.add("filtered"), c.setAttribute("data-filtered-by", r));
+        $ && $.textContent.toLowerCase().includes(b.toLowerCase()) && (g = !0);
+      }), g || (c.classList.add("filtered"), c.setAttribute("data-filtered-by", r));
     });
   Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((r, p) => {
     let c = !(s.length > 0 && s[0].value.length >= 3);
-    s.forEach((g, b) => {
-      let h = r.querySelector(`[data-label="${g.column}"]`);
-      h && g.value.length >= 3 && h.textContent.toLowerCase().includes(g.value.toLowerCase()) && (c = !0);
+    s.forEach((h, g) => {
+      let b = r.querySelector(`[data-label="${h.column}"]`);
+      b && h.value.length >= 3 && b.textContent.toLowerCase().includes(h.value.toLowerCase()) && (c = !0);
     }), c || r.classList.add("filtered");
   }), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((r, p) => {
-    n++, r.classList.add("filtered--matched"), Math.ceil(n / l) == parseInt(i) && r.classList.add("filtered--show");
-  }), t && (t.setAttribute("data-total", n), t.setAttribute("data-show", l), t.setAttribute("data-page", i));
-}, O = (e, a, t) => {
-  Array.from(a.querySelectorAll("[data-query]")).forEach((o, s) => {
-    let n = o.getAttribute("data-query"), i;
+    n++, r.classList.add("filtered--matched"), Math.ceil(n / l) == parseInt(o) && r.classList.add("filtered--show");
+  }), t && (t.setAttribute("data-total", n), t.setAttribute("data-show", l), t.setAttribute("data-page", o));
+}, U = (e, a, t) => {
+  Array.from(a.querySelectorAll("[data-query]")).forEach((i, s) => {
+    let n = i.getAttribute("data-query"), o;
     if (n == "total")
-      t.hasAttribute("data-total") ? i = t.getAttribute("data-total") : i = (e.classList.contains("table--filtered"), e.querySelectorAll("tbody tr").length);
+      t.hasAttribute("data-total") ? o = t.getAttribute("data-total") : o = (e.classList.contains("table--filtered"), e.querySelectorAll("tbody tr").length);
     else if (!n.includes(" == ") && n.includes(" & ")) {
       let l = n.split(" & "), d = "";
       l.forEach((r) => {
         d += `:not([data-filtered-by="${r}"])`;
-      }), i = Array.from(e.querySelectorAll(`tbody tr${d}`)).length;
+      }), o = Array.from(e.querySelectorAll(`tbody tr${d}`)).length;
     } else if (!n.includes(" == "))
-      i = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${n}"])`)).length;
+      o = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${n}"])`)).length;
     else if (n.includes(" && ")) {
       let l = n.split(" && ");
-      i = Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d) {
+      o = Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d) {
         let r = !0;
         for (const [p, c] of Object.entries(l)) {
-          let g = c.split(" == ");
-          (!d.querySelector(`td[data-label="${g[0]}"]`) || d.querySelector(`td[data-label="${g[0]}"]`).textContent != `${g[1]}`) && (r = !1);
+          let h = c.split(" == ");
+          (!d.querySelector(`td[data-label="${h[0]}"]`) || d.querySelector(`td[data-label="${h[0]}"]`).textContent != `${h[1]}`) && (r = !1);
         }
         return r;
       }).length;
     } else {
       let l = n.split(" == ");
-      i = Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${l[0]}"], tbody tr[data-filtered-by="${l[0]}"] td[data-label="${l[0]}"]`)).filter(function(d) {
+      o = Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${l[0]}"], tbody tr[data-filtered-by="${l[0]}"] td[data-label="${l[0]}"]`)).filter(function(d) {
         return d.textContent === l[1];
       }).length;
     }
-    o.hasAttribute("data-total") ? o.setAttribute("data-total", i) : o.innerHTML = i;
+    i.hasAttribute("data-total") ? i.setAttribute("data-total", o) : i.innerHTML = o;
   });
-}, Et = function(e, a, t, o) {
+}, Et = function(e, a, t, i) {
   t.addEventListener("update-page", (s) => {
-    let n = a.querySelector("[data-pagination]"), i = s.detail.page;
-    if (n.value = i, a.dispatchEvent(new Event("paginate")), o.setAttribute("data-page", i), e.hasAttribute("data-show-history")) {
+    let n = a.querySelector("[data-pagination]"), o = s.detail.page;
+    if (n.value = o, a.dispatchEvent(new Event("paginate")), i.setAttribute("data-page", o), e.hasAttribute("data-show-history")) {
       const l = new URL(location);
-      l.searchParams.set("page", i), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: i }, "", l);
+      l.searchParams.set("page", o), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: o }, "", l);
     }
-    if (!o.hasAttribute("data-no-scroll")) {
+    if (!i.hasAttribute("data-no-scroll")) {
       const l = e.getBoundingClientRect().top + window.pageYOffset + -250;
       window.scrollTo({ top: l, behavior: "smooth" });
     }
   }), t.addEventListener("update-show", (s) => {
-    let n = a.querySelector("[data-show]"), i = s.detail.show;
-    n.value = i, o.setAttribute("data-show", i), a.dispatchEvent(new Event("submit"));
+    let n = a.querySelector("[data-show]"), o = s.detail.show;
+    n.value = o, i.setAttribute("data-show", o), a.dispatchEvent(new Event("submit"));
   });
 }, Tt = (e, a) => {
   if (!e)
@@ -364,9 +364,9 @@ const tt = (e) => {
     Ht(a);
   });
 }, Ht = function(e) {
-  for (var a = [], t = e.getElementsByTagName("tr"), o = 0; o < t.length; o++) {
-    for (var s = t[o].querySelectorAll("td,th"), n = [], i = 0; i < s.length; i++)
-      n.push(`"${s[i].textContent}"`);
+  for (var a = [], t = e.getElementsByTagName("tr"), i = 0; i < t.length; i++) {
+    for (var s = t[i].querySelectorAll("td,th"), n = [], o = 0; o < s.length; o++)
+      n.push(`"${s[o].textContent}"`);
     a.push(n.join(","));
   }
   a = a.join(`
@@ -376,79 +376,78 @@ const tt = (e) => {
   d.download = "export.csv";
   var r = window.URL.createObjectURL(l);
   d.href = r, d.style.display = "none", document.body.appendChild(d), d.click(), document.body.removeChild(d);
-}, at = function(e, a, t, o) {
-  if (tt(e), St(e, o), O(e, a, o), o && o.classList.contains("table--cta")) {
+}, at = function(e, a, t, i) {
+  if (tt(e), St(e, i), U(e, a, i), i && i.classList.contains("table--cta")) {
     let s = function() {
-      Array.from(e.querySelectorAll("tr")).forEach((i, l) => {
-        let d = i.offsetHeight;
-        i.style.setProperty("--row-height", `${d}px`);
+      Array.from(e.querySelectorAll("tr")).forEach((o, l) => {
+        let d = o.offsetHeight;
+        o.style.setProperty("--row-height", `${d}px`);
       });
     };
     const n = Lt(e);
-    o.style.setProperty("--cta-width", `${n}rem`), new ResizeObserver(s).observe(e);
+    i.style.setProperty("--cta-width", `${n}rem`), new ResizeObserver(s).observe(e);
   }
 }, it = function(e) {
   let a = new Object();
-  return Array.from(e.querySelectorAll("[data-filter]")).forEach((t, o) => {
+  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);
     }
   }), a;
-}, ot = function(e, a, t, o) {
+}, ot = function(e, a, t, i) {
   return kt(this, void 0, void 0, function* () {
-    const s = (b, h, x) => h.split(/[\.\[\]\'\"]/).filter((L) => L).reduce((L, q) => L ? L[q] : x, b);
-    let n = new FormData(a), i = new URLSearchParams(n).toString(), l = e.querySelectorAll("thead tr th"), d = e.querySelector("tbody"), r = a.getAttribute("data-ajax");
-    o.classList.add("table--loading");
-    let p = it(a);
-    Array.from(a.querySelectorAll("[data-filter-count]")).forEach((b, h) => {
-      b.innerHTML = "", b.parentNode.classList.remove("hover");
+    let s = new FormData(a), n = new URLSearchParams(s).toString(), o = e.querySelectorAll("thead tr th"), l = e.querySelector("tbody"), d = a.getAttribute("data-ajax");
+    i.classList.add("table--loading");
+    let r = it(a);
+    Array.from(a.querySelectorAll("[data-filter-count]")).forEach((h, g) => {
+      h.innerHTML = "", h.parentNode.classList.remove("hover");
     });
-    let c = 0;
-    Object.values(p).forEach((b, h) => {
-      typeof b == "object" && Object.values(b).length ? c += Object.values(b).length : c++;
-    }), c && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((b, h) => {
-      b.innerHTML += `(${c})`, b.parentNode.classList.add("hover");
-    }), window.controller || (window.controller = []), window.controller[r] && window.controller[r].abort(), window.controller[r] = new AbortController();
-    const { signal: g } = controller[r];
+    let p = 0;
+    Object.values(r).forEach((h, g) => {
+      typeof h == "object" && Object.values(h).length ? p += Object.values(h).length : p++;
+    }), p && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((h, g) => {
+      h.innerHTML += `(${p})`, h.parentNode.classList.add("hover");
+    }), window.controller || (window.controller = []), window.controller[d] && window.controller[d].abort(), window.controller[d] = new AbortController();
+    const { signal: c } = controller[d];
     t.setAttribute("data-loading", "true"), a.classList.add("processing");
     try {
-      yield fetch(r + "?" + i, { signal: g, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((b) => b.json()).then((b) => {
-        let h = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", x = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", L = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", q = s(b, x, 15), z = s(b, L, 1), R = s(b, h), F = o.hasAttribute("data-empty-msg") ? o.getAttribute("data-empty-msg") : "No results found";
-        R ? (d.innerHTML = "", R.forEach((A, E) => {
-          var S = document.createElement("tr");
-          l.forEach((y, B) => {
-            let T = "";
-            var U = document.createElement("td");
-            if (U.setAttribute("data-label", y.innerText), y.getAttribute("data-output")) {
-              var V = y.getAttribute("data-output");
-              T = V.replace(new RegExp(/{(.*?)}/, "gm"), function(dt) {
-                return s(A, dt.replace("{", "").replace("}", ""));
+      yield fetch(d + "?" + n, { signal: c, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((h) => h.json()).then((h) => {
+        let g = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", b = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", A = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", $ = R(h, b, 15), M = R(h, A, 1), F = R(h, g), I = i.hasAttribute("data-empty-msg") ? i.getAttribute("data-empty-msg") : "No results found";
+        F ? (l.innerHTML = "", F.forEach((j, k) => {
+          var L = document.createElement("tr");
+          o.forEach((v, q) => {
+            let E = "";
+            var z = document.createElement("td");
+            if (z.setAttribute("data-label", v.innerText), v.getAttribute("data-output")) {
+              var V = v.getAttribute("data-output");
+              E = V.replace(new RegExp(/{(.*?)}/, "gm"), function(dt) {
+                return R(j, dt.replace("{", "").replace("}", ""));
               });
             }
-            if (y.hasAttribute("data-output-array")) {
-              var V = y.getAttribute("data-output");
-              let ct = s(A, V.replace("{", "").replace("}", ""));
-              T = "", ct.forEach((J, Ni) => {
-                let ut = y.getAttribute("data-output-array"), P = "";
-                if (y.hasAttribute("data-output-array-property") && y.hasAttribute("data-output-array-transform")) {
-                  const W = s(J, y.getAttribute("data-output-array-property")), mt = JSON.parse(y.getAttribute("data-output-array-transform"))[W];
-                  P = ut.replace(`{${y.getAttribute("data-output-array-property")}}`, mt);
+            if (v.hasAttribute("data-output-array")) {
+              var V = v.getAttribute("data-output");
+              let ct = R(j, V.replace("{", "").replace("}", ""));
+              E = "", ct.forEach((J, Ni) => {
+                let ut = v.getAttribute("data-output-array"), O = "";
+                if (v.hasAttribute("data-output-array-property") && v.hasAttribute("data-output-array-transform")) {
+                  const W = R(J, v.getAttribute("data-output-array-property")), mt = JSON.parse(v.getAttribute("data-output-array-transform"))[W];
+                  O = ut.replace(`{${v.getAttribute("data-output-array-property")}}`, mt);
                 }
-                P = P.replace(new RegExp(/{(.*?)}/, "gm"), function(W) {
-                  return s(J, W.replace("{", "").replace("}", ""));
-                }), T += P;
+                O = O.replace(new RegExp(/{(.*?)}/, "gm"), function(W) {
+                  return R(J, W.replace("{", "").replace("}", ""));
+                }), E += O;
               });
             }
-            y.hasAttribute("data-transform") && (T = JSON.parse(y.getAttribute("data-transform"))[T], !T && y.hasAttribute("data-default") && (T = y.getAttribute("data-default"))), U.innerHTML = T, S.appendChild(U);
-          }), d.appendChild(S);
-        }), et(e, a), o.setAttribute("data-total", parseInt(q)), o.setAttribute("data-page", parseInt(z)), at(e, a, t, o), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((A, E) => {
-          let S = s(b, A.getAttribute("data-ajax-query"), "");
-          A.hasAttribute("data-total") ? A.setAttribute("data-total", S) : A.innerHTML = S;
-        }), parseInt(q) == 0 && (d.innerHTML = `<tr><td colspan="100%"><span>${F}</span></td></tr>`), o.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: r, formData: i })) : d.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>', t.removeAttribute("data-loading"), a.classList.remove("processing");
+            v.hasAttribute("data-transform") && (E = JSON.parse(v.getAttribute("data-transform"))[E], !E && v.hasAttribute("data-default") && (E = v.getAttribute("data-default"))), z.innerHTML = E, L.appendChild(z);
+          }), l.appendChild(L);
+        }), et(e, a), i.setAttribute("data-total", parseInt($)), i.setAttribute("data-page", parseInt(M)), at(e, a, t, i), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((j, k) => {
+          let L = R(h, j.getAttribute("data-ajax-query"), "");
+          j.hasAttribute("data-total") ? j.setAttribute("data-total", L) : j.innerHTML = L;
+        }), parseInt($) == 0 && (l.innerHTML = `<tr><td colspan="100%"><span>${I}</span></td></tr>`), i.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: d, formData: n })) : l.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>', t.removeAttribute("data-loading"), a.classList.remove("processing");
       });
-    } catch (b) {
-      console.log(b);
+    } catch (h) {
+      console.log(h);
     }
   });
 }, Y = (e, a) => {
@@ -464,8 +463,8 @@ const tt = (e) => {
 class Mt extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, o = document.createElement("template");
-    o.innerHTML = `
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
+    i.innerHTML = `
     <style>
     @import "${t}";
     :host{--wrapper-padding: 2rem;--bg-colour: #ffffff;display:block;background:#fff;padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.625rem;margin-bottom:2rem;overflow:hidden}:host:before{display:none !important}@media screen and (prefers-color-scheme: dark){:host{background:var(--colour-canvas-2)}}@media(forced-colors: active){:host{--wrapper-padding: 0;background:var(--colour-canvas-2)}}::slotted(table){margin-bottom:0 !important}.table__wrapper{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}@container (width < 23.4375em){:host(:not(.table--fullwidth)){margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:0;background:var(--colour-canvas-2);border-radius:0;background:none;padding:0;box-shadow:none;overflow:visible}:host(:not(.table--fullwidth)) .table__wrapper:not(.table--fullwidth){overflow:hidden;max-height:none !important}:host(:not(.table--fullwidth)) ::slotted(table){overflow:visible !important;margin-inline:1.5rem;margin-bottom:1.5rem !important;width:calc(100% - 3rem) !important;display:block}:host(:not(.table--fullwidth)) .table--cta{border-bottom:0}:host(:not(.table--fullwidth)) .table--cta:after{content:none;display:none !important}}@container (width > 23.4375em){:host{--cta-width: 8rem}:host(.table--loading){--cta-width: 1.5rem!important}.table--cta{position:relative}.table--cta .table__wrapper{overflow-y:hidden;margin-bottom:0}}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg){position:relative}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg)::before{top:calc(100% - 1.2rem);bottom:2px;height:1.2rem;border-bottom:2px solid var(--colour-border);margin-bottom:-1.2rem}.table--cta>.table__wrapper:is(.mh-sm,.mh-md,.mh-lg){max-height:none;position:static}.table--cta>.table__wrapper:is(.mh-sm,.mh-md,.mh-lg)::before{display:none}@container (width < 23.4375em){.table__wrapper.has-actionbar{margin-top:calc(-100vh + 6.75rem) !important}}:host(.table--loading){pointer-events:none;position:relative}:host(.table--loading) ::slotted(table){min-height:20rem;opacity:.5}:host(.table--loading)::after{content:"Loading...";position:absolute;top:6.25rem;left:50%;transform:translate(-50%, 0);font-weight:bold;color:var(--colour-heading);font-size:1.5rem;text-shadow:0px 0px 10px var(--colour-canvas-2);padding-inline:2rem;text-shadow:0px 0px 10px var(--colour-canvas-2);background:radial-gradient(var(--colour-canvas-2), transparent)}@container (width < 23.4375em){.pagination--table{margin-inline:1.5rem;width:auto}:host(.table--fullwidth) .pagination--table{margin-inline:0}}/*# sourceMappingURL=assets/css/components/table.css.map */
@@ -490,7 +489,7 @@ class Mt extends HTMLElement {
     </div>
     </div>
     <iam-pagination class="pagination--table" ${this.hasAttribute("data-page") ? `data-page="${this.getAttribute("data-page")}"` : ""} ></iam-pagination>
-    `, this.shadowRoot.appendChild(o.content.cloneNode(!0)), document.getElementById("tableExtras") || document.head.insertAdjacentHTML("beforeend", `<style id="tableExtras">*:has(>iam-table){container-type:inline-size}iam-table{--hover-background: var(--colour-light);--row-bg: var(--colour-canvas-2)}iam-table thead tr{background:var(--row-bg)}iam-table tbody tr{background:var(--row-bg)}iam-table tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238,238,238;--row-bg: var(--hover-background);background:var(--row-bg)}@media screen and (prefers-color-scheme: dark){iam-table tbody tr{--hover-background: var(--colour-canvas)}iam-table tbody tr:is(:hover,:focus-within,.hover){background:var(--row-bg)}}iam-table[data-expandable] [data-expand-button][aria-expanded]{background-color:rgba(0,0,0,0)}@container (width < 23.4375em){iam-table:not(.table--fullwidth) thead{display:none}iam-table:not(.table--fullwidth) tbody{display:block;overflow:visible}iam-table:not(.table--fullwidth) tbody tr td:first-child{padding-top:0}iam-table:not(.table--fullwidth) tr{display:block;position:relative;border:none;background:var(--row-bg);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.5rem}iam-table:not(.table--fullwidth) tr+tr{margin-top:2rem}iam-table:not(.table--fullwidth) tr:is(:hover,:focus,.hover){--row-bg: var(--colour-canvas-2)}iam-table:not(.table--fullwidth) :is(td,th){display:block;border-color:var(--colour-border);padding-right:0}iam-table:not(.table--fullwidth) :is(td,th):nth-child(1){border-top:none}iam-table:not(.table--fullwidth) :is(td,th)[data-label]:not([data-label=""]):before{content:attr(data-label);color:var(--colour-heading);padding:0 0 0.375rem 0;margin-bottom:0;display:block;font-weight:bold}iam-table:not(.table--fullwidth) td:first-child::after{top:1.75rem !important}iam-table:not(.table--fullwidth) td::after{top:2.5rem}iam-table:not(.table--fullwidth) .td--fixed{padding-right:50%}iam-table:not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}iam-table:not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}iam-table:not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative}iam-table:not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important}iam-table:not(.table--fullwidth) [data-expand-button]{top:0;right:0;background:rgba(0,0,0,0) !important;border:none;position:absolute;overflow:hidden;--compact-size: 2rem}iam-table:not(.table--fullwidth) [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:300 !important;font-size:1.75rem;line-height:var(--compact-size) !important}iam-table:not(.table--fullwidth) [data-expand-button][aria-expanded]:before{content:"";font-weight:900 !important}iam-table:not(.table--fullwidth) .dialog__wrapper{margin-top:-0.5rem;margin-left:-1rem;z-index:10}iam-table:not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child{display:block !important;position:static;width:100%;min-width:100%;margin-left:0;padding-left:0;text-align:left;min-height:0}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child:after{display:none}}@container (width > 23.4375em){iam-table.table--cta:not(.table--loading):has(tr:first-child td:first-child:last-child){padding-right:calc(var(--wrapper-padding) + 1.5rem)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>th:nth-last-child(2),iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>td:nth-last-child(2){padding-right:var(--cta-width)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{position:absolute;left:calc(100% - var(--cta-width));top:auto;background:rgba(0,0,0,0);width:var(--cta-width);min-height:calc(var(--row-height) - 2px);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem);cursor:default}@media screen and (prefers-color-scheme: dark){iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem)}}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem)}}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta){position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead{position:sticky;top:0;left:0;z-index:1;background-color:var(--row-bg)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--colour-primary)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody{position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:first-child td{border-top:0}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:last-child td{border-bottom:0}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:1rem;left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"";color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"";color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content=upcoming]):after{content:"";color:var(--colour-warning)}table :is([data-content=warning]):after{content:"";color:var(--colour-warning)}table :is([data-content=verified],[data-content=completed],[data-content=complete]):after{content:"";font-weight:normal;color:var(--colour-complete)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"";color:var(--colour-primary)}iam-table .table--filtered tbody tr:not(.filtered--show){display:none !important}iam-table table:not(.table--filtered):not(.table--ajax) tbody tr:nth-child(15)~tr{display:none}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.75rem !important;left:.25rem !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100vw;height:100%;max-height:var(--row-height);max-width:100vw;cursor:pointer;pointer-events:all;top:auto;margin:0;margin-top:0rem}iam-table tr:has([type=checkbox]:checked){--row-bg: #E0E0E0}@media screen and (prefers-color-scheme: dark){iam-table tr:has([type=checkbox]:checked){--row-bg: #000000}}@container (width < 23.4375em){@media screen and (prefers-color-scheme: light){iam-table:has([slot=before]) iam-actionbar{background-color:#e6eaec}}iam-table:has([slot=before]) .actionbar__sticky+*{margin-top:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}iam-table.table--fullwidth:not([data-expandable]) th.expand-button-heading{display:none}iam-table.table--fullwidth:not([data-expandable]) td:has([data-expand-button]){display:none}@container (width > 23.4375em){iam-table:not([data-expandable]) th.expand-button-heading{display:none}iam-table:not([data-expandable]) td.td--expand{display:none}iam-table[data-expandable] [data-expand-button]{margin:0}iam-table[data-expandable] [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:500}iam-table[data-expandable] [data-expand-button][aria-expanded]:before{content:""}iam-table[data-expandable] tr:not(:has(p)) [data-expand-button]{display:none}iam-table[data-expandable] tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}@container (width < 23.4375em){iam-table:not(.table--fullwidth) .td--fixed+td:not(.td--fixed){border-top:none}}@container (width > 23.4375em){iam-table{--width-adjust: 0px}iam-table:has([type=checkbox]){--width-adjust: -1rem}iam-table .th--fixed{min-width:calc(4.5rem + var(--width-adjust));position:absolute;padding:0}iam-table .th--fixed:after{top:auto;left:0;content:"";position:absolute;width:100%;height:calc(var(--row-height) - 2px);background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed{position:absolute;position:absolute;left:auto;top:auto;z-index:3;padding:0.25rem 0 0 0;min-width:4.5rem;height:calc(var(--row-height) - 2px);text-align:left;background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed:has([open]){z-index:4}iam-table tr:is(:hover,:focus) .td--fixed{background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table tr:has([data-expand-button]){height:calc(4.625rem - 2px)}iam-table .th--fixed+th:not(.th--fixed),iam-table .td--fixed+td:not(.td--fixed){padding-left:calc(4.5rem + var(--width-adjust))}iam-table .th--fixed:not(.expand-button-heading)+.th--fixed+th:not(.th--fixed),iam-table .td--fixed:not(.td--expand)+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table[data-expandable] .th--fixed+.th--fixed+th:not(.th--fixed),iam-table[data-expandable] .td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed+.th--fixed,iam-table .td--fixed+.td--fixed{padding-left:calc(3.25rem + var(--width-adjust));min-width:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed:has(+.th--fixed),iam-table .td--fixed:has(+.td--fixed){min-width:calc(3.25rem + var(--width-adjust));z-index:5}iam-table .dialog__wrapper{z-index:10}iam-table .dialog__wrapper:has([open]){z-index:20}iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:before,iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:after{left:1.25rem !important}iam-table:not([data-expandable]) th.expand-button-heading+th{padding-left:0 !important}iam-table:not([data-expandable]) td.td--expand+td{padding-left:0 !important}iam-table:not([data-expandable]) th.expand-button-heading+.th--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}iam-table:not([data-expandable]) td.td--expand+.td--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}}/*# sourceMappingURL=assets/css/components/table.global.css.map */
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0)), document.getElementById("tableExtras") || document.head.insertAdjacentHTML("beforeend", `<style id="tableExtras">*:has(>iam-table){container-type:inline-size}iam-table{--hover-background: var(--colour-light);--row-bg: var(--colour-canvas-2)}iam-table thead tr{background:var(--row-bg)}iam-table tbody tr{background:var(--row-bg)}iam-table tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238,238,238;--row-bg: var(--hover-background);background:var(--row-bg)}@media screen and (prefers-color-scheme: dark){iam-table tbody tr{--hover-background: var(--colour-canvas)}iam-table tbody tr:is(:hover,:focus-within,.hover){background:var(--row-bg)}}iam-table[data-expandable] [data-expand-button][aria-expanded]{background-color:rgba(0,0,0,0)}@container (width < 23.4375em){iam-table:not(.table--fullwidth) thead{display:none}iam-table:not(.table--fullwidth) tbody{display:block;overflow:visible}iam-table:not(.table--fullwidth) tbody tr td:first-child{padding-top:0}iam-table:not(.table--fullwidth) tr{display:block;position:relative;border:none;background:var(--row-bg);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.5rem}iam-table:not(.table--fullwidth) tr+tr{margin-top:2rem}iam-table:not(.table--fullwidth) tr:is(:hover,:focus,.hover){--row-bg: var(--colour-canvas-2)}iam-table:not(.table--fullwidth) :is(td,th){display:block;border-color:var(--colour-border);padding-right:0}iam-table:not(.table--fullwidth) :is(td,th):nth-child(1){border-top:none}iam-table:not(.table--fullwidth) :is(td,th)[data-label]:not([data-label=""]):before{content:attr(data-label);color:var(--colour-heading);padding:0 0 0.375rem 0;margin-bottom:0;display:block;font-weight:bold}iam-table:not(.table--fullwidth) td:first-child::after{top:1.75rem !important}iam-table:not(.table--fullwidth) td::after{top:2.5rem}iam-table:not(.table--fullwidth) .td--fixed{padding-right:50%}iam-table:not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}iam-table:not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}iam-table:not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative}iam-table:not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important}iam-table:not(.table--fullwidth) [data-expand-button]{top:0;right:0;background:rgba(0,0,0,0) !important;border:none;position:absolute;overflow:hidden;--compact-size: 2rem}iam-table:not(.table--fullwidth) [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:300 !important;font-size:1.75rem;line-height:var(--compact-size) !important}iam-table:not(.table--fullwidth) [data-expand-button][aria-expanded]:before{content:"";font-weight:900 !important}iam-table:not(.table--fullwidth) .dialog__wrapper{margin-top:-0.5rem;margin-left:-1rem;z-index:10}iam-table:not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child{display:block !important;position:static;width:100%;min-width:100%;margin-left:0;padding-left:0;text-align:left;min-height:0}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child:after{display:none}}@container (width > 23.4375em){iam-table.table--cta:not(.table--loading):has(tr:first-child td:first-child:last-child){padding-right:calc(var(--wrapper-padding) + 1.5rem)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>th:nth-last-child(2),iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>td:nth-last-child(2){padding-right:var(--cta-width)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{position:absolute;left:calc(100% - var(--cta-width));top:auto;background:rgba(0,0,0,0);width:var(--cta-width);min-height:calc(var(--row-height) - 2px);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem);cursor:default}@media screen and (prefers-color-scheme: dark){iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem)}}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem)}}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta){position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead{position:sticky;top:0;left:0;z-index:1;background-color:var(--row-bg)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--colour-primary)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody{position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:first-child td{border-top:0}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:last-child td{border-bottom:0}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:1rem;left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"";color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"";color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content=upcoming]):after{content:"";color:var(--colour-warning)}table :is([data-content=warning]):after{content:"";color:var(--colour-warning)}table :is([data-content=verified],[data-content=completed],[data-content=complete]):after{content:"";font-weight:normal;color:var(--colour-complete)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"";color:var(--colour-primary)}iam-table .table--filtered tbody tr:not(.filtered--show){display:none !important}iam-table table:not(.table--filtered):not(.table--ajax) tbody tr:nth-child(15)~tr{display:none}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.75rem !important;left:.25rem !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100vw;height:100%;max-height:var(--row-height);max-width:100vw;cursor:pointer;pointer-events:all;top:auto;margin:0;margin-top:0rem}iam-table tr:has([type=checkbox]:checked){--row-bg: #E0E0E0}@media screen and (prefers-color-scheme: dark){iam-table tr:has([type=checkbox]:checked){--row-bg: #000000}}@container (width < 23.4375em){@media screen and (prefers-color-scheme: light){iam-table:has([slot=before]) iam-actionbar{background-color:#e6eaec}}iam-table:has([slot=before]) .actionbar__sticky+*{margin-top:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}iam-table.table--fullwidth:not([data-expandable]) th.expand-button-heading{display:none}iam-table.table--fullwidth:not([data-expandable]) td:has([data-expand-button]){display:none}@container (width > 23.4375em){iam-table:not([data-expandable]) th.expand-button-heading{display:none}iam-table:not([data-expandable]) td.td--expand{display:none}iam-table[data-expandable] [data-expand-button]{margin:0}iam-table[data-expandable] [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:500}iam-table[data-expandable] [data-expand-button][aria-expanded]:before{content:""}iam-table[data-expandable] tr:not(:has(p)) [data-expand-button]{display:none}iam-table[data-expandable] tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}@container (width < 23.4375em){iam-table:not(.table--fullwidth) .td--fixed+td:not(.td--fixed){border-top:none}}@container (width > 23.4375em){iam-table{--width-adjust: 0px}iam-table:has([type=checkbox]){--width-adjust: -1rem}iam-table .th--fixed{min-width:calc(4.5rem + var(--width-adjust));position:absolute;padding:0}iam-table .th--fixed:after{top:auto;left:0;content:"";position:absolute;width:100%;height:calc(var(--row-height) - 2px);background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed{position:absolute;position:absolute;left:auto;top:auto;z-index:3;padding:0.25rem 0 0 0;min-width:4.5rem;height:calc(var(--row-height) - 2px);text-align:left;background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed:has([open]){z-index:4}iam-table tr:is(:hover,:focus) .td--fixed{background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table tr:has([data-expand-button]){height:calc(4.625rem - 2px)}iam-table .th--fixed+th:not(.th--fixed),iam-table .td--fixed+td:not(.td--fixed){padding-left:calc(4.5rem + var(--width-adjust))}iam-table .th--fixed:not(.expand-button-heading)+.th--fixed+th:not(.th--fixed),iam-table .td--fixed:not(.td--expand)+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table[data-expandable] .th--fixed+.th--fixed+th:not(.th--fixed),iam-table[data-expandable] .td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed+.th--fixed,iam-table .td--fixed+.td--fixed{padding-left:calc(3.25rem + var(--width-adjust));min-width:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed:has(+.th--fixed),iam-table .td--fixed:has(+.td--fixed){min-width:calc(3.25rem + var(--width-adjust));z-index:5}iam-table .dialog__wrapper{z-index:10}iam-table .dialog__wrapper:has([open]){z-index:20}iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:before,iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:after{left:1.25rem !important}iam-table:not([data-expandable]) th.expand-button-heading+th{padding-left:0 !important}iam-table:not([data-expandable]) td.td--expand+td{padding-left:0 !important}iam-table:not([data-expandable]) th.expand-button-heading+.th--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}iam-table:not([data-expandable]) td.td--expand+.td--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}}/*# sourceMappingURL=assets/css/components/table.global.css.map */
 </style>`);
   }
   connectedCallback() {
@@ -500,72 +499,72 @@ class Mt 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"), et(this.table, this.form), this.form.querySelector("[data-pagination]") || (this.form.innerHTML += `<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`), this.form.querySelector("[data-show]") || (this.form.innerHTML += `<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`), $t(this.table), qt(this.table, this.form, this.pagination, this, this.savedTableBody), Et(this.table, this.form, this.pagination, this), Tt(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax"))
       ot(this.table, this.form, this.pagination, this);
     else {
-      let o = function(n = 1) {
+      let i = function(n = 1) {
         return Math.floor(Math.random() * Date.now() * (n + 1));
       };
       if (this.querySelector("iam-actionbar[data-selectall]")) {
         const n = this.querySelector("iam-actionbar[data-selectall]");
-        Array.from(this.table.querySelectorAll("thead tr")).forEach((i, l) => {
-          i.insertAdjacentHTML("afterbegin", '<th class="th--fixed"></th>');
-        }), Array.from(this.table.querySelectorAll("tbody tr")).forEach((i, l) => {
-          let d = `row${o(l)}`;
-          i.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", (i) => {
-          if (i && i.target instanceof HTMLElement && i.target.closest(".selectrow input")) {
+        Array.from(this.table.querySelectorAll("thead tr")).forEach((o, l) => {
+          o.insertAdjacentHTML("afterbegin", '<th class="th--fixed"></th>');
+        }), Array.from(this.table.querySelectorAll("tbody tr")).forEach((o, l) => {
+          let d = `row${i(l)}`;
+          o.insertAdjacentHTML("afterbegin", `<td class="td--fixed selectrow"><input type="checkbox" name="row" id="${d}"/><label for="${d}"><span class="visually-hidden">Select row</span></label></td>`);
+        }), this.table.addEventListener("change", (o) => {
+          if (o && o.target instanceof HTMLElement && o.target.closest(".selectrow input")) {
             let l = this.table.querySelectorAll('.selectrow input[type="checkbox"]').length, d = this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;
             n.setAttribute("data-selected", l == d ? "all" : d);
           }
-        }), n.addEventListener("selected", (i) => {
-          i.detail.selected == "0" ? Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((l, d) => {
+        }), n.addEventListener("selected", (o) => {
+          o.detail.selected == "0" ? Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((l, d) => {
             l.checked = !1;
-          }) : i.detail.selected == "all" && Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((l, d) => {
+          }) : o.detail.selected == "all" && Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((l, d) => {
             l.checked = !0;
           });
         });
       }
       let s = -1;
-      Array.from(this.table.querySelectorAll("tbody tr")).forEach((n, i) => {
+      Array.from(this.table.querySelectorAll("tbody tr")).forEach((n, o) => {
         if (n.querySelector(":scope > td > .dialog__wrapper")) {
           let l = n.querySelector(":scope > td > .dialog__wrapper").parentNode;
           l.classList.add("td--fixed"), s = Array.from(l.parentNode.children).indexOf(l);
         }
-      }), s != -1 && (this.table.querySelector(`thead tr th:nth-child(${s + 1})`).classList.add("th--fixed"), Array.from(this.table.querySelectorAll(`tbody tr td:nth-child(${s + 1})`)).forEach((n, i) => {
+      }), s != -1 && (this.table.querySelector(`thead tr th:nth-child(${s + 1})`).classList.add("th--fixed"), Array.from(this.table.querySelectorAll(`tbody tr td:nth-child(${s + 1})`)).forEach((n, o) => {
         n.classList.add("td--fixed");
-      })), at(this.table, this.form, this.pagination, this), K(this.table, this.form, this), O(this.table, this.form);
+      })), at(this.table, this.form, this.pagination, this), K(this.table, this.form, this), U(this.table, this.form);
     }
-    this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (o) => {
+    this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (i) => {
       this.table.querySelector("dialog[open]") && (this.table.querySelector("dialog[open]").close(), this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"));
     });
   }
   static get observedAttributes() {
     return ["data-total", "data-page", "data-show"];
   }
-  attributeChangedCallback(a, t, o) {
+  attributeChangedCallback(a, t, i) {
     switch (this.pagination = this.shadowRoot.querySelector("iam-pagination"), a) {
       case "data-total": {
-        t != o && this.pagination.setAttribute("data-total", o);
+        t != i && this.pagination.setAttribute("data-total", i);
         break;
       }
       case "data-show": {
-        t != o && this.pagination.setAttribute("data-show", o);
+        t != i && this.pagination.setAttribute("data-show", i);
         break;
       }
       case "data-page": {
-        t != o && this.pagination.setAttribute("data-page", o);
+        t != i && this.pagination.setAttribute("data-page", i);
         break;
       }
     }
   }
 }
 /*!
-  * iamKey v5.1.0-beta2
+  * iamKey v5.1.0-beta4
   * Copyright 2022-2023 iamproperty
   */
 class nt 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`, o = document.createElement("template");
-    o.innerHTML = `
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
+    i.innerHTML = `
     <style>
     @import "${t}";
     :host{container-type:inline-size;display:block}.pagination{display:block}@container (width > 23.4375em){.pagination{display:flex;align-items:center;justify-content:space-between !important;padding-top:2rem}}.pagination>div{display:flex;align-items:center}.pagination div:is(.page-jump,.per-page){border:1px solid var(--colour-light);height:3.25rem;display:none;align-items:center;padding-inline:1rem}.pagination div:is(.page-jump,.per-page) .select--minimal{height:3.25rem;line-height:3.25rem;margin-left:-1rem;padding-left:1rem;font-weight:bold}.page-jump{border-right:none !important}.total-pages{white-space:nowrap}:host([data-page-jump][data-minimal]) .page-jump{display:flex !important}@container (width > 23.4375em){:host([data-page-jump]) .page-jump{display:flex !important}}@container (width > 23.4375em){:host([data-per-page]:not([data-page-jump][data-item-count])) .per-page{display:flex !important}}@container (width > 48em){:host([data-per-page][data-page-jump][data-item-count]) .per-page{display:flex !important}}.pagination>.item-count{display:block;text-align:center;margin-bottom:1rem;margin-inline:auto}@container (width > 23.4375em){.pagination>.item-count{display:none}:host([data-item-count]) .pagination>.item-count{display:flex !important;margin:0}}*:where(.prev,.next){border:1px solid var(--colour-light);line-height:3.25rem;height:3.25rem;margin:0;display:none;background:none;padding-inline:1rem}@container (width > 23.4375em){*:where(.prev,.next){display:inline-block}}*:where(.prev,.next):after{margin-left:.5em;font-size:.8rem;content:"";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}*:where(.prev,.next):is(:hover,:focus):not(:disabled){background-color:var(--colour-light)}*:where(.prev,.next):is(:active):not(:disabled){background-color:#e0e0e0}@media screen and (prefers-color-scheme: dark){*:where(.prev,.next):is(:hover,:focus):not(:disabled){background-color:var(--colour-canvas)}*:where(.prev,.next):is(:active):not(:disabled){background-color:var(--colour-canvas)}}*:where(.prev,.next):disabled:after,*:where(.prev,.next):disabled:before{color:inherit !important}:host([data-minimal]) .pagination{justify-content:flex-end}@container (width > 23.4375em){:host([data-minimal]) .pagination{justify-content:space-between}}:host([data-minimal]) *:where(.prev,.next){display:inline-block !important}.prev{border-right:none}.prev:after{display:none}.prev:before{margin-right:.5em;font-size:.8rem;content:"";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}.mobile-controls{display:block}:host([data-minimal]) .pagination{padding-top:1.5rem;display:flex;align-items:center;justify-content:flex-end}:host([data-minimal]) *:is(.mobile-controls,.item-count){display:none}@container (width > 23.4375em){.mobile-controls{display:none !important}:host([data-item-count]) .item-count{display:flex !important}}.fa-spin{display:none !important;font-size:3rem;color:var(--colour-info)}:host([data-loading]) .mobile-controls{padding-top:2rem}:host([data-loading]) .item-count,:host([data-loading]) .mobile-controls>*:not(.fa-spin){display:none !important}:host([data-loading]) .fa-spin{display:block !important;margin:auto}/*# sourceMappingURL=assets/css/components/pagination.css.map */
@@ -603,59 +602,59 @@ class nt extends HTMLElement {
         <button class="load-more btn btn-primary m-auto">Load more</a>
       </div>
     </div>
-    `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
     const a = new URLSearchParams(window.location.search);
     this.hasAttribute("data-total") || this.setAttribute("data-total", 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"), o = this.shadowRoot.querySelector(".prev"), s = this.shadowRoot.querySelector(".next"), n = this.shadowRoot.querySelector(".per-page select"), i = this.shadowRoot.querySelector(".load-more");
+    const t = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), s = this.shadowRoot.querySelector(".next"), n = this.shadowRoot.querySelector(".per-page select"), o = this.shadowRoot.querySelector(".load-more");
     this.setup(), t.addEventListener("change", (l) => {
       this.setAttribute("data-show", this.getAttribute("data-increment")), this.setAttribute("data-page", l.target.value);
     }), s.addEventListener("click", (l) => {
       t.value = parseInt(t.value) + 1, t.dispatchEvent(new Event("change"));
-    }), o.addEventListener("click", (l) => {
+    }), i.addEventListener("click", (l) => {
       t.value = parseInt(t.value) - 1, t.dispatchEvent(new Event("change"));
     }), n.addEventListener("change", (l) => {
       this.setAttribute("data-increment", l.target.value);
-    }), i.addEventListener("click", (l) => {
+    }), o.addEventListener("click", (l) => {
       let d = parseInt(this.getAttribute("data-show")) + parseInt(this.getAttribute("data-increment"));
-      this.setAttribute("data-show", d), d > parseInt(this.getAttribute("data-total")) && i.remove();
+      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"), o = this.shadowRoot.querySelector(".prev"), s = this.shadowRoot.querySelector(".next"), n = this.shadowRoot.querySelector(".item-count"), i = this.shadowRoot.querySelector(".per-page select"), l = this.shadowRoot.querySelector(".total-pages"), d = parseInt(this.getAttribute("data-page")), r = parseInt(this.getAttribute("data-total")), p = parseInt(this.getAttribute("data-show")), c = parseInt(this.getAttribute("data-increment")), g = Math.ceil(r / c);
+    const a = this.shadowRoot.querySelector(".pagination"), t = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), s = this.shadowRoot.querySelector(".next"), n = this.shadowRoot.querySelector(".item-count"), o = this.shadowRoot.querySelector(".per-page select"), l = this.shadowRoot.querySelector(".total-pages"), d = parseInt(this.getAttribute("data-page")), r = parseInt(this.getAttribute("data-total")), p = parseInt(this.getAttribute("data-show")), c = parseInt(this.getAttribute("data-increment")), h = Math.ceil(r / c);
     r > p && a.classList.remove("d-none");
-    let b = "";
-    for (let q = 1; q <= g; q++)
-      b += `<option value="${q}" ${q == d ? "selected" : ""}>${q}</option>`;
-    t.innerHTML = b, l.innerHTML = `of ${g}`, d == g ? s.setAttribute("disabled", "disabled") : s.removeAttribute("disabled"), d == 1 ? o.setAttribute("disabled", "disabled") : o.removeAttribute("disabled");
-    let h = d == 1 ? 1 : (d - 1) * p + 1, x = d == 1 ? p : d * p;
-    n.innerHTML = `${h} - ${x > r ? r : x} of ${r} items`;
-    const L = [15, 25, 40, 50];
-    c && i.value != c && !L.includes(c) && (i.innerHTML = `<option value="${c}">${c}</option>
+    let g = "";
+    for (let M = 1; M <= h; M++)
+      g += `<option value="${M}" ${M == d ? "selected" : ""}>${M}</option>`;
+    t.innerHTML = g, l.innerHTML = `of ${h}`, d == h ? s.setAttribute("disabled", "disabled") : s.removeAttribute("disabled"), d == 1 ? i.setAttribute("disabled", "disabled") : i.removeAttribute("disabled");
+    let b = d == 1 ? 1 : (d - 1) * p + 1, A = d == 1 ? p : d * p;
+    n.innerHTML = `${b} - ${A > r ? r : A} of ${r} items`;
+    const $ = [15, 25, 40, 50];
+    c && o.value != c && !$.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>`), i.value = c;
+      <option value="${c * 4}">${c * 4}</option>`), o.value = c;
   }
   static get observedAttributes() {
     return ["data-total", "data-increment", "data-page", "data-show"];
   }
-  attributeChangedCallback(a, t, o) {
+  attributeChangedCallback(a, t, i) {
     switch (a) {
       case "data-total": {
-        t != o && (this.setAttribute("data-page", 1), this.setup());
+        t != i && (this.setAttribute("data-page", 1), this.setup());
         break;
       }
       case "data-show": {
-        t != o && (this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: o } })));
+        t != i && (this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: i } })));
         break;
       }
       case "data-increment": {
-        t != o && (this.setAttribute("data-show", o), this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: o } })));
+        t != i && (this.setAttribute("data-show", i), this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: i } })));
         break;
       }
       case "data-page": {
-        t && t != o && (this.setup(), this.dispatchEvent(new CustomEvent("update-page", { detail: { page: o } })));
+        t && t != i && (this.setup(), this.dispatchEvent(new CustomEvent("update-page", { detail: { page: i } })));
         break;
       }
     }
@@ -688,22 +687,22 @@ const jt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Ct = (e) => e.replace(
   updated() {
   }
 }, zt = { key: 0 }, Ft = { key: 0 }, Pt = ["data-row-id"], It = ["innerHTML"];
-function Ot(e, a, t, o, s, n) {
+function Ot(e, a, t, i, s, n) {
   return u(), m("iam-table", null, [
     t.fields ? (u(), m("table", zt, [
       f("thead", null, [
         f("tr", null, [
-          (u(!0), m(H, null, M(t.fields, (i) => (u(), m("th", {
-            key: i.key
-          }, $(n.cellHeading(i.key)), 1))), 128))
+          (u(!0), m(T, null, H(t.fields, (o) => (u(), m("th", {
+            key: o.key
+          }, S(n.cellHeading(o.key)), 1))), 128))
         ])
       ]),
       t.items ? (u(), m("tbody", Ft, [
-        (u(!0), m(H, null, M(t.items, (i, l) => (u(), m("tr", {
+        (u(!0), m(T, null, H(t.items, (o, l) => (u(), m("tr", {
           key: l,
-          "data-row-id": i.rowid
+          "data-row-id": o.rowid
         }, [
-          (u(!0), m(H, null, M(Object.fromEntries(Object.entries(i).filter(([d]) => d !== "rowid")), (d, r) => (u(), m("td", {
+          (u(!0), m(T, null, H(Object.fromEntries(Object.entries(o).filter(([d]) => d !== "rowid")), (d, r) => (u(), m("td", {
             key: r,
             innerHTML: d
           }, null, 8, It))), 128))
@@ -712,7 +711,7 @@ function Ot(e, a, t, o, s, n) {
     ])) : _(e.$slots, "default", { key: 1 })
   ]);
 }
-const rt = /* @__PURE__ */ v(Dt, [["render", Ot]]), Bt = {
+const rt = /* @__PURE__ */ y(Dt, [["render", Ot]]), Bt = {
   name: "Input",
   props: {
     value: {
@@ -907,33 +906,33 @@ const rt = /* @__PURE__ */ v(Dt, [["render", Ot]]), Bt = {
   key: 6,
   class: "input-group"
 }, Zt = ["type", "name", "id", "pattern", "list"], te = { class: "input-group-text flex-fill" }, ee = ["type", "name", "id", "pattern"], ae = ["value"], ie = ["type", "name", "id"], oe = ["for", "innerHTML"], ne = ["type", "name", "id"], re = ["for", "innerHTML"], se = ["innerHTML"], le = ["id"], de = ["value"];
-function ce(e, a, t, o, s, n) {
+function ce(e, a, t, i, s, n) {
   return u(), m("div", {
-    class: k(n.wrapperClass()),
+    class: x(n.wrapperClass()),
     ref: "wrapper"
   }, [
     n.needsLabel() ? (u(), m("label", {
       key: 0,
-      class: k(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
+      class: x(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: n.displayLabel(),
       title: t.title
     }, null, 10, Ut)) : w("", !0),
     t.prefix ? (u(), m("span", {
       key: 1,
-      class: k(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
+      class: x(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
       innerHTML: t.prefix,
       role: "presentation"
     }, null, 10, Vt)) : w("", !0),
     t.suffix ? (u(), m("span", {
       key: 2,
-      class: k(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
+      class: x(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
       innerHTML: t.suffix,
       role: "presentation"
     }, null, 10, Wt)) : w("", !0),
-    n.isInput() ? D((u(), m("input", C({
+    n.isInput() ? P((u(), m("input", N({
       key: 3,
-      "onUpdate:modelValue": a[0] || (a[0] = (i) => n.inputVal = i),
+      "onUpdate:modelValue": a[0] || (a[0] = (o) => n.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,
@@ -941,13 +940,13 @@ function ce(e, a, t, o, s, n) {
       pattern: n.needPattern(),
       list: n.hasOptions()
     }, e.$attrs, {
-      onKeyup: a[1] || (a[1] = (...i) => n.inputKeyup && n.inputKeyup(...i))
+      onKeyup: a[1] || (a[1] = (...o) => n.inputKeyup && n.inputKeyup(...o))
     }), null, 16, Gt)), [
       [G, n.inputVal]
     ]) : w("", !0),
-    t.type == "textarea" ? D((u(), m("textarea", C({
+    t.type == "textarea" ? P((u(), m("textarea", N({
       key: 4,
-      "onUpdate:modelValue": a[2] || (a[2] = (i) => n.inputVal = i),
+      "onUpdate:modelValue": a[2] || (a[2] = (o) => n.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,
@@ -957,8 +956,8 @@ function ce(e, a, t, o, s, n) {
       [ht, n.inputVal]
     ]) : w("", !0),
     t.type == "range" ? (u(), m("div", Yt, [
-      D(f("input", C({
-        "onUpdate:modelValue": a[3] || (a[3] = (i) => n.inputVal = i),
+      P(f("input", N({
+        "onUpdate:modelValue": a[3] || (a[3] = (o) => n.inputVal = o),
         class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
         type: t.type,
         name: t.name ? t.name : t.id,
@@ -968,11 +967,11 @@ function ce(e, a, t, o, s, n) {
       }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Xt), [
         [G, n.inputVal]
       ]),
-      f("output", Jt, $(t.value), 1)
+      f("output", Jt, S(t.value), 1)
     ])) : w("", !0),
     t.type == "color" ? (u(), m("div", Qt, [
-      D(f("input", C({
-        "onUpdate:modelValue": a[4] || (a[4] = (i) => n.inputVal = i),
+      P(f("input", N({
+        "onUpdate:modelValue": a[4] || (a[4] = (o) => n.inputVal = o),
         class: `form-control form-control-color${t.inputclass ? ` ${t.inputclass}` : ""}`,
         type: t.type,
         name: t.name ? t.name : t.id,
@@ -982,25 +981,25 @@ function ce(e, a, t, o, s, n) {
       }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Zt), [
         [G, n.inputVal]
       ]),
-      f("output", te, $(t.value ? e.vale : "#000000"), 1)
+      f("output", te, S(t.value ? e.vale : "#000000"), 1)
     ])) : w("", !0),
-    t.type == "select" ? D((u(), m("select", C({
+    t.type == "select" ? P((u(), m("select", N({
       key: 7,
-      "onUpdate:modelValue": a[5] || (a[5] = (i) => n.inputVal = i),
+      "onUpdate:modelValue": a[5] || (a[5] = (o) => n.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: n.needPattern()
     }, e.$attrs), [
-      (u(!0), m(H, null, M(t.options, (i, l) => (u(), m("option", {
+      (u(!0), m(T, null, H(t.options, (o, l) => (u(), m("option", {
         key: l,
-        value: i.value
-      }, $(i.display ? i.display : i.value), 9, ae))), 128))
+        value: o.value
+      }, S(o.display ? o.display : o.value), 9, ae))), 128))
     ], 16, ee)), [
       [pt, n.inputVal]
     ]) : w("", !0),
-    t.type == "checkbox" || t.type == "radio" ? (u(), m("input", C({
+    t.type == "checkbox" || t.type == "radio" ? (u(), m("input", N({
       key: 8,
       class: "form-check-input",
       type: t.type,
@@ -1009,11 +1008,11 @@ function ce(e, a, t, o, s, n) {
     }, e.$attrs), null, 16, ie)) : w("", !0),
     t.type == "checkbox" || t.type == "radio" ? (u(), m("label", {
       key: 9,
-      class: k(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
+      class: x(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: t.label
     }, null, 10, oe)) : w("", !0),
-    t.type == "checkbox-btn" || t.type == "radio-btn" ? (u(), m("input", C({
+    t.type == "checkbox-btn" || t.type == "radio-btn" ? (u(), m("input", N({
       key: 10,
       class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type.replace("-btn", ""),
@@ -1023,10 +1022,10 @@ function ce(e, a, t, o, s, n) {
     }, e.$attrs), null, 16, ne)) : w("", !0),
     t.type == "checkbox-btn" || t.type == "radio-btn" ? (u(), m("label", {
       key: 11,
-      class: k(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
+      class: x(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: t.label,
-      onClick: a[6] || (a[6] = (...i) => n.clickEvent && n.clickEvent(...i))
+      onClick: a[6] || (a[6] = (...o) => n.clickEvent && n.clickEvent(...o))
     }, null, 10, re)) : w("", !0),
     _(e.$slots, "default"),
     t.errormsg ? (u(), m("span", {
@@ -1038,49 +1037,49 @@ function ce(e, a, t, o, s, n) {
       key: 13,
       id: t.id + "-list"
     }, [
-      (u(!0), m(H, null, M(t.options, (i, l) => (u(), m("option", {
+      (u(!0), m(T, null, H(t.options, (o, l) => (u(), m("option", {
         key: l,
-        value: i.value
-      }, $(i.value), 9, de))), 128))
+        value: o.value
+      }, S(o.value), 9, de))), 128))
     ], 8, le)) : w("", !0)
   ], 2);
 }
-const st = /* @__PURE__ */ v(Bt, [["render", ce]]);
+const st = /* @__PURE__ */ y(Bt, [["render", ce]]);
 function ue(e, a) {
-  const t = a.querySelector(".files"), o = a.querySelector(".drop-area"), s = e.querySelector("input"), n = e.hasAttribute("data-maxsize") ? e.getAttribute("data-maxsize") : 0, i = s.cloneNode();
-  o.append(i), a.addEventListener("click", (l) => {
-    l && l.target instanceof HTMLElement && l.target.closest(".btn-primary") && (l.target.closest(".btn-primary"), (s.hasAttribute("multiple") ? i : s).click());
+  const t = a.querySelector(".files"), i = a.querySelector(".drop-area"), s = e.querySelector("input"), n = e.hasAttribute("data-maxsize") ? e.getAttribute("data-maxsize") : 0, o = s.cloneNode();
+  i.append(o), a.addEventListener("click", (l) => {
+    l && l.target instanceof HTMLElement && l.target.closest(".btn-primary") && (l.target.closest(".btn-primary"), (s.hasAttribute("multiple") ? o : s).click());
   }), a.addEventListener("click", (l) => {
     if (l && l.target instanceof HTMLElement && l.target.closest(".files button")) {
       const d = new DataTransfer(), { files: r } = s, p = l.target.closest(".files button");
-      for (let g = 0; g < r.length; g++) {
-        const b = r[g];
-        b.name != p.getAttribute("data-file") && d.items.add(b);
+      for (let h = 0; h < r.length; h++) {
+        const g = r[h];
+        g.name != p.getAttribute("data-file") && d.items.add(g);
       }
       s.files = d.files;
       const c = new Event("change");
       s.dispatchEvent(c);
     }
-  }), i.addEventListener("change", (l) => {
+  }), o.addEventListener("change", (l) => {
     if (s.hasAttribute("multiple")) {
-      const r = [...s.files, ...i.files];
+      const r = [...s.files, ...o.files];
       let p = [];
       const c = new DataTransfer();
-      for (let g = 0; g < r.length; g++) {
-        const b = r[g], h = b.size / 1e3;
-        !p.includes(b.name) && (n == 0 || h < n) && c.items.add(b), p.push(b.name);
+      for (let h = 0; h < r.length; h++) {
+        const g = r[h], b = g.size / 1e3;
+        !p.includes(g.name) && (n == 0 || b < n) && c.items.add(g), p.push(g.name);
       }
       s.files = c.files;
     } else
-      s.files = i.files;
+      s.files = o.files;
     const d = new Event("change");
     s.dispatchEvent(d);
-  }), i.addEventListener("dragenter", (l) => {
-    i.classList.add("focus");
-  }), i.addEventListener("dragleave", (l) => {
-    i.classList.remove("focus");
-  }), i.addEventListener("drop", (l) => {
-    i.classList.remove("focus");
+  }), o.addEventListener("dragenter", (l) => {
+    o.classList.add("focus");
+  }), o.addEventListener("dragleave", (l) => {
+    o.classList.remove("focus");
+  }), o.addEventListener("drop", (l) => {
+    o.classList.remove("focus");
   }), s.addEventListener("change", (l) => {
     t.innerHTML = "";
     for (const d of s.files)
@@ -1095,11 +1094,11 @@ window.dataLayer.push({
 class me extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, o = `@import "${a}/css/components/fileupload.css";`, s = document.createElement("template");
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = `@import "${a}/css/components/fileupload.css";`, s = document.createElement("template");
     s.innerHTML = `
     <style>
     @import "${t}";
-    ${o}
+    ${i}
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
     <div class="file-upload">
@@ -1115,8 +1114,8 @@ class me extends HTMLElement {
   }
   connectedCallback() {
     this.innerHTML += '<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';
-    const a = this.shadowRoot.querySelector(".file-upload"), t = this.querySelector("input"), o = this.shadowRoot.querySelector(".helper-text");
-    o.innerHTML = `${this.hasAttribute("data-maxsize") ? `Max file size is ${this.getAttribute("data-maxsize")}kb. ` : ""}${t.hasAttribute("accept") ? `Supported file types are ${t.getAttribute("accept")}` : ""}`, ue(this, a);
+    const a = this.shadowRoot.querySelector(".file-upload"), t = this.querySelector("input"), i = this.shadowRoot.querySelector(".helper-text");
+    i.innerHTML = `${this.hasAttribute("data-maxsize") ? `Max file size is ${this.getAttribute("data-maxsize")}kb. ` : ""}${t.hasAttribute("accept") ? `Supported file types are ${t.getAttribute("accept")}` : ""}`, ue(this, a);
   }
 }
 const he = {
@@ -1137,14 +1136,14 @@ const he = {
     });
   }
 };
-function pe(e, a, t, o, s, n) {
+function pe(e, a, t, i, s, n) {
   return u(), m("iam-fileupload", null, [
     _(e.$slots, "default")
   ]);
 }
-const zi = /* @__PURE__ */ v(he, [["render", pe]]), N = (e, a) => {
+const zi = /* @__PURE__ */ y(he, [["render", pe]]), D = (e, a) => {
   const t = e[a];
-  return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((o, s) => {
+  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)));
   });
 };
@@ -1153,7 +1152,7 @@ const be = {
   props: {},
   mounted() {
     this.$nextTick(function() {
-      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/accordion/accordion.component.js": () => import("./accordion.component-bd9af0d7.mjs"), "../../../assets/js/components/accordion/accordion.component.min.js": () => import("./accordion.component.min-0276d022.mjs") }), "../../../assets/js/components/accordion/accordion.component.js").then((e) => {
+      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/accordion/accordion.component.js": () => import("./accordion.component-bd9af0d7.mjs"), "../../../assets/js/components/accordion/accordion.component.min.js": () => import("./accordion.component.min-8809a59e.mjs") }), "../../../assets/js/components/accordion/accordion.component.js").then((e) => {
         window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1161,12 +1160,12 @@ const be = {
     });
   }
 }, fe = { ref: "wrapper" };
-function ge(e, a, t, o, s, n) {
+function ge(e, a, t, i, s, n) {
   return u(), m("iam-accordion", fe, [
     _(e.$slots, "default")
   ], 512);
 }
-const Fi = /* @__PURE__ */ v(be, [["render", ge]]), ye = {
+const Fi = /* @__PURE__ */ y(be, [["render", ge]]), ye = {
   name: "AccordionItem",
   props: {
     title: {
@@ -1202,23 +1201,23 @@ const Fi = /* @__PURE__ */ v(be, [["render", ge]]), ye = {
     };
   }
 }, ve = ["id"], we = ["classList"];
-function _e(e, a, t, o, s, n) {
+function _e(e, a, t, i, s, n) {
   return u(), m("details", {
     id: n.createID(t.title)
   }, [
     f("summary", {
       classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
     }, [
-      bt($(t.title), 1),
+      bt(S(t.title), 1),
       t.badge ? (u(), m("span", {
         key: 0,
-        class: k(`badge bg-${t.badgecolour}`)
-      }, $(t.badge), 3)) : w("", !0)
+        class: x(`badge bg-${t.badgecolour}`)
+      }, S(t.badge), 3)) : w("", !0)
     ], 8, we),
     _(e.$slots, "default")
   ], 8, ve);
 }
-const Pi = /* @__PURE__ */ v(ye, [["render", _e]]), Ae = {
+const Pi = /* @__PURE__ */ y(ye, [["render", _e]]), Ae = {
   name: "Header",
   props: {
     title: {
@@ -1236,15 +1235,15 @@ const Pi = /* @__PURE__ */ v(ye, [["render", _e]]), Ae = {
     }
   }
 }, xe = { class: "container" }, ke = { class: "row" }, Le = { class: "col-sm-6" }, Se = { class: "pt-5 pb-3 px-4" }, $e = { class: "col-sm-6 col-md-5 ms-auto" }, qe = ["src"];
-function Ee(e, a, t, o, s, n) {
+function Ee(e, a, t, i, s, n) {
   return u(), m("div", xe, [
     f("div", {
-      class: k("bg-" + t.background + " mb-4")
+      class: x("bg-" + t.background + " mb-4")
     }, [
       f("div", ke, [
         f("div", Le, [
           f("div", Se, [
-            f("h2", null, $(t.title), 1),
+            f("h2", null, S(t.title), 1),
             _(e.$slots, "default")
           ])
         ]),
@@ -1260,11 +1259,11 @@ function Ee(e, a, t, o, s, n) {
     ], 2)
   ]);
 }
-const Ii = /* @__PURE__ */ v(Ae, [["render", Ee]]), Te = {
+const Ii = /* @__PURE__ */ y(Ae, [["render", Ee]]), Te = {
   name: "Card",
   mounted() {
     this.$nextTick(function() {
-      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/card/card.component.js": () => import("./card.component-4a8f3fbe.mjs"), "../../../assets/js/components/card/card.component.min.js": () => import("./card.component.min-8a3f454a.mjs") }), "../../../assets/js/components/card/card.component.js").then((e) => {
+      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/card/card.component.js": () => import("./card.component-4a8f3fbe.mjs"), "../../../assets/js/components/card/card.component.min.js": () => import("./card.component.min-17db52e1.mjs") }), "../../../assets/js/components/card/card.component.js").then((e) => {
         window.customElements.get("iam-card") || window.customElements.define("iam-card", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1272,28 +1271,28 @@ const Ii = /* @__PURE__ */ v(Ae, [["render", Ee]]), Te = {
     });
   }
 };
-function He(e, a, t, o, s, n) {
+function He(e, a, t, i, s, n) {
   return u(), m("iam-card", null, [
     _(e.$slots, "default")
   ]);
 }
-const Me = /* @__PURE__ */ v(Te, [["render", He]]);
+const Me = /* @__PURE__ */ y(Te, [["render", He]]);
 function je(e) {
   var a;
-  let t = e.querySelector(".carousel__inner"), o = e.querySelectorAll(".carousel__item").length;
+  let t = e.querySelector(".carousel__inner"), i = e.querySelectorAll(".carousel__item").length;
   e.getAttribute("data-cols");
   let s = e.getAttribute("data-sm-cols"), n = e.getAttribute("data-md-cols");
-  e.querySelector(".carousel__controls a").setAttribute("aria-current", !0), t.addEventListener("scroll", function(i) {
+  e.querySelector(".carousel__controls a").setAttribute("aria-current", !0), t.addEventListener("scroll", function(o) {
     clearTimeout(a), a = setTimeout(function() {
-      let l = t.clientWidth, d = t.scrollWidth, r = t.scrollLeft, p = Math.round(r / d * o) + 1, c = e.querySelector(".carousel__item:last-child").offsetLeft;
-      Array.from(e.querySelectorAll(".carousel__controls a")).forEach((g, b) => {
-        g.removeAttribute("aria-current");
+      let l = t.clientWidth, d = t.scrollWidth, r = t.scrollLeft, p = Math.round(r / d * i) + 1, c = e.querySelector(".carousel__item:last-child").offsetLeft;
+      Array.from(e.querySelectorAll(".carousel__controls a")).forEach((h, g) => {
+        h.removeAttribute("aria-current");
       }), e.querySelector(".control-" + p).setAttribute("aria-current", !0), p == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + l > c ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
     }, 100);
-  }, !1), e.addEventListener("click", function(i) {
-    for (var l = i.target; l && l != this; l = l.parentNode)
+  }, !1), e.addEventListener("click", function(o) {
+    for (var l = o.target; l && l != this; l = l.parentNode)
       if (l.matches(".carousel__controls a")) {
-        i.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((r, p) => {
+        o.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((r, p) => {
           r.removeAttribute("aria-current");
         }), l.setAttribute("aria-current", !0);
         const d = document.querySelector(l.getAttribute("href"));
@@ -1304,10 +1303,10 @@ function je(e) {
         });
         break;
       }
-  }, !1), e.addEventListener("click", function(i) {
-    for (var l = i.target; l && l != this; l = l.parentNode)
+  }, !1), e.addEventListener("click", function(o) {
+    for (var l = o.target; l && l != this; l = l.parentNode)
       if (l.matches(".btn-next, .btn-prev")) {
-        i.preventDefault();
+        o.preventDefault();
         let d = l.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
         t.scroll({
           top: 0,
@@ -1316,7 +1315,7 @@ function je(e) {
         });
         break;
       }
-  }, !1), o == 1 && e.classList.add("hide-btns"), s >= o && e.classList.add("hide-sm-btns"), n >= o && e.classList.add("hide-md-btns");
+  }, !1), i == 1 && e.classList.add("hide-btns"), s >= i && e.classList.add("hide-sm-btns"), n >= i && e.classList.add("hide-md-btns");
 }
 const Ce = {
   components: {
@@ -1405,8 +1404,8 @@ const Ce = {
   class: "btn btn-next",
   "data-go": "2"
 }, "Next", -1);
-function Be(e, a, t, o, s, n) {
-  const i = I("Card");
+function Be(e, a, t, i, s, n) {
+  const o = B("Card");
   return u(), m("div", {
     class: "container carousel",
     id: "carousel" + s.id,
@@ -1420,14 +1419,14 @@ function Be(e, a, t, o, s, n) {
       f("div", De, [
         t.type == "card" ? (u(), m("div", {
           key: 0,
-          class: k(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
+          class: x(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
         }, [
-          (u(!0), m(H, null, M(t.items, (l, d) => (u(), m("div", {
-            class: k(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
+          (u(!0), m(T, null, H(t.items, (l, d) => (u(), m("div", {
+            class: x(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
             key: d,
             id: "carousel" + s.id + "slide" + (d + 1)
           }, [
-            j(i, C(l, {
+            C(o, N(l, {
               class: t.cardclass,
               type: t.cardtype,
               btnyype: t.btntype,
@@ -1439,10 +1438,10 @@ function Be(e, a, t, o, s, n) {
         ], 2)) : w("", !0),
         t.type != "card" ? (u(), m("div", {
           key: 1,
-          class: k(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
+          class: x(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
         }, [
-          (u(!0), m(H, null, M(t.items, (l, d) => (u(), m("div", {
-            class: k(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
+          (u(!0), m(T, null, H(t.items, (l, d) => (u(), m("div", {
+            class: x(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
             key: d,
             innerHTML: n.content(l),
             id: "carousel" + s.id + "slide" + (d + 1)
@@ -1450,30 +1449,30 @@ function Be(e, a, t, o, s, n) {
         ], 2)) : w("", !0)
       ]),
       f("div", {
-        class: k(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)
+        class: x(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)
       }, [
-        (u(!0), m(H, null, M(t.items, (l, d) => (u(), m("a", {
+        (u(!0), m(T, null, H(t.items, (l, d) => (u(), m("a", {
           key: d,
           href: "#carousel" + s.id + "slide" + (d + 1),
-          class: k(`control-${d + 1}`)
-        }, "Slide " + $(d + 1), 11, Pe))), 128))
+          class: x(`control-${d + 1}`)
+        }, "Slide " + S(d + 1), 11, Pe))), 128))
       ], 2),
       Ie,
       Oe
     ])
   ], 8, Ne);
 }
-const Oi = /* @__PURE__ */ v(Ce, [["render", Be]]);
+const Oi = /* @__PURE__ */ y(Ce, [["render", Be]]);
 /*!
-  * iamKey v5.1.0-beta2
+  * iamKey v5.1.0-beta4
   * Copyright 2022-2023 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "header" });
 class Ue extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, o = document.createElement("template");
-    o.innerHTML = `
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
+    i.innerHTML = `
     <style>
     @import "${t}";
     :host{padding-top:0 !important;margin-bottom:2rem}.header-banner{background:linear-gradient(180deg, var(--colour-secondary) 0, var(--colour-info) 100%);position:relative;overflow:hidden;max-width:100% !important}@media screen and (min-width: 62em){.header-banner{min-height:29.375rem}}.header-banner>.container{padding-bottom:0;position:relative}.header-banner .breadcrumb{margin-top:1.5rem;margin-bottom:-0.5rem}@media screen and (min-width: 62em){.header-banner .breadcrumb{position:absolute;top:0;left:3.75rem}}.header-banner__inner{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light);color:var(--colour-body);background:#fff;padding:2rem;margin:1.875rem 0;position:relative;z-index:var(--index-above)}.header-banner__inner .text-primary{color:var(--colour-primary) !important}@media screen and (min-width: 62em){.header-banner__inner{max-width:37.5rem;margin:7rem 0 5rem 0;padding:3.5rem 4rem}}.header-banner__inner>*:last-child{padding-bottom:0;margin-bottom:0}.header-banner picture img{display:none}@media screen and (min-width: 62em){.header-banner picture img{display:block;position:absolute;top:-0.5%;left:40%;height:101%;object-fit:cover;width:60%;pointer-events:none}}::slotted(.breadcrumb){margin-top:1.5rem !important;margin-bottom:-0.5rem !important}@media screen and (min-width: 62em){::slotted(.breadcrumb){position:absolute !important;top:0 !important;left:5.25rem !important}}::slotted(*:last-child){padding-bottom:0 !important;margin-bottom:0 !important}/*# sourceMappingURL=assets/css/components/header.css.map */
@@ -1494,7 +1493,7 @@ class Ue extends HTMLElement {
         <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" lazy="" />
       </picture>
     </div>
-    `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
     this.classList.add("loaded");
@@ -1519,7 +1518,7 @@ const Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   },
   mounted() {
     this.$nextTick(function() {
-      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/header/header.component.js": () => import("./header.component-780164cb.mjs"), "../../../assets/js/components/header/header.component.min.js": () => Promise.resolve().then(() => Ve) }), "../../../assets/js/components/header/header.component.js").then((e) => {
+      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/header/header.component.js": () => import("./header.component-780164cb.mjs"), "../../../assets/js/components/header/header.component.min.js": () => Promise.resolve().then(() => Ve) }), "../../../assets/js/components/header/header.component.js").then((e) => {
         window.customElements.get("iam-header") || window.customElements.define("iam-header", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1527,7 +1526,7 @@ const Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     });
   }
 }, Ge = ["image"], Ke = ["innerHTML"];
-function Ye(e, a, t, o, s, n) {
+function Ye(e, a, t, i, s, n) {
   return u(), m("iam-header", {
     class: "bg-secondary",
     image: t.image
@@ -1540,27 +1539,27 @@ function Ye(e, a, t, o, s, n) {
     _(e.$slots, "default")
   ], 8, Ge);
 }
-const Bi = /* @__PURE__ */ v(We, [["render", Ye]]);
+const Bi = /* @__PURE__ */ y(We, [["render", Ye]]);
 function Xe(e) {
   var a;
-  const t = e.querySelector(".testimonial__images"), o = t.querySelectorAll("img").length;
-  if (o == 1)
+  const t = e.querySelector(".testimonial__images"), i = t.querySelectorAll("img").length;
+  if (i == 1)
     return !1;
   e.classList.add("testimonial--multi");
   const s = function(n) {
-    const i = e.querySelector(".btn-next"), l = e.querySelector(".btn-prev");
-    i.setAttribute("data-go", n + 1), l.setAttribute("data-go", n - 1), i.removeAttribute("disabled"), l.removeAttribute("disabled"), n == 1 ? l.setAttribute("disabled", !0) : n == o && i.setAttribute("disabled", !0);
+    const o = e.querySelector(".btn-next"), l = e.querySelector(".btn-prev");
+    o.setAttribute("data-go", n + 1), l.setAttribute("data-go", n - 1), o.removeAttribute("disabled"), l.removeAttribute("disabled"), n == 1 ? l.setAttribute("disabled", !0) : n == i && o.setAttribute("disabled", !0);
   };
   t.addEventListener("scroll", function(n) {
     clearTimeout(a), a = setTimeout(function() {
-      let i = t.scrollWidth, l = t.scrollHeight, d = t.scrollLeft, r = t.scrollTop, p = Math.round(d / i * o) + 1;
-      d == 0 && r != 0 && (p = Math.round(r / l * o) + 1), e.setAttribute("data-show", p), s(p);
+      let o = t.scrollWidth, l = t.scrollHeight, d = t.scrollLeft, r = t.scrollTop, p = Math.round(d / o * i) + 1;
+      d == 0 && r != 0 && (p = Math.round(r / l * i) + 1), e.setAttribute("data-show", p), s(p);
     }, 300);
   }, !1), e.addEventListener("click", function(n) {
-    for (var i = n.target; i && i != this; i = i.parentNode)
-      if (i.matches("[data-go]")) {
-        let l = parseInt(i.getAttribute("data-go")), d = 0, r = 0, p = t.scrollWidth, c = t.scrollHeight;
-        p > c ? r = Math.floor(p * ((l - 1) / o)) : d = Math.floor(c * ((l - 1) / o)), t.scroll({
+    for (var o = n.target; o && o != this; o = o.parentNode)
+      if (o.matches("[data-go]")) {
+        let l = parseInt(o.getAttribute("data-go")), d = 0, r = 0, p = t.scrollWidth, c = t.scrollHeight;
+        p > c ? r = Math.floor(p * ((l - 1) / i)) : d = Math.floor(c * ((l - 1) / i)), t.scroll({
           top: d,
           left: r,
           behavior: "smooth"
@@ -1600,19 +1599,19 @@ const Je = {
     class: "btn-next"
   }, "Next")
 ], -1), oa = { class: "col-md-7" }, na = /* @__PURE__ */ f("h2", null, "What our customers think…", -1), ra = { class: "testimonial__content" }, sa = ["innerHTML"], la = ["innerHTML"], da = { class: "testimonial__after" }, ca = /* @__PURE__ */ f("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
-function ua(e, a, t, o, s, n) {
+function ua(e, a, t, i, s, n) {
   return u(), m("div", Qe, [
     f("div", {
-      class: k("bg-" + t.background)
+      class: x("bg-" + t.background)
     }, [
       f("div", Ze, [
         f("div", ta, [
           f("div", ea, [
-            (u(!0), m(H, null, M(t.items, (i, l) => (u(), m("img", {
+            (u(!0), m(T, null, H(t.items, (o, l) => (u(), m("img", {
               key: l,
-              src: i.image ? i.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
+              src: o.image ? o.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
               alt: "",
-              class: k("h-100 w-100 object-cover" + (i.image ? "" : " opacity-0"))
+              class: x("h-100 w-100 object-cover" + (o.image ? "" : " opacity-0"))
             }, null, 10, aa))), 128))
           ]),
           ia
@@ -1620,15 +1619,15 @@ function ua(e, a, t, o, s, n) {
         f("div", oa, [
           na,
           f("div", ra, [
-            (u(!0), m(H, null, M(t.items, (i, l) => (u(), m("blockquote", {
+            (u(!0), m(T, null, H(t.items, (o, l) => (u(), m("blockquote", {
               key: l,
-              class: k(i.class)
+              class: x(o.class)
             }, [
               f("div", {
-                innerHTML: i.quote
+                innerHTML: o.quote
               }, null, 8, sa),
               f("cite", {
-                innerHTML: i.cite
+                innerHTML: o.cite
               }, null, 8, la)
             ], 2))), 128))
           ]),
@@ -1641,7 +1640,7 @@ function ua(e, a, t, o, s, n) {
     ], 2)
   ], 512);
 }
-const Ui = /* @__PURE__ */ v(Je, [["render", ua]]);
+const Ui = /* @__PURE__ */ y(Je, [["render", ua]]);
 const ma = {
   name: "Timeline",
   props: {
@@ -1651,7 +1650,7 @@ const ma = {
     }
   }
 }, ha = { class: "timeline" }, pa = { class: "timeline__content" }, ba = ["src"];
-function fa(e, a, t, o, s, n) {
+function fa(e, a, t, i, s, n) {
   return u(), m("div", ha, [
     f("div", pa, [
       _(e.$slots, "default")
@@ -1663,7 +1662,7 @@ function fa(e, a, t, o, s, n) {
     }, null, 8, ba)) : w("", !0)
   ]);
 }
-const Vi = /* @__PURE__ */ v(ma, [["render", fa]]);
+const Vi = /* @__PURE__ */ y(ma, [["render", fa]]);
 const ga = {
   components: {
     Input: st
@@ -1826,8 +1825,8 @@ const ga = {
     value: "submit"
   }, "Search")
 ], -1);
-function Ta(e, a, t, o, s, n) {
-  const i = I("Input");
+function Ta(e, a, t, i, s, n) {
+  const o = B("Input");
   return u(), m("div", ya, [
     _(e.$slots, "default"),
     f("div", va, [
@@ -1837,7 +1836,7 @@ function Ta(e, a, t, o, s, n) {
         method: t.formmethod
       }, [
         f("fieldset", _a, [
-          j(i, {
+          C(o, {
             inputClass: "input--locations",
             modelValue: n.locationSet,
             "onUpdate:modelValue": a[0] || (a[0] = (l) => n.locationSet = l),
@@ -1849,7 +1848,7 @@ function Ta(e, a, t, o, s, n) {
             onKeyupEvent: a[1] || (a[1] = (l) => n.locationKeyup(...arguments)),
             ref: "search"
           }, null, 8, ["modelValue", "options"]),
-          j(i, {
+          C(o, {
             class: "select--miles",
             label: "Miles",
             id: "miles",
@@ -1860,7 +1859,7 @@ function Ta(e, a, t, o, s, n) {
         f("fieldset", Aa, [
           xa,
           f("div", ka, [
-            j(i, {
+            C(o, {
               class: "col-6",
               label: "Minimum price",
               id: "price-min",
@@ -1868,7 +1867,7 @@ function Ta(e, a, t, o, s, n) {
               type: "select",
               options: t.pricemin
             }, null, 8, ["options"]),
-            j(i, {
+            C(o, {
               class: "col-6",
               label: "Maximum price",
               id: "price-max",
@@ -1881,7 +1880,7 @@ function Ta(e, a, t, o, s, n) {
         f("fieldset", La, [
           Sa,
           f("div", $a, [
-            j(i, {
+            C(o, {
               class: "col-6",
               label: "Minimum beds",
               id: "beds-min",
@@ -1889,7 +1888,7 @@ function Ta(e, a, t, o, s, n) {
               type: "select",
               options: t.bedsmin
             }, null, 8, ["options"]),
-            j(i, {
+            C(o, {
               class: "col-6",
               label: "Maximum beds",
               id: "beds-max",
@@ -1900,7 +1899,7 @@ function Ta(e, a, t, o, s, n) {
           ])
         ]),
         f("fieldset", qa, [
-          j(i, {
+          C(o, {
             label: "Property type",
             id: "property-type",
             type: "select",
@@ -1913,12 +1912,12 @@ function Ta(e, a, t, o, s, n) {
     _(e.$slots, "after")
   ], 512);
 }
-const Wi = /* @__PURE__ */ v(ga, [["render", Ta]]), Ha = {
+const Wi = /* @__PURE__ */ y(ga, [["render", Ta]]), Ha = {
   components: {},
   name: "Nav",
   mounted() {
     this.$nextTick(function() {
-      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/nav/nav.component.js": () => import("./nav.component-8f91e8a0.mjs"), "../../../assets/js/components/nav/nav.component.min.js": () => import("./nav.component.min-7da898cd.mjs") }), "../../../assets/js/components/nav/nav.component.js").then((e) => {
+      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/nav/nav.component.js": () => import("./nav.component-ff8d1484.mjs"), "../../../assets/js/components/nav/nav.component.min.js": () => import("./nav.component.min-aa89c16d.mjs") }), "../../../assets/js/components/nav/nav.component.js").then((e) => {
         window.customElements.get("iam-nav") || window.customElements.define("iam-nav", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1927,12 +1926,12 @@ const Wi = /* @__PURE__ */ v(ga, [["render", Ta]]), Ha = {
   },
   methods: {}
 }, Ma = { ref: "wrapper" };
-function ja(e, a, t, o, s, n) {
+function ja(e, a, t, i, s, n) {
   return u(), m("iam-nav", Ma, [
     _(e.$slots, "default")
   ], 512);
 }
-const Gi = /* @__PURE__ */ v(Ha, [["render", ja]]);
+const Gi = /* @__PURE__ */ y(Ha, [["render", ja]]);
 const Ca = {
   name: "Stepper",
   props: {
@@ -1950,21 +1949,21 @@ const Ca = {
   key: 0,
   class: "h6 stepper__start"
 }, za = { class: "list-unstyled" }, Fa = { class: "h6 stepper__end" };
-function Pa(e, a, t, o, s, n) {
+function Pa(e, a, t, i, s, n) {
   return u(), m("div", Na, [
     f("nav", {
       class: "stepper",
       "aria-label": t.label ? t.label : "Progress"
     }, [
-      t.label ? (u(), m("span", Da, $(t.label), 1)) : w("", !0),
+      t.label ? (u(), m("span", Da, S(t.label), 1)) : w("", !0),
       f("ol", za, [
         _(e.$slots, "default")
       ]),
-      f("span", Fa, $(t.endlabel), 1)
+      f("span", Fa, S(t.endlabel), 1)
     ], 8, Ra)
   ]);
 }
-const Ki = /* @__PURE__ */ v(Ca, [["render", Pa]]);
+const Ki = /* @__PURE__ */ y(Ca, [["render", Pa]]);
 const Ia = {
   name: "Snapshot",
   props: {
@@ -1977,29 +1976,29 @@ const Ia = {
   class: "container snapshot",
   ref: "wrapper"
 }, Ba = { class: "row" }, Ua = ["href"], Va = { class: "lead snapshot__title" }, Wa = { class: "stat" };
-function Ga(e, a, t, o, s, n) {
+function Ga(e, a, t, i, s, n) {
   return u(), m("div", Oa, [
     _(e.$slots, "default"),
     f("div", Ba, [
-      (u(!0), m(H, null, M(t.items, (i, l) => (u(), m("div", {
+      (u(!0), m(T, null, H(t.items, (o, l) => (u(), m("div", {
         class: "col",
         key: l
       }, [
-        i.link ? (u(), m("a", {
+        o.link ? (u(), m("a", {
           key: 0,
-          href: i.link
-        }, "View " + $(i.title), 9, Ua)) : w("", !0),
+          href: o.link
+        }, "View " + S(o.title), 9, Ua)) : w("", !0),
         f("div", {
-          class: k(`snapshot__item ${i.bg ? "bg-" + i.bg : ""}`)
+          class: x(`snapshot__item ${o.bg ? "bg-" + o.bg : ""}`)
         }, [
-          f("span", Va, $(i.title), 1),
-          f("span", Wa, $(i.number), 1)
+          f("span", Va, S(o.title), 1),
+          f("span", Wa, S(o.number), 1)
         ], 2)
       ]))), 128))
     ])
   ], 512);
 }
-const Yi = /* @__PURE__ */ v(Ia, [["render", Ga]]), Ka = {
+const Yi = /* @__PURE__ */ y(Ia, [["render", Ga]]), Ka = {
   name: "Stepper",
   props: {
     url: {
@@ -2019,26 +2018,26 @@ const Yi = /* @__PURE__ */ v(Ia, [["render", Ga]]), Ka = {
   key: 0,
   class: "visually-hidden"
 };
-function Ja(e, a, t, o, s, n) {
+function Ja(e, a, t, i, s, n) {
   return u(), m("li", null, [
     f("a", {
       href: t.url,
-      class: k(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
+      class: x(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
       "aria-current": typeof t.current < "u" ? "step" : !1
     }, [
       f("span", null, [
         _(e.$slots, "default")
       ]),
-      t.status ? (u(), m("em", Xa, " - status: " + $(t.status), 1)) : w("", !0)
+      t.status ? (u(), m("em", Xa, " - status: " + S(t.status), 1)) : w("", !0)
     ], 10, Ya)
   ]);
 }
-const Xi = /* @__PURE__ */ v(Ka, [["render", Ja]]);
+const Xi = /* @__PURE__ */ y(Ka, [["render", Ja]]);
 const Qa = {
   name: "Tabs",
   mounted() {
     this.$nextTick(function() {
-      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/tabs/tabs.component.js": () => import("./tabs.component-1dfbdb3b.mjs"), "../../../assets/js/components/tabs/tabs.component.min.js": () => import("./tabs.component.min-4068cbd7.mjs") }), "../../../assets/js/components/tabs/tabs.component.js").then((e) => {
+      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/tabs/tabs.component.js": () => import("./tabs.component-1dfbdb3b.mjs"), "../../../assets/js/components/tabs/tabs.component.min.js": () => import("./tabs.component.min-9bf2758c.mjs") }), "../../../assets/js/components/tabs/tabs.component.js").then((e) => {
         window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -2046,12 +2045,12 @@ const Qa = {
     });
   }
 }, Za = { ref: "wrapper" };
-function ti(e, a, t, o, s, n) {
+function ti(e, a, t, i, s, n) {
   return u(), m("iam-tabs", Za, [
     _(e.$slots, "default")
   ], 512);
 }
-const Ji = /* @__PURE__ */ v(Qa, [["render", ti]]), ei = {
+const Ji = /* @__PURE__ */ y(Qa, [["render", ti]]), ei = {
   name: "Tab",
   props: {
     title: {
@@ -2074,16 +2073,16 @@ const Ji = /* @__PURE__ */ v(Qa, [["render", ti]]), ei = {
     };
   }
 }, ai = { class: "tab" }, ii = ["innerHTML"];
-function oi(e, a, t, o, s, n) {
+function oi(e, a, t, i, s, n) {
   return u(), m("details", ai, [
     f("summary", {
       innerHTML: t.title,
-      class: k({ disabled: s.isDisabled })
+      class: x({ disabled: s.isDisabled })
     }, null, 10, ii),
     _(e.$slots, "default")
   ]);
 }
-const Qi = /* @__PURE__ */ v(ei, [["render", oi]]);
+const Qi = /* @__PURE__ */ y(ei, [["render", oi]]);
 let lt = rt.props;
 lt.fields.required = !1;
 const ni = {
@@ -2102,9 +2101,9 @@ const ni = {
       console.log(this);
       const a = new FormData(e.target);
       let t = /* @__PURE__ */ new Date();
-      const o = t.getFullYear();
+      const i = t.getFullYear();
       let s = t.getMonth() + 1, n = t.getDate();
-      n < 10 && (n = "0" + n), s < 10 && (s = "0" + s), t = n + "/" + s + "/" + o, this.itemsData.unshift({
+      n < 10 && (n = "0" + n), s < 10 && (s = "0" + s), t = n + "/" + s + "/" + i, this.itemsData.unshift({
         date_added: t,
         user: a.get("user"),
         note: a.get("addNote")
@@ -2133,15 +2132,15 @@ const ni = {
     }
   }
 }, ri = { class: "container note-feed mb-2" }, si = ["innerHTML"], li = ["action", "method"], di = ["value"], ci = /* @__PURE__ */ f("button", { class: "btn btn-tertiary" }, "Submit note", -1);
-function ui(e, a, t, o, s, n) {
-  const i = I("Table"), l = I("Input");
+function ui(e, a, t, i, s, n) {
+  const o = B("Table"), l = B("Input");
   return u(), m("div", ri, [
     t.title ? (u(), m("span", {
       key: 0,
       class: "h3",
       innerHTML: t.title
     }, null, 8, si)) : w("", !0),
-    j(i, C({
+    C(o, N({
       fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
       items: s.itemsData
     }, e.$props, { class: "mb-0" }), null, 16, ["items"]),
@@ -2155,7 +2154,7 @@ function ui(e, a, t, o, s, n) {
         value: t.user,
         name: "user"
       }, null, 8, di),
-      j(l, {
+      C(l, {
         id: "addNote",
         type: "textarea",
         label: "Add note",
@@ -2166,52 +2165,52 @@ function ui(e, a, t, o, s, n) {
     ], 40, li)
   ]);
 }
-const Zi = /* @__PURE__ */ v(ni, [["render", ui]]);
+const Zi = /* @__PURE__ */ y(ni, [["render", ui]]);
 /*!
-  * iamKey v5.1.0-beta2
+  * iamKey v5.1.0-beta4
   * Copyright 2022-2023 iamproperty
   */
 function mi(e, a) {
-  function t(o, s) {
-    let n = !1, i = s.getAttribute("name");
-    i.includes("[]") && (i = i.replace("[]", `[${s.value}]`));
-    let l = o.querySelector(`[data-name="${i}"]`);
+  function t(i, s) {
+    let n = !1, o = s.getAttribute("name");
+    o.includes("[]") && (o = o.replace("[]", `[${s.value}]`));
+    let l = i.querySelector(`[data-name="${o}"]`);
     l && s.getAttribute("type") == "checkbox" && (n = !s.checked);
     let d = s.getAttribute("data-filter-text");
-    if (l || (l = document.createElement("button"), o.appendChild(l)), l.setAttribute("type", "button"), l.classList.add("filter"), l.setAttribute("data-name", i), l.innerHTML = d.replace("$value", s.value), (!s.value || n) && l.remove(), s.parentNode.closest("[data-filter-text]")) {
+    if (l || (l = document.createElement("button"), i.appendChild(l)), l.setAttribute("type", "button"), l.classList.add("filter"), l.setAttribute("data-name", o), l.innerHTML = d.replace("$value", s.value), (!s.value || n) && l.remove(), s.parentNode.closest("[data-filter-text]")) {
       let r = s.parentNode.closest("[data-filter-text]"), p = !0;
-      if (i = "", r.querySelectorAll("input").forEach((c, g) => {
-        let b = c.getAttribute("name");
-        if (i += `${g != 0 ? "," : ""}${b}`, o.querySelector(`[data-name="${b}"]`) && o.querySelector(`[data-name="${b}"]`).remove(), c.value) {
-          let h = document.createElement("button");
-          h.setAttribute("type", "button"), h.classList.add("filter"), h.setAttribute("data-name", b), h.innerHTML = d.replace("$value", c.value), o.appendChild(h);
+      if (o = "", r.querySelectorAll("input").forEach((c, h) => {
+        let g = c.getAttribute("name");
+        if (o += `${h != 0 ? "," : ""}${g}`, i.querySelector(`[data-name="${g}"]`) && i.querySelector(`[data-name="${g}"]`).remove(), c.value) {
+          let b = document.createElement("button");
+          b.setAttribute("type", "button"), b.classList.add("filter"), b.setAttribute("data-name", g), b.innerHTML = d.replace("$value", c.value), i.appendChild(b);
         } else
           p = !1;
-      }), o.querySelector(`[data-name="${i}"]`) && o.querySelector(`[data-name="${i}"]`).remove(), p) {
+      }), i.querySelector(`[data-name="${o}"]`) && i.querySelector(`[data-name="${o}"]`).remove(), p) {
         let c = r.getAttribute("data-filter-text");
-        r.querySelectorAll("input").forEach((b, h) => {
-          let x = b.getAttribute("name");
-          o.querySelector(`[data-name="${x}"]`) && o.querySelector(`[data-name="${x}"]`).remove(), c = c.replace(`$${h + 1}`, b.value);
+        r.querySelectorAll("input").forEach((g, b) => {
+          let A = g.getAttribute("name");
+          i.querySelector(`[data-name="${A}"]`) && i.querySelector(`[data-name="${A}"]`).remove(), c = c.replace(`$${b + 1}`, g.value);
         });
-        let g = document.createElement("button");
-        g.setAttribute("type", "button"), g.classList.add("filter"), g.setAttribute("data-name", i), g.innerHTML = c, o.appendChild(g);
+        let h = document.createElement("button");
+        h.setAttribute("type", "button"), h.classList.add("filter"), h.setAttribute("data-name", o), h.innerHTML = c, i.appendChild(h);
       }
     }
   }
-  Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((o, s) => {
-    t(a, o);
-  }), Array.from(e.querySelectorAll("input[data-filter-text]")).forEach((o, s) => {
-    o.addEventListener("change", function(n) {
-      t(a, o), n.stopPropagation();
+  Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((i, s) => {
+    t(a, i);
+  }), Array.from(e.querySelectorAll("input[data-filter-text]")).forEach((i, s) => {
+    i.addEventListener("change", function(n) {
+      t(a, i), n.stopPropagation();
     });
-  }), e.addEventListener("change", function(o) {
-    if (o && o.target instanceof HTMLElement && o.target.closest("input[data-filter-text]")) {
-      let s = o.target.closest("input[data-filter-text]");
+  }), 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);
     }
-  }), a.addEventListener("click", function(o) {
-    if (o && o.target instanceof HTMLElement && o.target.closest(".filter")) {
-      let i = o.target.closest(".filter"), l = i.getAttribute("data-name").split(",");
+  }), a.addEventListener("click", function(i) {
+    if (i && i.target instanceof HTMLElement && i.target.closest(".filter")) {
+      let o = i.target.closest(".filter"), l = o.getAttribute("data-name").split(",");
       for (var s = 0; s < l.length; s++) {
         let d = l[s], r = `[name="${d}"]`;
         d.match(/\[(.*)\]/) && (d.replace(/\[(.*)\]/, "[]"), r = `[value="${d.replace(/.*\[(.*)\]/, "$1")}"]`);
@@ -2222,12 +2221,12 @@ function mi(e, a) {
             c.value = "";
           else {
             c.checked = !1;
-            var o = new Event("force");
-            e.hasAttribute("data-nosubmit") || c.closest("form").dispatchEvent(o);
+            var i = new Event("force");
+            e.hasAttribute("data-nosubmit") || c.closest("form").dispatchEvent(i);
           }
         }
       }
-      i.remove();
+      o.remove();
     }
   }, !1);
 }
@@ -2236,7 +2235,7 @@ class hi 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 o = this.classList.toString();
+    let i = this.classList.toString();
     const s = document.createElement("template");
     s.innerHTML = `
     <style>
@@ -2245,7 +2244,7 @@ class hi extends HTMLElement {
 
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
-    <div class="applied-filters ${o}"></div>
+    <div class="applied-filters ${i}"></div>
     <slot></slot>
     `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
   }
@@ -2257,14 +2256,14 @@ window.customElements.get("iam-applied-filters") || window.customElements.define
 const pi = {
   name: "Header"
 };
-function bi(e, a, t, o, s, n) {
+function bi(e, a, t, i, s, n) {
   return u(), m("iam-applied-filters", null, [
     _(e.$slots, "default")
   ]);
 }
-const to = /* @__PURE__ */ v(pi, [["render", bi]]);
+const to = /* @__PURE__ */ y(pi, [["render", bi]]);
 /*!
-  * iamKey v5.1.0-beta2
+  * iamKey v5.1.0-beta4
   * Copyright 2022-2023 iamproperty
   */
 function fi(e, a) {
@@ -2272,16 +2271,16 @@ function fi(e, a) {
 }
 function gi(e, a) {
   var t;
-  a.addEventListener("keyup", (o) => {
+  a.addEventListener("keyup", (i) => {
     clearTimeout(t), t = setTimeout(function() {
       Z(e, a.value);
     }, 500);
-  }), a.addEventListener("change", (o) => {
+  }), a.addEventListener("change", (i) => {
     clearTimeout(t), Z(e, a.value);
   });
 }
 const Z = function(e, a) {
-  Array.from(e.querySelectorAll(":scope > li")).forEach((t, o) => {
+  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");
   }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Filtered list", value: a });
@@ -2290,8 +2289,8 @@ window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "custo
 class yi 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`, o = document.createElement("template");
-    o.innerHTML = `
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
+    i.innerHTML = `
     <style>
     @import "${t}";
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
@@ -2318,7 +2317,7 @@ class yi extends HTMLElement {
     <div class="list__wrapper">
       <slot></slot>
     </div>
-    `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
     let a = this.classList.toString();
@@ -2329,12 +2328,12 @@ window.customElements.get("iam-filterlist") || window.customElements.define("iam
 const vi = {
   name: "Filter list"
 };
-function wi(e, a, t, o, s, n) {
+function wi(e, a, t, i, s, n) {
   return u(), m("iam-filterlist", null, [
     _(e.$slots, "default")
   ]);
 }
-const eo = /* @__PURE__ */ v(vi, [["render", wi]]);
+const eo = /* @__PURE__ */ y(vi, [["render", wi]]);
 function _i(e) {
   if (e.hasAttribute("data-type") && e.getAttribute("data-type") == "toast") {
     let t = document.querySelector(".notification__holder");
@@ -2347,19 +2346,19 @@ function _i(e) {
     var a = new Ai(function() {
       X(e);
     }, t);
-    e.addEventListener("mouseenter", (o) => {
+    e.addEventListener("mouseenter", (i) => {
       a.pause();
-    }), e.addEventListener("mouseleave", (o) => {
+    }), e.addEventListener("mouseleave", (i) => {
       a.resume();
     });
   }
 }
 function Ai(e, a) {
-  var t, o, s = a;
+  var t, i, s = a;
   this.pause = function() {
-    window.clearTimeout(t), s -= /* @__PURE__ */ new Date() - o;
+    window.clearTimeout(t), s -= /* @__PURE__ */ new Date() - i;
   }, this.resume = function() {
-    o = /* @__PURE__ */ new Date(), window.clearTimeout(t), t = window.setTimeout(e, s);
+    i = /* @__PURE__ */ new Date(), window.clearTimeout(t), t = window.setTimeout(e, s);
   }, this.resume();
 }
 const X = function(e) {
@@ -2373,15 +2372,15 @@ window.dataLayer.push({
 class xi extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, o = `@import "${a}/css/components/notification.css";`, s = `@import "${a}/css/components/notification.global.css";`, n = this.querySelectorAll("a,button");
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = `@import "${a}/css/components/notification.css";`, s = `@import "${a}/css/components/notification.global.css";`, n = this.querySelectorAll("a,button");
     Array.from(n).forEach((l, d) => {
       l.setAttribute("slot", "btns"), l.classList.add("link");
     }), (n.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
-    const i = document.createElement("template");
-    i.innerHTML = `
+    const o = document.createElement("template");
+    o.innerHTML = `
     <style>
     @import "${t}";
-    ${o}
+    ${i}
     ${this.hasAttribute("data-css") ? `${this.getAttribute("data-css")}` : ""}
     </style>
 
@@ -2390,12 +2389,12 @@ class xi extends HTMLElement {
       <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(i.content.cloneNode(!0)), document.getElementById("notificationHolder") || document.head.insertAdjacentHTML("beforeend", `<style id="notificationHolder">${s}</style>`);
+    `, this.shadowRoot.appendChild(o.content.cloneNode(!0)), document.getElementById("notificationHolder") || document.head.insertAdjacentHTML("beforeend", `<style id="notificationHolder">${s}</style>`);
   }
   connectedCallback() {
     const a = this.shadowRoot.querySelector("[data-dismiss-button]"), t = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
     this.hasAttribute("data-type") ? this.classList.add(`bg-${t}`) : this.classList.add(`colour-${t}`);
-    const o = this;
+    const i = this;
     if (!this.querySelector("i"))
       switch (t) {
         case "danger":
@@ -2410,8 +2409,8 @@ class xi extends HTMLElement {
         default:
           this.innerHTML += '<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>';
       }
-    _i(o), a && a.addEventListener("click", function(s) {
-      X(o);
+    _i(i), a && a.addEventListener("click", function(s) {
+      X(i);
     }, !1);
   }
 }
@@ -2424,17 +2423,17 @@ const ki = {
     });
   }
 };
-function Li(e, a, t, o, s, n) {
+function Li(e, a, t, i, s, n) {
   return u(), m("iam-notification", null, [
     _(e.$slots, "default")
   ]);
 }
-const ao = /* @__PURE__ */ v(ki, [["render", Li]]), Si = {
+const ao = /* @__PURE__ */ y(ki, [["render", Li]]), Si = {
   name: "Actionbar",
   props: {},
   mounted() {
     this.$nextTick(function() {
-      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/actionbar/actionbar.component.js": () => import("./actionbar.component-3f2c98c0.mjs"), "../../../assets/js/components/actionbar/actionbar.component.min.js": () => import("./actionbar.component.min-ba2c578d.mjs") }), "../../../assets/js/components/actionbar/actionbar.component.js").then((e) => {
+      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/actionbar/actionbar.component.js": () => import("./actionbar.component-3f2c98c0.mjs"), "../../../assets/js/components/actionbar/actionbar.component.min.js": () => import("./actionbar.component.min-7bb6c7e1.mjs") }), "../../../assets/js/components/actionbar/actionbar.component.js").then((e) => {
         window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -2442,12 +2441,12 @@ const ao = /* @__PURE__ */ v(ki, [["render", Li]]), Si = {
     });
   }
 };
-function $i(e, a, t, o, s, n) {
+function $i(e, a, t, i, s, n) {
   return u(), m("iam-actionbar", null, [
     _(e.$slots, "default")
   ]);
 }
-const io = /* @__PURE__ */ v(Si, [["render", $i]]), qi = {
+const io = /* @__PURE__ */ y(Si, [["render", $i]]), qi = {
   name: "Pagination",
   props: {},
   computed: {},
@@ -2459,14 +2458,14 @@ const io = /* @__PURE__ */ v(Si, [["render", $i]]), qi = {
   updated() {
   }
 };
-function Ei(e, a, t, o, s, n) {
+function Ei(e, a, t, i, s, n) {
   return u(), m("iam-pagination");
 }
-const oo = /* @__PURE__ */ v(qi, [["render", Ei]]), Ti = {
+const oo = /* @__PURE__ */ y(qi, [["render", Ei]]), Ti = {
   name: "Address Lookup",
   mounted() {
     this.$nextTick(function() {
-      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/address-lookup/address-lookup.component.js": () => import("./address-lookup.component-025d3655.mjs"), "../../../assets/js/components/address-lookup/address-lookup.component.min.js": () => import("./address-lookup.component.min-1d999380.mjs") }), "../../../assets/js/components/address-lookup/address-lookup.component.js").then((e) => {
+      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/address-lookup/address-lookup.component.js": () => import("./address-lookup.component-53821bfb.mjs"), "../../../assets/js/components/address-lookup/address-lookup.component.min.js": () => import("./address-lookup.component.min-4ceee9e9.mjs") }), "../../../assets/js/components/address-lookup/address-lookup.component.js").then((e) => {
         window.customElements.get("iam-address-lookup") || window.customElements.define("iam-address-lookup", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -2474,22 +2473,22 @@ const oo = /* @__PURE__ */ v(qi, [["render", Ei]]), Ti = {
     });
   }
 };
-function Hi(e, a, t, o, s, n) {
+function Hi(e, a, t, i, s, n) {
   return u(), m("iam-address-lookup", null, [
     _(e.$slots, "default")
   ]);
 }
-const no = /* @__PURE__ */ v(Ti, [["render", Hi]]);
+const no = /* @__PURE__ */ y(Ti, [["render", Hi]]);
 /*!
-  * iamKey v5.1.0-beta2
+  * iamKey v5.1.0-beta4
   * Copyright 2022-2023 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "collapsible side menu" });
 class Mi 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`, o = document.createElement("template");
-    o.innerHTML = `
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
+    i.innerHTML = `
     <style class="styles">
     @import "${t}";
     :host{--colour-border: #e9e9e9;--side-link-hover: var(--colour-canvas-2);display:block;min-height:calc(100vh - var(--nav-height));padding-top:0 !important;margin-inline:auto;max-width:80rem;overflow:hidden;position:relative}@media screen and (prefers-color-scheme: light){:host{--side-link-hover: #eeeeee}}.container{position:static;min-height:100%;padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}@media screen and (min-width: 62em){.container{padding-left:5.25rem !important;overflow:hidden}}.side-menu{position:absolute;top:0;left:0;height:100%;min-height:calc(100vh - var(--nav-height));width:1.875rem;height:100%;background-color:var(--colour-canvas);transition:width 1s}.side-menu:before{content:"";position:absolute;top:0;right:0;height:100%;border-right:2px solid var(--colour-border)}@media screen and (min-width: 36em){.side-menu{left:0;width:2.5rem}}@media screen and (min-width: 62em){.side-menu{left:calc(50% - 34.75rem);margin-left:-5.25rem}.side-menu:after{content:"";position:absolute;top:0;height:100%;border-right:2px solid var(--colour-border);left:0;opacity:1;transition:all 1s;width:2.5rem;background:var(--colour-canvas)}.side-menu:not(.open).hover{width:21.5rem}.side-menu:not(.open).hover .btn[class*=fa-]:before{content:"" !important}}.side-menu .btn{position:absolute;top:2rem;right:0;margin-bottom:0;margin-right:-1.25rem;background-color:var(--colour-canvas-2);border:2px solid var(--colour-border);z-index:99}.side-menu .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 */
@@ -2511,11 +2510,11 @@ class Mi extends HTMLElement {
       </div>
 
     </div>
-    `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
-    const a = this.shadowRoot.querySelector(".side-menu"), t = this.shadowRoot.querySelector(".side-menu-content"), o = 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>`), o.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)") && (this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("h4"), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("main-content__title")), s.addEventListener("click", (n) => {
+    const a = this.shadowRoot.querySelector(".side-menu"), t = this.shadowRoot.querySelector(".side-menu-content"), i = this.shadowRoot.querySelector(".main-content"), s = this.shadowRoot.querySelector(".side-menu > .btn");
+    this.hasAttribute("data-css") && this.shadowRoot.querySelector(".styles").insertAdjacentHTML("beforeend", `@import "${this.getAttribute("data-css")}";`), this.hasAttribute("data-title") || this.setAttribute("data-title", "configuration"), t.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), i.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)") && (this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("h4"), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("main-content__title")), s.addEventListener("click", (n) => {
       a.classList.contains("open") ? (a.classList.remove("open"), s.removeAttribute("aria-expanded"), setTimeout(function() {
         t.classList.add("closed");
       }, 1e3), a.classList.add("pe-none"), setTimeout(function() {
@@ -2541,12 +2540,12 @@ const ji = {
   mounted() {
   }
 };
-function Ci(e, a, t, o, s, n) {
+function Ci(e, a, t, i, s, n) {
   return u(), m("iam-collapsible-side", null, [
     _(e.$slots, "default")
   ]);
 }
-const ro = /* @__PURE__ */ v(ji, [["render", Ci]]);
+const ro = /* @__PURE__ */ y(ji, [["render", Ci]]);
 export {
   Fi as Accordion,
   Pi as AccordionItem,