@iamproperty/components 3.8.0 → 4.0.0

package/dist/components.es.js

@@ -1,10 +1,10 @@
-import { openBlock as u, createElementBlock as m, normalizeClass as S, createElementVNode as d, toDisplayString as $, createCommentVNode as g, Fragment as M, renderList as H, renderSlot as v, withDirectives as R, mergeProps as C, vModelDynamic as G, vModelText as mt, vModelSelect as ht, createTextVNode as ft, resolveComponent as z, createVNode as q, withModifiers as bt } from "vue";
+import { openBlock as m, createElementBlock as h, normalizeClass as $, createElementVNode as g, toDisplayString as x, createCommentVNode as _, Fragment as M, renderList as H, renderSlot as S, withDirectives as D, mergeProps as N, vModelDynamic as Y, vModelText as pt, vModelSelect as bt, createTextVNode as ft, resolveComponent as z, createVNode as C, withModifiers as gt } from "vue";
 const A = (e, a) => {
   const t = e.__vccOpts || e;
-  for (const [r, i] of a)
-    t[r] = i;
+  for (const [r, s] of a)
+    t[r] = s;
   return t;
-}, pt = {
+}, yt = {
   name: "Logo",
   props: {
     id: {
@@ -29,413 +29,413 @@ const A = (e, a) => {
       return "brand brand--" + this.id;
     }
   }
-}, yt = ["xlink:href"], gt = ["innerHTML"];
-function _t(e, a, t, r, i, o) {
-  return u(), m("div", {
-    class: S(o.className)
+}, vt = ["xlink:href"], wt = ["innerHTML"];
+function _t(e, a, t, r, s, i) {
+  return m(), h("div", {
+    class: $(i.className)
   }, [
-    (u(), m("svg", null, [
-      d("title", null, "iam " + $(t.id), 1),
-      d("use", {
-        "xlink:href": t.path + o.src
-      }, null, 8, yt)
+    (m(), h("svg", null, [
+      g("title", null, "iam " + x(t.id), 1),
+      g("use", {
+        "xlink:href": t.path + i.src
+      }, null, 8, vt)
     ])),
-    t.desc ? (u(), m("span", {
+    t.desc ? (m(), h("span", {
       key: 0,
       innerHTML: t.desc
-    }, null, 8, gt)) : g("", !0)
+    }, null, 8, wt)) : _("", !0)
   ], 2);
 }
-const vt = /* @__PURE__ */ A(pt, [["render", _t]]);
+const Ko = /* @__PURE__ */ A(yt, [["render", _t]]);
 /*!
-  * iamKey v3.8.0
+  * iamKey v4.0.0
   * Copyright 2022-2023 iamproperty
   */
-const wt = function(e) {
+const At = function(e) {
   return typeof e != "string" ? !1 : !isNaN(e) && !isNaN(parseFloat(e));
-}, At = (e, a) => String(e).padStart(a, "0"), St = (e) => e.charAt(0).toUpperCase() + e.slice(1), F = function(e, a) {
+}, Lt = (e, a) => String(e).padStart(a, "0"), St = (e) => e.charAt(0).toUpperCase() + e.slice(1), B = function(e, a) {
   if (!e.getAttribute("data-pages"))
     return !1;
   e.getAttribute("data-page") || e.setAttribute("data-page", 1);
-  let t = e.getAttribute("data-page"), r = e.getAttribute("data-pages"), i = e.getAttribute("data-total"), o = e.getAttribute("data-show"), s = e.getAttribute("data-increment");
+  let t = e.getAttribute("data-page"), r = e.getAttribute("data-pages"), s = e.getAttribute("data-total"), i = e.getAttribute("data-show"), o = e.getAttribute("data-increment");
   if (r <= 1)
     return a.innerHTML = "", !1;
-  let l = "";
+  let n = "";
   for (let c = 1; c <= r; c++)
-    c == t ? l += `<li class="page-item active" aria-current="page"><span class="page-link">${c}</span></li>` : l += `<li class="page-item"><a href="?page=${c}" class="page-link" data-page="${c}">${c}</a></li>`;
+    c == t ? n += `<li class="page-item active" aria-current="page"><span class="page-link">${c}</span></li>` : n += `<li class="page-item"><a href="?page=${c}" class="page-link" data-page="${c}">${c}</a></li>`;
   return a.innerHTML = `<ul class="pagination mb-0 d-none d-sm-flex">
     ${t == 1 ? '<li class="page-item disabled"><span class="page-link">Previous</span></li>' : `<li class="page-item"><a href="?page=${parseInt(t) - 1}" class="page-link" data-page="${parseInt(t) - 1}">Previous</a></li>`}
-    ${l}
+    ${n}
     ${t == r ? '<li class="page-item disabled"><span class="page-link">Next</span></li>' : `<li class="page-item"><a href="?page=${parseInt(t) + 1}" class="page-link" data-page="${parseInt(t) + 1}">Next</a></li>`}
   </ul>`, a.innerHTML += `<div class="d-sm-none text-center">
-  <span class="d-block pb-2">You've viewed ${o} of ${i} results</span>
-  <a href="?show=${parseInt(o) + parseInt(s)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(o) + parseInt(s)}">Load more results</a>
+  <span class="d-block pb-2">You've viewed ${i} of ${s} results</span>
+  <a href="?show=${parseInt(i) + parseInt(o)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(i) + parseInt(o)}">Load more results</a>
   </div>`, !0;
 };
-var Lt = function(e, a, t, r) {
-  function i(o) {
-    return o instanceof t ? o : new t(function(s) {
-      s(o);
+var $t = function(e, a, t, r) {
+  function s(i) {
+    return i instanceof t ? i : new t(function(o) {
+      o(i);
     });
   }
-  return new (t || (t = Promise))(function(o, s) {
-    function l(f) {
+  return new (t || (t = Promise))(function(i, o) {
+    function n(p) {
       try {
-        n(r.next(f));
-      } catch (b) {
-        s(b);
+        l(r.next(p));
+      } catch (d) {
+        o(d);
       }
     }
-    function c(f) {
+    function c(p) {
       try {
-        n(r.throw(f));
-      } catch (b) {
-        s(b);
+        l(r.throw(p));
+      } catch (d) {
+        o(d);
       }
     }
-    function n(f) {
-      f.done ? o(f.value) : i(f.value).then(l, c);
+    function l(p) {
+      p.done ? i(p.value) : s(p.value).then(n, c);
     }
-    n((r = r.apply(e, a || [])).next());
+    l((r = r.apply(e, a || [])).next());
   });
 };
-const et = (e) => {
+const at = (e) => {
   const a = Array.from(e.querySelectorAll("thead th"));
   Array.from(e.querySelectorAll("tbody tr")).forEach((t, r) => {
-    const i = Array.from(t.querySelectorAll("th, td")), o = ["0", "low", "medium", "high", "unknown", "n/a", "pending", "verified", "due", "overdue", "incomplete", "complete", "completed", "approval required", "upcoming", "requires approval", "to do", "on track", "not started", "warning", "error"];
-    i.forEach((s, l) => {
-      const c = a[l];
+    const s = Array.from(t.querySelectorAll("th, td")), i = ["0", "low", "medium", "high", "unknown", "n/a", "pending", "verified", "due", "overdue", "incomplete", "complete", "completed", "approval required", "upcoming", "requires approval", "to do", "on track", "not started", "warning", "error"];
+    s.forEach((o, n) => {
+      const c = a[n];
       if (typeof c < "u") {
-        let n = document.createElement("div");
-        n.innerHTML = c.innerHTML;
-        let f = n.textContent || n.innerText || "";
-        s.setAttribute("data-label", f), c.hasAttribute("data-td-class") && s.setAttribute("class", c.getAttribute("data-td-class")), c.hasAttribute("data-format") && (s.setAttribute("data-format", c.getAttribute("data-format")), s.innerHTML = Y(c.getAttribute("data-format"), s.textContent.trim())), o.includes(s.textContent.trim().toLowerCase()) && s.setAttribute("data-content", s.textContent.trim().toLowerCase());
+        let l = document.createElement("div");
+        l.innerHTML = c.innerHTML;
+        let p = l.textContent || l.innerText || "";
+        o.setAttribute("data-label", p), c.hasAttribute("data-td-class") && o.setAttribute("class", c.getAttribute("data-td-class")), c.hasAttribute("data-format") && (o.setAttribute("data-format", c.getAttribute("data-format")), o.innerHTML = K(c.getAttribute("data-format"), o.textContent.trim())), i.includes(o.textContent.trim().toLowerCase()) && o.setAttribute("data-content", o.textContent.trim().toLowerCase());
       }
     });
   });
-}, kt = (e) => {
+}, qt = (e) => {
   let a = 0;
   return Array.from(e.querySelectorAll("tbody tr")).forEach((t, r) => {
-    let i = window.getComputedStyle(document.querySelector("html")), o = t.querySelector(":scope > *:last-child > *:first-child");
-    if (o) {
-      o.classList.add("text-nowrap");
-      let s = o.offsetWidth / parseFloat(i.fontSize);
-      s += 1.7, a = a > s ? a : s;
+    let s = window.getComputedStyle(document.querySelector("html")), i = t.querySelector(":scope > *:last-child > *:first-child");
+    if (i) {
+      i.classList.add("text-nowrap");
+      let o = i.offsetWidth / parseFloat(s.fontSize);
+      o += 1.7, a = a > o ? a : o;
     }
   }), a;
-}, qt = (e) => {
+}, kt = (e) => {
   if (e.closest(".table--fullwidth") || e.querySelectorAll("thead tr th").length < 4)
     return !1;
   Array.from(e.querySelectorAll("tbody tr")).forEach((a, t) => {
-    let r = a.querySelector(":scope > :is(td,th):first-child"), i = r.textContent;
-    if (i != "")
-      r.innerHTML = `<span class="td__content">${i}</span><button type="button" class="d-none">${i}</button>`;
+    let r = a.querySelector(":scope > :is(td,th):first-child"), s = r.textContent;
+    if (s != "")
+      r.innerHTML = `<span class="td__content">${s}</span><button type="button" class="d-none">${s}</button>`;
     else {
-      let o = a.querySelector(":scope > :is(td,th):nth-child(2)"), s = o.textContent;
-      o.innerHTML = `<span class="td__content">${s}</span><button type="button" class="d-none">${s}</button>`;
+      let i = a.querySelector(":scope > :is(td,th):nth-child(2)"), o = i.textContent;
+      i.innerHTML = `<span class="td__content">${o}</span><button type="button" class="d-none">${o}</button>`;
     }
   });
-}, $t = (e) => {
+}, xt = (e) => {
   e.addEventListener("click", (a) => {
     if (a && a.target instanceof HTMLElement && a.target.closest("tr > :is(td,th):first-child button")) {
       let t = a.target.closest("tr > :is(td,th):first-child button"), r = t.parentNode.closest("tr");
       r.getAttribute("data-view") == "full" ? r.setAttribute("data-view", "default") : r.setAttribute("data-view", "full"), t.blur();
     }
   });
-}, at = (e, a) => {
+}, ot = (e, a) => {
   let t = a.querySelector("[data-search]");
   if (!t)
     return !1;
-  const r = t.getAttribute("id"), i = t.getAttribute("data-search").split(",");
-  let o = t.parentNode, s = {};
-  i.forEach((l, c) => {
-    Array.from(e.querySelectorAll('td[data-label="' + l.trim() + '"]')).forEach((n, f) => {
-      n.querySelector(".td__content") ? s[n.querySelector(".td__content").textContent] = n.querySelector(".td__content").textContent : s[n.textContent] = n.textContent;
+  const r = t.getAttribute("id"), s = t.getAttribute("data-search").split(",");
+  let i = t.parentNode, o = {};
+  s.forEach((n, c) => {
+    Array.from(e.querySelectorAll('td[data-label="' + n.trim() + '"]')).forEach((l, p) => {
+      l.querySelector(".td__content") ? o[l.querySelector(".td__content").textContent] = l.querySelector(".td__content").textContent : o[l.textContent] = l.textContent;
     });
-  }), t.setAttribute("list", `${r}_list`), t.setAttribute("autocomplete", "off"), o.querySelector("datalist") || (o.innerHTML += `<datalist id="${r}_list"></datalist>`), o.querySelector("datalist").innerHTML = `${Object.keys(s).map((l) => `<option value="${l}"></option>`).join("")}`;
-}, xt = (e, a, t, r, i) => {
-  var o;
-  let s = function(n = !1) {
+  }), t.setAttribute("list", `${r}_list`), t.setAttribute("autocomplete", "off"), i.querySelector("datalist") || (i.innerHTML += `<datalist id="${r}_list"></datalist>`), i.querySelector("datalist").innerHTML = `${Object.keys(o).map((n) => `<option value="${n}"></option>`).join("")}`;
+}, Et = (e, a, t, r, s) => {
+  var i;
+  let o = function(l = !1) {
     if (a.hasAttribute("data-ajax")) {
-      if (!n) {
-        let f = a.querySelector("[data-pagination]");
-        f.value = 1, r.setAttribute("data-page", 1);
+      if (!l) {
+        let p = a.querySelector("[data-pagination]");
+        p.value = 1, r.setAttribute("data-page", 1);
       }
-      ot(e, a, t, r);
+      st(e, a, t, r);
     } else
-      a.hasAttribute("data-submit") ? a.submit() : (K(e, a, r), F(r, t), O(e, a));
+      a.hasAttribute("data-submit") ? a.submit() : (G(e, a, r), B(r, t), F(e, a));
     if (a.hasAttribute("data-ajax-post")) {
-      let f = new FormData(a), b = new URLSearchParams(f).toString();
-      const y = new XMLHttpRequest();
-      y.open("GET", `${window.location.href}?ajax=true&${b}`), y.send();
+      let p = new FormData(a), d = new URLSearchParams(p).toString();
+      const f = new XMLHttpRequest();
+      f.open("GET", `${window.location.href}?ajax=true&${d}`), f.send();
     }
   };
-  a.addEventListener("keyup", (n) => {
-    clearTimeout(o), n && n.target instanceof HTMLElement && n.target.closest("[data-search]") && (o = setTimeout(function() {
-      s();
+  a.addEventListener("keyup", (l) => {
+    clearTimeout(i), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && (i = setTimeout(function() {
+      o();
     }, 500));
-  }), a.addEventListener("change", (n) => {
-    clearTimeout(o), n && n.target instanceof HTMLElement && n.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || Q(e, a, i), s()), n && n.target instanceof HTMLElement && n.target.closest("[data-search]") && s(), n && n.target instanceof HTMLElement && n.target.closest("[data-filter][data-no-ajax]") ? (K(e, a, r), F(r, t), O(e, a)) : (n && n.target instanceof HTMLElement && n.target.closest("[data-filter]") && n.target.closest("form .dialog__wrapper > dialog") || n && n.target instanceof HTMLElement && n.target.closest("[data-filter]") && !n.target.closest("form dialog")) && s(), n && n.target instanceof HTMLElement && n.target.closest("[data-show]") && s(), n && n.target instanceof HTMLElement && n.target.closest("[data-mimic]") && s();
-  }), a.addEventListener("click", (n) => {
-    clearTimeout(o), n && n.target instanceof HTMLElement && n.target.closest('dialog button:not([type="button"])') && n.target.closest('dialog button:not([type="button"])').closest("dialog").close(), n && n.target instanceof HTMLElement && n.target.closest(".dialog__close") && (n.preventDefault(), n.stopPropagation()), n && n.target instanceof HTMLElement && n.target.closest("[data-clear]") && (a.reset(), a.hasAttribute("data-submit") || Q(e, a, i), s());
-  }), a.addEventListener("submit", (n) => {
-    clearTimeout(o), a.hasAttribute("data-submit") || n.preventDefault(), s();
-  }), a.addEventListener("force", (n) => {
-    s();
-  }), a.addEventListener("paginate", (n) => {
-    s(!0);
+  }), a.addEventListener("change", (l) => {
+    clearTimeout(i), l && l.target instanceof HTMLElement && l.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || Q(e, a, s), o()), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && o(), l && l.target instanceof HTMLElement && l.target.closest("[data-filter][data-no-ajax]") ? (G(e, a, r), B(r, t), F(e, a)) : (l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && l.target.closest("form .dialog__wrapper > dialog") || l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && !l.target.closest("form dialog")) && o(), l && l.target instanceof HTMLElement && l.target.closest("[data-show]") && o(), l && l.target instanceof HTMLElement && l.target.closest("[data-mimic]") && o();
+  }), a.addEventListener("click", (l) => {
+    clearTimeout(i), l && l.target instanceof HTMLElement && l.target.closest('dialog button:not([type="button"])') && l.target.closest('dialog button:not([type="button"])').closest("dialog").close(), l && l.target instanceof HTMLElement && l.target.closest(".dialog__close") && (l.preventDefault(), l.stopPropagation()), l && l.target instanceof HTMLElement && l.target.closest("[data-clear]") && (a.reset(), a.hasAttribute("data-submit") || Q(e, a, s), o());
+  }), a.addEventListener("submit", (l) => {
+    clearTimeout(i), a.hasAttribute("data-submit") || l.preventDefault(), o();
+  }), a.addEventListener("force", (l) => {
+    o();
+  }), a.addEventListener("paginate", (l) => {
+    o(!0);
   });
-  let l = [], c = [];
-  Array.from(a.querySelectorAll("[data-mimic]")).forEach((n, f) => {
-    let b = n.getAttribute("data-mimic");
-    Array.from(document.querySelectorAll(`[name="${b}"]`)).forEach((y, p) => {
-      let h = y.closest("form");
-      l.includes(h) || l.push(h), c.includes(b) || c.push(b);
+  let n = [], c = [];
+  Array.from(a.querySelectorAll("[data-mimic]")).forEach((l, p) => {
+    let d = l.getAttribute("data-mimic");
+    Array.from(document.querySelectorAll(`[name="${d}"]`)).forEach((f, b) => {
+      let u = f.closest("form");
+      n.includes(u) || n.push(u), c.includes(d) || c.push(d);
     });
-  }), l.forEach((n, f) => {
-    const b = function() {
-      let y = [], p = new FormData(n);
-      for (const [h, L] of p)
-        document.querySelector(`[data-mimic="${h}"]`) && !y.includes(h) ? (y.push(h), document.querySelector(`[data-mimic="${h}"]`).value = L) : document.querySelector(`[data-mimic="${h}"]`) && (document.querySelector(`[data-mimic="${h}"]`).value += "," + L);
-      for (const h of y) {
-        const L = new Event("force");
-        a.dispatchEvent(L);
+  }), n.forEach((l, p) => {
+    const d = function() {
+      let f = [], b = new FormData(l);
+      for (const [u, w] of b)
+        document.querySelector(`[data-mimic="${u}"]`) && !f.includes(u) ? (f.push(u), document.querySelector(`[data-mimic="${u}"]`).value = w) : document.querySelector(`[data-mimic="${u}"]`) && (document.querySelector(`[data-mimic="${u}"]`).value += "," + w);
+      for (const u of f) {
+        const w = new Event("force");
+        a.dispatchEvent(w);
       }
-      for (const h of c)
-        if (!p.has(h) && n.querySelector(`[name="${h}"]`)) {
-          document.querySelector(`[data-mimic="${h}"]`).value = "";
-          const L = new Event("force");
-          a.dispatchEvent(L);
+      for (const u of c)
+        if (!b.has(u) && l.querySelector(`[name="${u}"]`)) {
+          document.querySelector(`[data-mimic="${u}"]`).value = "";
+          const w = new Event("force");
+          a.dispatchEvent(w);
         }
     };
-    n.addEventListener("force", (y) => {
-      b();
-    }), n.addEventListener("change", (y) => {
-      b();
+    l.addEventListener("force", (f) => {
+      d();
+    }), l.addEventListener("change", (f) => {
+      d();
     });
   });
 }, Q = (e, a, t) => {
   if (a.getAttribute("data-ajax"))
     return !1;
-  let r = e.querySelector("tbody"), i = a.querySelector("[data-sort]"), o = i.querySelector(`option:nth-child(${i.selectedIndex + 1})`), s = o.getAttribute("data-sort"), l = o.getAttribute("data-order"), c = o.getAttribute("data-format");
-  if (!s)
-    return r.innerHTML = t.innerHTML, et(e), !1;
-  let n = [];
-  ["asc", "desc", "descending"].includes(l) || (n = l.split(","));
-  let f = [];
-  Array.from(r.querySelectorAll("tr")).forEach((y, p) => {
-    let h = y.querySelector('td[data-label="' + s + '"], th[data-label="' + s + '"]').textContent.trim();
-    y.querySelector('[data-label="' + s + '"] .td__content') && (h = y.querySelector('[data-label="' + s + '"] .td__content').textContent.trim()), n.length && n.includes(h) && (h = n.indexOf(h)), wt(h) && (h = At(h, 10)), c && c == "date" && (h = new Date(h));
-    const L = { index: h, row: y };
-    f.push(L);
-  }), f.sort((y, p) => y.index > p.index ? 1 : -1), (l == "descending" || l == "desc") && (f = f.reverse());
-  let b = "";
-  f.forEach((y, p) => {
-    b += y.row.outerHTML;
-  }), r.innerHTML = b;
-}, K = (e, a, t) => {
+  let r = e.querySelector("tbody"), s = a.querySelector("[data-sort]"), i = s.querySelector(`option:nth-child(${s.selectedIndex + 1})`), o = i.getAttribute("data-sort"), n = i.getAttribute("data-order"), c = i.getAttribute("data-format");
+  if (!o)
+    return r.innerHTML = t.innerHTML, at(e), !1;
+  let l = [];
+  ["asc", "desc", "descending"].includes(n) || (l = n.split(","));
+  let p = [];
+  Array.from(r.querySelectorAll("tr")).forEach((f, b) => {
+    let u = f.querySelector('td[data-label="' + o + '"], th[data-label="' + o + '"]').textContent.trim();
+    f.querySelector('[data-label="' + o + '"] .td__content') && (u = f.querySelector('[data-label="' + o + '"] .td__content').textContent.trim()), l.length && l.includes(u) && (u = l.indexOf(u)), At(u) && (u = Lt(u, 10)), c && c == "date" && (u = new Date(u));
+    const w = { index: u, row: f };
+    p.push(w);
+  }), p.sort((f, b) => f.index > b.index ? 1 : -1), (n == "descending" || n == "desc") && (p = p.reverse());
+  let d = "";
+  p.forEach((f, b) => {
+    d += f.row.outerHTML;
+  }), r.innerHTML = d;
+}, G = (e, a, t) => {
   e.classList.remove("table--filtered");
-  let r = rt(a), i = [], o = 0, s = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, l = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
-  if (Array.from(e.querySelectorAll("tbody tr")).forEach((n, f) => {
-    n.classList.remove("filtered"), n.classList.remove("filtered--matched"), n.classList.remove("filtered--show"), n.removeAttribute("data-filtered-by");
+  let r = rt(a), s = [], i = 0, o = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, n = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
+  if (Array.from(e.querySelectorAll("tbody tr")).forEach((l, p) => {
+    l.classList.remove("filtered"), l.classList.remove("filtered--matched"), l.classList.remove("filtered--show"), l.removeAttribute("data-filtered-by");
   }), a.querySelector("[data-search]")) {
-    let n = a.querySelector("[data-search]");
-    a.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((f, b) => {
-      i.push({ column: `${f.trim()}`, value: `${n.value}` });
+    let l = a.querySelector("[data-search]");
+    a.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((p, d) => {
+      s.push({ column: `${p.trim()}`, value: `${l.value}` });
     });
   }
-  Array.from(a.querySelectorAll("[data-filter-count]")).forEach((n, f) => {
-    n.innerHTML = "", n.parentNode.classList.remove("hover");
+  Array.from(a.querySelectorAll("[data-filter-count]")).forEach((l, p) => {
+    l.innerHTML = "", l.parentNode.classList.remove("hover");
   });
   let c = 0;
-  Object.values(r).forEach((n, f) => {
-    typeof n == "object" && Object.values(n).length ? c += Object.values(n).length : c++;
-  }), c && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((n, f) => {
-    n.innerHTML += `(${c})`, n.parentNode.classList.add("hover");
+  Object.values(r).forEach((l, p) => {
+    typeof l == "object" && Object.values(l).length ? c += Object.values(l).length : c++;
+  }), c && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((l, p) => {
+    l.innerHTML += `(${c})`, l.parentNode.classList.add("hover");
   }), e.classList.add("table--filtered");
-  for (const [n, f] of Object.entries(r))
-    Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((b, y) => {
-      let p = !1;
-      f.forEach((h, L) => {
-        let x = b.querySelector(`[data-label="${n}"]`);
-        if (h && h == "$today")
-          h = Y("date", /* @__PURE__ */ new Date());
-        else if (h && h == "$yesterday") {
-          let w = /* @__PURE__ */ new Date();
-          w.setDate(w.getDate() - 1), h = Y("date", w);
-        } else if (h && (h == "$thisWeek" || h == "$lastWeek")) {
-          let w = /* @__PURE__ */ new Date(), E = new Date(w.setDate(w.getDate() - (w.getDay() - 1))), k = new Date(w.setDate(w.getDate() - w.getDay() + 7)), _ = new Date(x.textContent.toLowerCase());
-          if (w.setHours(0, 0, 0, 0), E.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), _.setHours(0, 0, 0, 0), h == "$thisWeek")
-            p = _ >= E && _ <= k;
+  for (const [l, p] of Object.entries(r))
+    Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((d, f) => {
+      let b = !1;
+      p.forEach((u, w) => {
+        let q = d.querySelector(`[data-label="${l}"]`);
+        if (u && u == "$today")
+          u = K("date", /* @__PURE__ */ new Date());
+        else if (u && u == "$yesterday") {
+          let L = /* @__PURE__ */ new Date();
+          L.setDate(L.getDate() - 1), u = K("date", L);
+        } else if (u && (u == "$thisWeek" || u == "$lastWeek")) {
+          let L = /* @__PURE__ */ new Date(), E = new Date(L.setDate(L.getDate() - (L.getDay() - 1))), k = new Date(L.setDate(L.getDate() - L.getDay() + 7)), v = new Date(q.textContent.toLowerCase());
+          if (L.setHours(0, 0, 0, 0), E.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), v.setHours(0, 0, 0, 0), u == "$thisWeek")
+            b = v >= E && v <= k;
           else {
-            let B = new Date(E.setDate(E.getDate() - 7)), T = new Date(k.setDate(k.getDate() - 7));
-            B.setHours(0, 0, 0, 0), T.setHours(0, 0, 0, 0), p = _ >= B && _ <= T;
+            let O = new Date(E.setDate(E.getDate() - 7)), T = new Date(k.setDate(k.getDate() - 7));
+            O.setHours(0, 0, 0, 0), T.setHours(0, 0, 0, 0), b = v >= O && v <= T;
           }
-        } else if (h && h == "$thisMonth") {
-          let w = /* @__PURE__ */ new Date(), E = w.getFullYear(), k = w.getMonth();
-          var N = new Date(E, k, 1), I = new Date(E, k + 1, 0);
-          let _ = new Date(x.textContent.toLowerCase());
-          N.setHours(0, 0, 0, 0), I.setHours(0, 0, 0, 0), _.setHours(0, 0, 0, 0), p = _ >= N && _ <= I;
-        } else if (h && h == "$lastMonth") {
-          let w = /* @__PURE__ */ new Date(), E = w.getFullYear(), k = w.getMonth();
-          var D = new Date(E, k - 1, 1), P = new Date(E, k, 0);
-          let _ = new Date(x.textContent.toLowerCase());
-          D.setHours(0, 0, 0, 0), P.setHours(0, 0, 0, 0), _.setHours(0, 0, 0, 0), p = _ >= D && _ <= P;
+        } else if (u && u == "$thisMonth") {
+          let L = /* @__PURE__ */ new Date(), E = L.getFullYear(), k = L.getMonth();
+          var y = new Date(E, k, 1), P = new Date(E, k + 1, 0);
+          let v = new Date(q.textContent.toLowerCase());
+          y.setHours(0, 0, 0, 0), P.setHours(0, 0, 0, 0), v.setHours(0, 0, 0, 0), b = v >= y && v <= P;
+        } else if (u && u == "$lastMonth") {
+          let L = /* @__PURE__ */ new Date(), E = L.getFullYear(), k = L.getMonth();
+          var R = new Date(E, k - 1, 1), j = new Date(E, k, 0);
+          let v = new Date(q.textContent.toLowerCase());
+          R.setHours(0, 0, 0, 0), j.setHours(0, 0, 0, 0), v.setHours(0, 0, 0, 0), b = v >= R && v <= j;
         }
-        x && x.textContent.toLowerCase().includes(h.toLowerCase()) && (p = !0);
-      }), p || (b.classList.add("filtered"), b.setAttribute("data-filtered-by", n));
+        q && q.textContent.toLowerCase().includes(u.toLowerCase()) && (b = !0);
+      }), b || (d.classList.add("filtered"), d.setAttribute("data-filtered-by", l));
     });
-  Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((n, f) => {
-    let b = !(i.length > 0 && i[0].value.length >= 3);
-    i.forEach((y, p) => {
-      let h = n.querySelector(`[data-label="${y.column}"]`);
-      h && y.value.length >= 3 && h.textContent.toLowerCase().includes(y.value.toLowerCase()) && (b = !0);
-    }), b || n.classList.add("filtered");
-  }), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((n, f) => {
-    o++, n.classList.add("filtered--matched"), Math.ceil(o / l) == parseInt(s) && n.classList.add("filtered--show");
-  }), t && (t.setAttribute("data-page", s), t.setAttribute("data-pages", Math.ceil(o / l)), t.setAttribute("data-total", o), t.setAttribute("data-show", l));
-}, O = (e, a, t) => {
-  Array.from(a.querySelectorAll("[data-query]")).forEach((r, i) => {
-    let o = r.getAttribute("data-query"), s;
-    if (o == "total")
-      t.hasAttribute("data-total") ? s = t.getAttribute("data-total") : s = (e.classList.contains("table--filtered"), e.querySelectorAll("tbody tr").length);
-    else if (!o.includes(" == ") && o.includes(" & ")) {
-      let l = o.split(" & "), c = "";
-      l.forEach((n) => {
-        c += `:not([data-filtered-by="${n}"])`;
-      }), s = Array.from(e.querySelectorAll(`tbody tr${c}`)).length;
-    } else if (!o.includes(" == "))
-      s = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${o}"])`)).length;
-    else if (o.includes(" && ")) {
-      let l = o.split(" && ");
-      s = Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(c) {
-        let n = !0;
-        for (const [f, b] of Object.entries(l)) {
-          let y = b.split(" == ");
-          (!c.querySelector(`td[data-label="${y[0]}"]`) || c.querySelector(`td[data-label="${y[0]}"]`).textContent != `${y[1]}`) && (n = !1);
+  Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((l, p) => {
+    let d = !(s.length > 0 && s[0].value.length >= 3);
+    s.forEach((f, b) => {
+      let u = l.querySelector(`[data-label="${f.column}"]`);
+      u && f.value.length >= 3 && u.textContent.toLowerCase().includes(f.value.toLowerCase()) && (d = !0);
+    }), d || l.classList.add("filtered");
+  }), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((l, p) => {
+    i++, l.classList.add("filtered--matched"), Math.ceil(i / n) == parseInt(o) && l.classList.add("filtered--show");
+  }), t && (t.setAttribute("data-page", o), t.setAttribute("data-pages", Math.ceil(i / n)), t.setAttribute("data-total", i), t.setAttribute("data-show", n));
+}, F = (e, a, t) => {
+  Array.from(a.querySelectorAll("[data-query]")).forEach((r, s) => {
+    let i = r.getAttribute("data-query"), o;
+    if (i == "total")
+      t.hasAttribute("data-total") ? o = t.getAttribute("data-total") : o = (e.classList.contains("table--filtered"), e.querySelectorAll("tbody tr").length);
+    else if (!i.includes(" == ") && i.includes(" & ")) {
+      let n = i.split(" & "), c = "";
+      n.forEach((l) => {
+        c += `:not([data-filtered-by="${l}"])`;
+      }), o = Array.from(e.querySelectorAll(`tbody tr${c}`)).length;
+    } else if (!i.includes(" == "))
+      o = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${i}"])`)).length;
+    else if (i.includes(" && ")) {
+      let n = i.split(" && ");
+      o = Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(c) {
+        let l = !0;
+        for (const [p, d] of Object.entries(n)) {
+          let f = d.split(" == ");
+          (!c.querySelector(`td[data-label="${f[0]}"]`) || c.querySelector(`td[data-label="${f[0]}"]`).textContent != `${f[1]}`) && (l = !1);
         }
-        return n;
+        return l;
       }).length;
     } else {
-      let l = o.split(" == ");
-      s = Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${l[0]}"], tbody tr[data-filtered-by="${l[0]}"] td[data-label="${l[0]}"]`)).filter(function(c) {
-        return c.textContent === l[1];
+      let n = i.split(" == ");
+      o = Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${n[0]}"], tbody tr[data-filtered-by="${n[0]}"] td[data-label="${n[0]}"]`)).filter(function(c) {
+        return c.textContent === n[1];
       }).length;
     }
-    r.hasAttribute("data-total") ? r.setAttribute("data-total", s) : r.innerHTML = s;
+    r.hasAttribute("data-total") ? r.setAttribute("data-total", o) : r.innerHTML = o;
   });
-}, Et = function(e, a, t, r) {
-  t.addEventListener("click", (i) => {
-    if (i && i.target instanceof HTMLElement && i.target.closest("[data-page]")) {
-      i.preventDefault();
-      let o = a.querySelector("[data-pagination]"), s = i.target.closest("[data-page]").getAttribute("data-page");
-      if (o.value = s, r.setAttribute("data-page", s), a.dispatchEvent(new Event("paginate")), e.hasAttribute("data-show-history")) {
-        const n = new URL(location);
-        n.searchParams.set("page", s), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: s }, "", n);
+}, Tt = function(e, a, t, r) {
+  t.addEventListener("click", (s) => {
+    if (s && s.target instanceof HTMLElement && s.target.closest("[data-page]")) {
+      s.preventDefault();
+      let i = a.querySelector("[data-pagination]"), o = s.target.closest("[data-page]").getAttribute("data-page");
+      if (i.value = o, r.setAttribute("data-page", o), a.dispatchEvent(new Event("paginate")), e.hasAttribute("data-show-history")) {
+        const l = new URL(location);
+        l.searchParams.set("page", o), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: o }, "", l);
       }
-      const l = -250, c = e.getBoundingClientRect().top + window.pageYOffset + l;
+      const n = -250, c = e.getBoundingClientRect().top + window.pageYOffset + n;
       window.scrollTo({ top: c, behavior: "smooth" });
     }
-    if (i && i.target instanceof HTMLElement && i.target.closest("[data-show]")) {
-      i.preventDefault();
-      let o = a.querySelector("[data-show]"), s = i.target.closest("[data-show]").getAttribute("data-show");
-      o.value = s, r.setAttribute("data-show", s), a.dispatchEvent(new Event("submit"));
+    if (s && s.target instanceof HTMLElement && s.target.closest("[data-show]")) {
+      s.preventDefault();
+      let i = a.querySelector("[data-show]"), o = s.target.closest("[data-show]").getAttribute("data-show");
+      i.value = o, r.setAttribute("data-show", o), a.dispatchEvent(new Event("submit"));
     }
   });
-}, Tt = (e, a) => {
+}, Mt = (e, a) => {
   if (!e)
     return !1;
   e.addEventListener("click", (t) => {
-    Mt(a);
+    Ht(a);
   });
-}, Mt = function(e) {
+}, Ht = function(e) {
   for (var a = [], t = e.getElementsByTagName("tr"), r = 0; r < t.length; r++) {
-    for (var i = t[r].querySelectorAll("td,th"), o = [], s = 0; s < i.length; s++)
-      o.push(`"${i[s].textContent}"`);
-    a.push(o.join(","));
+    for (var s = t[r].querySelectorAll("td,th"), i = [], o = 0; o < s.length; o++)
+      i.push(`"${s[o].textContent}"`);
+    a.push(i.join(","));
   }
   a = a.join(`
 `);
-  let l = new Blob([a], { type: "text/csv" });
+  let n = new Blob([a], { type: "text/csv" });
   var c = document.createElement("a");
   c.download = "export.csv";
-  var n = window.URL.createObjectURL(l);
-  c.href = n, c.style.display = "none", document.body.appendChild(c), c.click(), document.body.removeChild(c);
-}, st = function(e, a, t, r) {
-  if (et(e), qt(e), O(e, a, r), r && r.classList.contains("table--cta")) {
-    let i = function() {
-      Array.from(e.querySelectorAll("tr")).forEach((s, l) => {
-        let c = s.offsetHeight;
-        s.style.setProperty("--row-height", `${c}px`);
+  var l = window.URL.createObjectURL(n);
+  c.href = l, c.style.display = "none", document.body.appendChild(c), c.click(), document.body.removeChild(c);
+}, it = function(e, a, t, r) {
+  if (at(e), kt(e), F(e, a, r), r && r.classList.contains("table--cta")) {
+    let s = function() {
+      Array.from(e.querySelectorAll("tr")).forEach((o, n) => {
+        let c = o.offsetHeight;
+        o.style.setProperty("--row-height", `${c}px`);
       });
     };
-    const o = kt(e);
-    r.style.setProperty("--cta-width", `${o}rem`), new ResizeObserver(i).observe(e);
+    const i = qt(e);
+    r.style.setProperty("--cta-width", `${i}rem`), new ResizeObserver(s).observe(e);
   }
 }, rt = function(e) {
   let a = new Object();
   return Array.from(e.querySelectorAll("[data-filter]")).forEach((t, r) => {
     if (!(t.type == "radio" && !t.checked) && !(t.type == "checkbox" && !t.checked) && t && t.value) {
-      let i = t.getAttribute("data-filter");
-      a[i] || (a[i] = new Array()), a[i].push(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, r) {
-  return Lt(this, void 0, void 0, function* () {
-    const i = (p, h, L) => h.split(/[\.\[\]\'\"]/).filter((x) => x).reduce((x, N) => x ? x[N] : L, p);
-    let o = new FormData(a), s = new URLSearchParams(o).toString(), l = e.querySelectorAll("thead tr th"), c = e.querySelector("tbody"), n = a.getAttribute("data-ajax");
+}, st = function(e, a, t, r) {
+  return $t(this, void 0, void 0, function* () {
+    const s = (b, u, w) => u.split(/[\.\[\]\'\"]/).filter((q) => q).reduce((q, y) => q ? q[y] : w, b);
+    let i = new FormData(a), o = new URLSearchParams(i).toString(), n = e.querySelectorAll("thead tr th"), c = e.querySelector("tbody"), l = a.getAttribute("data-ajax");
     r.classList.add("table--loading");
-    let f = rt(a);
-    Array.from(a.querySelectorAll("[data-filter-count]")).forEach((p, h) => {
-      p.innerHTML = "", p.parentNode.classList.remove("hover");
+    let p = rt(a);
+    Array.from(a.querySelectorAll("[data-filter-count]")).forEach((b, u) => {
+      b.innerHTML = "", b.parentNode.classList.remove("hover");
     });
-    let b = 0;
-    Object.values(f).forEach((p, h) => {
-      typeof p == "object" && Object.values(p).length ? b += Object.values(p).length : b++;
-    }), b && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((p, h) => {
-      p.innerHTML += `(${b})`, p.parentNode.classList.add("hover");
-    }), window.controller || (window.controller = []), window.controller[n] && window.controller[n].abort(), window.controller[n] = new AbortController();
-    const { signal: y } = controller[n];
+    let d = 0;
+    Object.values(p).forEach((b, u) => {
+      typeof b == "object" && Object.values(b).length ? d += Object.values(b).length : d++;
+    }), d && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((b, u) => {
+      b.innerHTML += `(${d})`, b.parentNode.classList.add("hover");
+    }), window.controller || (window.controller = []), window.controller[l] && window.controller[l].abort(), window.controller[l] = new AbortController();
+    const { signal: f } = controller[l];
     try {
-      yield fetch(n + "?" + s, { signal: y, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((p) => p.json()).then((p) => {
-        let h = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", L = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", x = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", N = i(p, L, 1), I = i(p, x, 1), D = i(p, h), P = r.hasAttribute("data-empty-msg") ? r.getAttribute("data-empty-msg") : "No results found";
-        D ? (c.innerHTML = "", D.forEach((w, E) => {
+      yield fetch(l + "?" + o, { signal: f, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((b) => b.json()).then((b) => {
+        let u = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", w = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", q = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", y = s(b, w, 1), P = s(b, q, 1), R = s(b, u), j = r.hasAttribute("data-empty-msg") ? r.getAttribute("data-empty-msg") : "No results found";
+        R ? (c.innerHTML = "", R.forEach((L, E) => {
           var k = document.createElement("tr");
-          l.forEach((_, B) => {
+          n.forEach((v, O) => {
             let T = "";
             var V = document.createElement("td");
-            if (V.setAttribute("data-label", _.innerText), _.getAttribute("data-output")) {
-              var U = _.getAttribute("data-output");
-              T = U.replace(new RegExp(/{(.*?)}/, "gm"), function(lt) {
-                return i(w, lt.replace("{", "").replace("}", ""));
+            if (V.setAttribute("data-label", v.innerText), v.getAttribute("data-output")) {
+              var W = v.getAttribute("data-output");
+              T = W.replace(new RegExp(/{(.*?)}/, "gm"), function(dt) {
+                return s(L, dt.replace("{", "").replace("}", ""));
               });
             }
-            if (_.hasAttribute("data-output-array")) {
-              var U = _.getAttribute("data-output");
-              let ct = i(w, U.replace("{", "").replace("}", ""));
-              T = "", ct.forEach((J, ir) => {
-                let dt = _.getAttribute("data-output-array"), j = "";
-                if (_.hasAttribute("data-output-array-property") && _.hasAttribute("data-output-array-transform")) {
-                  const W = i(J, _.getAttribute("data-output-array-property")), ut = JSON.parse(_.getAttribute("data-output-array-transform"))[W];
-                  j = dt.replace(`{${_.getAttribute("data-output-array-property")}}`, ut);
+            if (v.hasAttribute("data-output-array")) {
+              var W = v.getAttribute("data-output");
+              let ut = s(L, W.replace("{", "").replace("}", ""));
+              T = "", ut.forEach((J, Yo) => {
+                let mt = v.getAttribute("data-output-array"), I = "";
+                if (v.hasAttribute("data-output-array-property") && v.hasAttribute("data-output-array-transform")) {
+                  const U = s(J, v.getAttribute("data-output-array-property")), ht = JSON.parse(v.getAttribute("data-output-array-transform"))[U];
+                  I = mt.replace(`{${v.getAttribute("data-output-array-property")}}`, ht);
                 }
-                j = j.replace(new RegExp(/{(.*?)}/, "gm"), function(W) {
-                  return i(J, W.replace("{", "").replace("}", ""));
-                }), T += j;
+                I = I.replace(new RegExp(/{(.*?)}/, "gm"), function(U) {
+                  return s(J, U.replace("{", "").replace("}", ""));
+                }), T += I;
               });
             }
-            _.hasAttribute("data-transform") && (T = JSON.parse(_.getAttribute("data-transform"))[T], !T && _.hasAttribute("data-default") && (T = _.getAttribute("data-default"))), V.innerHTML = T, k.appendChild(V);
+            v.hasAttribute("data-transform") && (T = JSON.parse(v.getAttribute("data-transform"))[T], !T && v.hasAttribute("data-default") && (T = v.getAttribute("data-default"))), V.innerHTML = T, k.appendChild(V);
           }), c.appendChild(k);
-        }), at(e, a), r.setAttribute("data-total", parseInt(N)), r.setAttribute("data-page", parseInt(I)), r.setAttribute("data-pages", Math.ceil(r.getAttribute("data-total") / r.getAttribute("data-show"))), st(e, a, t, r), F(r, t), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((w, E) => {
-          let k = i(p, w.getAttribute("data-ajax-query"), "");
-          w.hasAttribute("data-total") ? w.setAttribute("data-total", k) : w.innerHTML = k;
-        }), parseInt(N) == 0 && (c.innerHTML = `<tr><td colspan="100%"><span>${P}</span></td></tr>`), r.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: n, formData: s })) : c.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>';
+        }), ot(e, a), r.setAttribute("data-total", parseInt(y)), r.setAttribute("data-page", parseInt(P)), r.setAttribute("data-pages", Math.ceil(r.getAttribute("data-total") / r.getAttribute("data-show"))), it(e, a, t, r), B(r, t), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((L, E) => {
+          let k = s(b, L.getAttribute("data-ajax-query"), "");
+          L.hasAttribute("data-total") ? L.setAttribute("data-total", k) : L.innerHTML = k;
+        }), parseInt(y) == 0 && (c.innerHTML = `<tr><td colspan="100%"><span>${j}</span></td></tr>`), r.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: l, formData: o })) : c.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>';
       });
-    } catch (p) {
-      console.log(p);
+    } catch (b) {
+      console.log(b);
     }
   });
-}, Y = (e, a) => {
+}, K = (e, a) => {
   switch (e) {
     case "datetime":
       return new Date(a).toLocaleDateString("en-gb", { weekday: "short", year: "2-digit", month: "long", day: "numeric" }) + " " + new Date(a).toLocaleTimeString("en-gb", { hour: "2-digit", minute: "2-digit" });
@@ -445,7 +445,7 @@ const et = (e) => {
       return a = St(a);
   }
 };
-class Ht extends HTMLElement {
+class Ct extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = document.createElement("template");
@@ -465,6 +465,7 @@ class Ht extends HTMLElement {
     
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
+    <slot name="before"></slot>
     <div class="table--cta">
     <div class="table__wrapper">
       <slot></slot>
@@ -477,9 +478,27 @@ class Ht extends HTMLElement {
     const a = new URLSearchParams(window.location.search);
     this.hasAttribute("data-total") || this.setAttribute("data-total", this.querySelectorAll("table tbody tr").length), this.hasAttribute("data-page") || this.setAttribute("data-page", a.has("page") ? a.get("page") : 1), this.hasAttribute("data-show") || this.setAttribute("data-show", 15), this.hasAttribute("data-increment") || this.setAttribute("data-increment", 15), this.setAttribute("data-pages", Math.ceil(this.getAttribute("data-total") / this.getAttribute("data-show")));
     let t = this.classList.toString();
-    t = t.replace("table--cta", ""), t = t.replace("table--loading", ""), this.shadowRoot.querySelector(".table__wrapper").className += ` ${t}`, this.table = this.querySelector("table"), this.savedTableBody = this.table.querySelector("tbody").cloneNode(!0), this.pagination = this.shadowRoot.querySelector(".table__pagination"), this.classList.contains("table--cta") || this.shadowRoot.querySelector(".table--cta").classList.remove("table--cta"), this.form = document.createElement("form"), this.hasAttribute("data-filterby") ? this.form = document.querySelector(`#${this.getAttribute("data-filterby")}`) : this.table.parentNode.insertBefore(this.form, this.table.nextSibling), this.form.hasAttribute("data-ajax") && this.table.classList.add("table--ajax"), at(this.table, this.form), this.form.querySelector("[data-page]") || (this.form.innerHTML += `<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`), this.form.querySelector("[data-show]") || (this.form.innerHTML += `<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`), $t(this.table), xt(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) : (st(this.table, this.form, this.pagination, this), K(this.table, this.form, this), F(this, this.pagination), O(this.table, this.form)), this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (r) => {
+    if (t = t.replace("table--cta", ""), t = t.replace("table--loading", ""), this.shadowRoot.querySelector(".table__wrapper").className += ` ${t}`, this.table = this.querySelector("table"), this.savedTableBody = this.table.querySelector("tbody").cloneNode(!0), this.pagination = this.shadowRoot.querySelector(".table__pagination"), this.classList.contains("table--cta") || this.shadowRoot.querySelector(".table--cta").classList.remove("table--cta"), this.form = document.createElement("form"), this.hasAttribute("data-filterby") ? this.form = document.querySelector(`#${this.getAttribute("data-filterby")}`) : this.table.parentNode.insertBefore(this.form, this.table.nextSibling), this.form.hasAttribute("data-ajax") && this.table.classList.add("table--ajax"), ot(this.table, this.form), this.form.querySelector("[data-page]") || (this.form.innerHTML += `<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`), this.form.querySelector("[data-show]") || (this.form.innerHTML += `<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`), xt(this.table), Et(this.table, this.form, this.pagination, this, this.savedTableBody), Tt(this.table, this.form, this.pagination, this), Mt(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax") ? st(this.table, this.form, this.pagination, this) : (it(this.table, this.form, this.pagination, this), G(this.table, this.form, this), B(this, this.pagination), F(this.table, this.form)), this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (r) => {
       this.table.querySelector("dialog[open]") && (this.table.querySelector("dialog[open]").close(), this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"));
-    });
+    }), this.querySelector("iam-actionbar[data-selectall]")) {
+      const r = this.querySelector("iam-actionbar[data-selectall]");
+      Array.from(this.table.querySelectorAll("thead tr")).forEach((s, i) => {
+        s.insertAdjacentHTML("afterbegin", "<th></th>");
+      }), Array.from(this.table.querySelectorAll("tbody tr")).forEach((s, i) => {
+        s.insertAdjacentHTML("afterbegin", `<td class="selectrow"><input type="checkbox" name="row" id="row${i}"/><label for="row${i}"><span class="visually-hidden">Select row</span></label></td>`);
+      }), this.table.addEventListener("change", (s) => {
+        if (s && s.target instanceof HTMLElement && s.target.closest(".selectrow input")) {
+          let i = this.table.querySelectorAll('.selectrow input[type="checkbox"]').length, o = this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;
+          r.setAttribute("data-selected", i == o ? "all" : o), console.log(o);
+        }
+      }), r.addEventListener("selected", (s) => {
+        console.log(s.detail.selected), s.detail.selected == "0" ? Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((i, o) => {
+          i.checked = !1;
+        }) : s.detail.selected == "all" && Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((i, o) => {
+          i.checked = !0;
+        });
+      });
+    }
   }
   static get observedAttributes() {
     return ["data-total", "data-pages", "data-page", "data-show"];
@@ -487,9 +506,9 @@ class Ht extends HTMLElement {
   attributeChangedCallback(a, t, r) {
   }
 }
-const Ct = (e) => e.charAt(0).toUpperCase() + e.slice(1), Nt = (e) => e.replace(/_/g, " "), Dt = (e) => e.replace(/ /g, "_"), Rt = function(e) {
+const Nt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Rt = (e) => e.replace(/_/g, " "), Dt = (e) => e.replace(/ /g, "_"), Pt = function(e) {
   return e = e.toLowerCase(), e = Dt(e), e = e.replace(/\W/g, ""), e;
-}, zt = {
+}, jt = {
   name: "Table",
   props: {
     items: {
@@ -503,42 +522,42 @@ const Ct = (e) => e.charAt(0).toUpperCase() + e.slice(1), Nt = (e) => e.replace(
   },
   computed: {
     cellHeading() {
-      return (e) => `${Ct(Nt(e))}`;
+      return (e) => `${Nt(Rt(e))}`;
     }
   },
   created() {
     this.$nextTick(function() {
-      window.customElements.get("iam-table") || window.customElements.define("iam-table", Ht);
+      window.customElements.get("iam-table") || window.customElements.define("iam-table", Ct);
     });
   },
   updated() {
   }
-}, It = { key: 0 }, Pt = { key: 0 }, jt = ["data-row-id"], Ft = ["innerHTML"];
-function Ot(e, a, t, r, i, o) {
-  return u(), m("iam-table", null, [
-    t.fields ? (u(), m("table", It, [
-      d("thead", null, [
-        d("tr", null, [
-          (u(!0), m(M, null, H(t.fields, (s) => (u(), m("th", {
-            key: s.key
-          }, $(o.cellHeading(s.key)), 1))), 128))
+}, It = { key: 0 }, zt = { key: 0 }, Bt = ["data-row-id"], Ft = ["innerHTML"];
+function Ot(e, a, t, r, s, i) {
+  return m(), h("iam-table", null, [
+    t.fields ? (m(), h("table", It, [
+      g("thead", null, [
+        g("tr", null, [
+          (m(!0), h(M, null, H(t.fields, (o) => (m(), h("th", {
+            key: o.key
+          }, x(i.cellHeading(o.key)), 1))), 128))
         ])
       ]),
-      t.items ? (u(), m("tbody", Pt, [
-        (u(!0), m(M, null, H(t.items, (s, l) => (u(), m("tr", {
-          key: l,
-          "data-row-id": s.rowid
+      t.items ? (m(), h("tbody", zt, [
+        (m(!0), h(M, null, H(t.items, (o, n) => (m(), h("tr", {
+          key: n,
+          "data-row-id": o.rowid
         }, [
-          (u(!0), m(M, null, H(Object.fromEntries(Object.entries(s).filter(([c]) => c !== "rowid")), (c, n) => (u(), m("td", {
-            key: n,
+          (m(!0), h(M, null, H(Object.fromEntries(Object.entries(o).filter(([c]) => c !== "rowid")), (c, l) => (m(), h("td", {
+            key: l,
             innerHTML: c
           }, null, 8, Ft))), 128))
-        ], 8, jt))), 128))
-      ])) : g("", !0)
-    ])) : v(e.$slots, "default", { key: 1 })
+        ], 8, Bt))), 128))
+      ])) : _("", !0)
+    ])) : S(e.$slots, "default", { key: 1 })
   ]);
 }
-const it = /* @__PURE__ */ A(zt, [["render", Ot]]), Bt = {
+const nt = /* @__PURE__ */ A(jt, [["render", Ot]]), Vt = {
   name: "Input",
   props: {
     value: {
@@ -726,190 +745,190 @@ const it = /* @__PURE__ */ A(zt, [["render", Ot]]), Bt = {
       this.$emit("bus");
     }
   }
-}, Vt = ["for", "innerHTML", "title"], Ut = ["innerHTML"], Wt = ["innerHTML"], Gt = ["type", "name", "id", "pattern", "list"], Kt = ["type", "name", "id", "pattern"], Yt = {
+}, Wt = ["for", "innerHTML", "title"], Ut = ["innerHTML"], Yt = ["innerHTML"], Gt = ["type", "name", "id", "pattern", "list"], Kt = ["type", "name", "id", "pattern"], Xt = {
   key: 5,
   class: "input-group"
-}, Zt = ["type", "name", "id", "pattern", "list"], Xt = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Jt = {
+}, Jt = ["type", "name", "id", "pattern", "list"], Qt = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Zt = {
   key: 6,
   class: "input-group"
-}, Qt = ["type", "name", "id", "pattern", "list"], te = { class: "input-group-text flex-fill" }, ee = ["type", "name", "id", "pattern"], ae = ["value"], se = ["type", "name", "id"], re = ["for", "innerHTML"], oe = ["type", "name", "id"], ie = ["for", "innerHTML"], ne = ["innerHTML"], le = ["id"], ce = ["value"];
-function de(e, a, t, r, i, o) {
-  return u(), m("div", {
-    class: S(o.wrapperClass()),
+}, te = ["type", "name", "id", "pattern", "list"], ee = { class: "input-group-text flex-fill" }, ae = ["type", "name", "id", "pattern"], oe = ["value"], ie = ["type", "name", "id"], re = ["for", "innerHTML"], se = ["type", "name", "id"], ne = ["for", "innerHTML"], le = ["innerHTML"], ce = ["id"], de = ["value"];
+function ue(e, a, t, r, s, i) {
+  return m(), h("div", {
+    class: $(i.wrapperClass()),
     ref: "wrapper"
   }, [
-    o.needsLabel() ? (u(), m("label", {
+    i.needsLabel() ? (m(), h("label", {
       key: 0,
-      class: S(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
+      class: $(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
-      innerHTML: o.displayLabel(),
+      innerHTML: i.displayLabel(),
       title: t.title
-    }, null, 10, Vt)) : g("", !0),
-    t.prefix ? (u(), m("span", {
+    }, null, 10, Wt)) : _("", !0),
+    t.prefix ? (m(), h("span", {
       key: 1,
-      class: S(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
+      class: $(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
       innerHTML: t.prefix,
       role: "presentation"
-    }, null, 10, Ut)) : g("", !0),
-    t.suffix ? (u(), m("span", {
+    }, null, 10, Ut)) : _("", !0),
+    t.suffix ? (m(), h("span", {
       key: 2,
-      class: S(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
+      class: $(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
       innerHTML: t.suffix,
       role: "presentation"
-    }, null, 10, Wt)) : g("", !0),
-    o.isInput() ? R((u(), m("input", C({
+    }, null, 10, Yt)) : _("", !0),
+    i.isInput() ? D((m(), h("input", N({
       key: 3,
-      "onUpdate:modelValue": a[0] || (a[0] = (s) => o.inputVal = s),
+      "onUpdate:modelValue": a[0] || (a[0] = (o) => i.inputVal = o),
       class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type,
       name: t.name ? t.name : t.id,
       id: t.id,
-      pattern: o.needPattern(),
-      list: o.hasOptions()
+      pattern: i.needPattern(),
+      list: i.hasOptions()
     }, e.$attrs, {
-      onKeyup: a[1] || (a[1] = (...s) => o.inputKeyup && o.inputKeyup(...s))
+      onKeyup: a[1] || (a[1] = (...o) => i.inputKeyup && i.inputKeyup(...o))
     }), null, 16, Gt)), [
-      [G, o.inputVal]
-    ]) : g("", !0),
-    t.type == "textarea" ? R((u(), m("textarea", C({
+      [Y, i.inputVal]
+    ]) : _("", !0),
+    t.type == "textarea" ? D((m(), h("textarea", N({
       key: 4,
-      "onUpdate:modelValue": a[2] || (a[2] = (s) => o.inputVal = s),
+      "onUpdate:modelValue": a[2] || (a[2] = (o) => i.inputVal = o),
       class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type,
       name: t.name ? t.name : t.id,
       id: t.id,
-      pattern: o.needPattern()
+      pattern: i.needPattern()
     }, e.$attrs), null, 16, Kt)), [
-      [mt, o.inputVal]
-    ]) : g("", !0),
-    t.type == "range" ? (u(), m("div", Yt, [
-      R(d("input", C({
-        "onUpdate:modelValue": a[3] || (a[3] = (s) => o.inputVal = s),
+      [pt, i.inputVal]
+    ]) : _("", !0),
+    t.type == "range" ? (m(), h("div", Xt, [
+      D(g("input", N({
+        "onUpdate:modelValue": a[3] || (a[3] = (o) => i.inputVal = o),
         class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
         type: t.type,
         name: t.name ? t.name : t.id,
         id: t.id,
-        pattern: o.needPattern(),
-        list: o.hasOptions()
-      }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Zt), [
-        [G, o.inputVal]
+        pattern: i.needPattern(),
+        list: i.hasOptions()
+      }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Jt), [
+        [Y, i.inputVal]
       ]),
-      d("output", Xt, $(t.value), 1)
-    ])) : g("", !0),
-    t.type == "color" ? (u(), m("div", Jt, [
-      R(d("input", C({
-        "onUpdate:modelValue": a[4] || (a[4] = (s) => o.inputVal = s),
+      g("output", Qt, x(t.value), 1)
+    ])) : _("", !0),
+    t.type == "color" ? (m(), h("div", Zt, [
+      D(g("input", N({
+        "onUpdate:modelValue": a[4] || (a[4] = (o) => i.inputVal = o),
         class: `form-control form-control-color${t.inputclass ? ` ${t.inputclass}` : ""}`,
         type: t.type,
         name: t.name ? t.name : t.id,
         id: t.id,
-        pattern: o.needPattern(),
-        list: o.hasOptions()
-      }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Qt), [
-        [G, o.inputVal]
+        pattern: i.needPattern(),
+        list: i.hasOptions()
+      }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, te), [
+        [Y, i.inputVal]
       ]),
-      d("output", te, $(t.value ? e.vale : "#000000"), 1)
-    ])) : g("", !0),
-    t.type == "select" ? R((u(), m("select", C({
+      g("output", ee, x(t.value ? e.vale : "#000000"), 1)
+    ])) : _("", !0),
+    t.type == "select" ? D((m(), h("select", N({
       key: 7,
-      "onUpdate:modelValue": a[5] || (a[5] = (s) => o.inputVal = s),
+      "onUpdate:modelValue": a[5] || (a[5] = (o) => i.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: o.needPattern()
+      pattern: i.needPattern()
     }, e.$attrs), [
-      (u(!0), m(M, null, H(t.options, (s, l) => (u(), m("option", {
-        key: l,
-        value: s.value
-      }, $(s.display ? s.display : s.value), 9, ae))), 128))
-    ], 16, ee)), [
-      [ht, o.inputVal]
-    ]) : g("", !0),
-    t.type == "checkbox" || t.type == "radio" ? (u(), m("input", C({
+      (m(!0), h(M, null, H(t.options, (o, n) => (m(), h("option", {
+        key: n,
+        value: o.value
+      }, x(o.display ? o.display : o.value), 9, oe))), 128))
+    ], 16, ae)), [
+      [bt, i.inputVal]
+    ]) : _("", !0),
+    t.type == "checkbox" || t.type == "radio" ? (m(), h("input", N({
       key: 8,
       class: "form-check-input",
       type: t.type,
       name: t.name ? t.name : t.id,
       id: t.id
-    }, e.$attrs), null, 16, se)) : g("", !0),
-    t.type == "checkbox" || t.type == "radio" ? (u(), m("label", {
+    }, e.$attrs), null, 16, ie)) : _("", !0),
+    t.type == "checkbox" || t.type == "radio" ? (m(), h("label", {
       key: 9,
-      class: S(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
+      class: $(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: t.label
-    }, null, 10, re)) : g("", !0),
-    t.type == "checkbox-btn" || t.type == "radio-btn" ? (u(), m("input", C({
+    }, null, 10, re)) : _("", !0),
+    t.type == "checkbox-btn" || t.type == "radio-btn" ? (m(), h("input", N({
       key: 10,
       class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type.replace("-btn", ""),
       autocomplete: "off",
       name: t.name ? t.name : t.id,
       id: t.id
-    }, e.$attrs), null, 16, oe)) : g("", !0),
-    t.type == "checkbox-btn" || t.type == "radio-btn" ? (u(), m("label", {
+    }, e.$attrs), null, 16, se)) : _("", !0),
+    t.type == "checkbox-btn" || t.type == "radio-btn" ? (m(), h("label", {
       key: 11,
-      class: S(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
+      class: $(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: t.label,
-      onClick: a[6] || (a[6] = (...s) => o.clickEvent && o.clickEvent(...s))
-    }, null, 10, ie)) : g("", !0),
-    v(e.$slots, "default"),
-    t.errormsg ? (u(), m("span", {
+      onClick: a[6] || (a[6] = (...o) => i.clickEvent && i.clickEvent(...o))
+    }, null, 10, ne)) : _("", !0),
+    S(e.$slots, "default"),
+    t.errormsg ? (m(), h("span", {
       key: 12,
       class: "invalid-feedback mb-0",
       innerHTML: t.errormsg
-    }, null, 8, ne)) : g("", !0),
-    o.allowDatalist() ? (u(), m("datalist", {
+    }, null, 8, le)) : _("", !0),
+    i.allowDatalist() ? (m(), h("datalist", {
       key: 13,
       id: t.id + "-list"
     }, [
-      (u(!0), m(M, null, H(t.options, (s, l) => (u(), m("option", {
-        key: l,
-        value: s.value
-      }, $(s.value), 9, ce))), 128))
-    ], 8, le)) : g("", !0)
+      (m(!0), h(M, null, H(t.options, (o, n) => (m(), h("option", {
+        key: n,
+        value: o.value
+      }, x(o.value), 9, de))), 128))
+    ], 8, ce)) : _("", !0)
   ], 2);
 }
-const X = /* @__PURE__ */ A(Bt, [["render", de]]);
-function ue(e, a) {
-  const t = a.querySelector(".files"), r = a.querySelector(".drop-area"), i = e.querySelector("input"), o = e.hasAttribute("data-maxsize") ? e.getAttribute("data-maxsize") : 0, s = i.cloneNode();
-  r.append(s), a.addEventListener("click", (l) => {
-    l && l.target instanceof HTMLElement && l.target.closest(".btn-primary") && (l.target.closest(".btn-primary"), (i.hasAttribute("multiple") ? s : i).click());
-  }), a.addEventListener("click", (l) => {
-    if (l && l.target instanceof HTMLElement && l.target.closest(".files button")) {
-      const c = new DataTransfer(), { files: n } = i, f = l.target.closest(".files button");
-      for (let y = 0; y < n.length; y++) {
-        const p = n[y];
-        p.name != f.getAttribute("data-file") && c.items.add(p);
+const lt = /* @__PURE__ */ A(Vt, [["render", ue]]);
+function me(e, a) {
+  const t = a.querySelector(".files"), r = a.querySelector(".drop-area"), s = e.querySelector("input"), i = e.hasAttribute("data-maxsize") ? e.getAttribute("data-maxsize") : 0, o = s.cloneNode();
+  r.append(o), a.addEventListener("click", (n) => {
+    n && n.target instanceof HTMLElement && n.target.closest(".btn-primary") && (n.target.closest(".btn-primary"), (s.hasAttribute("multiple") ? o : s).click());
+  }), a.addEventListener("click", (n) => {
+    if (n && n.target instanceof HTMLElement && n.target.closest(".files button")) {
+      const c = new DataTransfer(), { files: l } = s, p = n.target.closest(".files button");
+      for (let f = 0; f < l.length; f++) {
+        const b = l[f];
+        b.name != p.getAttribute("data-file") && c.items.add(b);
       }
-      i.files = c.files;
-      const b = new Event("change");
-      i.dispatchEvent(b);
+      s.files = c.files;
+      const d = new Event("change");
+      s.dispatchEvent(d);
     }
-  }), s.addEventListener("change", (l) => {
-    if (i.hasAttribute("multiple")) {
-      const n = [...i.files, ...s.files];
-      let f = [];
-      const b = new DataTransfer();
-      for (let y = 0; y < n.length; y++) {
-        const p = n[y], h = p.size / 1e3;
-        !f.includes(p.name) && (o == 0 || h < o) && b.items.add(p), f.push(p.name);
+  }), o.addEventListener("change", (n) => {
+    if (s.hasAttribute("multiple")) {
+      const l = [...s.files, ...o.files];
+      let p = [];
+      const d = new DataTransfer();
+      for (let f = 0; f < l.length; f++) {
+        const b = l[f], u = b.size / 1e3;
+        !p.includes(b.name) && (i == 0 || u < i) && d.items.add(b), p.push(b.name);
       }
-      i.files = b.files;
+      s.files = d.files;
     } else
-      i.files = s.files;
+      s.files = o.files;
     const c = new Event("change");
-    i.dispatchEvent(c);
-  }), s.addEventListener("dragenter", (l) => {
-    s.classList.add("focus");
-  }), s.addEventListener("dragleave", (l) => {
-    s.classList.remove("focus");
-  }), s.addEventListener("drop", (l) => {
-    s.classList.remove("focus");
-  }), i.addEventListener("change", (l) => {
+    s.dispatchEvent(c);
+  }), o.addEventListener("dragenter", (n) => {
+    o.classList.add("focus");
+  }), o.addEventListener("dragleave", (n) => {
+    o.classList.remove("focus");
+  }), o.addEventListener("drop", (n) => {
+    o.classList.remove("focus");
+  }), s.addEventListener("change", (n) => {
     t.innerHTML = "";
-    for (const c of i.files)
+    for (const c of s.files)
       t.innerHTML += `<span class="file">${c.name} <button data-file="${c.name}">Remove</button></span>`;
   });
 }
@@ -918,11 +937,11 @@ window.dataLayer.push({
   event: "customElementRegistered",
   element: "fileupload"
 });
-class me extends HTMLElement {
+class he extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = `@import "${a}/css/components/fileupload.css";`, i = document.createElement("template");
-    i.innerHTML = `
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = `@import "${a}/css/components/fileupload.css";`, s = document.createElement("template");
+    s.innerHTML = `
     <style>
     @import "${t}";
     ${r}
@@ -937,15 +956,15 @@ class me extends HTMLElement {
       <slot></slot>
       <div class="files"></div>
     </div>
-    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
   }
   connectedCallback() {
     this.innerHTML += '<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';
     const a = this.shadowRoot.querySelector(".file-upload"), t = this.querySelector("input"), r = this.shadowRoot.querySelector(".helper-text");
-    r.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);
+    r.innerHTML = `${this.hasAttribute("data-maxsize") ? `Max file size is ${this.getAttribute("data-maxsize")}kb. ` : ""}${t.hasAttribute("accept") ? `Supported file types are ${t.getAttribute("accept")}` : ""}`, me(this, a);
   }
 }
-const he = {
+const pe = {
   name: "FileUpload",
   props: {
     maxfilesize: {
@@ -959,21 +978,21 @@ const he = {
   },
   mounted() {
     this.$nextTick(function() {
-      window.customElements.get("iam-fileupload") || window.customElements.define("iam-fileupload", me);
+      window.customElements.get("iam-fileupload") || window.customElements.define("iam-fileupload", he);
     });
   }
 };
-function fe(e, a, t, r, i, o) {
-  return u(), m("iam-fileupload", null, [
-    v(e.$slots, "default")
+function be(e, a, t, r, s, i) {
+  return m(), h("iam-fileupload", null, [
+    S(e.$slots, "default")
   ]);
 }
-const lr = /* @__PURE__ */ A(he, [["render", fe]]);
+const Xo = /* @__PURE__ */ A(pe, [["render", be]]);
 /*!
-  * iamKey v3.8.0
+  * iamKey v4.0.0
   * Copyright 2022-2023 iamproperty
   */
-function be(e) {
+function fe(e) {
   let a = e.querySelectorAll("details"), t = e.querySelectorAll("summary");
   if (a.forEach((r) => {
     r.classList.add("accordion-item");
@@ -981,24 +1000,24 @@ function be(e) {
     r.classList.add("accordion-header"), r.classList.add("accordion-button"), r.classList.add("h4");
   }), !e.classList.contains("accordion--keep-open")) {
     const r = e.querySelectorAll(":scope > details");
-    r.forEach((i) => {
-      i.addEventListener("click", () => {
-        r.forEach((o) => {
-          o !== i && o.removeAttribute("open");
+    r.forEach((s) => {
+      s.addEventListener("click", () => {
+        r.forEach((i) => {
+          i !== s && i.removeAttribute("open");
         });
       });
     });
   }
 }
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "accordion" });
-let pe = class extends HTMLElement {
+let ge = class extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = document.createElement("template");
     r.innerHTML = `
     <style>
     @import "${t}";
-    \uFEFF:is(.accordion,iam-accordion){--accordion-indent: 0.75rem;--accordion-right-padding: 3rem;--accordion-y-padding: 1rem;--accordion-icon-size: 1.875rem;--accordion-icon-top: 0.75rem}@media screen and (min-width: 62em){:is(.accordion,iam-accordion){--accordion-right-padding: 6rem;--accordion-y-padding: 2rem;--accordion-icon-size: 3rem;--accordion-icon-top: 1.25rem}}.accordion-header{padding:var(--accordion-y-padding) var(--accordion-right-padding) var(--accordion-y-padding) var(--accordion-indent);color:var(--colour-heading);text-align:left;background-color:rgba(0,0,0,0);overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;--marker-bg: var(--colour-secondary);cursor:pointer;position:relative;max-width:100%}@media(prefers-reduced-motion: reduce){.accordion-header{transition:none}}.accordion-header .badge{vertical-align:bottom;margin-left:.5em;margin-right:.5em;margin-bottom:.1em}.accordion-header:before,.accordion-header:after{content:"";position:absolute;right:var(--accordion-indent);top:var(--accordion-icon-top);margin-top:var(--accordion-icon-size-half);width:var(--accordion-icon-size);height:var(--accordion-icon-size)}.accordion-header:before{text-indent:100%;white-space:nowrap;overflow:hidden;background:var(--marker-bg);border-radius:100%}.accordion-header::after{background:currentColor;mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transition:transform .2s ease-in-out;transform:rotate(90deg)}@media(prefers-reduced-motion: reduce){.accordion-header::after{transition:none}}@media(forced-colors: active){.accordion-header::after{content:"►";mask-image:none;-webkit-mask-image:none}}.accordion-header:hover,.accordion-header:focus{--marker-bg: var(--colour-warning);color:var(--colour-hover)}.accordion-header:hover{z-index:var(--index-focus)}.accordion-header:focus{z-index:var(--index-focus);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}[open]>summary>.accordion-header{color:var(--colour-heading);background-color:rgba(0,0,0,0)}[open]>summary>.accordion-header::after{transform:rotate(-90deg)}.accordion-header[class*=bg-] .accordion-button{border-bottom:1px solid var(--colour-border);margin-bottom:-1px}.accordion-header[class*=bg-] .accordion-button:before{background:none !important}.accordion-header[class*=bg-]:hover .accordion-button{opacity:.8}.accordion-header[class*=bg-]+.accordion-body{padding-top:2rem}.accordion-header{margin-bottom:0}.accordion-item{background-color:rgba(0,0,0,0);border-bottom:1px solid var(--colour-border);margin-bottom:2rem}.accordion-item:first-of-type{border-top:1px solid var(--colour-border)}.accordion-item+.accordion-item{margin-top:-2rem}.accordion-item summary~*{text-align:left;padding:0 var(--accordion-indent)}.accordion--straight>details>summary:not([class*=bg-])>.accordion-button,.accordion--straight>details>.accordion-item summary~*{padding-left:0 !important}.accordion--straight .accordion-item summary~*{padding-right:0 !important}.accordion .accordion:first-child{padding-top:1rem}.accordion .accordion:last-child{padding-bottom:2rem}.accordion .accordion .accordion-button{padding:1rem 3rem 1rem var(--accordion-indent)}.accordion .accordion .accordion-button:before,.accordion .accordion .accordion-button:after{top:.75rem;height:2rem;width:2rem;right:.5rem}.accordion .accordion .accordion-button:before{background-color:var(--colour-light)}/*# sourceMappingURL=assets/css/components/accordion.css.map */
+    :is(.accordion,iam-accordion){--accordion-indent: 0.75rem;--accordion-right-padding: 3rem;--accordion-y-padding: 1rem;--accordion-icon-size: 1.875rem;--accordion-icon-top: 0.75rem}@media screen and (min-width: 62em){:is(.accordion,iam-accordion){--accordion-right-padding: 6rem;--accordion-y-padding: 2rem;--accordion-icon-size: 3rem;--accordion-icon-top: 1.25rem}}.accordion-header{padding:var(--accordion-y-padding) var(--accordion-right-padding) var(--accordion-y-padding) var(--accordion-indent);color:var(--colour-heading);text-align:left;background-color:rgba(0,0,0,0);overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;--marker-bg: var(--colour-secondary);cursor:pointer;position:relative;max-width:100%}@media(prefers-reduced-motion: reduce){.accordion-header{transition:none}}.accordion-header .badge{vertical-align:bottom;margin-left:.5em;margin-right:.5em;margin-bottom:.1em}.accordion-header:before,.accordion-header:after{content:"";position:absolute;right:var(--accordion-indent);top:var(--accordion-icon-top);margin-top:var(--accordion-icon-size-half);width:var(--accordion-icon-size);height:var(--accordion-icon-size)}.accordion-header:before{text-indent:100%;white-space:nowrap;overflow:hidden;background:var(--marker-bg);border-radius:100%}.accordion-header::after{background:currentColor;mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transition:transform .2s ease-in-out;transform:rotate(90deg)}@media(prefers-reduced-motion: reduce){.accordion-header::after{transition:none}}@media(forced-colors: active){.accordion-header::after{content:"►";mask-image:none;-webkit-mask-image:none}}.accordion-header:hover,.accordion-header:focus{--marker-bg: var(--colour-warning);color:var(--colour-hover)}.accordion-header:hover{z-index:var(--index-focus)}.accordion-header:focus{z-index:var(--index-focus);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}[open]>summary>.accordion-header{color:var(--colour-heading);background-color:rgba(0,0,0,0)}[open]>summary>.accordion-header::after{transform:rotate(-90deg)}.accordion-header[class*=bg-] .accordion-button{border-bottom:1px solid var(--colour-border);margin-bottom:-1px}.accordion-header[class*=bg-] .accordion-button:before{background:none !important}.accordion-header[class*=bg-]:hover .accordion-button{opacity:.8}.accordion-header[class*=bg-]+.accordion-body{padding-top:2rem}.accordion-header{margin-bottom:0}.accordion-item{background-color:rgba(0,0,0,0);border-bottom:1px solid var(--colour-border);margin-bottom:2rem}.accordion-item:first-of-type{border-top:1px solid var(--colour-border)}.accordion-item+.accordion-item{margin-top:-2rem}.accordion-item summary~*{text-align:left;padding:0 var(--accordion-indent)}.accordion--straight>details>summary:not([class*=bg-])>.accordion-button,.accordion--straight>details>.accordion-item summary~*{padding-left:0 !important}.accordion--straight .accordion-item summary~*{padding-right:0 !important}.accordion .accordion:first-child{padding-top:1rem}.accordion .accordion:last-child{padding-bottom:2rem}.accordion .accordion .accordion-button{padding:1rem 3rem 1rem var(--accordion-indent)}.accordion .accordion .accordion-button:before,.accordion .accordion .accordion-button:after{top:.75rem;height:2rem;width:2rem;right:.5rem}.accordion .accordion .accordion-button:before{background-color:var(--colour-light)}/*# sourceMappingURL=assets/css/components/accordion.css.map */
 
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
@@ -1008,22 +1027,22 @@ let pe = class extends HTMLElement {
     `, this.shadowRoot.appendChild(r.content.cloneNode(!0));
   }
   connectedCallback() {
-    be(this);
+    fe(this);
   }
 };
-window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", pe);
+window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", ge);
 const ye = {
   name: "Accordion",
   props: {},
   mounted() {
   }
-}, ge = { ref: "wrapper" };
-function _e(e, a, t, r, i, o) {
-  return u(), m("iam-accordion", ge, [
-    v(e.$slots, "default")
+}, ve = { ref: "wrapper" };
+function we(e, a, t, r, s, i) {
+  return m(), h("iam-accordion", ve, [
+    S(e.$slots, "default")
   ], 512);
 }
-const dr = /* @__PURE__ */ A(ye, [["render", _e]]), ve = {
+const Qo = /* @__PURE__ */ A(ye, [["render", we]]), _e = {
   name: "AccordionItem",
   props: {
     title: {
@@ -1050,7 +1069,7 @@ const dr = /* @__PURE__ */ A(ye, [["render", _e]]), ve = {
   },
   computed: {
     createID() {
-      return (e) => `${Rt(e)}`;
+      return (e) => `${Pt(e)}`;
     }
   },
   data() {
@@ -1058,24 +1077,24 @@ const dr = /* @__PURE__ */ A(ye, [["render", _e]]), ve = {
       show: !this.lazy
     };
   }
-}, we = ["id"], Ae = ["classList"];
-function Se(e, a, t, r, i, o) {
-  return u(), m("details", {
-    id: o.createID(t.title)
+}, Ae = ["id"], Le = ["classList"];
+function Se(e, a, t, r, s, i) {
+  return m(), h("details", {
+    id: i.createID(t.title)
   }, [
-    d("summary", {
+    g("summary", {
       classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
     }, [
-      ft($(t.title), 1),
-      t.badge ? (u(), m("span", {
+      ft(x(t.title), 1),
+      t.badge ? (m(), h("span", {
         key: 0,
-        class: S(`badge bg-${t.badgecolour}`)
-      }, $(t.badge), 3)) : g("", !0)
-    ], 8, Ae),
-    v(e.$slots, "default")
-  ], 8, we);
+        class: $(`badge bg-${t.badgecolour}`)
+      }, x(t.badge), 3)) : _("", !0)
+    ], 8, Le),
+    S(e.$slots, "default")
+  ], 8, Ae);
 }
-const ur = /* @__PURE__ */ A(ve, [["render", Se]]), Le = {
+const Zo = /* @__PURE__ */ A(_e, [["render", Se]]), $e = {
   name: "Header",
   props: {
     title: {
@@ -1092,36 +1111,36 @@ const ur = /* @__PURE__ */ A(ve, [["render", Se]]), Le = {
       required: !1
     }
   }
-}, ke = { class: "container" }, qe = { class: "row" }, $e = { class: "col-sm-6" }, xe = { class: "pt-5 pb-3 px-4" }, Ee = { class: "col-sm-6 col-md-5 ms-auto" }, Te = ["src"];
-function Me(e, a, t, r, i, o) {
-  return u(), m("div", ke, [
-    d("div", {
-      class: S("bg-" + t.background + " mb-4")
+}, qe = { class: "container" }, ke = { class: "row" }, xe = { class: "col-sm-6" }, Ee = { class: "pt-5 pb-3 px-4" }, Te = { class: "col-sm-6 col-md-5 ms-auto" }, Me = ["src"];
+function He(e, a, t, r, s, i) {
+  return m(), h("div", qe, [
+    g("div", {
+      class: $("bg-" + t.background + " mb-4")
     }, [
-      d("div", qe, [
-        d("div", $e, [
-          d("div", xe, [
-            d("h2", null, $(t.title), 1),
-            v(e.$slots, "default")
+      g("div", ke, [
+        g("div", xe, [
+          g("div", Ee, [
+            g("h2", null, x(t.title), 1),
+            S(e.$slots, "default")
           ])
         ]),
-        d("div", Ee, [
-          t.image ? (u(), m("img", {
+        g("div", Te, [
+          t.image ? (m(), h("img", {
             key: 0,
             src: t.image,
             alt: "",
             class: "h-100 w-100 object-cover"
-          }, null, 8, Te)) : g("", !0)
+          }, null, 8, Me)) : _("", !0)
         ])
       ])
     ], 2)
   ]);
 }
-const mr = /* @__PURE__ */ A(Le, [["render", Me]]), He = {
+const ti = /* @__PURE__ */ A($e, [["render", He]]), Ce = {
   name: "Card",
   mounted() {
     this.$nextTick(function() {
-      import("./card.component.min-11f148d7.mjs").then((e) => {
+      import("./card.component.min-689474dd.mjs").then((e) => {
         window.customElements.get("iam-card") || window.customElements.define("iam-card", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1129,31 +1148,31 @@ const mr = /* @__PURE__ */ A(Le, [["render", Me]]), He = {
     });
   }
 };
-function Ce(e, a, t, r, i, o) {
-  return u(), m("iam-card", null, [
-    v(e.$slots, "default")
+function Ne(e, a, t, r, s, i) {
+  return m(), h("iam-card", null, [
+    S(e.$slots, "default")
   ]);
 }
-const Ne = /* @__PURE__ */ A(He, [["render", Ce]]);
+const Re = /* @__PURE__ */ A(Ce, [["render", Ne]]);
 function De(e) {
   var a;
   let t = e.querySelector(".carousel__inner"), r = e.querySelectorAll(".carousel__item").length;
   e.getAttribute("data-cols");
-  let i = e.getAttribute("data-sm-cols"), o = e.getAttribute("data-md-cols");
-  e.querySelector(".carousel__controls a").classList.add("active"), t.addEventListener("scroll", function(s) {
+  let s = e.getAttribute("data-sm-cols"), i = e.getAttribute("data-md-cols");
+  e.querySelector(".carousel__controls a").classList.add("active"), t.addEventListener("scroll", function(o) {
     clearTimeout(a), a = setTimeout(function() {
-      let l = t.clientWidth, c = t.scrollWidth, n = t.scrollLeft, f = Math.round(n / c * r) + 1, b = e.querySelector(".carousel__item:last-child").offsetLeft;
-      Array.from(e.querySelectorAll(".carousel__controls a")).forEach((y, p) => {
-        y.classList.remove("active");
-      }), e.querySelector(".control-" + f).classList.add("active"), f == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + l > b ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
+      let n = t.clientWidth, c = t.scrollWidth, l = t.scrollLeft, p = Math.round(l / c * r) + 1, d = e.querySelector(".carousel__item:last-child").offsetLeft;
+      Array.from(e.querySelectorAll(".carousel__controls a")).forEach((f, b) => {
+        f.classList.remove("active");
+      }), e.querySelector(".control-" + p).classList.add("active"), p == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + n > d ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
     }, 100);
-  }, !1), e.addEventListener("click", function(s) {
-    for (var l = s.target; l && l != this; l = l.parentNode)
-      if (l.matches(".carousel__controls a")) {
-        s.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((n, f) => {
-          n.classList.remove("active");
-        }), l.classList.add("active");
-        const c = document.querySelector(l.getAttribute("href"));
+  }, !1), e.addEventListener("click", function(o) {
+    for (var n = o.target; n && n != this; n = n.parentNode)
+      if (n.matches(".carousel__controls a")) {
+        o.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((l, p) => {
+          l.classList.remove("active");
+        }), n.classList.add("active");
+        const c = document.querySelector(n.getAttribute("href"));
         t.scroll({
           top: 0,
           left: c.offsetLeft,
@@ -1161,11 +1180,11 @@ function De(e) {
         });
         break;
       }
-  }, !1), e.addEventListener("click", function(s) {
-    for (var l = s.target; l && l != this; l = l.parentNode)
-      if (l.matches(".btn-next, .btn-prev")) {
-        s.preventDefault();
-        let c = l.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
+  }, !1), e.addEventListener("click", function(o) {
+    for (var n = o.target; n && n != this; n = n.parentNode)
+      if (n.matches(".btn-next, .btn-prev")) {
+        o.preventDefault();
+        let c = n.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
         t.scroll({
           top: 0,
           left: c,
@@ -1173,11 +1192,11 @@ function De(e) {
         });
         break;
       }
-  }, !1), r == 1 && e.classList.add("hide-btns"), i >= r && e.classList.add("hide-sm-btns"), o >= r && e.classList.add("hide-md-btns");
+  }, !1), r == 1 && e.classList.add("hide-btns"), s >= r && e.classList.add("hide-sm-btns"), i >= r && e.classList.add("hide-md-btns");
 }
-const Re = {
+const Pe = {
   components: {
-    Card: Ne
+    Card: Re
   },
   name: "Carousel",
   data() {
@@ -1254,37 +1273,37 @@ const Re = {
       De(this.$refs.wrapper);
     });
   }
-}, ze = ["id", "data-cols", "data-sm-cols", "data-md-cols"], Ie = { class: "carousel__wrapper" }, Pe = { class: "carousel__inner" }, je = ["id"], Fe = ["innerHTML", "id"], Oe = ["href"], Be = /* @__PURE__ */ d("button", {
+}, je = ["id", "data-cols", "data-sm-cols", "data-md-cols"], Ie = { class: "carousel__wrapper" }, ze = { class: "carousel__inner" }, Be = ["id"], Fe = ["innerHTML", "id"], Oe = ["href"], Ve = /* @__PURE__ */ g("button", {
   class: "btn btn-prev",
   "data-go": "0",
   disabled: ""
-}, "Prev", -1), Ve = /* @__PURE__ */ d("button", {
+}, "Prev", -1), We = /* @__PURE__ */ g("button", {
   class: "btn btn-next",
   "data-go": "2"
 }, "Next", -1);
-function Ue(e, a, t, r, i, o) {
-  const s = z("Card");
-  return u(), m("div", {
+function Ue(e, a, t, r, s, i) {
+  const o = z("Card");
+  return m(), h("div", {
     class: "container carousel",
-    id: "carousel" + i.id,
+    id: "carousel" + s.id,
     ref: "wrapper",
     "data-cols": t.cols,
     "data-sm-cols": t.smcols,
     "data-md-cols": t.mdcols
   }, [
-    v(e.$slots, "default"),
-    d("div", Ie, [
-      d("div", Pe, [
-        t.type == "card" ? (u(), m("div", {
+    S(e.$slots, "default"),
+    g("div", Ie, [
+      g("div", ze, [
+        t.type == "card" ? (m(), h("div", {
           key: 0,
-          class: S(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
+          class: $(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
         }, [
-          (u(!0), m(M, null, H(t.items, (l, c) => (u(), m("div", {
-            class: S(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
+          (m(!0), h(M, null, H(t.items, (n, c) => (m(), h("div", {
+            class: $(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
             key: c,
-            id: "carousel" + i.id + "slide" + (c + 1)
+            id: "carousel" + s.id + "slide" + (c + 1)
           }, [
-            q(s, C(l, {
+            C(o, N(n, {
               class: t.cardclass,
               type: t.cardtype,
               btnyype: t.btntype,
@@ -1292,48 +1311,48 @@ function Ue(e, a, t, r, i, o) {
               ctatext: t.ctatext,
               hidectatext: t.hidectatext
             }), null, 16, ["class", "type", "btnyype", "titleclass", "ctatext", "hidectatext"])
-          ], 10, je))), 128))
-        ], 2)) : g("", !0),
-        t.type != "card" ? (u(), m("div", {
+          ], 10, Be))), 128))
+        ], 2)) : _("", !0),
+        t.type != "card" ? (m(), h("div", {
           key: 1,
-          class: S(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
+          class: $(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
         }, [
-          (u(!0), m(M, null, H(t.items, (l, c) => (u(), m("div", {
-            class: S(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
+          (m(!0), h(M, null, H(t.items, (n, c) => (m(), h("div", {
+            class: $(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
             key: c,
-            innerHTML: o.content(l),
-            id: "carousel" + i.id + "slide" + (c + 1)
+            innerHTML: i.content(n),
+            id: "carousel" + s.id + "slide" + (c + 1)
           }, null, 10, Fe))), 128))
-        ], 2)) : g("", !0)
+        ], 2)) : _("", !0)
       ]),
-      d("div", {
-        class: S(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)
+      g("div", {
+        class: $(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)
       }, [
-        (u(!0), m(M, null, H(t.items, (l, c) => (u(), m("a", {
+        (m(!0), h(M, null, H(t.items, (n, c) => (m(), h("a", {
           key: c,
-          href: "#carousel" + i.id + "slide" + (c + 1),
-          class: S(`control-${c + 1}`)
-        }, "Slide " + $(c + 1), 11, Oe))), 128))
+          href: "#carousel" + s.id + "slide" + (c + 1),
+          class: $(`control-${c + 1}`)
+        }, "Slide " + x(c + 1), 11, Oe))), 128))
       ], 2),
-      Be,
-      Ve
+      Ve,
+      We
     ])
-  ], 8, ze);
+  ], 8, je);
 }
-const hr = /* @__PURE__ */ A(Re, [["render", Ue]]);
+const ei = /* @__PURE__ */ A(Pe, [["render", Ue]]);
 /*!
-  * iamKey v3.8.0
+  * iamKey v4.0.0
   * Copyright 2022-2023 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "header" });
-class We extends HTMLElement {
+class Ye extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = document.createElement("template");
     r.innerHTML = `
     <style>
     @import "${t}";
-    .header-banner{background:linear-gradient(180deg, var(--colour-secondary) 0, var(--colour-info) 100%);margin-bottom:2rem;position:relative;overflow:hidden;max-width:100% !important}@media screen and (min-width: 62em){.header-banner{min-height:29.375rem}}.header-banner>.container{padding-bottom:0;position:relative}.header-banner .breadcrumb{margin-top:1.5rem;margin-bottom:-0.5rem}@media screen and (min-width: 62em){.header-banner .breadcrumb{position:absolute;top:0;left:3.75rem}}.header-banner__inner{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: var(--colour-canvas);--colour-btn-action-hover-bg: var(--colour-light);color:var(--colour-body);background:#fff;padding:2rem;margin:1.875rem 0;position:relative;z-index:var(--index-above)}.header-banner__inner .text-primary{color:var(--colour-primary) !important}@media screen and (min-width: 62em){.header-banner__inner{max-width:37.5rem;margin:7rem 0 5rem 0;padding:3.5rem 4rem}}.header-banner__inner>*:last-child{padding-bottom:0;margin-bottom:0}.header-banner picture img{display:none}@media screen and (min-width: 62em){.header-banner picture img{display:block;position:absolute;top:-0.5%;left:40%;height:101%;object-fit:cover;width:60%;pointer-events:none}}::slotted(.breadcrumb){margin-top:1.5rem !important;margin-bottom:-0.5rem !important}@media screen and (min-width: 62em){::slotted(.breadcrumb){position:absolute !important;top:0 !important;left:5.25rem !important}}::slotted(*:last-child){padding-bottom:0 !important;margin-bottom:0 !important}/*# sourceMappingURL=assets/css/components/header.css.map */
+    .header-banner{background:linear-gradient(180deg, var(--colour-secondary) 0, var(--colour-info) 100%);margin-bottom:2rem;position:relative;overflow:hidden;max-width:100% !important}@media screen and (min-width: 62em){.header-banner{min-height:29.375rem}}.header-banner>.container{padding-bottom:0;position:relative}.header-banner .breadcrumb{margin-top:1.5rem;margin-bottom:-0.5rem}@media screen and (min-width: 62em){.header-banner .breadcrumb{position:absolute;top:0;left:3.75rem}}.header-banner__inner{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: var(--colour-canvas);--colour-btn-action-hover-bg: var(--colour-light);color:var(--colour-body);background:#fff;padding:2rem;margin:1.875rem 0;position:relative;z-index:var(--index-above)}.header-banner__inner .text-primary{color:var(--colour-primary) !important}@media screen and (min-width: 62em){.header-banner__inner{max-width:37.5rem;margin:7rem 0 5rem 0;padding:3.5rem 4rem}}.header-banner__inner>*:last-child{padding-bottom:0;margin-bottom:0}.header-banner picture img{display:none}@media screen and (min-width: 62em){.header-banner picture img{display:block;position:absolute;top:-0.5%;left:40%;height:101%;object-fit:cover;width:60%;pointer-events:none}}::slotted(.breadcrumb){margin-top:1.5rem !important;margin-bottom:-0.5rem !important}@media screen and (min-width: 62em){::slotted(.breadcrumb){position:absolute !important;top:0 !important;left:5.25rem !important}}::slotted(*:last-child){padding-bottom:0 !important;margin-bottom:0 !important}/*# sourceMappingURL=assets/css/components/header.css.map */
 
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
@@ -1373,53 +1392,53 @@ const Ge = {
   },
   mounted() {
     this.$nextTick(function() {
-      window.customElements.get("iam-header") || window.customElements.define("iam-header", We);
+      window.customElements.get("iam-header") || window.customElements.define("iam-header", Ye);
     });
   }
-}, Ke = ["image"], Ye = ["innerHTML"];
-function Ze(e, a, t, r, i, o) {
-  return u(), m("iam-header", {
+}, Ke = ["image"], Xe = ["innerHTML"];
+function Je(e, a, t, r, s, i) {
+  return m(), h("iam-header", {
     class: "bg-secondary",
     image: t.image
   }, [
-    v(e.$slots, "breadcrumb"),
-    t.title ? (u(), m("h1", {
+    S(e.$slots, "breadcrumb"),
+    t.title ? (m(), h("h1", {
       key: 0,
       innerHTML: t.title
-    }, null, 8, Ye)) : g("", !0),
-    v(e.$slots, "default")
+    }, null, 8, Xe)) : _("", !0),
+    S(e.$slots, "default")
   ], 8, Ke);
 }
-const fr = /* @__PURE__ */ A(Ge, [["render", Ze]]);
-function Xe(e) {
+const ai = /* @__PURE__ */ A(Ge, [["render", Je]]);
+function Qe(e) {
   var a;
   const t = e.querySelector(".testimonial__images"), r = t.querySelectorAll("img").length;
   if (r == 1)
     return !1;
   e.classList.add("testimonial--multi");
-  const i = function(o) {
-    const s = e.querySelector(".btn-next"), l = e.querySelector(".btn-prev");
-    s.setAttribute("data-go", o + 1), l.setAttribute("data-go", o - 1), s.removeAttribute("disabled"), l.removeAttribute("disabled"), o == 1 ? l.setAttribute("disabled", !0) : o == r && s.setAttribute("disabled", !0);
+  const s = function(i) {
+    const o = e.querySelector(".btn-next"), n = e.querySelector(".btn-prev");
+    o.setAttribute("data-go", i + 1), n.setAttribute("data-go", i - 1), o.removeAttribute("disabled"), n.removeAttribute("disabled"), i == 1 ? n.setAttribute("disabled", !0) : i == r && o.setAttribute("disabled", !0);
   };
-  t.addEventListener("scroll", function(o) {
+  t.addEventListener("scroll", function(i) {
     clearTimeout(a), a = setTimeout(function() {
-      let s = t.scrollWidth, l = t.scrollHeight, c = t.scrollLeft, n = t.scrollTop, f = Math.round(c / s * r) + 1;
-      c == 0 && n != 0 && (f = Math.round(n / l * r) + 1), e.setAttribute("data-show", f), i(f);
+      let o = t.scrollWidth, n = t.scrollHeight, c = t.scrollLeft, l = t.scrollTop, p = Math.round(c / o * r) + 1;
+      c == 0 && l != 0 && (p = Math.round(l / n * r) + 1), e.setAttribute("data-show", p), s(p);
     }, 300);
-  }, !1), e.addEventListener("click", function(o) {
-    for (var s = o.target; s && s != this; s = s.parentNode)
-      if (s.matches("[data-go]")) {
-        let l = parseInt(s.getAttribute("data-go")), c = 0, n = 0, f = t.scrollWidth, b = t.scrollHeight;
-        f > b ? n = Math.floor(f * ((l - 1) / r)) : c = Math.floor(b * ((l - 1) / r)), t.scroll({
+  }, !1), e.addEventListener("click", function(i) {
+    for (var o = i.target; o && o != this; o = o.parentNode)
+      if (o.matches("[data-go]")) {
+        let n = parseInt(o.getAttribute("data-go")), c = 0, l = 0, p = t.scrollWidth, d = t.scrollHeight;
+        p > d ? l = Math.floor(p * ((n - 1) / r)) : c = Math.floor(d * ((n - 1) / r)), t.scroll({
           top: c,
-          left: n,
+          left: l,
           behavior: "smooth"
         });
         break;
       }
   }, !1);
 }
-const Je = {
+const Ze = {
   name: "Testimonial",
   props: {
     items: {
@@ -1433,68 +1452,90 @@ const Je = {
     }
   },
   mounted() {
-    Xe(this.$refs.wrapper);
+    Qe(this.$refs.wrapper);
   }
-}, Qe = {
+}, ta = {
   class: "container testimonial mb-5",
   "data-show": "1",
   ref: "wrapper"
-}, ta = { class: "row" }, ea = { class: "col-md-5 position-relative" }, aa = { class: "testimonial__images" }, sa = ["src"], ra = /* @__PURE__ */ d("div", { class: "testimonial__controls" }, [
-  /* @__PURE__ */ d("button", {
+}, ea = { class: "row" }, aa = { class: "col-md-5 position-relative" }, oa = { class: "testimonial__images" }, ia = ["src"], ra = /* @__PURE__ */ g("div", { class: "testimonial__controls" }, [
+  /* @__PURE__ */ g("button", {
     "data-go": "0",
     disabled: "",
     class: "btn-prev"
   }, "Previous"),
-  /* @__PURE__ */ d("button", {
+  /* @__PURE__ */ g("button", {
     "data-go": "2",
     class: "btn-next"
   }, "Next")
-], -1), oa = { class: "col-md-7" }, ia = /* @__PURE__ */ d("h2", null, "What our customers think…", -1), na = { class: "testimonial__content" }, la = ["innerHTML"], ca = ["innerHTML"], da = { class: "testimonial__after" }, ua = /* @__PURE__ */ d("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
-function ma(e, a, t, r, i, o) {
-  return u(), m("div", Qe, [
-    d("div", {
-      class: S("bg-" + t.background)
+], -1), sa = { class: "col-md-7" }, na = /* @__PURE__ */ g("h2", null, "What our customers think…", -1), la = { class: "testimonial__content" }, ca = ["innerHTML"], da = ["innerHTML"], ua = { class: "testimonial__after" }, ma = /* @__PURE__ */ g("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
+function ha(e, a, t, r, s, i) {
+  return m(), h("div", ta, [
+    g("div", {
+      class: $("bg-" + t.background)
     }, [
-      d("div", ta, [
-        d("div", ea, [
-          d("div", aa, [
-            (u(!0), m(M, null, H(t.items, (s, l) => (u(), m("img", {
-              key: l,
-              src: s.image ? s.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
+      g("div", ea, [
+        g("div", aa, [
+          g("div", oa, [
+            (m(!0), h(M, null, H(t.items, (o, n) => (m(), h("img", {
+              key: n,
+              src: o.image ? o.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
               alt: "",
-              class: S("h-100 w-100 object-cover" + (s.image ? "" : " opacity-0"))
-            }, null, 10, sa))), 128))
+              class: $("h-100 w-100 object-cover" + (o.image ? "" : " opacity-0"))
+            }, null, 10, ia))), 128))
           ]),
           ra
         ]),
-        d("div", oa, [
-          ia,
-          d("div", na, [
-            (u(!0), m(M, null, H(t.items, (s, l) => (u(), m("blockquote", {
-              key: l,
-              class: S(s.class)
+        g("div", sa, [
+          na,
+          g("div", la, [
+            (m(!0), h(M, null, H(t.items, (o, n) => (m(), h("blockquote", {
+              key: n,
+              class: $(o.class)
             }, [
-              d("div", {
-                innerHTML: s.quote
-              }, null, 8, la),
-              d("cite", {
-                innerHTML: s.cite
-              }, null, 8, ca)
+              g("div", {
+                innerHTML: o.quote
+              }, null, 8, ca),
+              g("cite", {
+                innerHTML: o.cite
+              }, null, 8, da)
             ], 2))), 128))
           ]),
-          d("div", da, [
-            v(e.$slots, "default")
+          g("div", ua, [
+            S(e.$slots, "default")
           ])
         ])
       ]),
-      ua
+      ma
     ], 2)
   ], 512);
 }
-const br = /* @__PURE__ */ A(Je, [["render", ma]]);
-const ha = {
+const oi = /* @__PURE__ */ A(Ze, [["render", ha]]);
+const pa = {
+  name: "Timeline",
+  props: {
+    image: {
+      type: String,
+      required: !1
+    }
+  }
+}, ba = { class: "timeline" }, fa = { class: "timeline__content" }, ga = ["src"];
+function ya(e, a, t, r, s, i) {
+  return m(), h("div", ba, [
+    g("div", fa, [
+      S(e.$slots, "default")
+    ]),
+    t.image ? (m(), h("img", {
+      key: 0,
+      src: t.image,
+      alt: ""
+    }, null, 8, ga)) : _("", !0)
+  ]);
+}
+const ii = /* @__PURE__ */ A(pa, [["render", ya]]);
+const va = {
   components: {
-    Input: X
+    Input: lt
   },
   name: "PropertySearchbar",
   props: {
@@ -1638,46 +1679,46 @@ const ha = {
       ];
     }
   }
-}, fa = {
+}, wa = {
   class: "container",
   ref: "wrapper"
-}, ba = { class: "property-searchbar" }, pa = ["action", "method"], ya = { class: "col-12 col-md-3" }, ga = { class: "col-12 col-md" }, _a = /* @__PURE__ */ d("span", { class: "form-label d-none d-md-block" }, "Price range", -1), va = {
+}, _a = { class: "property-searchbar" }, Aa = ["action", "method"], La = { class: "col-12 col-md-3" }, Sa = { class: "col-12 col-md" }, $a = /* @__PURE__ */ g("span", { class: "form-label d-none d-md-block" }, "Price range", -1), qa = {
   class: "row",
   "data-input-range": ""
-}, wa = { class: "col-12 col-md" }, Aa = /* @__PURE__ */ d("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), Sa = {
+}, ka = { class: "col-12 col-md" }, xa = /* @__PURE__ */ g("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), Ea = {
   class: "row",
   "data-input-range": ""
-}, La = { class: "col-12 col-md-2" }, ka = /* @__PURE__ */ d("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
-  /* @__PURE__ */ d("button", {
+}, Ta = { class: "col-12 col-md-2" }, Ma = /* @__PURE__ */ g("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
+  /* @__PURE__ */ g("button", {
     class: "btn w-100 me-0",
     type: "submit",
     value: "submit"
   }, "Search")
 ], -1);
-function qa(e, a, t, r, i, o) {
-  const s = z("Input");
-  return u(), m("div", fa, [
-    v(e.$slots, "default"),
-    d("div", ba, [
-      d("form", {
+function Ha(e, a, t, r, s, i) {
+  const o = z("Input");
+  return m(), h("div", wa, [
+    S(e.$slots, "default"),
+    g("div", _a, [
+      g("form", {
         class: "row",
         action: t.formaction,
         method: t.formmethod
       }, [
-        d("fieldset", ya, [
-          q(s, {
+        g("fieldset", La, [
+          C(o, {
             inputClass: "input--locations",
-            modelValue: o.locationSet,
-            "onUpdate:modelValue": a[0] || (a[0] = (l) => o.locationSet = l),
+            modelValue: i.locationSet,
+            "onUpdate:modelValue": a[0] || (a[0] = (n) => i.locationSet = n),
             label: "Location",
             id: "location",
-            options: o.locationsList(),
+            options: i.locationsList(),
             required: "",
             placeholder: "i.e. Newcastle or NE1",
-            onKeyupEvent: a[1] || (a[1] = (l) => o.locationKeyup(...arguments)),
+            onKeyupEvent: a[1] || (a[1] = (n) => i.locationKeyup(...arguments)),
             ref: "search"
           }, null, 8, ["modelValue", "options"]),
-          q(s, {
+          C(o, {
             class: "select--miles",
             label: "Miles",
             id: "miles",
@@ -1685,10 +1726,10 @@ function qa(e, a, t, r, i, o) {
             options: t.distances
           }, null, 8, ["options"])
         ]),
-        d("fieldset", ga, [
-          _a,
-          d("div", va, [
-            q(s, {
+        g("fieldset", Sa, [
+          $a,
+          g("div", qa, [
+            C(o, {
               class: "col-6",
               label: "Minimum price",
               id: "price-min",
@@ -1696,7 +1737,7 @@ function qa(e, a, t, r, i, o) {
               type: "select",
               options: t.pricemin
             }, null, 8, ["options"]),
-            q(s, {
+            C(o, {
               class: "col-6",
               label: "Maximum price",
               id: "price-max",
@@ -1706,10 +1747,10 @@ function qa(e, a, t, r, i, o) {
             }, null, 8, ["options"])
           ])
         ]),
-        d("fieldset", wa, [
-          Aa,
-          d("div", Sa, [
-            q(s, {
+        g("fieldset", ka, [
+          xa,
+          g("div", Ea, [
+            C(o, {
               class: "col-6",
               label: "Minimum beds",
               id: "beds-min",
@@ -1717,7 +1758,7 @@ function qa(e, a, t, r, i, o) {
               type: "select",
               options: t.bedsmin
             }, null, 8, ["options"]),
-            q(s, {
+            C(o, {
               class: "col-6",
               label: "Maximum beds",
               id: "beds-max",
@@ -1727,313 +1768,41 @@ function qa(e, a, t, r, i, o) {
             }, null, 8, ["options"])
           ])
         ]),
-        d("fieldset", La, [
-          q(s, {
+        g("fieldset", Ta, [
+          C(o, {
             label: "Property type",
             id: "property-type",
             type: "select",
             options: t.propertytypes
           }, null, 8, ["options"])
         ]),
-        ka
-      ], 8, pa)
+        Ma
+      ], 8, Aa)
     ]),
-    v(e.$slots, "after")
+    S(e.$slots, "after")
   ], 512);
 }
-const pr = /* @__PURE__ */ A(ha, [["render", qa]]), $a = (e) => {
-  Array.from(e.querySelectorAll("details")).forEach((a, t) => {
-    a.addEventListener("mouseenter", function(r) {
-      window.matchMedia("(min-width: 62em)").matches && a.setAttribute("open", "true");
-    }, !1), a.addEventListener("mouseleave", function(r) {
-      window.matchMedia("(min-width: 62em)").matches && a.removeAttribute("open");
-    }, !1);
-  }), "IntersectionObserver" in window && new IntersectionObserver(
-    ([t]) => t.target.classList.toggle("is-stuck", t.intersectionRatio < 1),
-    { threshold: [1] }
-  ).observe(e);
-};
-const xa = {
-  components: {
-    Input: X,
-    Logo: vt
-  },
+const ri = /* @__PURE__ */ A(va, [["render", Ha]]), Ca = {
+  components: {},
   name: "Nav",
-  props: {
-    logo: {
-      type: String,
-      required: !1
-    },
-    logotext: {
-      type: String,
-      required: !1
-    },
-    logopath: {
-      type: String,
-      required: !1
-    },
-    search: {
-      type: String,
-      required: !1
-    },
-    btnlink: {
-      type: String,
-      required: !1
-    },
-    btntext: {
-      type: String,
-      required: !1
-    },
-    propertylink: {
-      type: String,
-      required: !1
-    },
-    movebutlerlink: {
-      type: String,
-      required: !1
-    },
-    iamsoldlink: {
-      type: String,
-      required: !1
-    }
-  },
-  data() {
-    return {
-      locationSave: ""
-    };
-  },
-  methods: {
-    subIsActive(e) {
-      return (Array.isArray(e) ? e : [e]).some((t) => this.$route.path.indexOf(t) === 0);
-    }
-  },
-  computed: {
-    hasLogoSlot() {
-      return !!this.$slots.logo;
-    },
-    hasSecondarySlot() {
-      return !!this.$slots.secondary;
-    },
-    hasSearchSlot() {
-      return !!this.$slots.search;
-    },
-    hasAccountSlot() {
-      return !!this.$slots.account;
-    },
-    isMarketplace() {
-      return !1;
-    }
-  },
   mounted() {
     this.$nextTick(function() {
-      $a(this.$refs.wrapper);
+      import("./nav.component.min-ba0e9d2a.mjs").then((e) => {
+        window.customElements.get("iam-nav") || window.customElements.define("iam-nav", e.default);
+      }).catch((e) => {
+        console.log(e.message);
+      });
     });
-  }
-}, Ea = /* @__PURE__ */ d("input", {
-  type: "checkbox",
-  name: "showMenu",
-  id: "showMenu",
-  class: "d-none"
-}, null, -1), Ta = /* @__PURE__ */ d("input", {
-  type: "checkbox",
-  name: "showSearch",
-  id: "showSearch",
-  class: "d-none"
-}, null, -1), Ma = /* @__PURE__ */ d("input", {
-  type: "checkbox",
-  name: "showAccount",
-  id: "showAccount",
-  class: "d-none"
-}, null, -1), Ha = { class: "nav__mobile-bar" }, Ca = { class: "container" }, Na = { class: "row" }, Da = {
-  key: 0,
-  class: "col mw-md-fit-content nav__logo"
-}, Ra = {
-  key: 1,
-  class: "col mw-md-fit-content nav__logo"
-}, za = {
-  href: "/",
-  class: "text-decoration-none mb-0"
-}, Ia = /* @__PURE__ */ d("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
-  /* @__PURE__ */ d("label", { for: "showMenu" }, "Menu")
-], -1), Pa = { class: "nav__inner" }, ja = { class: "container" }, Fa = { class: "row" }, Oa = {
-  key: 0,
-  class: "col mw-md-fit-content nav__logo"
-}, Ba = {
-  key: 1,
-  class: "col mw-md-fit-content nav__logo"
-}, Va = {
-  href: "/",
-  class: "text-decoration-none mb-0"
-}, Ua = {
-  key: 2,
-  class: "col mw-fit-content nav__search-btn flex-row align-items-center"
-}, Wa = /* @__PURE__ */ d("label", { for: "showSearch" }, [
-  /* @__PURE__ */ d("svg", {
-    class: "icon",
-    viewBox: "0 0 32 32"
-  }, [
-    /* @__PURE__ */ d("title", null, "Search"),
-    /* @__PURE__ */ d("ellipse", {
-      cx: "14.92",
-      cy: "13.81",
-      rx: "11.92",
-      ry: "11.81",
-      class: "icon__outline"
-    }),
-    /* @__PURE__ */ d("line", {
-      x1: "22.68",
-      y1: "22.75",
-      x2: "30",
-      y2: "30",
-      class: "icon__outline"
-    })
-  ])
-], -1), Ga = [
-  Wa
-], Ka = /* @__PURE__ */ d("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
-  /* @__PURE__ */ d("label", { for: "showMenu" }, "Menu")
-], -1), Ya = { class: "col-12 col-md nav__menu ms-auto flex-row align-items-center" }, Za = {
-  key: 3,
-  class: "col nav__account-btn flex-row align-items-center"
-}, Xa = /* @__PURE__ */ d("label", { for: "showAccount" }, [
-  /* @__PURE__ */ d("svg", {
-    class: "icon",
-    viewBox: "0 0 28 28"
-  }, [
-    /* @__PURE__ */ d("path", {
-      d: "M14,28a13.861,13.861,0,0,1-9.268-3.533l-.023.047-.721-.738L3.62,23.4l.012-.023a14,14,0,1,1,20.735,0l.012.023-.367.377-.722.738-.024-.045A13.855,13.855,0,0,1,14,28Zm0-9.58a10.5,10.5,0,0,0-1.368.092c-.085.012-.17.03-.252.047-.061.013-.124.026-.187.037l-.077.013c-.266.047-.54.095-.8.165-.108.029-.215.065-.318.1-.063.022-.125.043-.188.063l-.08.026c-.223.071-.454.144-.671.234-.125.05-.245.11-.362.168l-.146.072-.045.021c-.208.1-.423.2-.623.312-.131.074-.257.158-.379.239l-.106.07-.068.044c-.176.114-.359.232-.528.359-.137.1-.267.218-.393.327l-.054.047c-.174.15-.355.306-.519.47-.132.134-.258.277-.38.416l-.018.021c-.16.184-.3.35-.437.527-.12.161-.23.33-.337.494-.076.117-.146.238-.214.356a12.495,12.495,0,0,0,17.109,0l-.022-.037c-.061-.1-.125-.212-.192-.315-.1-.156-.214-.333-.338-.5-.141-.188-.293-.363-.436-.526-.113-.13-.253-.292-.4-.438-.161-.162-.337-.314-.517-.468l-.08-.069c-.118-.1-.24-.209-.368-.307-.183-.137-.379-.264-.568-.387l-.026-.017-.106-.07c-.125-.083-.251-.166-.381-.24-.207-.118-.429-.222-.643-.322l-.024-.011-.152-.074c-.116-.057-.235-.116-.356-.165-.214-.087-.438-.159-.656-.229l-.1-.031c-.066-.021-.132-.043-.2-.066-.1-.035-.2-.07-.309-.1-.264-.07-.538-.118-.8-.165l-.078-.014c-.063-.011-.126-.024-.187-.037-.082-.017-.167-.035-.252-.047A10.483,10.483,0,0,0,14,18.421Zm0-1.473a11.871,11.871,0,0,1,1.54.1c.1.013.192.033.284.052.069.014.139.028.209.04.34.058.672.118,1,.2.14.036.278.082.412.127l.151.05c.309.1.587.188.859.3.148.059.293.127.433.194l.13.061c.306.142.553.266.775.389.188.107.368.22.535.328.26.166.489.322.7.478.156.117.316.244.49.389.209.176.412.361.622.567.156.154.3.293.43.443.209.23.4.472.542.657l.051.066c.1.134.21.272.308.416.021.031.045.061.068.09a1.267,1.267,0,0,1,.085.117,12.525,12.525,0,1,0-19.24,0c.026-.04.056-.078.084-.114s.05-.064.073-.1c.1-.141.2-.278.3-.409l.046-.059c.2-.264.378-.478.555-.672.137-.152.281-.3.417-.43.215-.21.422-.4.635-.578.18-.15.332-.271.479-.381.208-.155.433-.31.709-.486.174-.111.346-.219.526-.319.274-.153.55-.285.783-.393l.112-.053c.144-.069.293-.14.445-.2.282-.113.578-.208.864-.3l.159-.052c.132-.044.265-.088.4-.124.331-.087.675-.148,1-.2.068-.012.137-.026.2-.039.094-.019.191-.039.288-.052A11.827,11.827,0,0,1,14,16.948Z",
-      transform: "translate(0 -0.001)"
-    }),
-    /* @__PURE__ */ d("path", {
-      d: "M5.2,10.4a5.2,5.2,0,1,1,5.2-5.2A5.206,5.206,0,0,1,5.2,10.4Zm0-8.915A3.714,3.714,0,1,0,8.915,5.2,3.719,3.719,0,0,0,5.2,1.486Z",
-      transform: "translate(8.8 4.8)"
-    })
-  ]),
-  /* @__PURE__ */ d("span", null, "My account")
-], -1), Ja = [
-  Xa
-], Qa = {
-  key: 4,
-  class: "col-12 col-md nav__btn mw-md-fit-content flex-row align-items-center"
-}, ts = ["href", "innerHTML"], es = {
-  key: 0,
-  class: "nav__menu--secondary"
-}, as = { class: "container" }, ss = {
-  key: 1,
-  class: "nav__menu--search"
-}, rs = { class: "bg-gradient pt-4" }, os = { class: "container" }, is = {
-  key: 0,
-  class: "nav__menu--account"
-}, ns = { class: "container" }, ls = { class: "row mb-4" }, cs = {
-  key: 0,
-  class: "col mw-md-fit-content nav__logo"
-}, ds = {
-  key: 1,
-  class: "col mw-md-fit-content nav__logo"
-}, us = {
-  href: "/",
-  class: "text-decoration-none mb-0"
-}, ms = /* @__PURE__ */ d("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
-  /* @__PURE__ */ d("label", { for: "showAccount" }, "Account")
-], -1), hs = { class: "container" }, fs = /* @__PURE__ */ d("span", { class: "nav__bg" }, null, -1);
-function bs(e, a, t, r, i, o) {
-  const s = z("Logo");
-  return u(), m("nav", {
-    class: S(`nav${o.hasSecondarySlot ? " has-secondary" : ""}`),
-    ref: "wrapper"
-  }, [
-    Ea,
-    Ta,
-    Ma,
-    d("div", Ha, [
-      d("div", Ca, [
-        d("div", Na, [
-          o.hasLogoSlot ? (u(), m("div", Da, [
-            v(e.$slots, "logo")
-          ])) : (u(), m("div", Ra, [
-            d("a", za, [
-              q(s, {
-                id: t.logo,
-                path: t.logopath,
-                desc: t.logotext,
-                class: "pb-0"
-              }, null, 8, ["id", "path", "desc"])
-            ])
-          ])),
-          Ia
-        ])
-      ])
-    ]),
-    d("div", Pa, [
-      d("div", ja, [
-        d("div", Fa, [
-          o.hasLogoSlot ? (u(), m("div", Oa, [
-            v(e.$slots, "logo")
-          ])) : (u(), m("div", Ba, [
-            d("a", Va, [
-              q(s, {
-                id: t.logo,
-                path: t.logopath,
-                desc: t.logotext,
-                class: "pb-0"
-              }, null, 8, ["id", "path", "desc"])
-            ])
-          ])),
-          o.hasSearchSlot ? (u(), m("div", Ua, Ga)) : g("", !0),
-          Ka,
-          d("div", Ya, [
-            v(e.$slots, "default")
-          ]),
-          o.hasAccountSlot ? (u(), m("div", Za, Ja)) : g("", !0),
-          t.btnlink ? (u(), m("div", Qa, [
-            d("a", {
-              href: t.btnlink,
-              class: "btn me-0",
-              innerHTML: t.btntext
-            }, null, 8, ts)
-          ])) : g("", !0)
-        ])
-      ]),
-      o.hasSecondarySlot ? (u(), m("div", es, [
-        d("div", as, [
-          v(e.$slots, "secondary")
-        ])
-      ])) : g("", !0),
-      o.hasSearchSlot ? (u(), m("div", ss, [
-        d("div", rs, [
-          d("div", os, [
-            v(e.$slots, "search")
-          ])
-        ])
-      ])) : g("", !0)
-    ]),
-    o.hasAccountSlot ? (u(), m("div", is, [
-      d("div", ns, [
-        d("div", ls, [
-          o.hasLogoSlot ? (u(), m("div", cs, [
-            v(e.$slots, "logo")
-          ])) : (u(), m("div", ds, [
-            d("a", us, [
-              q(s, {
-                id: t.logo,
-                path: t.logopath,
-                desc: t.logotext,
-                class: "pb-0"
-              }, null, 8, ["id", "path", "desc"])
-            ])
-          ])),
-          ms
-        ])
-      ]),
-      d("div", hs, [
-        v(e.$slots, "account")
-      ])
-    ])) : g("", !0),
-    fs
-  ], 2);
+  },
+  methods: {}
+}, Na = { ref: "wrapper" };
+function Ra(e, a, t, r, s, i) {
+  return m(), h("iam-nav", Na, [
+    S(e.$slots, "default")
+  ], 512);
 }
-const yr = /* @__PURE__ */ A(xa, [["render", bs]]);
-const ps = {
+const si = /* @__PURE__ */ A(Ca, [["render", Ra]]);
+const Da = {
   name: "Stepper",
   props: {
     label: {
@@ -2046,25 +1815,60 @@ const ps = {
       default: "Complete"
     }
   }
-}, ys = { class: "container" }, gs = ["aria-label"], _s = {
+}, Pa = { class: "container" }, ja = ["aria-label"], Ia = {
   key: 0,
   class: "h6 stepper__start"
-}, vs = { class: "list-unstyled" }, ws = { class: "h6 stepper__end" };
-function As(e, a, t, r, i, o) {
-  return u(), m("div", ys, [
-    d("nav", {
+}, za = { class: "list-unstyled" }, Ba = { class: "h6 stepper__end" };
+function Fa(e, a, t, r, s, i) {
+  return m(), h("div", Pa, [
+    g("nav", {
       class: "stepper",
       "aria-label": t.label ? t.label : "Progress"
     }, [
-      t.label ? (u(), m("span", _s, $(t.label), 1)) : g("", !0),
-      d("ol", vs, [
-        v(e.$slots, "default")
+      t.label ? (m(), h("span", Ia, x(t.label), 1)) : _("", !0),
+      g("ol", za, [
+        S(e.$slots, "default")
       ]),
-      d("span", ws, $(t.endlabel), 1)
-    ], 8, gs)
+      g("span", Ba, x(t.endlabel), 1)
+    ], 8, ja)
   ]);
 }
-const gr = /* @__PURE__ */ A(ps, [["render", As]]), Ss = {
+const ni = /* @__PURE__ */ A(Da, [["render", Fa]]);
+const Oa = {
+  name: "Snapshot",
+  props: {
+    items: {
+      type: Array,
+      required: !0
+    }
+  }
+}, Va = {
+  class: "container snapshot",
+  ref: "wrapper"
+}, Wa = { class: "row" }, Ua = ["href"], Ya = { class: "lead snapshot__title" }, Ga = { class: "stat" };
+function Ka(e, a, t, r, s, i) {
+  return m(), h("div", Va, [
+    S(e.$slots, "default"),
+    g("div", Wa, [
+      (m(!0), h(M, null, H(t.items, (o, n) => (m(), h("div", {
+        class: "col",
+        key: n
+      }, [
+        o.link ? (m(), h("a", {
+          key: 0,
+          href: o.link
+        }, "View " + x(o.title), 9, Ua)) : _("", !0),
+        g("div", {
+          class: $(`snapshot__item ${o.bg ? "bg-" + o.bg : ""}`)
+        }, [
+          g("span", Ya, x(o.title), 1),
+          g("span", Ga, x(o.number), 1)
+        ], 2)
+      ]))), 128))
+    ])
+  ], 512);
+}
+const li = /* @__PURE__ */ A(Oa, [["render", Ka]]), Xa = {
   name: "Stepper",
   props: {
     url: {
@@ -2080,68 +1884,68 @@ const gr = /* @__PURE__ */ A(ps, [["render", As]]), Ss = {
       required: !1
     }
   }
-}, Ls = ["href", "aria-current"], ks = {
+}, Ja = ["href", "aria-current"], Qa = {
   key: 0,
   class: "visually-hidden"
 };
-function qs(e, a, t, r, i, o) {
-  return u(), m("li", null, [
-    d("a", {
+function Za(e, a, t, r, s, i) {
+  return m(), h("li", null, [
+    g("a", {
       href: t.url,
-      class: S(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
+      class: $(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
       "aria-current": typeof t.current < "u"
     }, [
-      d("span", null, [
-        v(e.$slots, "default")
+      g("span", null, [
+        S(e.$slots, "default")
       ]),
-      t.status ? (u(), m("em", ks, " - status: " + $(t.status), 1)) : g("", !0)
-    ], 10, Ls)
+      t.status ? (m(), h("em", Qa, " - status: " + x(t.status), 1)) : _("", !0)
+    ], 10, Ja)
   ]);
 }
-const _r = /* @__PURE__ */ A(Ss, [["render", qs]]);
+const ci = /* @__PURE__ */ A(Xa, [["render", Za]]);
 /*!
-  * iamKey v3.8.0
+  * iamKey v4.0.0
   * Copyright 2022-2023 iamproperty
   */
-const $s = function(e) {
+const to = function(e) {
   const a = e.querySelectorAll(":scope > details");
   e.querySelectorAll(":scope > details > summary");
   let t = e.querySelector(":scope > .tabs__links");
-  e.shadowRoot && e.shadowRoot.querySelector(".tabs__links") && (t = e.shadowRoot.querySelector(".tabs__links")), t || (t = document.createElement("div"), t.classList.add("tabs__links"), e.prepend(t)), a.forEach((r, i) => {
-    let o = r.querySelector(":scope > summary");
-    o.classList.add("visually-hidden");
-    let s = document.createElement("button");
-    r.hasAttribute("id") && (s = document.createElement("a"), s.setAttribute("href", `#${r.getAttribute("id")}`)), r.hasAttribute("open") && s.setAttribute("aria-pressed", !0), s.innerHTML = `${o.innerText}`, s.classList.add("link"), s.setAttribute("data-index", i), s.setAttribute("tabindex", "-1"), t.appendChild(s);
+  e.shadowRoot && e.shadowRoot.querySelector(".tabs__links") && (t = e.shadowRoot.querySelector(".tabs__links")), t || (t = document.createElement("div"), t.classList.add("tabs__links"), e.prepend(t)), a.forEach((r, s) => {
+    let i = r.querySelector(":scope > summary");
+    i.classList.add("visually-hidden");
+    let o = document.createElement("button");
+    r.hasAttribute("id") && (o = document.createElement("a"), o.setAttribute("href", `#${r.getAttribute("id")}`)), r.hasAttribute("open") && o.setAttribute("aria-pressed", !0), o.innerHTML = `${i.innerText}`, o.classList.add("link"), o.setAttribute("data-index", s), o.setAttribute("tabindex", "-1"), t.appendChild(o);
   });
-}, xs = function(e) {
+}, eo = function(e) {
   let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > details > summary"), r = e.querySelectorAll(":scope .tabs__links > .link");
-  e.shadowRoot && (r = e.shadowRoot.querySelectorAll(".tabs__links > .link")), r.forEach((i) => {
-    i.addEventListener("click", (o) => {
-      o.preventDefault(), r.forEach((s) => {
-        let l = s == i;
-        s.setAttribute("aria-pressed", l);
-      }), a.forEach((s, l) => {
-        let c = i.getAttribute("data-index") == l;
-        c ? s.setAttribute("open", c) : s.removeAttribute("open");
-      }), i.hasAttribute("href") && history.pushState(void 0, void 0, i.getAttribute("href")), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openTab", tabTitle: i.textContent });
+  e.shadowRoot && (r = e.shadowRoot.querySelectorAll(".tabs__links > .link")), r.forEach((s) => {
+    s.addEventListener("click", (i) => {
+      i.preventDefault(), r.forEach((o) => {
+        let n = o == s;
+        o.setAttribute("aria-pressed", n);
+      }), a.forEach((o, n) => {
+        let c = s.getAttribute("data-index") == n;
+        c ? o.setAttribute("open", c) : o.removeAttribute("open");
+      }), s.hasAttribute("href") && history.pushState(void 0, void 0, s.getAttribute("href")), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openTab", tabTitle: s.textContent });
     });
-  }), t.forEach((i, o) => {
-    i.addEventListener("focus", (s) => {
-      r.forEach((l) => {
-        l.classList.remove("focus");
-      }), r[o].classList.add("focus");
-    }), i.addEventListener("click", (s) => {
-      s.preventDefault(), r[o].click();
+  }), t.forEach((s, i) => {
+    s.addEventListener("focus", (o) => {
+      r.forEach((n) => {
+        n.classList.remove("focus");
+      }), r[i].classList.add("focus");
+    }), s.addEventListener("click", (o) => {
+      o.preventDefault(), r[i].click();
     });
   });
-}, Es = function(e) {
+}, ao = function(e) {
   let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");
   e.shadowRoot && (t = e.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")), location.hash && e.querySelector(`.tabs__links [href="${location.hash}"]`) ? (e.querySelector(`[href="${location.hash}"]`).setAttribute("open", !0), e.querySelector(`details[id="${location.hash.replace("#", "")}"]`).setAttribute("open", !0)) : e.querySelector("details[open]") || (a[0].setAttribute("open", !0), t[0].setAttribute("aria-pressed", !0));
-}, Ts = function(e) {
-  $s(e), xs(e), Es(e);
+}, oo = function(e) {
+  to(e), eo(e), ao(e);
 };
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "tabs" });
-class Ms extends HTMLElement {
+let io = class extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = document.createElement("template");
@@ -2163,19 +1967,19 @@ class Ms extends HTMLElement {
   }
   connectedCallback() {
     let a = this.classList.toString().replace("container", "");
-    this.shadowRoot.querySelector(".tabs").setAttribute("class", `tabs ${a}`), Ts(this);
+    this.shadowRoot.querySelector(".tabs").setAttribute("class", `tabs ${a}`), oo(this);
   }
-}
-window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", Ms);
-const Hs = {
+};
+window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", io);
+const ro = {
   name: "Tabs"
-}, Cs = { ref: "wrapper" };
-function Ns(e, a, t, r, i, o) {
-  return u(), m("iam-tabs", Cs, [
-    v(e.$slots, "default")
+}, so = { ref: "wrapper" };
+function no(e, a, t, r, s, i) {
+  return m(), h("iam-tabs", so, [
+    S(e.$slots, "default")
   ], 512);
 }
-const vr = /* @__PURE__ */ A(Hs, [["render", Ns]]), Ds = {
+const ui = /* @__PURE__ */ A(ro, [["render", no]]), lo = {
   name: "Tab",
   props: {
     title: {
@@ -2197,20 +2001,20 @@ const vr = /* @__PURE__ */ A(Hs, [["render", Ns]]), Ds = {
       console.log(e);
     }
   }
-}, Rs = { class: "tab" }, zs = ["innerHTML"];
-function Is(e, a, t, r, i, o) {
-  return u(), m("details", Rs, [
-    d("summary", { innerHTML: t.title }, null, 8, zs),
-    v(e.$slots, "default")
+}, co = { class: "tab" }, uo = ["innerHTML"];
+function mo(e, a, t, r, s, i) {
+  return m(), h("details", co, [
+    g("summary", { innerHTML: t.title }, null, 8, uo),
+    S(e.$slots, "default")
   ]);
 }
-const wr = /* @__PURE__ */ A(Ds, [["render", Is]]);
-let nt = it.props;
-nt.fields.required = !1;
-const Ps = {
+const mi = /* @__PURE__ */ A(lo, [["render", mo]]);
+let ct = nt.props;
+ct.fields.required = !1;
+const ho = {
   components: {
-    Table: it,
-    Input: X
+    Table: nt,
+    Input: lt
   },
   data() {
     return {
@@ -2224,8 +2028,8 @@ const Ps = {
       const a = new FormData(e.target);
       let t = /* @__PURE__ */ new Date();
       const r = t.getFullYear();
-      let i = t.getMonth() + 1, o = t.getDate();
-      o < 10 && (o = "0" + o), i < 10 && (i = "0" + i), t = o + "/" + i + "/" + r, this.itemsData.unshift({
+      let s = t.getMonth() + 1, i = t.getDate();
+      i < 10 && (i = "0" + i), s < 10 && (s = "0" + s), t = i + "/" + s + "/" + r, this.itemsData.unshift({
         date_added: t,
         user: a.get("user"),
         note: a.get("addNote")
@@ -2238,7 +2042,7 @@ const Ps = {
       type: String,
       required: !0
     },
-    ...nt,
+    ...ct,
     title: {
       type: String,
       required: !1
@@ -2253,109 +2057,109 @@ const Ps = {
       required: !1
     }
   }
-}, js = { class: "container note-feed mb-2" }, Fs = ["innerHTML"], Os = ["action", "method"], Bs = ["value"], Vs = /* @__PURE__ */ d("button", { class: "btn btn-tertiary" }, "Submit note", -1);
-function Us(e, a, t, r, i, o) {
-  const s = z("Table"), l = z("Input");
-  return u(), m("div", js, [
-    t.title ? (u(), m("span", {
+}, po = { class: "container note-feed mb-2" }, bo = ["innerHTML"], fo = ["action", "method"], go = ["value"], yo = /* @__PURE__ */ g("button", { class: "btn btn-tertiary" }, "Submit note", -1);
+function vo(e, a, t, r, s, i) {
+  const o = z("Table"), n = z("Input");
+  return m(), h("div", po, [
+    t.title ? (m(), h("span", {
       key: 0,
       class: "h3",
       innerHTML: t.title
-    }, null, 8, Fs)) : g("", !0),
-    q(s, C({
+    }, null, 8, bo)) : _("", !0),
+    C(o, N({
       fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
-      items: i.itemsData
+      items: s.itemsData
     }, e.$props, { class: "mb-0" }), null, 16, ["items"]),
-    d("form", {
+    g("form", {
       action: t.action,
       method: t.method,
-      onSubmit: a[0] || (a[0] = bt((c) => o.submitForm(...arguments), ["prevent"]))
+      onSubmit: a[0] || (a[0] = gt((c) => i.submitForm(...arguments), ["prevent"]))
     }, [
-      d("input", {
+      g("input", {
         type: "hidden",
         value: t.user,
         name: "user"
-      }, null, 8, Bs),
-      q(l, {
+      }, null, 8, go),
+      C(n, {
         id: "addNote",
         type: "textarea",
         label: "Add note",
         required: "",
         class: "mw-100"
       }),
-      Vs
-    ], 40, Os)
+      yo
+    ], 40, fo)
   ]);
 }
-const Ar = /* @__PURE__ */ A(Ps, [["render", Us]]);
+const hi = /* @__PURE__ */ A(ho, [["render", vo]]);
 /*!
-  * iamKey v3.8.0
+  * iamKey v4.0.0
   * Copyright 2022-2023 iamproperty
   */
-function Ws(e, a) {
-  function t(r, i) {
-    let o = !1, s = i.getAttribute("name");
-    s.includes("[]") && (s = s.replace("[]", `[${i.value}]`));
-    let l = r.querySelector(`[data-name="${s}"]`);
-    l && i.getAttribute("type") == "checkbox" && (o = !0);
-    let c = i.getAttribute("data-filter-text");
-    if (l || (l = document.createElement("button"), r.appendChild(l)), l.setAttribute("type", "button"), l.classList.add("filter"), l.setAttribute("data-name", s), l.innerHTML = c.replace("$value", i.value), (!i.value || o) && l.remove(), i.parentNode.closest("[data-filter-text]")) {
-      let n = i.parentNode.closest("[data-filter-text]"), f = !0;
-      if (s = "", n.querySelectorAll("input").forEach((b, y) => {
-        let p = b.getAttribute("name");
-        if (s += `${y != 0 ? "," : ""}${p}`, r.querySelector(`[data-name="${p}"]`) && r.querySelector(`[data-name="${p}"]`).remove(), b.value) {
-          let h = document.createElement("button");
-          h.setAttribute("type", "button"), h.classList.add("filter"), h.setAttribute("data-name", p), h.innerHTML = c.replace("$value", b.value), r.appendChild(h);
+function wo(e, a) {
+  function t(r, s) {
+    let i = !1, o = s.getAttribute("name");
+    o.includes("[]") && (o = o.replace("[]", `[${s.value}]`));
+    let n = r.querySelector(`[data-name="${o}"]`);
+    n && s.getAttribute("type") == "checkbox" && (i = !0);
+    let c = s.getAttribute("data-filter-text");
+    if (n || (n = document.createElement("button"), r.appendChild(n)), n.setAttribute("type", "button"), n.classList.add("filter"), n.setAttribute("data-name", o), n.innerHTML = c.replace("$value", s.value), (!s.value || i) && n.remove(), s.parentNode.closest("[data-filter-text]")) {
+      let l = s.parentNode.closest("[data-filter-text]"), p = !0;
+      if (o = "", l.querySelectorAll("input").forEach((d, f) => {
+        let b = d.getAttribute("name");
+        if (o += `${f != 0 ? "," : ""}${b}`, r.querySelector(`[data-name="${b}"]`) && r.querySelector(`[data-name="${b}"]`).remove(), d.value) {
+          let u = document.createElement("button");
+          u.setAttribute("type", "button"), u.classList.add("filter"), u.setAttribute("data-name", b), u.innerHTML = c.replace("$value", d.value), r.appendChild(u);
         } else
-          f = !1;
-      }), r.querySelector(`[data-name="${s}"]`) && r.querySelector(`[data-name="${s}"]`).remove(), f) {
-        let b = n.getAttribute("data-filter-text");
-        n.querySelectorAll("input").forEach((p, h) => {
-          let L = p.getAttribute("name");
-          r.querySelector(`[data-name="${L}"]`) && r.querySelector(`[data-name="${L}"]`).remove(), b = b.replace(`$${h + 1}`, p.value);
+          p = !1;
+      }), r.querySelector(`[data-name="${o}"]`) && r.querySelector(`[data-name="${o}"]`).remove(), p) {
+        let d = l.getAttribute("data-filter-text");
+        l.querySelectorAll("input").forEach((b, u) => {
+          let w = b.getAttribute("name");
+          r.querySelector(`[data-name="${w}"]`) && r.querySelector(`[data-name="${w}"]`).remove(), d = d.replace(`$${u + 1}`, b.value);
         });
-        let y = document.createElement("button");
-        y.setAttribute("type", "button"), y.classList.add("filter"), y.setAttribute("data-name", s), y.innerHTML = b, r.appendChild(y);
+        let f = document.createElement("button");
+        f.setAttribute("type", "button"), f.classList.add("filter"), f.setAttribute("data-name", o), f.innerHTML = d, r.appendChild(f);
       }
     }
   }
-  Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((r, i) => {
+  Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((r, s) => {
     t(a, r);
   }), e.addEventListener("change", function(r) {
     if (r && r.target instanceof HTMLElement && r.target.closest("input[data-filter-text]")) {
-      let i = r.target.closest("input[data-filter-text]");
-      t(a, i);
+      let s = r.target.closest("input[data-filter-text]");
+      t(a, s);
     }
   }, !1), a.addEventListener("click", function(r) {
     if (r && r.target instanceof HTMLElement && r.target.closest(".filter")) {
-      let s = r.target.closest(".filter"), l = s.getAttribute("data-name").split(",");
-      for (var i = 0; i < l.length; i++) {
-        let c = l[i], n = `[name="${c}"]`;
-        c.match(/\[(.*)\]/) && (c.replace(/\[(.*)\]/, "[]"), n = `[value="${c.replace(/.*\[(.*)\]/, "$1")}"]`);
-        let f = e.querySelectorAll(n);
-        for (var o = 0; o < f.length; o++) {
-          let b = f[o];
-          if (b.getAttribute("type") != "radio" && b.getAttribute("type") != "checkbox")
-            b.value = "";
+      let o = r.target.closest(".filter"), n = o.getAttribute("data-name").split(",");
+      for (var s = 0; s < n.length; s++) {
+        let c = n[s], l = `[name="${c}"]`;
+        c.match(/\[(.*)\]/) && (c.replace(/\[(.*)\]/, "[]"), l = `[value="${c.replace(/.*\[(.*)\]/, "$1")}"]`);
+        let p = e.querySelectorAll(l);
+        for (var i = 0; i < p.length; i++) {
+          let d = p[i];
+          if (d.getAttribute("type") != "radio" && d.getAttribute("type") != "checkbox")
+            d.value = "";
           else {
-            b.checked = !1;
+            d.checked = !1;
             var r = new Event("force");
-            b.closest("form").dispatchEvent(r);
+            d.closest("form").dispatchEvent(r);
           }
         }
       }
-      s.remove();
+      o.remove();
     }
   }, !1);
 }
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "Applied Filters" });
-class Gs extends HTMLElement {
+class _o 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 r = this.classList.toString();
-    const i = document.createElement("template");
-    i.innerHTML = `
+    const s = document.createElement("template");
+    s.innerHTML = `
     <style>
     @import "${t}";
     .applied-filters:not(.applied-filters--compact):not(:empty):before{content:"Applied filters";font-weight:bold;font-size:1.125rem;line-height:1.375rem;color:var(--colour-header);margin-bottom:1rem;display:block}.applied-filters:not(:empty){margin-bottom:1rem}::slotted(*:last-child){margin-bottom:0}.applied-filters .filter{border:1px solid var(--colour-border);padding:1rem 1.5rem 1rem 1.5rem;background:rgba(0,0,0,0);margin-right:.5rem !important;margin-bottom:.5rem !important;line-height:1.5rem;white-space:nowrap}.applied-filters .filter:after{content:"";display:inline-block;height:1.25rem;width:1.25rem;padding:0;margin-left:1.5rem;margin-bottom:-0.25rem;border:none;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-close);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-close);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}.applied-filters--compact .filter{background-color:var(--colour-light);border:none;padding:0.625rem;line-height:1rem;border-radius:0.3125rem}.applied-filters--compact .filter:after{margin-left:0.625rem;height:1rem;width:1rem;margin-bottom:-0.1rem}/*# sourceMappingURL=assets/css/components/applied-filters.css.map */
@@ -2364,47 +2168,47 @@ class Gs extends HTMLElement {
     </style>
     <div class="applied-filters ${r}"></div>
     <slot></slot>
-    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
   }
   connectedCallback() {
-    Ws(this, this.shadowRoot.querySelector(".applied-filters"));
+    wo(this, this.shadowRoot.querySelector(".applied-filters"));
   }
 }
-window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", Gs);
-const Ks = {
+window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", _o);
+const Ao = {
   name: "Header"
 };
-function Ys(e, a, t, r, i, o) {
-  return u(), m("iam-applied-filters", null, [
-    v(e.$slots, "default")
+function Lo(e, a, t, r, s, i) {
+  return m(), h("iam-applied-filters", null, [
+    S(e.$slots, "default")
   ]);
 }
-const Sr = /* @__PURE__ */ A(Ks, [["render", Ys]]);
+const pi = /* @__PURE__ */ A(Ao, [["render", Lo]]);
 /*!
-  * iamKey v3.8.0
+  * iamKey v4.0.0
   * Copyright 2022-2023 iamproperty
   */
-function Zs(e, a) {
-  Xs(e, a);
+function So(e, a) {
+  $o(e, a);
 }
-function Xs(e, a) {
+function $o(e, a) {
   var t;
   a.addEventListener("keyup", (r) => {
     clearTimeout(t), t = setTimeout(function() {
-      tt(e, a.value);
+      Z(e, a.value);
     }, 500);
   }), a.addEventListener("change", (r) => {
-    clearTimeout(t), tt(e, a.value);
+    clearTimeout(t), Z(e, a.value);
   });
 }
-const tt = function(e, a) {
+const Z = function(e, a) {
   Array.from(e.querySelectorAll(":scope > li")).forEach((t, r) => {
-    let i = t.textContent.toLowerCase();
-    t.classList.add("d-none"), i.includes(a.toLowerCase()) && t.classList.remove("d-none");
+    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 });
 };
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "filterlist" });
-class Js extends HTMLElement {
+let qo = class extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = document.createElement("template");
@@ -2439,30 +2243,30 @@ class Js extends HTMLElement {
   }
   connectedCallback() {
     let a = this.classList.toString();
-    this.shadowRoot.querySelector(".list__wrapper").setAttribute("class", `list__wrapper ${a}`), this.querySelector("i.fa-search") || (this.innerHTML += '<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'), Zs(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
+    this.shadowRoot.querySelector(".list__wrapper").setAttribute("class", `list__wrapper ${a}`), this.querySelector("i.fa-search") || (this.innerHTML += '<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'), So(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
   }
-}
-window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", Js);
-const Qs = {
+};
+window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", qo);
+const ko = {
   name: "Filter list"
 };
-function tr(e, a, t, r, i, o) {
-  return u(), m("iam-filterlist", null, [
-    v(e.$slots, "default")
+function xo(e, a, t, r, s, i) {
+  return m(), h("iam-filterlist", null, [
+    S(e.$slots, "default")
   ]);
 }
-const Lr = /* @__PURE__ */ A(Qs, [["render", tr]]);
-function er(e) {
+const fi = /* @__PURE__ */ A(ko, [["render", xo]]);
+function Eo(e) {
   if (e.hasAttribute("data-type") && e.getAttribute("data-type") == "toast") {
     let t = document.querySelector(".notification__holder");
     t || (t = document.createElement("div"), t.classList.add("notification__holder"), t.classList.add("container"), document.querySelector("body").appendChild(t)), e.closest(".notification__holder") || t.appendChild(e);
   }
   if (e.setAttribute("role", "alert"), e.addEventListener("click", function(t) {
-    event && event.target instanceof HTMLElement && event.target.closest("[data-dismiss-button]") && (t.preventDefault(), Z(e));
+    event && event.target instanceof HTMLElement && event.target.closest("[data-dismiss-button]") && (t.preventDefault(), X(e));
   }, !1), e.hasAttribute("data-timeout")) {
     let t = e.getAttribute("data-timeout");
-    var a = new ar(function() {
-      Z(e);
+    var a = new To(function() {
+      X(e);
     }, t);
     e.addEventListener("mouseenter", (r) => {
       a.pause();
@@ -2471,15 +2275,15 @@ function er(e) {
     });
   }
 }
-function ar(e, a) {
-  var t, r, i = a;
+function To(e, a) {
+  var t, r, s = a;
   this.pause = function() {
-    window.clearTimeout(t), i -= /* @__PURE__ */ new Date() - r;
+    window.clearTimeout(t), s -= /* @__PURE__ */ new Date() - r;
   }, this.resume = function() {
-    r = /* @__PURE__ */ new Date(), window.clearTimeout(t), t = window.setTimeout(e, i);
+    r = /* @__PURE__ */ new Date(), window.clearTimeout(t), t = window.setTimeout(e, s);
   }, this.resume();
 }
-const Z = function(e) {
+const X = function(e) {
   e.classList.add("d-none");
 };
 window.dataLayer = window.dataLayer || [];
@@ -2487,15 +2291,15 @@ window.dataLayer.push({
   event: "customElementRegistered",
   element: "Notification"
 });
-class sr extends HTMLElement {
+class Mo extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = `@import "${a}/css/components/notification.css";`, i = this.querySelectorAll("a,button");
-    Array.from(i).forEach((s, l) => {
-      s.setAttribute("slot", "btns"), s.classList.add("link");
-    }), (i.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
-    const o = document.createElement("template");
-    o.innerHTML = `
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = `@import "${a}/css/components/notification.css";`, s = this.querySelectorAll("a,button");
+    Array.from(s).forEach((o, n) => {
+      o.setAttribute("slot", "btns"), o.classList.add("link");
+    }), (s.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
+    const i = document.createElement("template");
+    i.innerHTML = `
     <style>
     @import "${t}";
     ${r}
@@ -2504,10 +2308,10 @@ class sr extends HTMLElement {
 
     <div class="notification">
       <div class="notification__icon"><slot name="icon"></slot></div>
-      <div class="notification__inner"><div class="notification__text"><slot></slot></div>${i.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
+      <div class="notification__inner"><div class="notification__text"><slot></slot></div>${s.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
       ${this.hasAttribute("data-dismiss") ? '<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>' : ""}
     </div>
-    `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
     const a = this.shadowRoot.querySelector("[data-dismiss-button]"), t = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
@@ -2527,46 +2331,497 @@ class sr extends HTMLElement {
         default:
           this.innerHTML += '<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>';
       }
-    er(r), a && a.addEventListener("click", function(i) {
-      Z(r);
+    Eo(r), a && a.addEventListener("click", function(s) {
+      X(r);
     }, !1);
   }
 }
-const rr = {
+const Ho = {
   name: "Notification",
   props: {},
   created() {
     this.$nextTick(function() {
-      window.customElements.get("iam-notification") || window.customElements.define("iam-notification", sr);
+      window.customElements.get("iam-notification") || window.customElements.define("iam-notification", Mo);
+    });
+  }
+};
+function Co(e, a, t, r, s, i) {
+  return m(), h("iam-notification", null, [
+    S(e.$slots, "default")
+  ]);
+}
+const gi = /* @__PURE__ */ A(Ho, [["render", Co]]);
+/*!
+  * iamKey v4.0.0
+  * Copyright 2022-2023 iamproperty
+  */
+const No = function(e) {
+  typeof window.player < "u" && typeof window.player.pauseVideo == "function" && window.player.pauseVideo();
+  var a = e.getAttribute("data-id"), t = e.getAttribute("id");
+  if (typeof t > "u" || t == null) {
+    var r = String.fromCharCode(65 + Math.floor(Math.random() * 26));
+    t = r + Date.now(), e.setAttribute("id", t);
+  }
+  function s() {
+    window.player = new YT.Player(t, { height: "100%", width: "100%", videoId: a, playerVars: { modestbranding: 1, playsinline: 1, rel: 0, showinfo: 0 }, events: { onReady: i, onStateChange: n } });
+  }
+  s();
+  function i(c) {
+    c.target.playVideo();
+  }
+  var o = !1;
+  function n(c) {
+    if (c.data == YT.PlayerState.PLAYING && !o) {
+      var l = document.getElementById(t);
+      l.classList.add("player-ready"), o = !0;
+    }
+  }
+}, Ro = (e) => (Array.from(e.querySelectorAll("dialog[open]")).forEach((a, t) => {
+  a.closest(".dialog__wrapper") || (a.removeAttribute("open"), a.showModal(), a.focus(), tt(a));
+}), e.addEventListener("click", (a) => {
+  if (a.target.tagName == "IAM-ACTIONBAR")
+    return !1;
+  if (a && a.target instanceof HTMLElement && a.target.closest("[data-modal]")) {
+    const s = a.target.closest("[data-modal]"), i = s.hasAttribute("data-modal") ? s.getAttribute("data-modal") : s.getAttribute("data-filter"), o = document.querySelector(`dialog#${i}`);
+    tt(o), o.showModal(), o.focus(), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openModal", id: i });
+  }
+  if (a && a.target instanceof HTMLElement && a.target.closest("button.dialog__close")) {
+    const s = a.target.closest("dialog[open]");
+    a.preventDefault(), s.close(), Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((i, o) => {
+      i.classList.remove("active");
+    }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: s.getAttribute("id") });
+  }
+  if (a && a.target instanceof HTMLElement && a.target.closest('button[formmethod="dialog"]')) {
+    const s = a.target.closest("dialog[open]");
+    Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((i, o) => {
+      i.classList.remove("active");
+    }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: s.getAttribute("id") });
+  }
+  if (a && a.target instanceof HTMLElement && a.target.closest("dialog[open]")) {
+    let s = a.target.closest("dialog[open]");
+    var t = window.getComputedStyle(s);
+    if (t.display === "contents" && (s = s.parentNode.closest("dialog[open]")), !s.querySelector(":scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child") || s.classList.contains("dialog--multi")) {
+      const i = s.getBoundingClientRect();
+      (a.clientX < i.left || a.clientX > i.right || a.clientY < i.top || a.clientY > i.bottom) && (a.target.closest('input[type="radio"]') || s.close(), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: s.getAttribute("id") }));
+    }
+  }
+  if (a && a.target instanceof HTMLElement && a.target.closest(".dialog__wrapper > button")) {
+    a.stopPropagation();
+    let s = a.target.closest(".dialog__wrapper > button"), i = a.target.closest(".dialog__wrapper > button").parentNode, o = "openPopover", n = i.querySelector(":scope > dialog");
+    if (document.querySelector("*:not([data-keep-open]) > dialog[open]") && document.querySelector("*:not([data-keep-open]) > dialog[open]") != n && document.querySelector("*:not([data-keep-open]) > dialog[open]").close(), Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((d, f) => {
+      d.classList.remove("active");
+    }), n.hasAttribute("open"))
+      n.close(), o = "closePopover", n.removeAttribute("style"), s.classList.remove("active");
+    else {
+      n.show(), s.classList.add("active");
+      var r = s.getBoundingClientRect();
+      let d = r.top, f = r.left;
+      if (s.closest("iam-table")) {
+        let b = s.closest("iam-table").parentNode.getBoundingClientRect();
+        d -= b.top, f -= b.left;
+      }
+      n.classList.contains("dialog--fix") && n.setAttribute("style", `position:fixed;top: ${d}px; left: ${f}px; margin: 3rem 0 0 0;`);
+    }
+    let c = n.getBoundingClientRect(), l = c.bottom - window.scrollY, p = window.innerHeight - window.scrollY;
+    if (l > p) {
+      let d = n.hasAttribute("style") ? n.getAttribute("style") + " " : "";
+      n.setAttribute("style", d + "transform: translate(0, calc(-100% - 4rem))"), c = n.getBoundingClientRect(), c.top - window.scrollY < 100 && n.removeAttribute("style");
+    }
+    window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: o, id: s.textContent });
+  }
+  a && a.target instanceof HTMLElement && !a.target.closest("dialog[open]") && !a.target.closest(".dialog__wrapper > button") && (document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]") && document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]").close(), Array.from(document.querySelectorAll(".dialog__wrapper:not([data-keep-open]) > button")).forEach((s, i) => {
+    s.classList.remove("active");
+  }));
+}), null), tt = (e) => {
+  e.querySelector(":scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child") && !e.classList.contains("dialog--multi") && e.addEventListener("cancel", (t) => {
+    t.preventDefault();
+  });
+  let a = e.querySelector(".youtube-embed a");
+  if (a && No(a), e.classList.contains("dialog--multi") && !e.querySelector(":scope > .steps") && Do(e), !e.querySelector(":scope > .mh-lg") && !e.classList.contains("dialog--multi")) {
+    e.innerHTML = `<div class="mh-lg">${e.innerHTML}</div>`;
+    let t = e.querySelector(".mh-lg"), r = e.querySelector(".mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)");
+    if (r) {
+      let s = r.previousSibling;
+      t.before(r), s && r.before(s);
+    }
+  }
+  e.querySelector(":scope > button:first-child") || e.insertAdjacentHTML("afterbegin", '<button class="dialog__close">Close</button>');
+}, Do = (e) => {
+  let a = "", t = Array.from(e.querySelectorAll("fieldset[data-title]"));
+  t.forEach((i, o) => {
+    a += `<button data-title="${i.getAttribute("data-title")}" type="button" class="${o == 0 ? "active" : ""}" tabindex="-1">${i.getAttribute("data-title")}</button>`;
+    const n = document.createElement("div");
+    n.classList.add("btn--wrapper"), i.appendChild(n), o != 0 && (n.innerHTML += `<button data-title="${t[o - 1].getAttribute("data-title")}" class="btn btn-secondary mb-0" data-previous type="button">Previous</button>`), o != t.length - 1 && (n.innerHTML += `<button data-title="${t[o + 1].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="button">Next</button>`), o == t.length - 1 && (n.innerHTML += `<button data-title="${t[o].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="submit">Submit</button>`);
+  }), e.insertAdjacentHTML("afterbegin", `<div class="steps bg-primary">${a}</div>`);
+  let r = Array.from(e.querySelectorAll("fieldset.was-validated"));
+  for (let i = 0; i < r.length; i++) {
+    let o = r[i], n = o.getAttribute("data-title");
+    if (o.querySelector(".is-invalid")) {
+      Array.from(e.querySelectorAll(`[data-title="${n}"]`)).forEach((c, l) => {
+        c.classList.add("active");
+      });
+      break;
+    } else
+      Array.from(e.querySelectorAll(`[data-title="${n}"]`)).forEach((c, l) => {
+        c.classList.add("valid");
+      });
+  }
+  e.addEventListener("invalid", function() {
+    return function(i) {
+      i.preventDefault();
+    };
+  }(), !0);
+  function s(i) {
+    const o = e.querySelector("fieldset.active") ? e.querySelector("fieldset.active") : e.querySelector("fieldset[data-title]"), n = o.getAttribute("data-title");
+    let c = !0;
+    if (o.classList.add("was-validated"), Array.from(o.querySelectorAll("input")).forEach((d, f) => {
+      d.checkValidity() || (c = !1);
+    }), c ? Array.from(e.querySelectorAll(`[data-title="${n}"]`)).forEach((d, f) => {
+      d.classList.add("valid");
+    }) : Array.from(e.querySelectorAll(`[data-title="${n}"]`)).forEach((d, f) => {
+      d.classList.remove("valid");
+    }), c || !i.hasAttribute("data-next")) {
+      const d = e.querySelector(`fieldset[data-title="${i.getAttribute("data-title")}"]`), f = e.querySelector(`.steps button[data-title="${i.getAttribute("data-title")}"]`);
+      Array.from(e.querySelectorAll("button")).forEach((b, u) => {
+        b.classList.remove("active");
+      }), Array.from(e.querySelectorAll("fieldset")).forEach((b, u) => {
+        b.classList.remove("active");
+      }), f.classList.add("active"), d.classList.add("active");
+    }
+    let l = Array.from(e.querySelectorAll("fieldset")).length, p = Array.from(e.querySelectorAll("fieldset.valid")).length;
+    e.style.setProperty("--progress", `${p / (l - 1) * 100}%`);
+  }
+  e.addEventListener("keydown", (i) => {
+    if (i && i.target instanceof HTMLElement && i.target.closest("button")) {
+      const o = i.target.closest("button");
+      i.keyCode == 13 && (i.preventDefault(), s(o));
+    }
+    i && i.target instanceof HTMLElement && i.target.closest("input") && i.target.closest("input").classList.remove("is-invalid");
+  }), e.addEventListener("click", (i) => {
+    if (i && i.target instanceof HTMLElement && i.target.closest("button[data-title]")) {
+      const o = i.target.closest("button[data-title]");
+      s(o);
+    }
+    return null;
+  });
+};
+window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "action bar" });
+function et(e, a) {
+  e && a == "all" ? (e.querySelector("input").indeterminate = !1, e.querySelector("input").checked = !0, e.querySelector("label").textContent = "Select all") : e && a == 0 ? (e.querySelector("input").indeterminate = !1, e.querySelector("input").checked = !1, e.querySelector("label").textContent = "Select all") : e && a ? (e.querySelector("input").indeterminate = !0, e.querySelector("input").checked = !1, e.querySelector("label").textContent = `${a} item${a > 1 ? "s" : ""} selected`) : e && (e.querySelector("input").checked = !1, e.querySelector("input").indeterminate = !1, e.querySelector("label").textContent = "Select all");
+}
+class Po 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`, r = document.createElement("template");
+    r.innerHTML = `
+    <style>
+    @import "${t}";
+    .actionbar__wrapper{position:relative;z-index:10;height:4.25rem;container-type:inline-size}.views,.selectall{position:absolute !important;top:50%;left:1.5rem;transform:translate(0, -50%);z-index:10}@media screen and (min-width: 36em){.views,.selectall{left:2rem}}.views .btn-action:not(:last-child),.selectall .btn-action:not(:last-child){margin-right:0.25rem !important}.selectall{width:2.5rem;overflow:hidden}.selectall label{height:2.5rem}@media screen and (min-width: 36em){.selectall{width:auto;overflow:visible}}.actionbar [data-search]{display:none}:host([data-search]) .actionbar [data-search]{display:block;margin-left:1rem !important}:is(.actionbar,.actionbar--selected,.actionbar--search){border-top-left-radius:0.625rem;border-top-right-radius:0.625rem;padding:0 1.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center;height:4.25rem;position:absolute;inset:0}@container (width > 23.4375em){:is(.actionbar,.actionbar--selected,.actionbar--search){padding:0 2rem}}.actionbar{display:flex}.actionbar--selected{background-color:#e6eaec;display:flex;opacity:0;pointer-events:none}.actionbar--search{background-color:#e6eaec;display:flex;z-index:2;position:relative;opacity:0;pointer-events:none}.selectall:has(input:checked)~.actionbar,.selectall:has(input:indeterminate)~.actionbar{opacity:0;pointer-events:none}.selectall:has(input:checked)~.actionbar--selected,.selectall:has(input:indeterminate)~.actionbar--selected{opacity:1;pointer-events:all}.actionbar--search.show{opacity:1;pointer-events:all}.actionbar__wrapper:has(.actionbar--search.show)>*:not(.actionbar--search.show){opacity:0;pointer-events:none}::slotted(*:not([slot=overflow])){margin-top:0 !important;margin-bottom:0 !important;margin-left:1rem !important;margin-right:0 !important}::slotted(.btn:not(.btn-action)){order:2}::slotted([data-single]){pointer-events:none;opacity:.5}:host([data-selected="1"]) ::slotted([data-single]){pointer-events:all;opacity:1}::slotted(hr){height:2rem;color:#9d9d9d !important;width:1px;display:none}@container (width > 48em){::slotted(hr){display:block}}.safe-area{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;width:13.125rem;overflow:visible;position:relative}@container (width > 23.4375em){.safe-area{width:28.125rem}}@container (width > 48em){.safe-area{width:46.875rem}}.safe-area .body{display:contents}:host([data-switchviews]) .safe-area{width:9rem}::slotted(.btn-compact[slot=selected-overflow]),::slotted(.btn-compact[slot=overflow]){max-width:none !important;text-indent:0 !important;width:auto !important;text-align:left !important;padding-left:0 !important;background:none !important;border:none !important}::slotted(.btn-compact[slot=selected-overflow]):before,::slotted(.btn-compact[slot=overflow]):before{position:static !important;line-height:inherit !important}::slotted(.dialog__wrapper[slot=overflow]) dialog[open]{background:red}.dialog__wrapper.dialog-overflow{margin-left:.5rem;margin-right:-0.5rem}.actionbar--search .btn{margin-left:-0.75rem !important;margin-right:auto !important}.search-wrapper{width:calc(100% - 3.25rem);max-width:21.875rem !important;margin:0 !important}@container (width > 48em){.search-wrapper{max-width:28.125rem !important}}.search-wrapper input{padding-top:0.5rem;padding-bottom:0.5rem;min-height:2.5rem !important;max-height:2.5rem !important}.search-wrapper :is(.prefix,.suffix){padding:0.5rem !important;min-height:2.5rem !important;max-height:2.5rem !important;min-width:2.5rem !important;max-width:2.5rem !important;line-height:1.5rem !important}/*# sourceMappingURL=assets/css/components/actionbar.css.map */
+
+    ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
+    </style>
+    <link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous">
+    <div class="actionbar__wrapper">
+      <div class="actionbar">
+        <div class="safe-area">
+          <slot></slot>
+          <div class="body">
+            <div class="dialog__wrapper dialog__wrapper--right dialog-overflow d-none show">
+              <button class="btn btn-secondary btn-compact fa-ellipsis-vertical m-0">More actions</button>
+              <dialog class="dialog--list">
+                <slot name="overflow"></slot>
+                <slot name="menu"></slot>
+              </dialog>
+            </div>
+            <button class="btn btn-secondary btn-compact btn-sm fa-search m-0" data-search="">Search</button>
+          </div>
+        </div>
+      </div>
+      <div class="actionbar--selected">
+        <div class="safe-area">
+          <slot name="selected"></slot>
+          <div class="body">
+            <div class="dialog__wrapper dialog__wrapper--right dialog-overflow d-none show">
+              <button class="btn btn-secondary btn-compact fa-ellipsis-vertical m-0">More actions</button>
+              <dialog class="dialog--list">
+                <slot name="selected-overflow"></slot>
+              </dialog>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="actionbar--search">
+        <button data-search class="btn btn-compact fa-xmark-large btn-secondary m-0" >Close</button>
+
+        <div class="search-wrapper">
+          <label for="search" class="visually-hidden">Input field label</label>
+          <button class="suffix"><i class="fa-regular fa-search"></i></button>
+          <input type="text" id="search" name="search" required="">
+        </div>
+
+      </div>
+    </div>
+    `, this.shadowRoot.appendChild(r.content.cloneNode(!0));
+  }
+  connectedCallback() {
+    let a = this;
+    const t = this.shadowRoot.querySelector(".actionbar__wrapper");
+    if (this.hasAttribute("data-selectall")) {
+      t.insertAdjacentHTML("afterbegin", '<div class="selectall pb-0"><input type="checkbox" name="selectall" id="selectall"><label for="selectall" class="m-0">Select all</label></div>');
+      let i = this.shadowRoot.querySelector(".selectall");
+      this.hasAttribute("data-selected") && et(i, this.getAttribute("data-selected")), i.addEventListener("change", (n) => {
+        n && n.target instanceof HTMLElement && n.target.closest("input") && (n.target.closest("input").checked ? this.setAttribute("data-selected", "all") : this.setAttribute("data-selected", 0));
+      });
+      let o = this.querySelector("button[data-cancel]");
+      o && o.addEventListener("click", (n) => {
+        this.setAttribute("data-selected", 0);
+      });
+    }
+    if (this.hasAttribute("data-switchviews")) {
+      let i = "";
+      this.getAttribute("data-switchviews").split(",").forEach((o, n) => {
+        let c = "fa-grid-2";
+        o == "list" ? c = "fa-grip-lines" : o == "small" && (c = "fa-bars"), i += `<button class="btn btn-action btn-compact mb-0 fa-regular ${c}">${o}</button>`;
+      }), t.insertAdjacentHTML("afterbegin", `<div class="views m-0">${i}</div>`), this.shadowRoot.querySelector(".views").addEventListener("click", (o) => {
+        if (o && o.target instanceof HTMLElement && o.target.closest(".btn-action")) {
+          let n = o.target.closest(".btn-action");
+          this.setAttribute("data-view", n.textContent);
+          const c = new CustomEvent("switch-view", { detail: { view: n.textContent } });
+          this.dispatchEvent(c);
+        }
+      });
+    }
+    const r = this.shadowRoot.querySelector(".actionbar--search");
+    this.hasAttribute("data-search") && this.getAttribute("data-search") == "show" && r.classList.add("show"), this.shadowRoot.addEventListener("click", (i) => {
+      i && i.target instanceof HTMLElement && i.target.closest("button[data-search]") && r.classList.toggle("show");
+    }), r.addEventListener("keyup", (i) => {
+      const o = new CustomEvent("search-keyup", { detail: { search: r.querySelector("input").value } });
+      this.dispatchEvent(o);
+    }), r.addEventListener("change", (i) => {
+      const o = new CustomEvent("search-change", { detail: { search: r.querySelector("input").value } });
+      this.dispatchEvent(o);
+    }), r.addEventListener("click", (i) => {
+      if (i && i.target instanceof HTMLElement && i.target.closest("button.suffix")) {
+        const o = new CustomEvent("search-submit", { detail: { search: r.querySelector("input").value } });
+        this.dispatchEvent(o);
+      }
+    }), Array.from(this.shadowRoot.querySelectorAll(".body")).forEach((i, o) => {
+      Ro(i);
+    });
+    function s() {
+      const i = t.scrollWidth, o = document.documentElement.scrollWidth;
+      let n = 750, c = 16, l = a.hasAttribute("data-switchviews") ? 144 : 210, p = 1;
+      o >= 992 && o <= 1280 ? p = o / 1280 : o >= 576 && o <= 1280 ? p = o / 768 : o < 576 && (p = o / 375), i >= 992 && i <= 1280 ? n = n * p : i >= 576 && i <= 1280 ? n = 450 * p : i < 576 && (n = l * p), c = c * p, i < 576 ? Array.from(a.querySelectorAll(":scope > .btn:not(.js-updated)")).forEach((d, f) => {
+        d.className = d.className.replace(" btn-compact", " _btn-compact"), d.classList.add("btn-compact"), d.classList.add("js-updated");
+      }) : Array.from(a.querySelectorAll(":scope > .btn.js-updated")).forEach((d, f) => {
+        d.classList.remove("btn-compact"), d.classList.remove("js-updated"), d.className = d.className.replace(" _btn-compact", " btn-compact");
+      }), Array.from(a.querySelectorAll("[slot]")).forEach((d, f) => {
+        d.getAttribute("slot") == "overflow" && d.removeAttribute("slot"), d.getAttribute("slot") == "selected-overflow" && d.setAttribute("slot", "selected");
+      }), Array.from(a.querySelectorAll(".show")).forEach((d, f) => {
+        d.classList.remove("show");
+      }), Array.from(a.shadowRoot.querySelectorAll(".safe-area")).forEach((d, f) => {
+        let b = "overflow";
+        d.querySelector("slot").hasAttribute("name") && d.querySelector("slot").getAttribute("name") == "selected" && (b = "selected-overflow");
+        let u = d.querySelector("slot").assignedElements(), w = 44 * p;
+        a.hasAttribute("data-search") && (w += 44 * p);
+        for (let y = 0; y < u.length; y++)
+          !u[y].classList.contains("btn-action") && !u[y].classList.contains("dialog__wrapper") && (w += u[y].offsetWidth, w += c);
+        for (let y = 0; y < u.length; y++)
+          if (u[y].classList.contains("dialog__wrapper") && (u[y].classList.add("show"), w += u[y].offsetWidth, w += c / 2, w - c / 2 > n)) {
+            u[y].classList.remove("show");
+            break;
+          }
+        for (let y = 0; y < u.length; y++)
+          if (u[y].classList.contains("btn-action") && (u[y].classList.add("show"), w += u[y].offsetWidth, w += c / 2, w - c / 2 > n)) {
+            u[y].classList.remove("show");
+            break;
+          }
+        let q = d.querySelector(".dialog-overflow");
+        q && q.classList.add("d-none");
+        for (let y = 0; y < u.length; y++)
+          (u[y].classList.contains("btn-action") || u[y].classList.contains("dialog__wrapper")) && (u[y].classList.contains("show") || (u[y].setAttribute("slot", b), q && q.classList.remove("d-none")));
+      });
+    }
+    s(), new ResizeObserver(s).observe(t);
+  }
+  static get observedAttributes() {
+    return ["data-selected"];
+  }
+  attributeChangedCallback(a, t, r) {
+    switch (a) {
+      case "data-selected": {
+        let s = this.shadowRoot.querySelector(".selectall");
+        s && et(s, r);
+        const i = new CustomEvent("selected", { detail: { selected: r } });
+        this.dispatchEvent(i);
+        break;
+      }
+    }
+  }
+}
+window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", Po);
+const jo = {
+  name: "Actionbar",
+  props: {},
+  mounted() {
+  }
+};
+function Io(e, a, t, r, s, i) {
+  return m(), h("iam-actionbar", null, [
+    S(e.$slots, "default")
+  ]);
+}
+const yi = /* @__PURE__ */ A(jo, [["render", Io]]);
+/*!
+  * iamKey v4.0.0
+  * Copyright 2022-2023 iamproperty
+  */
+const zo = function(e, a) {
+  if (!e.getAttribute("data-pages"))
+    return !1;
+  e.getAttribute("data-page") || e.setAttribute("data-page", 1);
+  let t = e.getAttribute("data-page"), r = e.getAttribute("data-pages"), s = e.getAttribute("data-total"), i = e.getAttribute("data-show"), o = e.getAttribute("data-increment");
+  if (r <= 1)
+    return a.innerHTML = "", !1;
+  let n = "";
+  for (let c = 1; c <= r; c++)
+    c == t ? n += `<li class="page-item active" aria-current="page"><span class="page-link">${c}</span></li>` : n += `<li class="page-item"><a href="?page=${c}" class="page-link" data-page="${c}">${c}</a></li>`;
+  return a.innerHTML = `<ul class="pagination mb-0 d-none d-sm-flex">
+    ${t == 1 ? '<li class="page-item disabled"><span class="page-link">Previous</span></li>' : `<li class="page-item"><a href="?page=${parseInt(t) - 1}" class="page-link" data-page="${parseInt(t) - 1}">Previous</a></li>`}
+    ${n}
+    ${t == r ? '<li class="page-item disabled"><span class="page-link">Next</span></li>' : `<li class="page-item"><a href="?page=${parseInt(t) + 1}" class="page-link" data-page="${parseInt(t) + 1}">Next</a></li>`}
+  </ul>`, a.innerHTML += `<div class="d-sm-none text-center">
+  <span class="d-block pb-2">You've viewed ${i} of ${s} results</span>
+  <a href="?show=${parseInt(i) + parseInt(o)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(i) + parseInt(o)}">Load more results</a>
+  </div>`, !0;
+};
+class Bo 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`, r = document.createElement("template");
+    r.innerHTML = `
+    <style>
+    @import "${t}";
+    
+    ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
+    </style>
+    <div class="pagination__wrapper d-none">
+    </div>
+    `, this.shadowRoot.appendChild(r.content.cloneNode(!0));
+  }
+  connectedCallback() {
+    const a = new URLSearchParams(window.location.search);
+    this.hasAttribute("data-total") || this.setAttribute("data-total", this.querySelectorAll("table tbody tr").length), this.hasAttribute("data-page") || this.setAttribute("data-page", a.has("page") ? a.get("page") : 1), this.hasAttribute("data-show") || this.setAttribute("data-show", a.has("show") ? a.get("show") : 15), this.hasAttribute("data-increment") || this.setAttribute("data-increment", 15), this.setAttribute("data-pages", Math.ceil(this.getAttribute("data-total") / this.getAttribute("data-show"))), zo(this, this.shadowRoot.querySelector(".pagination__wrapper")), this.shadowRoot.querySelector(".pagination__wrapper").classList.remove("d-none");
+  }
+}
+const Fo = {
+  name: "Pagination",
+  props: {},
+  computed: {},
+  created() {
+    this.$nextTick(function() {
+      window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination", Bo);
+    });
+  },
+  updated() {
+  }
+};
+function Oo(e, a, t, r, s, i) {
+  return m(), h("iam-pagination");
+}
+const vi = /* @__PURE__ */ A(Fo, [["render", Oo]]);
+/*!
+  * iamKey v4.0.0
+  * Copyright 2022-2023 iamproperty
+  */
+window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "collapsible side menu" });
+class Vo 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`, r = document.createElement("template");
+    r.innerHTML = `
+    <style class="styles">
+    @import "${t}";
+    :host{--colour-border: #e9e9e9;--side-link-hover: var(--colour-canvas-2);display:block;min-height:calc(100vh - var(--nav-height));padding-top:0 !important;margin-inline:auto;max-width:80rem;overflow:hidden;position:relative}@media screen and (prefers-color-scheme: light){:host{--side-link-hover: #eeeeee}}.container{position:static;min-height:100%;padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}@media screen and (min-width: 62em){.container{padding-left:5.25rem !important;overflow:hidden}}.side-menu{position:absolute;top:0;left:0;height:100%;min-height:calc(100vh - var(--nav-height));width:1.875rem;height:100%;background-color:var(--colour-canvas);transition:width 1s}.side-menu:before{content:"";position:absolute;top:0;right:0;height:100%;border-right:2px solid var(--colour-border)}@media screen and (min-width: 36em){.side-menu{left:0;width:2.5rem}}@media screen and (min-width: 62em){.side-menu{left:calc(50% - 34.75rem);margin-left:-5.25rem}.side-menu:after{content:"";position:absolute;top:0;height:100%;border-right:2px solid var(--colour-border);left:0;opacity:1;transition:all 1s;width:2.5rem;background:var(--colour-canvas)}.side-menu:not(.open).hover{width:21.5rem}.side-menu:not(.open).hover .btn[class*=fa-]:before{content:"" !important}}.side-menu .btn{position:absolute;top:2rem;right:0;margin-bottom:0;margin-right:-1.25rem;background-color:var(--colour-canvas-2);border:2px solid var(--colour-border);z-index:99}.side-menu:is(.open){width:calc(100% - var(--container-padding-x))}.side-menu:is(.open) .btn[class*=fa-]:before{content:"" !important}@media screen and (min-width: 36em){.side-menu:is(.open){width:23.875rem}}@media screen and (min-width: 62em){.side-menu:is(.open){width:21.5rem}.side-menu:is(.open) .btn{opacity:0;transition:opacity .5s}.side-menu:is(.open) .btn:is(:hover,:focus,:active){opacity:1}}.side-menu .side-menu-content{position:absolute;top:0;right:0;padding:2rem 2.5rem 0 0;width:21.9375rem;opacity:0;transition:opacity 1s;min-height:100%;overflow:auto;max-height:100%}.side-menu .side-menu-content .h3{padding-left:1.5rem}@media screen and (min-width: 36em){.side-menu .side-menu-content{width:23.875rem}.side-menu .side-menu-content .h3{padding-left:2.5rem}}@media screen and (min-width: 62em){.side-menu .side-menu-content{width:19rem}}.side-menu:not(.hover):not(.open) .side-menu-content.closed{display:none}.side-menu.open .side-menu-content{opacity:1}@media screen and (min-width: 62em){.side-menu.hover .side-menu-content{opacity:1}}::slotted(*[slot=menu]){padding-left:1.5rem}@media screen and (min-width: 36em){::slotted(*[slot=menu]){padding-left:2.5rem !important}}::slotted(hr){border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important}::slotted(a[slot=menu]){display:block;display:block !important;line-height:1.25rem !important;padding:1rem 2.5rem 1rem 1.5rem !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important;text-decoration:none;border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important;border-right:2px solid var(--colour-border) !important}@media screen and (min-width: 36em){::slotted(a[slot=menu]){padding-left:2.5rem !important}}::slotted(a[slot=menu]):after{display:none}::slotted(a[slot=menu]:where(:hover,:focus,.selected)){background-color:var(--side-link-hover) !important}::slotted(a[slot=menu]:active){background-color:var(--side-link-hover) !important;font-weight:bold !important}::slotted(a[slot=menu].selected){background-color:var(--side-link-hover) !important;font-weight:bold !important;margin-right:-2.5rem !important;position:relative;border-right:2px solid var(--colour-info) !important}::slotted(a[slot=menu].selected):before{content:"";position:absolute;top:0;right:0;height:calc(100% + 4px);margin-top:-2px;width:2px;border-right:2px solid var(--colour-info);margin-right:-2px}@media(forced-colors: active){::slotted(a[slot=menu].selected):before{border-right:10px solid var(--colour-info)}}.main-content{padding-top:1.5rem;padding-left:3.75rem}@media screen and (min-width: 36em){.main-content{padding-left:5rem}}@media screen and (min-width: 62em){.main-content{padding-top:2.5rem !important;padding-left:0}}.main-content>span.h3{padding-top:.75rem;border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important}@media screen and (min-width: 62em){.main-content>span.h3{display:none}}::slotted(.main-content__title){border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important;max-width:100% !important;display:block}@media screen and (min-width: 62em){.side-menu.open+.main-content{padding-left:18.75rem}::slotted(.main-content__title){display:none}}/*# sourceMappingURL=assets/css/components/collapsible-side.css.map */
+
+    ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
+    </style>
+    <link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous">
+    <div class="container">
+
+      <div class="side-menu">
+        <button class="btn btn-compact fa-chevron-right btn-secondary btn-sm">Open or close Collapsible menu</button>
+        <div class="side-menu-content closed">
+          <slot name="menu"></slot>
+        </div>
+      </div>
+
+      <div class="main-content">
+        <slot></slot>
+      </div>
+
+    </div>
+    `, this.shadowRoot.appendChild(r.content.cloneNode(!0));
+  }
+  connectedCallback() {
+    const a = this.shadowRoot.querySelector(".side-menu"), t = this.shadowRoot.querySelector(".side-menu-content"), r = 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>`), r.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", (i) => {
+      a.classList.contains("open") ? (a.classList.remove("open"), setTimeout(function() {
+        t.classList.add("closed");
+      }, 1e3), a.classList.add("pe-none"), setTimeout(function() {
+        a.classList.remove("pe-none");
+      }, 1e3)) : (t.classList.remove("closed"), setTimeout(function() {
+        a.classList.add("open");
+      }, 100));
+    }), a.addEventListener("mouseenter", (i) => {
+      window.innerWidth > 992 && (a.classList.contains("open") || t.classList.remove("closed"), a.classList.add("hover"));
+    }), a.addEventListener("mousemove", (i) => {
+      window.innerWidth > 992 && (a.classList.contains("open") || t.classList.remove("closed"));
+    }), a.addEventListener("mouseleave", (i) => {
+      window.innerWidth > 992 && (a.classList.remove("hover"), a.classList.contains("open") || setTimeout(function() {
+        t.classList.add("closed");
+      }, 1e3));
     });
   }
+}
+window.customElements.get("iam-collapsible-side") || window.customElements.define("iam-collapsible-side", Vo);
+const Wo = {
+  name: "CollapsibleSideMenu",
+  props: {},
+  mounted() {
+  }
 };
-function or(e, a, t, r, i, o) {
-  return u(), m("iam-notification", null, [
-    v(e.$slots, "default")
+function Uo(e, a, t, r, s, i) {
+  return m(), h("iam-collapsible-side", null, [
+    S(e.$slots, "default")
   ]);
 }
-const kr = /* @__PURE__ */ A(rr, [["render", or]]);
+const wi = /* @__PURE__ */ A(Wo, [["render", Uo]]);
 export {
-  dr as Accordion,
-  ur as AccordionItem,
-  Sr as AppliedFilters,
-  mr as Banner,
-  Ne as Card,
-  hr as Carousel,
-  lr as FileUpload,
-  Lr as Filterlist,
-  fr as Header,
-  X as Input,
-  vt as Logo,
-  yr as Nav,
-  Ar as NoteFeed,
-  kr as Notification,
-  pr as PropertySearchbar,
-  _r as Step,
-  gr as Stepper,
-  wr as Tab,
-  it as Table,
-  vr as Tabs,
-  br as Testimonial
+  Qo as Accordion,
+  Zo as AccordionItem,
+  yi as Actionbar,
+  pi as AppliedFilters,
+  ti as Banner,
+  Re as Card,
+  ei as Carousel,
+  wi as CollapsibleSideMenu,
+  Xo as FileUpload,
+  fi as Filterlist,
+  ai as Header,
+  lt as Input,
+  Ko as Logo,
+  si as Nav,
+  hi as NoteFeed,
+  gi as Notification,
+  vi as Pagination,
+  ri as PropertySearchbar,
+  li as Snapshot,
+  ci as Step,
+  ni as Stepper,
+  mi as Tab,
+  nt as Table,
+  ui as Tabs,
+  oi as Testimonial,
+  ii as Timeline
 };