@iamproperty/components 3.7.8--beta-2 → 3.7.8

package/dist/components.es.js

@@ -1,8 +1,8 @@
-import { openBlock as u, createElementBlock as m, normalizeClass as A, createElementVNode as d, toDisplayString as $, createCommentVNode as g, Fragment as T, renderList as M, renderSlot as _, withDirectives as z, mergeProps as H, vModelDynamic as W, vModelText as ct, vModelSelect as dt, resolveComponent as N, createVNode as x, createTextVNode as ut, withModifiers as mt } from "vue";
-const k = (e, a) => {
+import { openBlock as u, createElementBlock as m, normalizeClass as k, createElementVNode as d, toDisplayString as q, createCommentVNode as g, Fragment as T, renderList as M, renderSlot as v, withDirectives as R, mergeProps as H, vModelDynamic as U, vModelText as ct, vModelSelect as dt, createTextVNode as ut, resolveComponent as z, createVNode as $, withModifiers as mt } from "vue";
+const A = (e, a) => {
   const t = e.__vccOpts || e;
-  for (const [r, s] of a)
-    t[r] = s;
+  for (const [r, i] of a)
+    t[r] = i;
   return t;
 }, ht = {
   name: "Logo",
@@ -30,14 +30,14 @@ const k = (e, a) => {
     }
   }
 }, ft = ["xlink:href"], bt = ["innerHTML"];
-function pt(e, a, t, r, s, i) {
+function pt(e, a, t, r, i, s) {
   return u(), m("div", {
-    class: A(i.className)
+    class: k(s.className)
   }, [
     (u(), m("svg", null, [
-      d("title", null, "iam " + $(t.id), 1),
+      d("title", null, "iam " + q(t.id), 1),
       d("use", {
-        "xlink:href": t.path + i.src
+        "xlink:href": t.path + s.src
       }, null, 8, ft)
     ])),
     t.desc ? (u(), m("span", {
@@ -46,80 +46,80 @@ function pt(e, a, t, r, s, i) {
     }, null, 8, bt)) : g("", !0)
   ], 2);
 }
-const yt = /* @__PURE__ */ k(ht, [["render", pt]]);
+const yt = /* @__PURE__ */ A(ht, [["render", pt]]);
 /*!
-  * iamKey v3.7.8--beta-2
+  * iamKey v3.7.8
   * Copyright 2022-2023 iamproperty
   */
 const gt = function(e) {
   return typeof e != "string" ? !1 : !isNaN(e) && !isNaN(parseFloat(e));
-}, _t = (e, a) => String(e).padStart(a, "0"), vt = (e) => e.charAt(0).toUpperCase() + e.slice(1), F = function(e, a) {
+}, vt = (e, a) => String(e).padStart(a, "0"), _t = (e) => e.charAt(0).toUpperCase() + e.slice(1), F = 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");
+  let t = e.getAttribute("data-page"), r = e.getAttribute("data-pages"), i = e.getAttribute("data-total"), s = e.getAttribute("data-show"), o = e.getAttribute("data-increment");
   if (r <= 1)
     return a.innerHTML = "", !1;
-  let c = "";
+  let l = "";
   for (let n = 1; n <= r; n++)
-    n == t ? c += `<li class="page-item active" aria-current="page"><span class="page-link">${n}</span></li>` : c += `<li class="page-item"><a href="?page=${n}" class="page-link" data-page="${n}">${n}</a></li>`;
+    n == t ? l += `<li class="page-item active" aria-current="page"><span class="page-link">${n}</span></li>` : l += `<li class="page-item"><a href="?page=${n}" class="page-link" data-page="${n}">${n}</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>`}
-    ${c}
+    ${l}
     ${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>
+  <span class="d-block pb-2">You've viewed ${s} of ${i} results</span>
+  <a href="?show=${parseInt(s) + parseInt(o)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(s) + parseInt(o)}">Load more results</a>
   </div>`, !0;
 };
 var wt = function(e, a, t, r) {
-  function s(i) {
-    return i instanceof t ? i : new t(function(o) {
-      o(i);
+  function i(s) {
+    return s instanceof t ? s : new t(function(o) {
+      o(s);
     });
   }
-  return new (t || (t = Promise))(function(i, o) {
-    function c(h) {
+  return new (t || (t = Promise))(function(s, o) {
+    function l(h) {
       try {
-        l(r.next(h));
+        c(r.next(h));
       } catch (f) {
         o(f);
       }
     }
     function n(h) {
       try {
-        l(r.throw(h));
+        c(r.throw(h));
       } catch (f) {
         o(f);
       }
     }
-    function l(h) {
-      h.done ? i(h.value) : s(h.value).then(c, n);
+    function c(h) {
+      h.done ? s(h.value) : i(h.value).then(l, n);
     }
-    l((r = r.apply(e, a || [])).next());
+    c((r = r.apply(e, a || [])).next());
   });
 };
 const Q = (e) => {
   const a = Array.from(e.querySelectorAll("thead th"));
   Array.from(e.querySelectorAll("tbody tr")).forEach((t, r) => {
-    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, c) => {
-      const n = a[c];
+    const i = Array.from(t.querySelectorAll("th, td")), s = ["0", "low", "medium", "high", "unknown", "n/a", "pending", "verified", "due", "overdue", "incomplete", "complete", "completed", "approval required", "upcoming", "requires approval", "to do", "on track", "not started", "warning", "error"];
+    i.forEach((o, l) => {
+      const n = a[l];
       if (typeof n < "u") {
-        let l = document.createElement("div");
-        l.innerHTML = n.innerHTML;
-        let h = l.textContent || l.innerText || "";
-        o.setAttribute("data-label", h), n.hasAttribute("data-td-class") && o.setAttribute("class", n.getAttribute("data-td-class")), n.hasAttribute("data-format") && (o.setAttribute("data-format", n.getAttribute("data-format")), o.innerHTML = K(n.getAttribute("data-format"), o.textContent.trim())), i.includes(o.textContent.trim().toLowerCase()) && o.setAttribute("data-content", o.textContent.trim().toLowerCase());
+        let c = document.createElement("div");
+        c.innerHTML = n.innerHTML;
+        let h = c.textContent || c.innerText || "";
+        o.setAttribute("data-label", h), n.hasAttribute("data-td-class") && o.setAttribute("class", n.getAttribute("data-td-class")), n.hasAttribute("data-format") && (o.setAttribute("data-format", n.getAttribute("data-format")), o.innerHTML = G(n.getAttribute("data-format"), o.textContent.trim())), s.includes(o.textContent.trim().toLowerCase()) && o.setAttribute("data-content", o.textContent.trim().toLowerCase());
       }
     });
   });
 }, At = (e) => {
   let a = 0;
   return Array.from(e.querySelectorAll("tbody tr")).forEach((t, r) => {
-    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);
+    let i = window.getComputedStyle(document.querySelector("html")), s = t.querySelector(":scope > *:last-child > *:first-child");
+    if (s) {
+      s.classList.add("text-nowrap");
+      let o = s.offsetWidth / parseFloat(i.fontSize);
       o += 1.7, a = a > o ? a : o;
     }
   }), a;
@@ -127,15 +127,15 @@ const Q = (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"), s = r.textContent;
-    if (s != "")
-      r.innerHTML = `<span class="td__content">${s}</span><button type="button" class="d-none">${s}</button>`;
+    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>`;
     else {
-      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>`;
+      let s = a.querySelector(":scope > :is(td,th):nth-child(2)"), o = s.textContent;
+      s.innerHTML = `<span class="td__content">${o}</span><button type="button" class="d-none">${o}</button>`;
     }
   });
-}, St = (e) => {
+}, Lt = (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");
@@ -146,94 +146,94 @@ const Q = (e) => {
   let t = a.querySelector("[data-search]");
   if (!t)
     return !1;
-  const r = t.getAttribute("id"), s = t.getAttribute("data-search").split(",");
-  let i = t.parentNode, o = {};
-  s.forEach((c, n) => {
-    Array.from(e.querySelectorAll('td[data-label="' + c.trim() + '"]')).forEach((l, h) => {
-      l.querySelector(".td__content") ? o[l.querySelector(".td__content").textContent] = l.querySelector(".td__content").textContent : o[l.textContent] = l.textContent;
+  const r = t.getAttribute("id"), i = t.getAttribute("data-search").split(",");
+  let s = t.parentNode, o = {};
+  i.forEach((l, n) => {
+    Array.from(e.querySelectorAll('td[data-label="' + l.trim() + '"]')).forEach((c, h) => {
+      c.querySelector(".td__content") ? o[c.querySelector(".td__content").textContent] = c.querySelector(".td__content").textContent : o[c.textContent] = c.textContent;
     });
-  }), 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((c) => `<option value="${c}"></option>`).join("")}`;
-}, Lt = (e, a, t, r, s) => {
-  var i;
-  let o = function(l = !1) {
+  }), t.setAttribute("list", `${r}_list`), t.setAttribute("autocomplete", "off"), s.querySelector("datalist") || (s.innerHTML += `<datalist id="${r}_list"></datalist>`), s.querySelector("datalist").innerHTML = `${Object.keys(o).map((l) => `<option value="${l}"></option>`).join("")}`;
+}, St = (e, a, t, r, i) => {
+  var s;
+  let o = function(c = !1) {
     if (a.hasAttribute("data-ajax")) {
-      if (!l) {
+      if (!c) {
         let h = a.querySelector("[data-pagination]");
         h.value = 1, r.setAttribute("data-page", 1);
       }
       at(e, a, t, r);
     } else
-      a.hasAttribute("data-submit") ? a.submit() : (G(e, a, r), F(r, t), j(e, a));
+      a.hasAttribute("data-submit") ? a.submit() : (W(e, a, r), F(r, t), j(e, a));
   };
-  a.addEventListener("keyup", (l) => {
-    clearTimeout(i), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && (i = setTimeout(function() {
+  a.addEventListener("keyup", (c) => {
+    clearTimeout(s), c && c.target instanceof HTMLElement && c.target.closest("[data-search]") && (s = setTimeout(function() {
       o();
     }, 500));
-  }), a.addEventListener("change", (l) => {
-    clearTimeout(i), l && l.target instanceof HTMLElement && l.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || J(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), F(r, t), j(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") || J(e, a, s), o());
-  }), a.addEventListener("submit", (l) => {
-    clearTimeout(i), a.hasAttribute("data-submit") || l.preventDefault(), o();
-  }), a.addEventListener("force", (l) => {
+  }), a.addEventListener("change", (c) => {
+    clearTimeout(s), c && c.target instanceof HTMLElement && c.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || J(e, a, i), o()), c && c.target instanceof HTMLElement && c.target.closest("[data-search]") && o(), c && c.target instanceof HTMLElement && c.target.closest("[data-filter][data-no-ajax]") ? (W(e, a, r), F(r, t), j(e, a)) : (c && c.target instanceof HTMLElement && c.target.closest("[data-filter]") && c.target.closest("form .dialog__wrapper > dialog") || c && c.target instanceof HTMLElement && c.target.closest("[data-filter]") && !c.target.closest("form dialog")) && o(), c && c.target instanceof HTMLElement && c.target.closest("[data-show]") && o(), c && c.target instanceof HTMLElement && c.target.closest("[data-mimic]") && o();
+  }), a.addEventListener("click", (c) => {
+    clearTimeout(s), c && c.target instanceof HTMLElement && c.target.closest('dialog button:not([type="button"])') && c.target.closest('dialog button:not([type="button"])').closest("dialog").close(), c && c.target instanceof HTMLElement && c.target.closest(".dialog__close") && (c.preventDefault(), c.stopPropagation()), c && c.target instanceof HTMLElement && c.target.closest("[data-clear]") && (a.reset(), a.hasAttribute("data-submit") || J(e, a, i), o());
+  }), a.addEventListener("submit", (c) => {
+    clearTimeout(s), a.hasAttribute("data-submit") || c.preventDefault(), o();
+  }), a.addEventListener("force", (c) => {
     o();
-  }), a.addEventListener("paginate", (l) => {
+  }), a.addEventListener("paginate", (c) => {
     o(!0);
   });
-  let c = [], n = [];
-  Array.from(a.querySelectorAll("[data-mimic]")).forEach((l, h) => {
-    let f = l.getAttribute("data-mimic");
-    Array.from(document.querySelectorAll(`[name="${f}"]`)).forEach((b, y) => {
-      let p = b.closest("form");
-      c.includes(p) || c.push(p), n.includes(f) || n.push(f);
+  let l = [], n = [];
+  Array.from(a.querySelectorAll("[data-mimic]")).forEach((c, h) => {
+    let f = c.getAttribute("data-mimic");
+    Array.from(document.querySelectorAll(`[name="${f}"]`)).forEach((b, p) => {
+      let y = b.closest("form");
+      l.includes(y) || l.push(y), n.includes(f) || n.push(f);
     });
-  }), c.forEach((l, h) => {
+  }), l.forEach((c, h) => {
     const f = function() {
-      let b = [], y = new FormData(l);
-      for (const [p, w] of y)
-        document.querySelector(`[data-mimic="${p}"]`) && !b.includes(p) ? (b.push(p), document.querySelector(`[data-mimic="${p}"]`).value = w) : document.querySelector(`[data-mimic="${p}"]`) && (document.querySelector(`[data-mimic="${p}"]`).value += "," + w);
-      for (const p of b) {
+      let b = [], p = new FormData(c);
+      for (const [y, w] of p)
+        document.querySelector(`[data-mimic="${y}"]`) && !b.includes(y) ? (b.push(y), document.querySelector(`[data-mimic="${y}"]`).value = w) : document.querySelector(`[data-mimic="${y}"]`) && (document.querySelector(`[data-mimic="${y}"]`).value += "," + w);
+      for (const y of b) {
         const w = new Event("force");
         a.dispatchEvent(w);
       }
-      for (const p of n)
-        if (!y.has(p) && l.querySelector(`[name="${p}"]`)) {
-          document.querySelector(`[data-mimic="${p}"]`).value = "";
+      for (const y of n)
+        if (!p.has(y) && c.querySelector(`[name="${y}"]`)) {
+          document.querySelector(`[data-mimic="${y}"]`).value = "";
           const w = new Event("force");
           a.dispatchEvent(w);
         }
     };
-    l.addEventListener("force", (b) => {
+    c.addEventListener("force", (b) => {
       f();
-    }), l.addEventListener("change", (b) => {
+    }), c.addEventListener("change", (b) => {
       f();
     });
   });
 }, J = (e, a, t) => {
   if (a.getAttribute("data-ajax"))
     return !1;
-  let r = e.querySelector("tbody"), s = a.querySelector("[data-sort]"), i = s.querySelector(`option:nth-child(${s.selectedIndex + 1})`), o = i.getAttribute("data-sort"), c = i.getAttribute("data-order"), n = i.getAttribute("data-format");
+  let r = e.querySelector("tbody"), i = a.querySelector("[data-sort]"), s = i.querySelector(`option:nth-child(${i.selectedIndex + 1})`), o = s.getAttribute("data-sort"), l = s.getAttribute("data-order"), n = s.getAttribute("data-format");
   if (!o)
     return r.innerHTML = t.innerHTML, Q(e), !1;
-  let l = [];
-  ["asc", "desc", "descending"].includes(c) || (l = c.split(","));
+  let c = [];
+  ["asc", "desc", "descending"].includes(l) || (c = l.split(","));
   let h = [];
-  Array.from(r.querySelectorAll("tr")).forEach((b, y) => {
-    let p = b.querySelector('td[data-label="' + o + '"], th[data-label="' + o + '"]').textContent.trim();
-    b.querySelector('[data-label="' + o + '"] .td__content') && (p = b.querySelector('[data-label="' + o + '"] .td__content').textContent.trim()), l.length && l.includes(p) && (p = l.indexOf(p)), gt(p) && (p = _t(p, 10)), n && n == "date" && (p = new Date(p));
-    const w = { index: p, row: b };
+  Array.from(r.querySelectorAll("tr")).forEach((b, p) => {
+    let y = b.querySelector('td[data-label="' + o + '"], th[data-label="' + o + '"]').textContent.trim();
+    b.querySelector('[data-label="' + o + '"] .td__content') && (y = b.querySelector('[data-label="' + o + '"] .td__content').textContent.trim()), c.length && c.includes(y) && (y = c.indexOf(y)), gt(y) && (y = vt(y, 10)), n && n == "date" && (y = new Date(y));
+    const w = { index: y, row: b };
     h.push(w);
-  }), h.sort((b, y) => b.index > y.index ? 1 : -1), (c == "descending" || c == "desc") && (h = h.reverse());
+  }), h.sort((b, p) => b.index > p.index ? 1 : -1), (l == "descending" || l == "desc") && (h = h.reverse());
   let f = "";
-  h.forEach((b, y) => {
+  h.forEach((b, p) => {
     f += b.row.outerHTML;
   }), r.innerHTML = f;
-}, G = (e, a, t) => {
+}, W = (e, a, t) => {
   e.classList.remove("table--filtered");
-  let r = [], s = [], i = 0, o = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, c = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
-  if (Array.from(e.querySelectorAll("tbody tr")).forEach((n, l) => {
+  let r = [], i = [], s = 0, o = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, l = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
+  if (Array.from(e.querySelectorAll("tbody tr")).forEach((n, c) => {
     n.classList.remove("filtered"), n.classList.remove("filtered--matched"), n.classList.remove("filtered--show"), n.removeAttribute("data-filtered-by");
-  }), Array.from(a.querySelectorAll("[data-filter]")).forEach((n, l) => {
+  }), Array.from(a.querySelectorAll("[data-filter]")).forEach((n, c) => {
     if (!(n.type == "radio" && !n.checked) && !(n.type == "checkbox" && !n.checked)) {
       if (n.getAttribute("data-filter") == "multi")
         for (const [h, f] of Object.entries(JSON.parse(n.value)))
@@ -245,171 +245,171 @@ const Q = (e) => {
     }
   }), a.querySelector("[data-search]")) {
     let n = a.querySelector("[data-search]");
-    a.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((l, h) => {
-      s.push({ column: `${l.trim()}`, value: `${n.value}` });
+    a.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((c, h) => {
+      i.push({ column: `${c.trim()}`, value: `${n.value}` });
     });
   }
-  Array.from(a.querySelectorAll("[data-filter-count]")).forEach((n, l) => {
+  Array.from(a.querySelectorAll("[data-filter-count]")).forEach((n, c) => {
     n.innerHTML = "";
-  }), r.length && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((n, l) => {
+  }), r.length && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((n, c) => {
     n.innerHTML += `(${r.length})`;
   }), e.classList.add("table--filtered");
-  for (const [n, l] of Object.entries(r))
+  for (const [n, c] of Object.entries(r))
     Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((h, f) => {
       let b = !1;
-      l.forEach((y, p) => {
+      c.forEach((p, y) => {
         let w = h.querySelector(`[data-label="${n}"]`);
-        if (y && y == "$today")
-          y = K("date", /* @__PURE__ */ new Date());
-        else if (y && y == "$yesterday") {
-          let S = /* @__PURE__ */ new Date();
-          S.setDate(S.getDate() - 1), y = K("date", S);
-        } else if (y && (y == "$thisWeek" || y == "$lastWeek")) {
-          let S = /* @__PURE__ */ new Date(), q = new Date(S.setDate(S.getDate() - (S.getDay() - 1))), v = new Date(S.setDate(S.getDate() - S.getDay() + 7)), L = new Date(w.textContent.toLowerCase());
-          if (S.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), v.setHours(0, 0, 0, 0), L.setHours(0, 0, 0, 0), y == "$thisWeek")
-            b = L >= q && L <= v;
+        if (p && p == "$today")
+          p = G("date", /* @__PURE__ */ new Date());
+        else if (p && p == "$yesterday") {
+          let L = /* @__PURE__ */ new Date();
+          L.setDate(L.getDate() - 1), p = G("date", L);
+        } else if (p && (p == "$thisWeek" || p == "$lastWeek")) {
+          let L = /* @__PURE__ */ new Date(), x = new Date(L.setDate(L.getDate() - (L.getDay() - 1))), _ = new Date(L.setDate(L.getDate() - L.getDay() + 7)), S = new Date(w.textContent.toLowerCase());
+          if (L.setHours(0, 0, 0, 0), x.setHours(0, 0, 0, 0), _.setHours(0, 0, 0, 0), S.setHours(0, 0, 0, 0), p == "$thisWeek")
+            b = S >= x && S <= _;
           else {
-            let E = new Date(q.setDate(q.getDate() - 7)), D = new Date(v.setDate(v.getDate() - 7));
-            E.setHours(0, 0, 0, 0), D.setHours(0, 0, 0, 0), b = L >= E && L <= D;
+            let E = new Date(x.setDate(x.getDate() - 7)), D = new Date(_.setDate(_.getDate() - 7));
+            E.setHours(0, 0, 0, 0), D.setHours(0, 0, 0, 0), b = S >= E && S <= D;
           }
-        } else if (y && y == "$thisMonth") {
-          let S = /* @__PURE__ */ new Date(), q = S.getFullYear(), v = S.getMonth();
-          var I = new Date(q, v, 1), R = new Date(q, v + 1, 0);
-          let L = new Date(w.textContent.toLowerCase());
-          I.setHours(0, 0, 0, 0), R.setHours(0, 0, 0, 0), L.setHours(0, 0, 0, 0), b = L >= I && L <= R;
-        } else if (y && y == "$lastMonth") {
-          let S = /* @__PURE__ */ new Date(), q = S.getFullYear(), v = S.getMonth();
-          var P = new Date(q, v - 1, 1), C = new Date(q, v, 0);
-          let L = new Date(w.textContent.toLowerCase());
-          P.setHours(0, 0, 0, 0), C.setHours(0, 0, 0, 0), L.setHours(0, 0, 0, 0), b = L >= P && L <= C;
+        } else if (p && p == "$thisMonth") {
+          let L = /* @__PURE__ */ new Date(), x = L.getFullYear(), _ = L.getMonth();
+          var I = new Date(x, _, 1), N = new Date(x, _ + 1, 0);
+          let S = new Date(w.textContent.toLowerCase());
+          I.setHours(0, 0, 0, 0), N.setHours(0, 0, 0, 0), S.setHours(0, 0, 0, 0), b = S >= I && S <= N;
+        } else if (p && p == "$lastMonth") {
+          let L = /* @__PURE__ */ new Date(), x = L.getFullYear(), _ = L.getMonth();
+          var P = new Date(x, _ - 1, 1), C = new Date(x, _, 0);
+          let S = new Date(w.textContent.toLowerCase());
+          P.setHours(0, 0, 0, 0), C.setHours(0, 0, 0, 0), S.setHours(0, 0, 0, 0), b = S >= P && S <= C;
         }
-        w && w.textContent.toLowerCase().includes(y.toLowerCase()) && (b = !0);
+        w && w.textContent.toLowerCase().includes(p.toLowerCase()) && (b = !0);
       }), b || (h.classList.add("filtered"), h.setAttribute("data-filtered-by", n));
     });
-  Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((n, l) => {
-    let h = !(s.length > 0 && s[0].value.length >= 3);
-    s.forEach((f, b) => {
-      let y = n.querySelector(`[data-label="${f.column}"]`);
-      y && f.value.length >= 3 && y.textContent.toLowerCase().includes(f.value.toLowerCase()) && (h = !0);
+  Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((n, c) => {
+    let h = !(i.length > 0 && i[0].value.length >= 3);
+    i.forEach((f, b) => {
+      let p = n.querySelector(`[data-label="${f.column}"]`);
+      p && f.value.length >= 3 && p.textContent.toLowerCase().includes(f.value.toLowerCase()) && (h = !0);
     }), h || n.classList.add("filtered");
-  }), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((n, l) => {
-    i++, n.classList.add("filtered--matched"), Math.ceil(i / c) == parseInt(o) && n.classList.add("filtered--show");
-  }), t && (t.setAttribute("data-page", o), t.setAttribute("data-pages", Math.ceil(i / c)), t.setAttribute("data-total", i), t.setAttribute("data-show", c));
+  }), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((n, c) => {
+    s++, n.classList.add("filtered--matched"), Math.ceil(s / l) == parseInt(o) && n.classList.add("filtered--show");
+  }), t && (t.setAttribute("data-page", o), t.setAttribute("data-pages", Math.ceil(s / l)), t.setAttribute("data-total", s), t.setAttribute("data-show", l));
 }, j = (e, a, t) => {
-  Array.from(a.querySelectorAll("[data-query]")).forEach((r, s) => {
-    let i = r.getAttribute("data-query"), o;
-    if (i == "total")
+  Array.from(a.querySelectorAll("[data-query]")).forEach((r, i) => {
+    let s = r.getAttribute("data-query"), o;
+    if (s == "total")
       t.hasAttribute("data-total") ? o = t.getAttribute("data-total") : o = (e.classList.contains("table--filtered"), e.querySelectorAll("tbody tr").length);
-    else if (!i.includes(" == ") && i.includes(" & ")) {
-      let c = i.split(" & "), n = "";
-      c.forEach((l) => {
-        n += `:not([data-filtered-by="${l}"])`;
+    else if (!s.includes(" == ") && s.includes(" & ")) {
+      let l = s.split(" & "), n = "";
+      l.forEach((c) => {
+        n += `:not([data-filtered-by="${c}"])`;
       }), o = Array.from(e.querySelectorAll(`tbody tr${n}`)).length;
-    } else if (!i.includes(" == "))
-      o = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${i}"])`)).length;
-    else if (i.includes(" && ")) {
-      let c = i.split(" && ");
+    } else if (!s.includes(" == "))
+      o = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${s}"])`)).length;
+    else if (s.includes(" && ")) {
+      let l = s.split(" && ");
       o = Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(n) {
-        let l = !0;
-        for (const [h, f] of Object.entries(c)) {
+        let c = !0;
+        for (const [h, f] of Object.entries(l)) {
           let b = f.split(" == ");
-          (!n.querySelector(`td[data-label="${b[0]}"]`) || n.querySelector(`td[data-label="${b[0]}"]`).textContent != `${b[1]}`) && (l = !1);
+          (!n.querySelector(`td[data-label="${b[0]}"]`) || n.querySelector(`td[data-label="${b[0]}"]`).textContent != `${b[1]}`) && (c = !1);
         }
-        return l;
+        return c;
       }).length;
     } else {
-      let c = i.split(" == ");
-      o = Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${c[0]}"], tbody tr[data-filtered-by="${c[0]}"] td[data-label="${c[0]}"]`)).filter(function(n) {
-        return n.textContent === c[1];
+      let l = s.split(" == ");
+      o = Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${l[0]}"], tbody tr[data-filtered-by="${l[0]}"] td[data-label="${l[0]}"]`)).filter(function(n) {
+        return n.textContent === l[1];
       }).length;
     }
     r.hasAttribute("data-total") ? r.setAttribute("data-total", o) : r.innerHTML = o;
   });
 }, xt = 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);
+  t.addEventListener("click", (i) => {
+    if (i && i.target instanceof HTMLElement && i.target.closest("[data-page]")) {
+      i.preventDefault();
+      let s = a.querySelector("[data-pagination]"), o = i.target.closest("[data-page]").getAttribute("data-page");
+      if (s.value = o, r.setAttribute("data-page", o), a.dispatchEvent(new Event("paginate")), e.hasAttribute("data-show-history")) {
+        const c = new URL(location);
+        c.searchParams.set("page", o), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: o }, "", c);
       }
-      const c = -250, n = e.getBoundingClientRect().top + window.pageYOffset + c;
+      const l = -250, n = e.getBoundingClientRect().top + window.pageYOffset + l;
       window.scrollTo({ top: n, behavior: "smooth" });
     }
-    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"));
+    if (i && i.target instanceof HTMLElement && i.target.closest("[data-show]")) {
+      i.preventDefault();
+      let s = a.querySelector("[data-show]"), o = i.target.closest("[data-show]").getAttribute("data-show");
+      s.value = o, r.setAttribute("data-show", o), a.dispatchEvent(new Event("submit"));
     }
   });
-}, qt = (e, a) => {
+}, $t = (e, a) => {
   if (!e)
     return !1;
   e.addEventListener("click", (t) => {
-    $t(a);
+    qt(a);
   });
-}, $t = function(e) {
+}, qt = function(e) {
   for (var a = [], t = e.getElementsByTagName("tr"), r = 0; r < t.length; r++) {
-    for (var s = t[r].querySelectorAll("td,th"), i = [], o = 0; o < s.length; o++)
-      i.push(`"${s[o].textContent}"`);
-    a.push(i.join(","));
+    for (var i = t[r].querySelectorAll("td,th"), s = [], o = 0; o < i.length; o++)
+      s.push(`"${i[o].textContent}"`);
+    a.push(s.join(","));
   }
   a = a.join(`
 `);
-  let c = new Blob([a], { type: "text/csv" });
+  let l = new Blob([a], { type: "text/csv" });
   var n = document.createElement("a");
   n.download = "export.csv";
-  var l = window.URL.createObjectURL(c);
-  n.href = l, n.style.display = "none", document.body.appendChild(n), n.click(), document.body.removeChild(n);
+  var c = window.URL.createObjectURL(l);
+  n.href = c, n.style.display = "none", document.body.appendChild(n), n.click(), document.body.removeChild(n);
 }, et = function(e, a, t, r) {
   if (Q(e), kt(e), j(e, a, r), r && r.classList.contains("table--cta")) {
-    let s = function() {
-      Array.from(e.querySelectorAll("tr")).forEach((o, c) => {
+    let i = function() {
+      Array.from(e.querySelectorAll("tr")).forEach((o, l) => {
         let n = o.offsetHeight;
         o.style.setProperty("--row-height", `${n}px`);
       });
     };
-    const i = At(e);
-    r.style.setProperty("--cta-width", `${i}rem`), new ResizeObserver(s).observe(e);
+    const s = At(e);
+    r.style.setProperty("--cta-width", `${s}rem`), new ResizeObserver(i).observe(e);
   }
 }, at = function(e, a, t, r) {
   return wt(this, void 0, void 0, function* () {
-    const s = (f, b, y) => b.split(/[\.\[\]\'\"]/).filter((p) => p).reduce((p, w) => p ? p[w] : y, f);
-    let i = new FormData(a), o = new URLSearchParams(i).toString(), c = e.querySelectorAll("thead tr th"), n = e.querySelector("tbody"), l = a.getAttribute("data-ajax");
-    r.classList.add("table--loading"), window.controller || (window.controller = []), window.controller[l] && window.controller[l].abort(), window.controller[l] = new AbortController();
-    const { signal: h } = controller[l];
+    const i = (f, b, p) => b.split(/[\.\[\]\'\"]/).filter((y) => y).reduce((y, w) => y ? y[w] : p, f);
+    let s = new FormData(a), o = new URLSearchParams(s).toString(), l = e.querySelectorAll("thead tr th"), n = e.querySelector("tbody"), c = a.getAttribute("data-ajax");
+    r.classList.add("table--loading"), window.controller || (window.controller = []), window.controller[c] && window.controller[c].abort(), window.controller[c] = new AbortController();
+    const { signal: h } = controller[c];
     try {
-      yield fetch(l + "?" + o, { signal: h, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((f) => f.json()).then((f) => {
-        let b = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", y = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", p = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", w = s(f, y, 1), I = s(f, p, 1), R = s(f, b), P = r.hasAttribute("data-empty-msg") ? r.getAttribute("data-empty-msg") : "No results found";
-        if (R ? (n.innerHTML = "", R.forEach((C, S) => {
-          var q = document.createElement("tr");
-          c.forEach((v, L) => {
+      yield fetch(c + "?" + o, { signal: h, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((f) => f.json()).then((f) => {
+        let b = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", p = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", y = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", w = i(f, p, 1), I = i(f, y, 1), N = i(f, b), P = r.hasAttribute("data-empty-msg") ? r.getAttribute("data-empty-msg") : "No results found";
+        if (N ? (n.innerHTML = "", N.forEach((C, L) => {
+          var x = document.createElement("tr");
+          l.forEach((_, S) => {
             let E = "";
             var D = document.createElement("td");
-            if (D.setAttribute("data-label", v.innerText), v.getAttribute("data-output")) {
-              var V = v.getAttribute("data-output");
-              E = V.replace(new RegExp(/{(.*?)}/, "gm"), function(it) {
-                return s(C, it.replace("{", "").replace("}", ""));
+            if (D.setAttribute("data-label", _.innerText), _.getAttribute("data-output")) {
+              var O = _.getAttribute("data-output");
+              E = O.replace(new RegExp(/{(.*?)}/, "gm"), function(st) {
+                return i(C, st.replace("{", "").replace("}", ""));
               });
             }
-            if (v.hasAttribute("data-output-array")) {
-              var V = v.getAttribute("data-output");
-              let st = s(C, V.replace("{", "").replace("}", ""));
-              E = "", st.forEach((Z, no) => {
-                let nt = v.getAttribute("data-output-array"), B = "";
-                if (v.hasAttribute("data-output-array-property") && v.hasAttribute("data-output-array-transform")) {
-                  const U = s(Z, v.getAttribute("data-output-array-property")), lt = JSON.parse(v.getAttribute("data-output-array-transform"))[U];
-                  B = nt.replace(`{${v.getAttribute("data-output-array-property")}}`, lt);
+            if (_.hasAttribute("data-output-array")) {
+              var O = _.getAttribute("data-output");
+              let it = i(C, O.replace("{", "").replace("}", ""));
+              E = "", it.forEach((Z, oo) => {
+                let nt = _.getAttribute("data-output-array"), B = "";
+                if (_.hasAttribute("data-output-array-property") && _.hasAttribute("data-output-array-transform")) {
+                  const V = i(Z, _.getAttribute("data-output-array-property")), lt = JSON.parse(_.getAttribute("data-output-array-transform"))[V];
+                  B = nt.replace(`{${_.getAttribute("data-output-array-property")}}`, lt);
                 }
-                B = B.replace(new RegExp(/{(.*?)}/, "gm"), function(U) {
-                  return s(Z, U.replace("{", "").replace("}", ""));
+                B = B.replace(new RegExp(/{(.*?)}/, "gm"), function(V) {
+                  return i(Z, V.replace("{", "").replace("}", ""));
                 }), E += B;
               });
             }
-            v.hasAttribute("data-transform") && (E = JSON.parse(v.getAttribute("data-transform"))[E], !E && v.hasAttribute("data-default") && (E = v.getAttribute("data-default"))), D.innerHTML = E, q.appendChild(D);
-          }), n.appendChild(q);
-        }), tt(e, a), r.setAttribute("data-total", parseInt(w)), r.setAttribute("data-page", parseInt(I)), r.setAttribute("data-pages", Math.ceil(r.getAttribute("data-total") / r.getAttribute("data-show"))), et(e, a, t, r), F(r, t), parseInt(w) == 0 && (n.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: l, formData: o })) : n.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>', a.hasAttribute("data-ajax-post")) {
+            _.hasAttribute("data-transform") && (E = JSON.parse(_.getAttribute("data-transform"))[E], !E && _.hasAttribute("data-default") && (E = _.getAttribute("data-default"))), D.innerHTML = E, x.appendChild(D);
+          }), n.appendChild(x);
+        }), tt(e, a), r.setAttribute("data-total", parseInt(w)), r.setAttribute("data-page", parseInt(I)), r.setAttribute("data-pages", Math.ceil(r.getAttribute("data-total") / r.getAttribute("data-show"))), et(e, a, t, r), F(r, t), parseInt(w) == 0 && (n.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: c, formData: o })) : n.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>', a.hasAttribute("data-ajax-post")) {
           const C = new XMLHttpRequest();
           C.open("GET", `${window.location.href}?ajax=true&${o}`), C.send();
         }
@@ -418,14 +418,14 @@ const Q = (e) => {
       console.log(f);
     }
   });
-}, K = (e, a) => {
+}, G = (e, a) => {
   switch (e) {
     case "datetime":
       return new Date(a).toLocaleDateString("en-gb", { weekday: "short", year: "2-digit", month: "long", day: "numeric" }) + " " + new Date(a).toLocaleTimeString("en-gb", { hour: "2-digit", minute: "2-digit" });
     case "date":
       return new Date(a).toLocaleDateString("en-gb", { year: "2-digit", month: "long", day: "numeric" });
     case "capitalise":
-      return a = vt(a);
+      return a = _t(a);
   }
 };
 class Et extends HTMLElement {
@@ -460,7 +460,7 @@ class Et 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"), tt(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" />`), St(this.table), Lt(this.table, this.form, this.pagination, this, this.savedTableBody), xt(this.table, this.form, this.pagination, this), qt(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax") ? at(this.table, this.form, this.pagination, this) : (et(this.table, this.form, this.pagination, this), G(this.table, this.form, this), F(this, this.pagination), j(this.table, this.form)), this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (r) => {
+    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"), tt(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" />`), Lt(this.table), St(this.table, this.form, this.pagination, this, this.savedTableBody), xt(this.table, this.form, this.pagination, this), $t(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax") ? at(this.table, this.form, this.pagination, this) : (et(this.table, this.form, this.pagination, this), W(this.table, this.form, this), F(this, this.pagination), j(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"));
     });
   }
@@ -497,31 +497,31 @@ const Tt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Mt = (e) => e.replace(
   updated() {
   }
 }, Nt = { key: 0 }, Rt = { key: 0 }, zt = ["data-row-id"], It = ["innerHTML"];
-function Pt(e, a, t, r, s, i) {
+function Pt(e, a, t, r, i, s) {
   return u(), m("iam-table", null, [
     t.fields ? (u(), m("table", Nt, [
       d("thead", null, [
         d("tr", null, [
           (u(!0), m(T, null, M(t.fields, (o) => (u(), m("th", {
             key: o.key
-          }, $(i.cellHeading(o.key)), 1))), 128))
+          }, q(s.cellHeading(o.key)), 1))), 128))
         ])
       ]),
       t.items ? (u(), m("tbody", Rt, [
-        (u(!0), m(T, null, M(t.items, (o, c) => (u(), m("tr", {
-          key: c,
+        (u(!0), m(T, null, M(t.items, (o, l) => (u(), m("tr", {
+          key: l,
           "data-row-id": o.rowid
         }, [
-          (u(!0), m(T, null, M(Object.fromEntries(Object.entries(o).filter(([n]) => n !== "rowid")), (n, l) => (u(), m("td", {
-            key: l,
+          (u(!0), m(T, null, M(Object.fromEntries(Object.entries(o).filter(([n]) => n !== "rowid")), (n, c) => (u(), m("td", {
+            key: c,
             innerHTML: n
           }, null, 8, It))), 128))
         ], 8, zt))), 128))
       ])) : g("", !0)
-    ])) : _(e.$slots, "default", { key: 1 })
+    ])) : v(e.$slots, "default", { key: 1 })
   ]);
 }
-const rt = /* @__PURE__ */ k(Dt, [["render", Pt]]), Bt = {
+const rt = /* @__PURE__ */ A(Dt, [["render", Pt]]), Bt = {
   name: "Input",
   props: {
     value: {
@@ -715,99 +715,99 @@ const rt = /* @__PURE__ */ k(Dt, [["render", Pt]]), Bt = {
 }, Gt = ["type", "name", "id", "pattern", "list"], Kt = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Yt = {
   key: 6,
   class: "input-group"
-}, Zt = ["type", "name", "id", "pattern", "list"], Jt = { class: "input-group-text flex-fill" }, Xt = ["type", "name", "id", "pattern"], Qt = ["value"], te = ["type", "name", "id"], ee = ["for", "innerHTML"], ae = ["type", "name", "id"], re = ["for", "innerHTML"], oe = ["innerHTML"], ie = ["id"], se = ["value"];
-function ne(e, a, t, r, s, i) {
+}, Zt = ["type", "name", "id", "pattern", "list"], Jt = { class: "input-group-text flex-fill" }, Xt = ["type", "name", "id", "pattern"], Qt = ["value"], te = ["type", "name", "id"], ee = ["for", "innerHTML"], ae = ["type", "name", "id"], re = ["for", "innerHTML"], oe = ["innerHTML"], se = ["id"], ie = ["value"];
+function ne(e, a, t, r, i, s) {
   return u(), m("div", {
-    class: A(i.wrapperClass()),
+    class: k(s.wrapperClass()),
     ref: "wrapper"
   }, [
-    i.needsLabel() ? (u(), m("label", {
+    s.needsLabel() ? (u(), m("label", {
       key: 0,
-      class: A(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
+      class: k(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
-      innerHTML: i.displayLabel(),
+      innerHTML: s.displayLabel(),
       title: t.title
     }, null, 10, Ft)) : g("", !0),
     t.prefix ? (u(), m("span", {
       key: 1,
-      class: A(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
+      class: k(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
       innerHTML: t.prefix,
       role: "presentation"
     }, null, 10, jt)) : g("", !0),
     t.suffix ? (u(), m("span", {
       key: 2,
-      class: A(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
+      class: k(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
       innerHTML: t.suffix,
       role: "presentation"
     }, null, 10, Ot)) : g("", !0),
-    i.isInput() ? z((u(), m("input", H({
+    s.isInput() ? R((u(), m("input", H({
       key: 3,
-      "onUpdate:modelValue": a[0] || (a[0] = (o) => i.inputVal = o),
+      "onUpdate:modelValue": a[0] || (a[0] = (o) => s.inputVal = o),
       class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type,
       name: t.name ? t.name : t.id,
       id: t.id,
-      pattern: i.needPattern(),
-      list: i.hasOptions()
+      pattern: s.needPattern(),
+      list: s.hasOptions()
     }, e.$attrs, {
-      onKeyup: a[1] || (a[1] = (...o) => i.inputKeyup && i.inputKeyup(...o))
+      onKeyup: a[1] || (a[1] = (...o) => s.inputKeyup && s.inputKeyup(...o))
     }), null, 16, Vt)), [
-      [W, i.inputVal]
+      [U, s.inputVal]
     ]) : g("", !0),
-    t.type == "textarea" ? z((u(), m("textarea", H({
+    t.type == "textarea" ? R((u(), m("textarea", H({
       key: 4,
-      "onUpdate:modelValue": a[2] || (a[2] = (o) => i.inputVal = o),
+      "onUpdate:modelValue": a[2] || (a[2] = (o) => s.inputVal = o),
       class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type,
       name: t.name ? t.name : t.id,
       id: t.id,
-      pattern: i.needPattern()
+      pattern: s.needPattern()
     }, e.$attrs), null, 16, Ut)), [
-      [ct, i.inputVal]
+      [ct, s.inputVal]
     ]) : g("", !0),
     t.type == "range" ? (u(), m("div", Wt, [
-      z(d("input", H({
-        "onUpdate:modelValue": a[3] || (a[3] = (o) => i.inputVal = o),
+      R(d("input", H({
+        "onUpdate:modelValue": a[3] || (a[3] = (o) => s.inputVal = o),
         class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
         type: t.type,
         name: t.name ? t.name : t.id,
         id: t.id,
-        pattern: i.needPattern(),
-        list: i.hasOptions()
+        pattern: s.needPattern(),
+        list: s.hasOptions()
       }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Gt), [
-        [W, i.inputVal]
+        [U, s.inputVal]
       ]),
-      d("output", Kt, $(t.value), 1)
+      d("output", Kt, q(t.value), 1)
     ])) : g("", !0),
     t.type == "color" ? (u(), m("div", Yt, [
-      z(d("input", H({
-        "onUpdate:modelValue": a[4] || (a[4] = (o) => i.inputVal = o),
+      R(d("input", H({
+        "onUpdate:modelValue": a[4] || (a[4] = (o) => s.inputVal = o),
         class: `form-control form-control-color${t.inputclass ? ` ${t.inputclass}` : ""}`,
         type: t.type,
         name: t.name ? t.name : t.id,
         id: t.id,
-        pattern: i.needPattern(),
-        list: i.hasOptions()
+        pattern: s.needPattern(),
+        list: s.hasOptions()
       }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Zt), [
-        [W, i.inputVal]
+        [U, s.inputVal]
       ]),
-      d("output", Jt, $(t.value ? e.vale : "#000000"), 1)
+      d("output", Jt, q(t.value ? e.vale : "#000000"), 1)
     ])) : g("", !0),
-    t.type == "select" ? z((u(), m("select", H({
+    t.type == "select" ? R((u(), m("select", H({
       key: 7,
-      "onUpdate:modelValue": a[5] || (a[5] = (o) => i.inputVal = o),
+      "onUpdate:modelValue": a[5] || (a[5] = (o) => s.inputVal = o),
       class: `form-select${t.size ? ` form-select-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type,
       name: t.id,
       id: t.id,
-      pattern: i.needPattern()
+      pattern: s.needPattern()
     }, e.$attrs), [
-      (u(!0), m(T, null, M(t.options, (o, c) => (u(), m("option", {
-        key: c,
+      (u(!0), m(T, null, M(t.options, (o, l) => (u(), m("option", {
+        key: l,
         value: o.value
-      }, $(o.display ? o.display : o.value), 9, Qt))), 128))
+      }, q(o.display ? o.display : o.value), 9, Qt))), 128))
     ], 16, Xt)), [
-      [dt, i.inputVal]
+      [dt, s.inputVal]
     ]) : g("", !0),
     t.type == "checkbox" || t.type == "radio" ? (u(), m("input", H({
       key: 8,
@@ -818,7 +818,7 @@ function ne(e, a, t, r, s, i) {
     }, e.$attrs), null, 16, te)) : g("", !0),
     t.type == "checkbox" || t.type == "radio" ? (u(), m("label", {
       key: 9,
-      class: A(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
+      class: k(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: t.label
     }, null, 10, ee)) : g("", !0),
@@ -832,42 +832,105 @@ function ne(e, a, t, r, s, i) {
     }, e.$attrs), null, 16, ae)) : g("", !0),
     t.type == "checkbox-btn" || t.type == "radio-btn" ? (u(), m("label", {
       key: 11,
-      class: A(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
+      class: k(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: t.label,
-      onClick: a[6] || (a[6] = (...o) => i.clickEvent && i.clickEvent(...o))
+      onClick: a[6] || (a[6] = (...o) => s.clickEvent && s.clickEvent(...o))
     }, null, 10, re)) : g("", !0),
-    _(e.$slots, "default"),
+    v(e.$slots, "default"),
     t.errormsg ? (u(), m("span", {
       key: 12,
       class: "invalid-feedback mb-0",
       innerHTML: t.errormsg
     }, null, 8, oe)) : g("", !0),
-    i.allowDatalist() ? (u(), m("datalist", {
+    s.allowDatalist() ? (u(), m("datalist", {
       key: 13,
       id: t.id + "-list"
     }, [
-      (u(!0), m(T, null, M(t.options, (o, c) => (u(), m("option", {
-        key: c,
+      (u(!0), m(T, null, M(t.options, (o, l) => (u(), m("option", {
+        key: l,
         value: o.value
-      }, $(o.value), 9, se))), 128))
-    ], 8, ie)) : g("", !0)
+      }, q(o.value), 9, ie))), 128))
+    ], 8, se)) : g("", !0)
   ], 2);
 }
-const O = /* @__PURE__ */ k(Bt, [["render", ne]]), le = {
-  components: {
-    Input: O
-  },
-  name: "FileUploads",
+const Y = /* @__PURE__ */ A(Bt, [["render", ne]]);
+function le(e, a) {
+  const t = a.querySelector(".files"), r = a.querySelector(".drop-area"), i = e.querySelector("input"), s = e.hasAttribute("data-maxsize") ? e.getAttribute("data-maxsize") : 0, o = i.cloneNode();
+  r.append(o), a.addEventListener("click", (l) => {
+    l && l.target instanceof HTMLElement && l.target.closest(".btn-primary") && (l.target.closest(".btn-primary"), (i.hasAttribute("multiple") ? o : i).click());
+  }), a.addEventListener("click", (l) => {
+    if (l && l.target instanceof HTMLElement && l.target.closest(".files button")) {
+      const n = new DataTransfer(), { files: c } = i, h = l.target.closest(".files button");
+      for (let b = 0; b < c.length; b++) {
+        const p = c[b];
+        p.name != h.getAttribute("data-file") && n.items.add(p);
+      }
+      i.files = n.files;
+      const f = new Event("change");
+      i.dispatchEvent(f);
+    }
+  }), o.addEventListener("change", (l) => {
+    if (i.hasAttribute("multiple")) {
+      const c = [...i.files, ...o.files];
+      let h = [];
+      const f = new DataTransfer();
+      for (let b = 0; b < c.length; b++) {
+        const p = c[b], y = p.size / 1e3;
+        !h.includes(p.name) && (s == 0 || y < s) && f.items.add(p), h.push(p.name);
+      }
+      i.files = f.files;
+    } else
+      i.files = o.files;
+    const n = new Event("change");
+    i.dispatchEvent(n);
+  }), o.addEventListener("dragenter", (l) => {
+    o.classList.add("focus");
+  }), o.addEventListener("dragleave", (l) => {
+    o.classList.remove("focus");
+  }), o.addEventListener("drop", (l) => {
+    o.classList.remove("focus");
+  }), i.addEventListener("change", (l) => {
+    t.innerHTML = "";
+    for (const n of i.files)
+      t.innerHTML += `<span class="file">${n.name} <button data-file="${n.name}">Remove</button></span>`;
+  });
+}
+window.dataLayer = window.dataLayer || [];
+window.dataLayer.push({
+  event: "customElementRegistered",
+  element: "fileupload"
+});
+class ce 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 = `
+    <style>
+    @import "${t}";
+    ${r}
+    ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
+    </style>
+    <div class="file-upload">
+      <span class="file-upload__title">Upload file</span>
+      <p class="helper-text"></p>
+      <button class="btn btn-primary"><slot name="btn"></slot> Upload document</button>
+      <div class="drop-area"></div>
+      <hr/>
+      <slot></slot>
+      <div class="files"></div>
+    </div>
+    `, this.shadowRoot.appendChild(i.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")}` : ""}`, le(this, a);
+  }
+}
+const de = {
+  name: "FileUpload",
   props: {
-    id: {
-      type: String,
-      required: !0
-    },
-    inputcolclass: {
-      type: String,
-      required: !1
-    },
     maxfilesize: {
       type: Number,
       required: !1
@@ -876,51 +939,24 @@ const O = /* @__PURE__ */ k(Bt, [["render", ne]]), le = {
       type: Number,
       required: !1
     }
+  },
+  mounted() {
+    this.$nextTick(function() {
+      window.customElements.get("iam-fileupload") || window.customElements.define("iam-fileupload", ce);
+    });
   }
-}, ce = { class: "multiple-file-uploads mb-4" }, de = { class: "row" }, ue = { class: "col-12 col-md me-auto" }, me = /* @__PURE__ */ d("div", { class: "col mw-fit-content" }, [
-  /* @__PURE__ */ d("button", {
-    type: "button",
-    class: "btn btn-tertiary me-0",
-    "data-delete": ""
-  }, "Delete")
-], -1), he = ["data-maxfiles"];
-function fe(e, a, t, r, s, i) {
-  const o = N("Input");
-  return u(), m("div", ce, [
-    d("div", de, [
-      d("div", {
-        class: A(`${t.inputcolclass ? t.inputcolclass : "col-12 col-sm-4"}`)
-      }, [
-        x(o, {
-          type: "file",
-          id: t.id,
-          name: `${t.id}[]`,
-          label: "Add new file",
-          labelclass: "d-none",
-          class: "form-control-inline col",
-          required: "",
-          "data-filesize": t.maxfilesize
-        }, null, 8, ["id", "name", "data-filesize"])
-      ], 2),
-      d("div", ue, [
-        _(e.$slots, "default")
-      ]),
-      me
-    ]),
-    d("button", {
-      type: "button",
-      class: "btn btn-secondary me-0",
-      "data-add": "",
-      "data-maxfiles": t.maxfiles
-    }, "+ Add file", 8, he)
+};
+function ue(e, a, t, r, i, s) {
+  return u(), m("iam-fileupload", null, [
+    v(e.$slots, "default")
   ]);
 }
-const co = /* @__PURE__ */ k(le, [["render", fe]]);
+const io = /* @__PURE__ */ A(de, [["render", ue]]);
 /*!
-  * iamKey v3.7.8--beta-2
+  * iamKey v3.7.8
   * Copyright 2022-2023 iamproperty
   */
-function be(e) {
+function me(e) {
   let a = e.querySelectorAll("details"), t = e.querySelectorAll("summary");
   if (a.forEach((r) => {
     r.classList.add("accordion-item");
@@ -928,17 +964,17 @@ 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((s) => {
-      s.addEventListener("click", () => {
-        r.forEach((i) => {
-          i !== s && i.removeAttribute("open");
+    r.forEach((i) => {
+      i.addEventListener("click", () => {
+        r.forEach((s) => {
+          s !== i && s.removeAttribute("open");
         });
       });
     });
   }
 }
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "accordion" });
-let pe = class extends HTMLElement {
+let he = 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");
@@ -955,22 +991,22 @@ let pe = class extends HTMLElement {
     `, this.shadowRoot.appendChild(r.content.cloneNode(!0));
   }
   connectedCallback() {
-    be(this);
+    me(this);
   }
 };
-window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", pe);
-const ye = {
+window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", he);
+const fe = {
   name: "Accordion",
   props: {},
   mounted() {
   }
-}, ge = { ref: "wrapper" };
-function _e(e, a, t, r, s, i) {
-  return u(), m("iam-accordion", ge, [
-    _(e.$slots, "default")
+}, be = { ref: "wrapper" };
+function pe(e, a, t, r, i, s) {
+  return u(), m("iam-accordion", be, [
+    v(e.$slots, "default")
   ], 512);
 }
-const mo = /* @__PURE__ */ k(ye, [["render", _e]]), ve = {
+const lo = /* @__PURE__ */ A(fe, [["render", pe]]), ye = {
   name: "AccordionItem",
   props: {
     title: {
@@ -1005,24 +1041,24 @@ const mo = /* @__PURE__ */ k(ye, [["render", _e]]), ve = {
       show: !this.lazy
     };
   }
-}, we = ["id"], Ae = ["classList"];
-function ke(e, a, t, r, s, i) {
+}, ge = ["id"], ve = ["classList"];
+function _e(e, a, t, r, i, s) {
   return u(), m("details", {
-    id: i.createID(t.title)
+    id: s.createID(t.title)
   }, [
     d("summary", {
       classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
     }, [
-      ut($(t.title), 1),
+      ut(q(t.title), 1),
       t.badge ? (u(), m("span", {
         key: 0,
-        class: A(`badge bg-${t.badgecolour}`)
-      }, $(t.badge), 3)) : g("", !0)
-    ], 8, Ae),
-    _(e.$slots, "default")
-  ], 8, we);
+        class: k(`badge bg-${t.badgecolour}`)
+      }, q(t.badge), 3)) : g("", !0)
+    ], 8, ve),
+    v(e.$slots, "default")
+  ], 8, ge);
 }
-const ho = /* @__PURE__ */ k(ve, [["render", ke]]), Se = {
+const co = /* @__PURE__ */ A(ye, [["render", _e]]), we = {
   name: "Header",
   props: {
     title: {
@@ -1039,43 +1075,43 @@ const ho = /* @__PURE__ */ k(ve, [["render", ke]]), Se = {
       required: !1
     }
   }
-}, Le = { class: "container" }, xe = { class: "row" }, qe = { class: "col-sm-6" }, $e = { 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, s, i) {
-  return u(), m("div", Le, [
+}, Ae = { class: "container" }, ke = { class: "row" }, Le = { class: "col-sm-6" }, Se = { class: "pt-5 pb-3 px-4" }, xe = { class: "col-sm-6 col-md-5 ms-auto" }, $e = ["src"];
+function qe(e, a, t, r, i, s) {
+  return u(), m("div", Ae, [
     d("div", {
-      class: A("bg-" + t.background + " mb-4")
+      class: k("bg-" + t.background + " mb-4")
     }, [
-      d("div", xe, [
-        d("div", qe, [
-          d("div", $e, [
-            d("h2", null, $(t.title), 1),
-            _(e.$slots, "default")
+      d("div", ke, [
+        d("div", Le, [
+          d("div", Se, [
+            d("h2", null, q(t.title), 1),
+            v(e.$slots, "default")
           ])
         ]),
-        d("div", Ee, [
+        d("div", xe, [
           t.image ? (u(), m("img", {
             key: 0,
             src: t.image,
             alt: "",
             class: "h-100 w-100 object-cover"
-          }, null, 8, Te)) : g("", !0)
+          }, null, 8, $e)) : g("", !0)
         ])
       ])
     ], 2)
   ]);
 }
-const fo = /* @__PURE__ */ k(Se, [["render", Me]]);
+const uo = /* @__PURE__ */ A(we, [["render", qe]]);
 /*!
-  * iamKey v3.7.8--beta-2
+  * iamKey v3.7.8
   * Copyright 2022-2023 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "Card" });
-let He = class extends HTMLElement {
+let Ee = class extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" }), this.querySelector('[class*="fa-"]') && this.classList.add("card--has-icon");
     let a = this.classList.toString();
-    const t = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", r = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${t}/css/core.min.css`, s = document.createElement("template");
-    s.innerHTML = `
+    const t = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", r = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${t}/css/core.min.css`, i = document.createElement("template");
+    i.innerHTML = `
     <style>
     @import "${r}";
     .card{--card-icon-right: 1rem;box-shadow:var(--card-box-shadow);border-radius:var(--card-border-radius);position:relative;font-weight:bold;font-size:1.125rem;line-height:1.5rem;color:var(--colour-primary);min-height:100%;width:100%;text-align:left;display:block;overflow:hidden;z-index:0;background:var(--colour-canvas-2);outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);outline-offset:-1px}.card.border-0{box-shadow:none;--card-left-padding: 0rem;outline-offset:1px !important}.card__body{position:relative;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1}.card:before,.card:after{content:"";position:absolute;right:var(--card-icon-right);bottom:var(--card-bottom-padding);height:1.5rem;width:1.5rem;background:var(--colour-warning);border-radius:50%}.card:after{background:var(--colour-primary-theme);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%;z-index:2}.card:is(:hover,:focus,.hover){--card-icon-right: 0.5rem;outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card:not([class*=colour-]):is(:hover,:focus,.hover):before{background:var(--colour-primary-theme)}.card:not([class*=colour-]):is(:hover,:focus,.hover):after{background:#fff}.card:is(:active,.active){--card-icon-right: 0.5rem;outline:none}.card:is(:active,.active):before{background:var(--colour-warning)}.card:is(:active,.active):after{background:var(--colour-primary)}.card:is(:active){background:#fcfcfc}.card span{display:block;font-weight:bold;padding-top:1.5rem;font-size:1rem}.card:has(.card__illustration) .card__body{align-items:center;display:flex}.card:has(.card__illustration) .card__body .card__illustration{height:4rem;width:4rem;margin-right:1.5rem;margin-top:-1.25rem;margin-bottom:-1.25rem;position:relative}.card:has(.card__illustration) .card__body .card__illustration img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}::slotted(i){font-size:1.5rem;margin:-3px var(--card-icon-right) 0 0;font-weight:400;vertical-align:middle}::slotted(span){display:block;font-weight:normal;padding-top:1.5rem;font-size:1rem}.card[class*=colour-],.card--filter{border-left:0.75rem solid var(--colour, var(--colour-primary))}.card--filter{--top-padding: 1.5rem;--right-padding: 1rem;--bottom-padding: 1.5rem;--left-padding: 1rem}.card--filter:has(.card__total) .card__body{align-items:center;display:flex}.card--filter:before,.card--filter:after{display:none}.card--filter:is(:hover,:focus,.hover){outline:none}.card--filter:is(:hover,:focus,.hover) .card__body{background:#eee}.card--filter:is(:active,.active) .card__body{background:#e0e0e0}.card--filter:is(:checked,.checked){outline:2px solid var(--colour, var(--colour-info));outline-offset:-2px}.card--filter:is(:checked,.checked) .card__body{background:#e0e0e0}.card--filter.card--has-icon{--bottom-padding: 1rem;border:none}.card--filter .icon{font-size:1.125rem !important;height:1.125rem !important;margin:0 0 .5rem 0 !important;font-weight:400 !important;display:block !important}.card--filter .card__total{font-size:3rem;line-height:3rem;padding-right:1rem}@media screen and (prefers-color-scheme: dark){.card--filter .card__body{background:none !important}.card--filter:is(:hover,:focus,.hover,:active,.active):not(:checked,.checked){outline:2px solid var(--colour, var(--colour-primary)) !important;outline-offset:-2px}}.card--filter ::slotted(i){display:block !important;font-size:1.125rem !important;margin:0 0 .5rem 0 !important}.card:has(.card__head) .card__head{padding-bottom:0;padding-top:27%;position:relative;overflow:hidden;background:rgba(0,0,0,.1);z-index:-1}.card:has(.card__head) .card__head>img{position:absolute;top:0;left:0;width:102%;height:102%;object-fit:cover}.card.card--lg-image:has(.card__head) .card__head{padding-top:55%}.card:has(.card__footer):after{display:none}.card:has(.card__footer) .card__footer{position:relative;background:#fff;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1;display:block}/*# sourceMappingURL=assets/css/components/card.css.map */
@@ -1091,7 +1127,7 @@ let He = class extends HTMLElement {
       </div>
       ${this.hasAttribute("data-cta") ? `<div class="card__footer"><span class="link">${this.getAttribute("data-cta")}</span></div>` : ""}
     </div>
-    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
     this.classList.add("loaded");
@@ -1099,10 +1135,10 @@ let He = class extends HTMLElement {
     a.setAttribute("tabindex", "-1"), a.matches("label[for]") && (document.getElementById(a.getAttribute("for")).checked ? t.classList.add("checked") : t.classList.remove("checked")), t.addEventListener("click", (r) => {
       if (a.matches("label[for]")) {
         r.stopPropagation(), r.preventDefault();
-        const s = document.getElementById(a.getAttribute("for")), i = s.getAttribute("name"), o = s.getAttribute("id");
-        Array.from(document.querySelectorAll(`[name="${i}"]:not([id="${o}"])`)).forEach((c, n) => {
-          document.querySelector(`[for="${c.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"));
-        }), a.click(), s.checked ? t.classList.add("checked") : t.classList.remove("checked");
+        const i = document.getElementById(a.getAttribute("for")), s = i.getAttribute("name"), o = i.getAttribute("id");
+        Array.from(document.querySelectorAll(`[name="${s}"]:not([id="${o}"])`)).forEach((l, n) => {
+          document.querySelector(`[for="${l.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"));
+        }), a.click(), i.checked ? t.classList.add("checked") : t.classList.remove("checked");
       }
     }), this.addEventListener("inactive", (r) => {
       t.classList.remove("checked");
@@ -1112,10 +1148,10 @@ let He = class extends HTMLElement {
         case 13:
           if (a.matches("label[for]")) {
             r.stopPropagation(), r.preventDefault();
-            const s = document.getElementById(a.getAttribute("for")), i = s.getAttribute("name"), o = s.getAttribute("id");
-            Array.from(document.querySelectorAll(`[name="${i}"]:not([id="${o}"])`)).forEach((c, n) => {
-              document.querySelector(`[for="${c.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"));
-            }), a.click(), s.checked ? t.classList.add("checked") : t.classList.remove("checked");
+            const i = document.getElementById(a.getAttribute("for")), s = i.getAttribute("name"), o = i.getAttribute("id");
+            Array.from(document.querySelectorAll(`[name="${s}"]:not([id="${o}"])`)).forEach((l, n) => {
+              document.querySelector(`[for="${l.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"));
+            }), a.click(), i.checked ? t.classList.add("checked") : t.classList.remove("checked");
           } else
             a.click();
           break;
@@ -1132,46 +1168,46 @@ let He = class extends HTMLElement {
         break;
       }
       case "class": {
-        let s = this.classList.toString();
-        this.querySelector('[class*="fa-"]') && (s += " card--has-icon"), this.shadowRoot.querySelector(".card").setAttribute("class", `card ${s}`);
+        let i = this.classList.toString();
+        this.querySelector('[class*="fa-"]') && (i += " card--has-icon"), this.shadowRoot.querySelector(".card").setAttribute("class", `card ${i}`);
         break;
       }
     }
   }
 };
-const Ce = {
+const Te = {
   name: "Card",
   mounted() {
     this.$nextTick(function() {
-      window.customElements.get("iam-card") || window.customElements.define("iam-card", He);
+      window.customElements.get("iam-card") || window.customElements.define("iam-card", Ee);
     });
   }
 };
-function De(e, a, t, r, s, i) {
+function Me(e, a, t, r, i, s) {
   return u(), m("iam-card", null, [
-    _(e.$slots, "default")
+    v(e.$slots, "default")
   ]);
 }
-const Ne = /* @__PURE__ */ k(Ce, [["render", De]]);
-function Re(e) {
+const He = /* @__PURE__ */ A(Te, [["render", Me]]);
+function Ce(e) {
   var a;
   let t = e.querySelector(".carousel__inner"), r = e.querySelectorAll(".carousel__item").length;
   e.getAttribute("data-cols");
-  let s = e.getAttribute("data-sm-cols"), i = e.getAttribute("data-md-cols");
+  let i = e.getAttribute("data-sm-cols"), s = e.getAttribute("data-md-cols");
   e.querySelector(".carousel__controls a").classList.add("active"), t.addEventListener("scroll", function(o) {
     clearTimeout(a), a = setTimeout(function() {
-      let c = t.clientWidth, n = t.scrollWidth, l = t.scrollLeft, h = Math.round(l / n * r) + 1, f = e.querySelector(".carousel__item:last-child").offsetLeft;
-      Array.from(e.querySelectorAll(".carousel__controls a")).forEach((b, y) => {
+      let l = t.clientWidth, n = t.scrollWidth, c = t.scrollLeft, h = Math.round(c / n * r) + 1, f = e.querySelector(".carousel__item:last-child").offsetLeft;
+      Array.from(e.querySelectorAll(".carousel__controls a")).forEach((b, p) => {
         b.classList.remove("active");
-      }), e.querySelector(".control-" + h).classList.add("active"), h == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + c > f ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
+      }), e.querySelector(".control-" + h).classList.add("active"), h == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + l > f ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
     }, 100);
   }, !1), e.addEventListener("click", function(o) {
-    for (var c = o.target; c && c != this; c = c.parentNode)
-      if (c.matches(".carousel__controls a")) {
-        o.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((l, h) => {
-          l.classList.remove("active");
-        }), c.classList.add("active");
-        const n = document.querySelector(c.getAttribute("href"));
+    for (var l = o.target; l && l != this; l = l.parentNode)
+      if (l.matches(".carousel__controls a")) {
+        o.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((c, h) => {
+          c.classList.remove("active");
+        }), l.classList.add("active");
+        const n = document.querySelector(l.getAttribute("href"));
         t.scroll({
           top: 0,
           left: n.offsetLeft,
@@ -1180,10 +1216,10 @@ function Re(e) {
         break;
       }
   }, !1), e.addEventListener("click", function(o) {
-    for (var c = o.target; c && c != this; c = c.parentNode)
-      if (c.matches(".btn-next, .btn-prev")) {
+    for (var l = o.target; l && l != this; l = l.parentNode)
+      if (l.matches(".btn-next, .btn-prev")) {
         o.preventDefault();
-        let n = c.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
+        let n = l.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
         t.scroll({
           top: 0,
           left: n,
@@ -1191,11 +1227,11 @@ function Re(e) {
         });
         break;
       }
-  }, !1), r == 1 && e.classList.add("hide-btns"), s >= r && e.classList.add("hide-sm-btns"), i >= r && e.classList.add("hide-md-btns");
+  }, !1), r == 1 && e.classList.add("hide-btns"), i >= r && e.classList.add("hide-sm-btns"), s >= r && e.classList.add("hide-md-btns");
 }
-const ze = {
+const De = {
   components: {
-    Card: Ne
+    Card: He
   },
   name: "Carousel",
   data() {
@@ -1269,40 +1305,40 @@ const ze = {
   },
   mounted() {
     this.id = this._uid, this.$nextTick(function() {
-      Re(this.$refs.wrapper);
+      Ce(this.$refs.wrapper);
     });
   }
-}, Ie = ["id", "data-cols", "data-sm-cols", "data-md-cols"], Pe = { class: "carousel__wrapper" }, Be = { class: "carousel__inner" }, Fe = ["id"], je = ["innerHTML", "id"], Oe = ["href"], Ve = /* @__PURE__ */ d("button", {
+}, Ne = ["id", "data-cols", "data-sm-cols", "data-md-cols"], Re = { class: "carousel__wrapper" }, ze = { class: "carousel__inner" }, Ie = ["id"], Pe = ["innerHTML", "id"], Be = ["href"], Fe = /* @__PURE__ */ d("button", {
   class: "btn btn-prev",
   "data-go": "0",
   disabled: ""
-}, "Prev", -1), Ue = /* @__PURE__ */ d("button", {
+}, "Prev", -1), je = /* @__PURE__ */ d("button", {
   class: "btn btn-next",
   "data-go": "2"
 }, "Next", -1);
-function We(e, a, t, r, s, i) {
-  const o = N("Card");
+function Oe(e, a, t, r, i, s) {
+  const o = z("Card");
   return u(), m("div", {
     class: "container carousel",
-    id: "carousel" + s.id,
+    id: "carousel" + i.id,
     ref: "wrapper",
     "data-cols": t.cols,
     "data-sm-cols": t.smcols,
     "data-md-cols": t.mdcols
   }, [
-    _(e.$slots, "default"),
-    d("div", Pe, [
-      d("div", Be, [
+    v(e.$slots, "default"),
+    d("div", Re, [
+      d("div", ze, [
         t.type == "card" ? (u(), m("div", {
           key: 0,
-          class: A(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
+          class: k(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
         }, [
-          (u(!0), m(T, null, M(t.items, (c, n) => (u(), m("div", {
-            class: A(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
+          (u(!0), m(T, null, M(t.items, (l, n) => (u(), m("div", {
+            class: k(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
             key: n,
-            id: "carousel" + s.id + "slide" + (n + 1)
+            id: "carousel" + i.id + "slide" + (n + 1)
           }, [
-            x(o, H(c, {
+            $(o, H(l, {
               class: t.cardclass,
               type: t.cardtype,
               btnyype: t.btntype,
@@ -1310,41 +1346,41 @@ function We(e, a, t, r, s, i) {
               ctatext: t.ctatext,
               hidectatext: t.hidectatext
             }), null, 16, ["class", "type", "btnyype", "titleclass", "ctatext", "hidectatext"])
-          ], 10, Fe))), 128))
+          ], 10, Ie))), 128))
         ], 2)) : g("", !0),
         t.type != "card" ? (u(), m("div", {
           key: 1,
-          class: A(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
+          class: k(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
         }, [
-          (u(!0), m(T, null, M(t.items, (c, n) => (u(), m("div", {
-            class: A(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
+          (u(!0), m(T, null, M(t.items, (l, n) => (u(), m("div", {
+            class: k(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
             key: n,
-            innerHTML: i.content(c),
-            id: "carousel" + s.id + "slide" + (n + 1)
-          }, null, 10, je))), 128))
+            innerHTML: s.content(l),
+            id: "carousel" + i.id + "slide" + (n + 1)
+          }, null, 10, Pe))), 128))
         ], 2)) : g("", !0)
       ]),
       d("div", {
-        class: A(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)
+        class: k(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)
       }, [
-        (u(!0), m(T, null, M(t.items, (c, n) => (u(), m("a", {
+        (u(!0), m(T, null, M(t.items, (l, n) => (u(), m("a", {
           key: n,
-          href: "#carousel" + s.id + "slide" + (n + 1),
-          class: A(`control-${n + 1}`)
-        }, "Slide " + $(n + 1), 11, Oe))), 128))
+          href: "#carousel" + i.id + "slide" + (n + 1),
+          class: k(`control-${n + 1}`)
+        }, "Slide " + q(n + 1), 11, Be))), 128))
       ], 2),
-      Ve,
-      Ue
+      Fe,
+      je
     ])
-  ], 8, Ie);
+  ], 8, Ne);
 }
-const po = /* @__PURE__ */ k(ze, [["render", We]]);
+const ho = /* @__PURE__ */ A(De, [["render", Oe]]);
 /*!
-  * iamKey v3.7.8--beta-2
+  * iamKey v3.7.8
   * Copyright 2022-2023 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "header" });
-class Ge extends HTMLElement {
+class Ve 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");
@@ -1377,7 +1413,7 @@ class Ge extends HTMLElement {
     this.hasAttribute("image") ? t.setAttribute("srcset", this.getAttribute("image")) : a.remove();
   }
 }
-const Ke = {
+const Ue = {
   name: "Header",
   props: {
     title: {
@@ -1391,53 +1427,53 @@ const Ke = {
   },
   mounted() {
     this.$nextTick(function() {
-      window.customElements.get("iam-header") || window.customElements.define("iam-header", Ge);
+      window.customElements.get("iam-header") || window.customElements.define("iam-header", Ve);
     });
   }
-}, Ye = ["image"], Ze = ["innerHTML"];
-function Je(e, a, t, r, s, i) {
+}, We = ["image"], Ge = ["innerHTML"];
+function Ke(e, a, t, r, i, s) {
   return u(), m("iam-header", {
     class: "bg-secondary",
     image: t.image
   }, [
-    _(e.$slots, "breadcrumb"),
+    v(e.$slots, "breadcrumb"),
     t.title ? (u(), m("h1", {
       key: 0,
       innerHTML: t.title
-    }, null, 8, Ze)) : g("", !0),
-    _(e.$slots, "default")
-  ], 8, Ye);
+    }, null, 8, Ge)) : g("", !0),
+    v(e.$slots, "default")
+  ], 8, We);
 }
-const yo = /* @__PURE__ */ k(Ke, [["render", Je]]);
-function Xe(e) {
+const fo = /* @__PURE__ */ A(Ue, [["render", Ke]]);
+function Ye(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 s = function(i) {
-    const o = e.querySelector(".btn-next"), c = e.querySelector(".btn-prev");
-    o.setAttribute("data-go", i + 1), c.setAttribute("data-go", i - 1), o.removeAttribute("disabled"), c.removeAttribute("disabled"), i == 1 ? c.setAttribute("disabled", !0) : i == r && o.setAttribute("disabled", !0);
+  const i = function(s) {
+    const o = e.querySelector(".btn-next"), l = e.querySelector(".btn-prev");
+    o.setAttribute("data-go", s + 1), l.setAttribute("data-go", s - 1), o.removeAttribute("disabled"), l.removeAttribute("disabled"), s == 1 ? l.setAttribute("disabled", !0) : s == r && o.setAttribute("disabled", !0);
   };
-  t.addEventListener("scroll", function(i) {
+  t.addEventListener("scroll", function(s) {
     clearTimeout(a), a = setTimeout(function() {
-      let o = t.scrollWidth, c = t.scrollHeight, n = t.scrollLeft, l = t.scrollTop, h = Math.round(n / o * r) + 1;
-      n == 0 && l != 0 && (h = Math.round(l / c * r) + 1), e.setAttribute("data-show", h), s(h);
+      let o = t.scrollWidth, l = t.scrollHeight, n = t.scrollLeft, c = t.scrollTop, h = Math.round(n / o * r) + 1;
+      n == 0 && c != 0 && (h = Math.round(c / l * r) + 1), e.setAttribute("data-show", h), i(h);
     }, 300);
-  }, !1), e.addEventListener("click", function(i) {
-    for (var o = i.target; o && o != this; o = o.parentNode)
+  }, !1), e.addEventListener("click", function(s) {
+    for (var o = s.target; o && o != this; o = o.parentNode)
       if (o.matches("[data-go]")) {
-        let c = parseInt(o.getAttribute("data-go")), n = 0, l = 0, h = t.scrollWidth, f = t.scrollHeight;
-        h > f ? l = Math.floor(h * ((c - 1) / r)) : n = Math.floor(f * ((c - 1) / r)), t.scroll({
+        let l = parseInt(o.getAttribute("data-go")), n = 0, c = 0, h = t.scrollWidth, f = t.scrollHeight;
+        h > f ? c = Math.floor(h * ((l - 1) / r)) : n = Math.floor(f * ((l - 1) / r)), t.scroll({
           top: n,
-          left: l,
+          left: c,
           behavior: "smooth"
         });
         break;
       }
   }, !1);
 }
-const Qe = {
+const Ze = {
   name: "Testimonial",
   props: {
     items: {
@@ -1451,13 +1487,13 @@ const Qe = {
     }
   },
   mounted() {
-    Xe(this.$refs.wrapper);
+    Ye(this.$refs.wrapper);
   }
-}, ta = {
+}, Je = {
   class: "container testimonial mb-5",
   "data-show": "1",
   ref: "wrapper"
-}, ea = { class: "row" }, aa = { class: "col-md-5 position-relative" }, ra = { class: "testimonial__images" }, oa = ["src"], ia = /* @__PURE__ */ d("div", { class: "testimonial__controls" }, [
+}, Xe = { class: "row" }, Qe = { class: "col-md-5 position-relative" }, ta = { class: "testimonial__images" }, ea = ["src"], aa = /* @__PURE__ */ d("div", { class: "testimonial__controls" }, [
   /* @__PURE__ */ d("button", {
     "data-go": "0",
     disabled: "",
@@ -1467,52 +1503,52 @@ const Qe = {
     "data-go": "2",
     class: "btn-next"
   }, "Next")
-], -1), sa = { class: "col-md-7" }, na = /* @__PURE__ */ d("h2", null, "What our customers think…", -1), la = { class: "testimonial__content" }, ca = ["innerHTML"], da = ["innerHTML"], ua = { class: "testimonial__after" }, ma = /* @__PURE__ */ d("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
-function ha(e, a, t, r, s, i) {
-  return u(), m("div", ta, [
+], -1), ra = { class: "col-md-7" }, oa = /* @__PURE__ */ d("h2", null, "What our customers think…", -1), sa = { class: "testimonial__content" }, ia = ["innerHTML"], na = ["innerHTML"], la = { class: "testimonial__after" }, ca = /* @__PURE__ */ d("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
+function da(e, a, t, r, i, s) {
+  return u(), m("div", Je, [
     d("div", {
-      class: A("bg-" + t.background)
+      class: k("bg-" + t.background)
     }, [
-      d("div", ea, [
-        d("div", aa, [
-          d("div", ra, [
-            (u(!0), m(T, null, M(t.items, (o, c) => (u(), m("img", {
-              key: c,
+      d("div", Xe, [
+        d("div", Qe, [
+          d("div", ta, [
+            (u(!0), m(T, null, M(t.items, (o, l) => (u(), m("img", {
+              key: l,
               src: o.image ? o.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
               alt: "",
-              class: A("h-100 w-100 object-cover" + (o.image ? "" : " opacity-0"))
-            }, null, 10, oa))), 128))
+              class: k("h-100 w-100 object-cover" + (o.image ? "" : " opacity-0"))
+            }, null, 10, ea))), 128))
           ]),
-          ia
+          aa
         ]),
-        d("div", sa, [
-          na,
-          d("div", la, [
-            (u(!0), m(T, null, M(t.items, (o, c) => (u(), m("blockquote", {
-              key: c,
-              class: A(o.class)
+        d("div", ra, [
+          oa,
+          d("div", sa, [
+            (u(!0), m(T, null, M(t.items, (o, l) => (u(), m("blockquote", {
+              key: l,
+              class: k(o.class)
             }, [
               d("div", {
                 innerHTML: o.quote
-              }, null, 8, ca),
+              }, null, 8, ia),
               d("cite", {
                 innerHTML: o.cite
-              }, null, 8, da)
+              }, null, 8, na)
             ], 2))), 128))
           ]),
-          d("div", ua, [
-            _(e.$slots, "default")
+          d("div", la, [
+            v(e.$slots, "default")
           ])
         ])
       ]),
-      ma
+      ca
     ], 2)
   ], 512);
 }
-const go = /* @__PURE__ */ k(Qe, [["render", ha]]);
-const fa = {
+const bo = /* @__PURE__ */ A(Ze, [["render", da]]);
+const ua = {
   components: {
-    Input: O
+    Input: Y
   },
   name: "PropertySearchbar",
   props: {
@@ -1656,46 +1692,46 @@ const fa = {
       ];
     }
   }
-}, ba = {
+}, ma = {
   class: "container",
   ref: "wrapper"
-}, pa = { class: "property-searchbar" }, ya = ["action", "method"], ga = { class: "col-12 col-md-3" }, _a = { class: "col-12 col-md" }, va = /* @__PURE__ */ d("span", { class: "form-label d-none d-md-block" }, "Price range", -1), wa = {
+}, ha = { class: "property-searchbar" }, fa = ["action", "method"], ba = { class: "col-12 col-md-3" }, pa = { class: "col-12 col-md" }, ya = /* @__PURE__ */ d("span", { class: "form-label d-none d-md-block" }, "Price range", -1), ga = {
   class: "row",
   "data-input-range": ""
-}, Aa = { class: "col-12 col-md" }, ka = /* @__PURE__ */ d("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), Sa = {
+}, va = { class: "col-12 col-md" }, _a = /* @__PURE__ */ d("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), wa = {
   class: "row",
   "data-input-range": ""
-}, La = { class: "col-12 col-md-2" }, xa = /* @__PURE__ */ d("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
+}, Aa = { 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", {
     class: "btn w-100 me-0",
     type: "submit",
     value: "submit"
   }, "Search")
 ], -1);
-function qa(e, a, t, r, s, i) {
-  const o = N("Input");
-  return u(), m("div", ba, [
-    _(e.$slots, "default"),
-    d("div", pa, [
+function La(e, a, t, r, i, s) {
+  const o = z("Input");
+  return u(), m("div", ma, [
+    v(e.$slots, "default"),
+    d("div", ha, [
       d("form", {
         class: "row",
         action: t.formaction,
         method: t.formmethod
       }, [
-        d("fieldset", ga, [
-          x(o, {
+        d("fieldset", ba, [
+          $(o, {
             inputClass: "input--locations",
-            modelValue: i.locationSet,
-            "onUpdate:modelValue": a[0] || (a[0] = (c) => i.locationSet = c),
+            modelValue: s.locationSet,
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => s.locationSet = l),
             label: "Location",
             id: "location",
-            options: i.locationsList(),
+            options: s.locationsList(),
             required: "",
             placeholder: "i.e. Newcastle or NE1",
-            onKeyupEvent: a[1] || (a[1] = (c) => i.locationKeyup(...arguments)),
+            onKeyupEvent: a[1] || (a[1] = (l) => s.locationKeyup(...arguments)),
             ref: "search"
           }, null, 8, ["modelValue", "options"]),
-          x(o, {
+          $(o, {
             class: "select--miles",
             label: "Miles",
             id: "miles",
@@ -1703,10 +1739,10 @@ function qa(e, a, t, r, s, i) {
             options: t.distances
           }, null, 8, ["options"])
         ]),
-        d("fieldset", _a, [
-          va,
-          d("div", wa, [
-            x(o, {
+        d("fieldset", pa, [
+          ya,
+          d("div", ga, [
+            $(o, {
               class: "col-6",
               label: "Minimum price",
               id: "price-min",
@@ -1714,7 +1750,7 @@ function qa(e, a, t, r, s, i) {
               type: "select",
               options: t.pricemin
             }, null, 8, ["options"]),
-            x(o, {
+            $(o, {
               class: "col-6",
               label: "Maximum price",
               id: "price-max",
@@ -1724,10 +1760,10 @@ function qa(e, a, t, r, s, i) {
             }, null, 8, ["options"])
           ])
         ]),
-        d("fieldset", Aa, [
-          ka,
-          d("div", Sa, [
-            x(o, {
+        d("fieldset", va, [
+          _a,
+          d("div", wa, [
+            $(o, {
               class: "col-6",
               label: "Minimum beds",
               id: "beds-min",
@@ -1735,7 +1771,7 @@ function qa(e, a, t, r, s, i) {
               type: "select",
               options: t.bedsmin
             }, null, 8, ["options"]),
-            x(o, {
+            $(o, {
               class: "col-6",
               label: "Maximum beds",
               id: "beds-max",
@@ -1745,21 +1781,21 @@ function qa(e, a, t, r, s, i) {
             }, null, 8, ["options"])
           ])
         ]),
-        d("fieldset", La, [
-          x(o, {
+        d("fieldset", Aa, [
+          $(o, {
             label: "Property type",
             id: "property-type",
             type: "select",
             options: t.propertytypes
           }, null, 8, ["options"])
         ]),
-        xa
-      ], 8, ya)
+        ka
+      ], 8, fa)
     ]),
-    _(e.$slots, "after")
+    v(e.$slots, "after")
   ], 512);
 }
-const _o = /* @__PURE__ */ k(fa, [["render", qa]]), $a = (e) => {
+const po = /* @__PURE__ */ A(ua, [["render", La]]), Sa = (e) => {
   Array.from(e.querySelectorAll("details")).forEach((a, t) => {
     a.addEventListener("mouseenter", function(r) {
       window.matchMedia("(min-width: 62em)").matches && a.setAttribute("open", "true");
@@ -1771,9 +1807,9 @@ const _o = /* @__PURE__ */ k(fa, [["render", qa]]), $a = (e) => {
     { threshold: [1] }
   ).observe(e);
 };
-const Ea = {
+const xa = {
   components: {
-    Input: O,
+    Input: Y,
     Logo: yt
   },
   name: "Nav",
@@ -1844,48 +1880,48 @@ const Ea = {
   },
   mounted() {
     this.$nextTick(function() {
-      $a(this.$refs.wrapper);
+      Sa(this.$refs.wrapper);
     });
   }
-}, Ta = /* @__PURE__ */ d("input", {
+}, $a = /* @__PURE__ */ d("input", {
   type: "checkbox",
   name: "showMenu",
   id: "showMenu",
   class: "d-none"
-}, null, -1), Ma = /* @__PURE__ */ d("input", {
+}, null, -1), qa = /* @__PURE__ */ d("input", {
   type: "checkbox",
   name: "showSearch",
   id: "showSearch",
   class: "d-none"
-}, null, -1), Ha = /* @__PURE__ */ d("input", {
+}, null, -1), Ea = /* @__PURE__ */ d("input", {
   type: "checkbox",
   name: "showAccount",
   id: "showAccount",
   class: "d-none"
-}, null, -1), Ca = { class: "nav__mobile-bar" }, Da = { class: "container" }, Na = { class: "row" }, Ra = {
+}, null, -1), Ta = { class: "nav__mobile-bar" }, Ma = { class: "container" }, Ha = { class: "row" }, Ca = {
   key: 0,
   class: "col mw-md-fit-content nav__logo"
-}, za = {
+}, Da = {
   key: 1,
   class: "col mw-md-fit-content nav__logo"
-}, Ia = {
+}, Na = {
   href: "/",
   class: "text-decoration-none mb-0"
-}, Pa = /* @__PURE__ */ d("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
+}, Ra = /* @__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), Ba = { class: "nav__inner" }, Fa = { class: "container" }, ja = { class: "row" }, Oa = {
+], -1), za = { class: "nav__inner" }, Ia = { class: "container" }, Pa = { class: "row" }, Ba = {
   key: 0,
   class: "col mw-md-fit-content nav__logo"
-}, Va = {
+}, Fa = {
   key: 1,
   class: "col mw-md-fit-content nav__logo"
-}, Ua = {
+}, ja = {
   href: "/",
   class: "text-decoration-none mb-0"
-}, Wa = {
+}, Oa = {
   key: 2,
   class: "col mw-fit-content nav__search-btn flex-row align-items-center"
-}, Ga = /* @__PURE__ */ d("label", { for: "showSearch" }, [
+}, Va = /* @__PURE__ */ d("label", { for: "showSearch" }, [
   /* @__PURE__ */ d("svg", {
     class: "icon",
     viewBox: "0 0 32 32"
@@ -1906,14 +1942,14 @@ const Ea = {
       class: "icon__outline"
     })
   ])
-], -1), Ka = [
-  Ga
-], Ya = /* @__PURE__ */ d("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
+], -1), Ua = [
+  Va
+], Wa = /* @__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), Za = { class: "col-12 col-md nav__menu ms-auto flex-row align-items-center" }, Ja = {
+], -1), Ga = { class: "col-12 col-md nav__menu ms-auto flex-row align-items-center" }, Ka = {
   key: 3,
   class: "col nav__account-btn flex-row align-items-center"
-}, Xa = /* @__PURE__ */ d("label", { for: "showAccount" }, [
+}, Ya = /* @__PURE__ */ d("label", { for: "showAccount" }, [
   /* @__PURE__ */ d("svg", {
     class: "icon",
     viewBox: "0 0 28 28"
@@ -1928,49 +1964,49 @@ const Ea = {
     })
   ]),
   /* @__PURE__ */ d("span", null, "My account")
-], -1), Qa = [
-  Xa
-], tr = {
+], -1), Za = [
+  Ya
+], Ja = {
   key: 4,
   class: "col-12 col-md nav__btn mw-md-fit-content flex-row align-items-center"
-}, er = ["href", "innerHTML"], ar = {
+}, Xa = ["href", "innerHTML"], Qa = {
   key: 0,
   class: "nav__menu--secondary"
-}, rr = { class: "container" }, or = {
+}, tr = { class: "container" }, er = {
   key: 1,
   class: "nav__menu--search"
-}, ir = { class: "bg-gradient pt-4" }, sr = { class: "container" }, nr = {
+}, ar = { class: "bg-gradient pt-4" }, rr = { class: "container" }, or = {
   key: 0,
   class: "nav__menu--account"
-}, lr = { class: "container" }, cr = { class: "row mb-4" }, dr = {
+}, sr = { class: "container" }, ir = { class: "row mb-4" }, nr = {
   key: 0,
   class: "col mw-md-fit-content nav__logo"
-}, ur = {
+}, lr = {
   key: 1,
   class: "col mw-md-fit-content nav__logo"
-}, mr = {
+}, cr = {
   href: "/",
   class: "text-decoration-none mb-0"
-}, hr = /* @__PURE__ */ d("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
+}, dr = /* @__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), fr = { class: "container" }, br = /* @__PURE__ */ d("span", { class: "nav__bg" }, null, -1);
-function pr(e, a, t, r, s, i) {
-  const o = N("Logo");
+], -1), ur = { class: "container" }, mr = /* @__PURE__ */ d("span", { class: "nav__bg" }, null, -1);
+function hr(e, a, t, r, i, s) {
+  const o = z("Logo");
   return u(), m("nav", {
-    class: A(`nav${i.hasSecondarySlot ? " has-secondary" : ""}`),
+    class: k(`nav${s.hasSecondarySlot ? " has-secondary" : ""}`),
     ref: "wrapper"
   }, [
-    Ta,
-    Ma,
-    Ha,
-    d("div", Ca, [
-      d("div", Da, [
-        d("div", Na, [
-          i.hasLogoSlot ? (u(), m("div", Ra, [
-            _(e.$slots, "logo")
-          ])) : (u(), m("div", za, [
-            d("a", Ia, [
-              x(o, {
+    $a,
+    qa,
+    Ea,
+    d("div", Ta, [
+      d("div", Ma, [
+        d("div", Ha, [
+          s.hasLogoSlot ? (u(), m("div", Ca, [
+            v(e.$slots, "logo")
+          ])) : (u(), m("div", Da, [
+            d("a", Na, [
+              $(o, {
                 id: t.logo,
                 path: t.logopath,
                 desc: t.logotext,
@@ -1978,18 +2014,18 @@ function pr(e, a, t, r, s, i) {
               }, null, 8, ["id", "path", "desc"])
             ])
           ])),
-          Pa
+          Ra
         ])
       ])
     ]),
-    d("div", Ba, [
-      d("div", Fa, [
-        d("div", ja, [
-          i.hasLogoSlot ? (u(), m("div", Oa, [
-            _(e.$slots, "logo")
-          ])) : (u(), m("div", Va, [
-            d("a", Ua, [
-              x(o, {
+    d("div", za, [
+      d("div", Ia, [
+        d("div", Pa, [
+          s.hasLogoSlot ? (u(), m("div", Ba, [
+            v(e.$slots, "logo")
+          ])) : (u(), m("div", Fa, [
+            d("a", ja, [
+              $(o, {
                 id: t.logo,
                 path: t.logopath,
                 desc: t.logotext,
@@ -1997,42 +2033,42 @@ function pr(e, a, t, r, s, i) {
               }, null, 8, ["id", "path", "desc"])
             ])
           ])),
-          i.hasSearchSlot ? (u(), m("div", Wa, Ka)) : g("", !0),
-          Ya,
-          d("div", Za, [
-            _(e.$slots, "default")
+          s.hasSearchSlot ? (u(), m("div", Oa, Ua)) : g("", !0),
+          Wa,
+          d("div", Ga, [
+            v(e.$slots, "default")
           ]),
-          i.hasAccountSlot ? (u(), m("div", Ja, Qa)) : g("", !0),
-          t.btnlink ? (u(), m("div", tr, [
+          s.hasAccountSlot ? (u(), m("div", Ka, Za)) : g("", !0),
+          t.btnlink ? (u(), m("div", Ja, [
             d("a", {
               href: t.btnlink,
               class: "btn me-0",
               innerHTML: t.btntext
-            }, null, 8, er)
+            }, null, 8, Xa)
           ])) : g("", !0)
         ])
       ]),
-      i.hasSecondarySlot ? (u(), m("div", ar, [
-        d("div", rr, [
-          _(e.$slots, "secondary")
+      s.hasSecondarySlot ? (u(), m("div", Qa, [
+        d("div", tr, [
+          v(e.$slots, "secondary")
         ])
       ])) : g("", !0),
-      i.hasSearchSlot ? (u(), m("div", or, [
-        d("div", ir, [
-          d("div", sr, [
-            _(e.$slots, "search")
+      s.hasSearchSlot ? (u(), m("div", er, [
+        d("div", ar, [
+          d("div", rr, [
+            v(e.$slots, "search")
           ])
         ])
       ])) : g("", !0)
     ]),
-    i.hasAccountSlot ? (u(), m("div", nr, [
-      d("div", lr, [
-        d("div", cr, [
-          i.hasLogoSlot ? (u(), m("div", dr, [
-            _(e.$slots, "logo")
-          ])) : (u(), m("div", ur, [
-            d("a", mr, [
-              x(o, {
+    s.hasAccountSlot ? (u(), m("div", or, [
+      d("div", sr, [
+        d("div", ir, [
+          s.hasLogoSlot ? (u(), m("div", nr, [
+            v(e.$slots, "logo")
+          ])) : (u(), m("div", lr, [
+            d("a", cr, [
+              $(o, {
                 id: t.logo,
                 path: t.logopath,
                 desc: t.logotext,
@@ -2040,18 +2076,18 @@ function pr(e, a, t, r, s, i) {
               }, null, 8, ["id", "path", "desc"])
             ])
           ])),
-          hr
+          dr
         ])
       ]),
-      d("div", fr, [
-        _(e.$slots, "account")
+      d("div", ur, [
+        v(e.$slots, "account")
       ])
     ])) : g("", !0),
-    br
+    mr
   ], 2);
 }
-const vo = /* @__PURE__ */ k(Ea, [["render", pr]]);
-const yr = {
+const yo = /* @__PURE__ */ A(xa, [["render", hr]]);
+const fr = {
   name: "Stepper",
   props: {
     label: {
@@ -2064,25 +2100,25 @@ const yr = {
       default: "Complete"
     }
   }
-}, gr = { class: "container" }, _r = ["aria-label"], vr = {
+}, br = { class: "container" }, pr = ["aria-label"], yr = {
   key: 0,
   class: "h6 stepper__start"
-}, wr = { class: "list-unstyled" }, Ar = { class: "h6 stepper__end" };
-function kr(e, a, t, r, s, i) {
-  return u(), m("div", gr, [
+}, gr = { class: "list-unstyled" }, vr = { class: "h6 stepper__end" };
+function _r(e, a, t, r, i, s) {
+  return u(), m("div", br, [
     d("nav", {
       class: "stepper",
       "aria-label": t.label ? t.label : "Progress"
     }, [
-      t.label ? (u(), m("span", vr, $(t.label), 1)) : g("", !0),
-      d("ol", wr, [
-        _(e.$slots, "default")
+      t.label ? (u(), m("span", yr, q(t.label), 1)) : g("", !0),
+      d("ol", gr, [
+        v(e.$slots, "default")
       ]),
-      d("span", Ar, $(t.endlabel), 1)
-    ], 8, _r)
+      d("span", vr, q(t.endlabel), 1)
+    ], 8, pr)
   ]);
 }
-const wo = /* @__PURE__ */ k(yr, [["render", kr]]), Sr = {
+const go = /* @__PURE__ */ A(fr, [["render", _r]]), wr = {
   name: "Stepper",
   props: {
     url: {
@@ -2098,68 +2134,68 @@ const wo = /* @__PURE__ */ k(yr, [["render", kr]]), Sr = {
       required: !1
     }
   }
-}, Lr = ["href", "aria-current"], xr = {
+}, Ar = ["href", "aria-current"], kr = {
   key: 0,
   class: "visually-hidden"
 };
-function qr(e, a, t, r, s, i) {
+function Lr(e, a, t, r, i, s) {
   return u(), m("li", null, [
     d("a", {
       href: t.url,
-      class: A(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
+      class: k(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
       "aria-current": typeof t.current < "u"
     }, [
       d("span", null, [
-        _(e.$slots, "default")
+        v(e.$slots, "default")
       ]),
-      t.status ? (u(), m("em", xr, " - status: " + $(t.status), 1)) : g("", !0)
-    ], 10, Lr)
+      t.status ? (u(), m("em", kr, " - status: " + q(t.status), 1)) : g("", !0)
+    ], 10, Ar)
   ]);
 }
-const Ao = /* @__PURE__ */ k(Sr, [["render", qr]]);
+const vo = /* @__PURE__ */ A(wr, [["render", Lr]]);
 /*!
-  * iamKey v3.7.8--beta-2
+  * iamKey v3.7.8
   * Copyright 2022-2023 iamproperty
   */
-const $r = function(e) {
+const Sr = 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, s) => {
-    let i = r.querySelector(":scope > summary");
-    i.classList.add("visually-hidden");
+  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 s = r.querySelector(":scope > summary");
+    s.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);
+    r.hasAttribute("id") && (o = document.createElement("a"), o.setAttribute("href", `#${r.getAttribute("id")}`)), r.hasAttribute("open") && o.setAttribute("aria-pressed", !0), o.innerHTML = `${s.innerText}`, o.classList.add("link"), o.setAttribute("data-index", i), o.setAttribute("tabindex", "-1"), t.appendChild(o);
   });
-}, Er = function(e) {
+}, xr = 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((s) => {
-    s.addEventListener("click", (i) => {
-      i.preventDefault(), r.forEach((o) => {
-        let c = o == s;
-        o.setAttribute("aria-pressed", c);
-      }), a.forEach((o, c) => {
-        let n = s.getAttribute("data-index") == c;
+  e.shadowRoot && (r = e.shadowRoot.querySelectorAll(".tabs__links > .link")), r.forEach((i) => {
+    i.addEventListener("click", (s) => {
+      s.preventDefault(), r.forEach((o) => {
+        let l = o == i;
+        o.setAttribute("aria-pressed", l);
+      }), a.forEach((o, l) => {
+        let n = i.getAttribute("data-index") == l;
         n ? o.setAttribute("open", n) : 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 });
+      }), i.hasAttribute("href") && history.pushState(void 0, void 0, i.getAttribute("href")), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openTab", tabTitle: i.textContent });
     });
-  }), t.forEach((s, i) => {
-    s.addEventListener("focus", (o) => {
-      r.forEach((c) => {
-        c.classList.remove("focus");
-      }), r[i].classList.add("focus");
-    }), s.addEventListener("click", (o) => {
-      o.preventDefault(), r[i].click();
+  }), t.forEach((i, s) => {
+    i.addEventListener("focus", (o) => {
+      r.forEach((l) => {
+        l.classList.remove("focus");
+      }), r[s].classList.add("focus");
+    }), i.addEventListener("click", (o) => {
+      o.preventDefault(), r[s].click();
     });
   });
-}, Tr = function(e) {
+}, $r = 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));
-}, Mr = function(e) {
-  $r(e), Er(e), Tr(e);
+}, qr = function(e) {
+  Sr(e), xr(e), $r(e);
 };
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "tabs" });
-class Hr extends HTMLElement {
+class Er 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");
@@ -2181,19 +2217,19 @@ class Hr extends HTMLElement {
   }
   connectedCallback() {
     let a = this.classList.toString().replace("container", "");
-    this.shadowRoot.querySelector(".tabs").setAttribute("class", `tabs ${a}`), Mr(this);
+    this.shadowRoot.querySelector(".tabs").setAttribute("class", `tabs ${a}`), qr(this);
   }
 }
-window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", Hr);
-const Cr = {
+window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", Er);
+const Tr = {
   name: "Tabs"
-}, Dr = { ref: "wrapper" };
-function Nr(e, a, t, r, s, i) {
-  return u(), m("iam-tabs", Dr, [
-    _(e.$slots, "default")
+}, Mr = { ref: "wrapper" };
+function Hr(e, a, t, r, i, s) {
+  return u(), m("iam-tabs", Mr, [
+    v(e.$slots, "default")
   ], 512);
 }
-const ko = /* @__PURE__ */ k(Cr, [["render", Nr]]), Rr = {
+const _o = /* @__PURE__ */ A(Tr, [["render", Hr]]), Cr = {
   name: "Tab",
   props: {
     title: {
@@ -2215,20 +2251,20 @@ const ko = /* @__PURE__ */ k(Cr, [["render", Nr]]), Rr = {
       console.log(e);
     }
   }
-}, zr = { class: "tab" }, Ir = ["innerHTML"];
-function Pr(e, a, t, r, s, i) {
-  return u(), m("details", zr, [
-    d("summary", { innerHTML: t.title }, null, 8, Ir),
-    _(e.$slots, "default")
+}, Dr = { class: "tab" }, Nr = ["innerHTML"];
+function Rr(e, a, t, r, i, s) {
+  return u(), m("details", Dr, [
+    d("summary", { innerHTML: t.title }, null, 8, Nr),
+    v(e.$slots, "default")
   ]);
 }
-const So = /* @__PURE__ */ k(Rr, [["render", Pr]]);
+const wo = /* @__PURE__ */ A(Cr, [["render", Rr]]);
 let ot = rt.props;
 ot.fields.required = !1;
-const Br = {
+const zr = {
   components: {
     Table: rt,
-    Input: O
+    Input: Y
   },
   data() {
     return {
@@ -2242,8 +2278,8 @@ const Br = {
       const a = new FormData(e.target);
       let t = /* @__PURE__ */ new Date();
       const r = t.getFullYear();
-      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({
+      let i = t.getMonth() + 1, s = t.getDate();
+      s < 10 && (s = "0" + s), i < 10 && (i = "0" + i), t = s + "/" + i + "/" + r, this.itemsData.unshift({
         date_added: t,
         user: a.get("user"),
         note: a.get("addNote")
@@ -2271,88 +2307,88 @@ const Br = {
       required: !1
     }
   }
-}, Fr = { class: "container note-feed mb-2" }, jr = ["innerHTML"], Or = ["action", "method"], Vr = ["value"], Ur = /* @__PURE__ */ d("button", { class: "btn btn-tertiary" }, "Submit note", -1);
-function Wr(e, a, t, r, s, i) {
-  const o = N("Table"), c = N("Input");
-  return u(), m("div", Fr, [
+}, Ir = { class: "container note-feed mb-2" }, Pr = ["innerHTML"], Br = ["action", "method"], Fr = ["value"], jr = /* @__PURE__ */ d("button", { class: "btn btn-tertiary" }, "Submit note", -1);
+function Or(e, a, t, r, i, s) {
+  const o = z("Table"), l = z("Input");
+  return u(), m("div", Ir, [
     t.title ? (u(), m("span", {
       key: 0,
       class: "h3",
       innerHTML: t.title
-    }, null, 8, jr)) : g("", !0),
-    x(o, H({
+    }, null, 8, Pr)) : g("", !0),
+    $(o, H({
       fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
-      items: s.itemsData
+      items: i.itemsData
     }, e.$props, { class: "mb-0" }), null, 16, ["items"]),
     d("form", {
       action: t.action,
       method: t.method,
-      onSubmit: a[0] || (a[0] = mt((n) => i.submitForm(...arguments), ["prevent"]))
+      onSubmit: a[0] || (a[0] = mt((n) => s.submitForm(...arguments), ["prevent"]))
     }, [
       d("input", {
         type: "hidden",
         value: t.user,
         name: "user"
-      }, null, 8, Vr),
-      x(c, {
+      }, null, 8, Fr),
+      $(l, {
         id: "addNote",
         type: "textarea",
         label: "Add note",
         required: "",
         class: "mw-100"
       }),
-      Ur
-    ], 40, Or)
+      jr
+    ], 40, Br)
   ]);
 }
-const Lo = /* @__PURE__ */ k(Br, [["render", Wr]]);
+const Ao = /* @__PURE__ */ A(zr, [["render", Or]]);
 /*!
-  * iamKey v3.7.8--beta-2
+  * iamKey v3.7.8
   * Copyright 2022-2023 iamproperty
   */
-function Gr(e, a) {
-  function t(r, s) {
-    let i = !1, o = s.getAttribute("name");
-    o.includes("[]") && (o = o.replace("[]", `[${s.value}]`));
-    let c = r.querySelector(`[data-name="${o}"]`);
-    c && s.getAttribute("type") == "checkbox" && (i = !0);
-    let n = s.getAttribute("data-filter-text");
-    if (c || (c = document.createElement("button"), r.appendChild(c)), c.setAttribute("type", "button"), c.classList.add("filter"), c.setAttribute("data-name", o), c.innerHTML = n.replace("$value", s.value), (!s.value || i) && c.remove(), s.parentNode.closest("[data-filter-text]")) {
-      let l = s.parentNode.closest("[data-filter-text]"), h = !0;
-      if (o = "", l.querySelectorAll("input").forEach((f, b) => {
-        let y = f.getAttribute("name");
-        if (o += `${b != 0 ? "," : ""}${y}`, r.querySelector(`[data-name="${y}"]`) && r.querySelector(`[data-name="${y}"]`).remove(), f.value) {
-          let p = document.createElement("button");
-          p.setAttribute("type", "button"), p.classList.add("filter"), p.setAttribute("data-name", y), p.innerHTML = n.replace("$value", f.value), r.appendChild(p);
+function Vr(e, a) {
+  function t(r, i) {
+    let s = !1, o = i.getAttribute("name");
+    o.includes("[]") && (o = o.replace("[]", `[${i.value}]`));
+    let l = r.querySelector(`[data-name="${o}"]`);
+    l && i.getAttribute("type") == "checkbox" && (s = !0);
+    let n = 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", o), l.innerHTML = n.replace("$value", i.value), (!i.value || s) && l.remove(), i.parentNode.closest("[data-filter-text]")) {
+      let c = i.parentNode.closest("[data-filter-text]"), h = !0;
+      if (o = "", c.querySelectorAll("input").forEach((f, b) => {
+        let p = f.getAttribute("name");
+        if (o += `${b != 0 ? "," : ""}${p}`, r.querySelector(`[data-name="${p}"]`) && r.querySelector(`[data-name="${p}"]`).remove(), f.value) {
+          let y = document.createElement("button");
+          y.setAttribute("type", "button"), y.classList.add("filter"), y.setAttribute("data-name", p), y.innerHTML = n.replace("$value", f.value), r.appendChild(y);
         } else
           h = !1;
       }), r.querySelector(`[data-name="${o}"]`) && r.querySelector(`[data-name="${o}"]`).remove(), h) {
-        let f = l.getAttribute("data-filter-text");
-        l.querySelectorAll("input").forEach((y, p) => {
-          let w = y.getAttribute("name");
-          r.querySelector(`[data-name="${w}"]`) && r.querySelector(`[data-name="${w}"]`).remove(), f = f.replace(`$${p + 1}`, y.value);
+        let f = c.getAttribute("data-filter-text");
+        c.querySelectorAll("input").forEach((p, y) => {
+          let w = p.getAttribute("name");
+          r.querySelector(`[data-name="${w}"]`) && r.querySelector(`[data-name="${w}"]`).remove(), f = f.replace(`$${y + 1}`, p.value);
         });
         let b = document.createElement("button");
         b.setAttribute("type", "button"), b.classList.add("filter"), b.setAttribute("data-name", o), b.innerHTML = f, r.appendChild(b);
       }
     }
   }
-  Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((r, s) => {
+  Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((r, i) => {
     t(a, r);
   }), e.addEventListener("change", function(r) {
     if (r && r.target instanceof HTMLElement && r.target.closest("input[data-filter-text]")) {
-      let s = r.target.closest("input[data-filter-text]");
-      t(a, s);
+      let i = r.target.closest("input[data-filter-text]");
+      t(a, i);
     }
   }, !1), a.addEventListener("click", function(r) {
     if (r && r.target instanceof HTMLElement && r.target.closest(".filter")) {
-      let o = r.target.closest(".filter"), c = o.getAttribute("data-name").split(",");
-      for (var s = 0; s < c.length; s++) {
-        let n = c[s], l = `[name="${n}"]`;
-        n.match(/\[(.*)\]/) && (n.replace(/\[(.*)\]/, "[]"), l = `[value="${n.replace(/.*\[(.*)\]/, "$1")}"]`);
-        let h = e.querySelectorAll(l);
-        for (var i = 0; i < h.length; i++) {
-          let f = h[i];
+      let o = r.target.closest(".filter"), l = o.getAttribute("data-name").split(",");
+      for (var i = 0; i < l.length; i++) {
+        let n = l[i], c = `[name="${n}"]`;
+        n.match(/\[(.*)\]/) && (n.replace(/\[(.*)\]/, "[]"), c = `[value="${n.replace(/.*\[(.*)\]/, "$1")}"]`);
+        let h = e.querySelectorAll(c);
+        for (var s = 0; s < h.length; s++) {
+          let f = h[s];
           if (f.getAttribute("type") != "radio" && f.getAttribute("type") != "checkbox")
             f.value = "";
           else {
@@ -2367,13 +2403,13 @@ function Gr(e, a) {
   }, !1);
 }
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "Applied Filters" });
-class Kr extends HTMLElement {
+class Ur extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`;
     let r = this.classList.toString();
-    const s = document.createElement("template");
-    s.innerHTML = `
+    const i = document.createElement("template");
+    i.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 */
@@ -2382,30 +2418,30 @@ class Kr extends HTMLElement {
     </style>
     <div class="applied-filters ${r}"></div>
     <slot></slot>
-    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
-    Gr(this, this.shadowRoot.querySelector(".applied-filters"));
+    Vr(this, this.shadowRoot.querySelector(".applied-filters"));
   }
 }
-window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", Kr);
-const Yr = {
+window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", Ur);
+const Wr = {
   name: "Header"
 };
-function Zr(e, a, t, r, s, i) {
+function Gr(e, a, t, r, i, s) {
   return u(), m("iam-applied-filters", null, [
-    _(e.$slots, "default")
+    v(e.$slots, "default")
   ]);
 }
-const xo = /* @__PURE__ */ k(Yr, [["render", Zr]]);
+const ko = /* @__PURE__ */ A(Wr, [["render", Gr]]);
 /*!
-  * iamKey v3.7.8--beta-2
+  * iamKey v3.7.8
   * Copyright 2022-2023 iamproperty
   */
-function Jr(e, a) {
-  Xr(e, a);
+function Kr(e, a) {
+  Yr(e, a);
 }
-function Xr(e, a) {
+function Yr(e, a) {
   var t;
   a.addEventListener("keyup", (r) => {
     clearTimeout(t), t = setTimeout(function() {
@@ -2417,12 +2453,12 @@ function Xr(e, a) {
 }
 const X = function(e, a) {
   Array.from(e.querySelectorAll(":scope > li")).forEach((t, r) => {
-    let s = t.textContent.toLowerCase();
-    t.classList.add("d-none"), s.includes(a.toLowerCase()) && t.classList.remove("d-none");
+    let i = t.textContent.toLowerCase();
+    t.classList.add("d-none"), i.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 Qr extends HTMLElement {
+class Zr 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");
@@ -2457,30 +2493,30 @@ class Qr 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>'), Jr(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>'), Kr(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
   }
 }
-window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", Qr);
-const to = {
+window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", Zr);
+const Jr = {
   name: "Filter list"
 };
-function eo(e, a, t, r, s, i) {
+function Xr(e, a, t, r, i, s) {
   return u(), m("iam-filterlist", null, [
-    _(e.$slots, "default")
+    v(e.$slots, "default")
   ]);
 }
-const qo = /* @__PURE__ */ k(to, [["render", eo]]);
-function ao(e) {
+const Lo = /* @__PURE__ */ A(Jr, [["render", Xr]]);
+function Qr(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(), Y(e));
+    event && event.target instanceof HTMLElement && event.target.closest("[data-dismiss-button]") && (t.preventDefault(), K(e));
   }, !1), e.hasAttribute("data-timeout")) {
     let t = e.getAttribute("data-timeout");
-    var a = new ro(function() {
-      Y(e);
+    var a = new to(function() {
+      K(e);
     }, t);
     e.addEventListener("mouseenter", (r) => {
       a.pause();
@@ -2489,15 +2525,15 @@ function ao(e) {
     });
   }
 }
-function ro(e, a) {
-  var t, r, s = a;
+function to(e, a) {
+  var t, r, i = a;
   this.pause = function() {
-    window.clearTimeout(t), s -= /* @__PURE__ */ new Date() - r;
+    window.clearTimeout(t), i -= /* @__PURE__ */ new Date() - r;
   }, this.resume = function() {
-    r = /* @__PURE__ */ new Date(), window.clearTimeout(t), t = window.setTimeout(e, s);
+    r = /* @__PURE__ */ new Date(), window.clearTimeout(t), t = window.setTimeout(e, i);
   }, this.resume();
 }
-const Y = function(e) {
+const K = function(e) {
   e.classList.add("d-none");
 };
 window.dataLayer = window.dataLayer || [];
@@ -2505,15 +2541,15 @@ window.dataLayer.push({
   event: "customElementRegistered",
   element: "Notification"
 });
-class oo extends HTMLElement {
+class eo 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";`, s = this.querySelectorAll("a,button");
-    Array.from(s).forEach((o, c) => {
+    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((o, l) => {
       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 = `
+    }), (i.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
+    const s = document.createElement("template");
+    s.innerHTML = `
     <style>
     @import "${t}";
     ${r}
@@ -2522,10 +2558,10 @@ class oo extends HTMLElement {
 
     <div class="notification">
       <div class="notification__icon"><slot name="icon"></slot></div>
-      <div class="notification__inner"><div class="notification__text"><slot></slot></div>${s.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
+      <div class="notification__inner"><div class="notification__text"><slot></slot></div>${i.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
       ${this.hasAttribute("data-dismiss") ? '<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>' : ""}
     </div>
-    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
   }
   connectedCallback() {
     const a = this.shadowRoot.querySelector("[data-dismiss-button]"), t = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
@@ -2545,46 +2581,46 @@ class oo extends HTMLElement {
         default:
           this.innerHTML += '<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>';
       }
-    ao(r), a && a.addEventListener("click", function(s) {
-      Y(r);
+    Qr(r), a && a.addEventListener("click", function(i) {
+      K(r);
     }, !1);
   }
 }
-const io = {
+const ao = {
   name: "Notification",
   props: {},
   created() {
     this.$nextTick(function() {
-      window.customElements.get("iam-notification") || window.customElements.define("iam-notification", oo);
+      window.customElements.get("iam-notification") || window.customElements.define("iam-notification", eo);
     });
   }
 };
-function so(e, a, t, r, s, i) {
+function ro(e, a, t, r, i, s) {
   return u(), m("iam-notification", null, [
-    _(e.$slots, "default")
+    v(e.$slots, "default")
   ]);
 }
-const $o = /* @__PURE__ */ k(io, [["render", so]]);
+const So = /* @__PURE__ */ A(ao, [["render", ro]]);
 export {
-  mo as Accordion,
-  ho as AccordionItem,
-  xo as AppliedFilters,
-  fo as Banner,
-  Ne as Card,
-  po as Carousel,
-  co as FileUploads,
-  qo as Filterlist,
-  yo as Header,
-  O as Input,
+  lo as Accordion,
+  co as AccordionItem,
+  ko as AppliedFilters,
+  uo as Banner,
+  He as Card,
+  ho as Carousel,
+  io as FileUpload,
+  Lo as Filterlist,
+  fo as Header,
+  Y as Input,
   yt as Logo,
-  vo as Nav,
-  Lo as NoteFeed,
-  $o as Notification,
-  _o as PropertySearchbar,
-  Ao as Step,
-  wo as Stepper,
-  So as Tab,
+  yo as Nav,
+  Ao as NoteFeed,
+  So as Notification,
+  po as PropertySearchbar,
+  vo as Step,
+  go as Stepper,
+  wo as Tab,
   rt as Table,
-  ko as Tabs,
-  go as Testimonial
+  _o as Tabs,
+  bo as Testimonial
 };