@iamproperty/components 3.4.6 → 3.5.0

package/dist/components.es.js

@@ -1,10 +1,10 @@
-import { openBlock as l, createElementBlock as c, createElementVNode as a, toDisplayString as k, normalizeClass as v, createCommentVNode as p, Fragment as x, renderList as L, renderSlot as b, withDirectives as N, mergeProps as T, vModelDynamic as F, vModelText as X, vModelSelect as ee, resolveComponent as H, createVNode as S, createTextVNode as j, normalizeStyle as te, withModifiers as se } from "vue";
-const g = (e, r) => {
-  const t = e.__vccOpts || e;
-  for (const [o, f] of r)
-    t[o] = f;
-  return t;
-}, ae = {
+import { openBlock as c, createElementBlock as d, createElementVNode as o, toDisplayString as L, normalizeClass as v, createCommentVNode as _, Fragment as $, renderList as T, renderSlot as p, withDirectives as N, mergeProps as H, vModelDynamic as P, vModelText as se, vModelSelect as ie, resolveComponent as E, createVNode as S, createTextVNode as le, normalizeStyle as ne, withModifiers as re } from "vue";
+const A = (t, a) => {
+  const e = t.__vccOpts || t;
+  for (const [s, r] of a)
+    e[s] = r;
+  return e;
+}, oe = {
   name: "Icon",
   props: {
     id: {
@@ -18,16 +18,16 @@ const g = (e, r) => {
       default: "/svg/icons.svg"
     }
   }
-}, ie = { class: "icon" }, ne = ["xlink:href"];
-function re(e, r, t, o, f, s) {
-  return l(), c("svg", ie, [
-    a("title", null, k(t.id), 1),
-    a("use", {
-      "xlink:href": t.path + "#icon-" + t.id
-    }, null, 8, ne)
+}, ce = { class: "icon" }, de = ["xlink:href"];
+function ue(t, a, e, s, r, n) {
+  return c(), d("svg", ce, [
+    o("title", null, L(e.id), 1),
+    o("use", {
+      "xlink:href": e.path + "#icon-" + e.id
+    }, null, 8, de)
   ]);
 }
-const oe = /* @__PURE__ */ g(ae, [["render", re]]), le = {
+const he = /* @__PURE__ */ A(oe, [["render", ue]]), me = {
   name: "Logo",
   props: {
     id: {
@@ -52,390 +52,393 @@ const oe = /* @__PURE__ */ g(ae, [["render", re]]), le = {
       return "brand brand--" + this.id;
     }
   }
-}, ce = ["xlink:href"], de = ["innerHTML"];
-function ue(e, r, t, o, f, s) {
-  return l(), c("div", {
-    class: v(s.className)
+}, fe = ["xlink:href"], ye = ["innerHTML"];
+function be(t, a, e, s, r, n) {
+  return c(), d("div", {
+    class: v(n.className)
   }, [
-    (l(), c("svg", null, [
-      a("title", null, "iam " + k(t.id), 1),
-      a("use", {
-        "xlink:href": t.path + s.src
-      }, null, 8, ce)
+    (c(), d("svg", null, [
+      o("title", null, "iam " + L(e.id), 1),
+      o("use", {
+        "xlink:href": e.path + n.src
+      }, null, 8, fe)
     ])),
-    t.desc ? (l(), c("span", {
+    e.desc ? (c(), d("span", {
       key: 0,
-      innerHTML: t.desc
-    }, null, 8, de)) : p("", !0)
+      innerHTML: e.desc
+    }, null, 8, ye)) : _("", !0)
   ], 2);
 }
-const fe = /* @__PURE__ */ g(le, [["render", ue]]), W = (e) => e.charAt(0).toUpperCase() + e.slice(1), K = (e) => e.replace(/_/g, " "), he = (e) => e.replace(/ /g, "_"), me = function(e) {
-  return e = e.toLowerCase(), e = he(e), e = e.replace(/\W/g, ""), e;
-}, _e = function(e) {
-  return typeof e != "string" ? !1 : !isNaN(e) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...
-  !isNaN(parseFloat(e));
-}, ye = (e, r) => String(e).padStart(r, "0");
-function Z(e) {
-  if (typeof e != "object")
+const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
+  return typeof t != "string" ? !1 : !isNaN(t) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...
+  !isNaN(parseFloat(t));
+}, ge = (t, a) => String(t).padStart(a, "0"), ve = (t) => t.charAt(0).toUpperCase() + t.slice(1), F = function(t, a) {
+  if (!t.getAttribute("data-pages"))
     return !1;
-  const r = e.querySelector("thead"), t = e.querySelector("tbody"), o = t.cloneNode(!0), f = new Event("sorted"), s = new Event("filtered"), i = new Event("reordered"), n = "table_" + Math.random().toString(36).substr(2, 9);
-  let h;
-  e.setAttribute("id", n);
-  const w = function(m, u) {
-    let d = [];
-    Array.from(t.querySelectorAll("tr")).forEach((y, q) => {
-      let A = y.querySelector('td[data-label="' + m + '"], th[data-label="' + m + '"]').textContent;
-      _e(A) && (A = ye(A, 10));
-      const V = {
-        index: A,
-        row: y
-      };
-      d.push(V);
-    }), d.sort((y, q) => y.index > q.index ? 1 : -1), u == "descending" && (d = d.reverse());
-    let _ = "";
-    d.forEach((y, q) => {
-      _ += y.row.outerHTML;
-    }), t.innerHTML = _, e.dispatchEvent(f);
-  };
-  if (e.addEventListener("click", function(m) {
-    for (var u = m.target; u && u != this; u = u.parentNode)
-      if (u.matches("[data-sortable]")) {
-        let d = u.getAttribute("aria-sort") == "ascending" ? "descending" : "ascending";
-        Array.from(e.querySelectorAll("[data-sortable]")).forEach((_, y) => {
-          _.setAttribute("aria-sort", "none");
-        }), u.setAttribute("aria-sort", d), e.setAttribute("data-sort", d), e.setAttribute("data-sortBy", u.textContent), w(u.textContent, d), Array.from(e.querySelectorAll("tr[draggable]")).forEach((_, y) => {
-          _.removeAttribute("draggable");
-        });
-        break;
+  t.getAttribute("data-page") || t.setAttribute("data-page", 1);
+  let e = t.getAttribute("data-page"), s = t.getAttribute("data-pages"), r = t.getAttribute("data-total"), n = t.getAttribute("data-show"), i = t.getAttribute("data-increment");
+  if (s <= 1)
+    return a.innerHTML = "", !1;
+  let l = "";
+  for (let h = 1; h <= s; h++)
+    h == e ? l += `<li class="page-item active" aria-current="page"><span class="page-link">${h}</span></li>` : l += `<li class="page-item"><a href="?page=${h}" class="page-link" data-page="${h}">${h}</a></li>`;
+  return a.innerHTML = `<ul class="pagination mb-0 d-none d-sm-flex">
+    ${e == 1 ? '<li class="page-item disabled"><span class="page-link">Previous</span></li>' : `<li class="page-item"><a href="?page=${parseInt(e) - 1}" class="page-link" data-page="${parseInt(e) - 1}">Previous</a></li>`}
+    ${l}
+    ${e == s ? '<li class="page-item disabled"><span class="page-link">Next</span></li>' : `<li class="page-item"><a href="?page=${parseInt(e) + 1}" class="page-link" data-page="${parseInt(e) + 1}">Next</a></li>`}
+  </ul>`, a.innerHTML += `<div class="d-sm-none text-center">
+  <span class="d-block pb-2">You've viewed ${n} of ${r} results</span>
+  <a href="?show=${parseInt(n) + parseInt(i)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(n) + parseInt(i)}">Load more results</a>
+  </div>`, !0;
+}, G = (t) => {
+  const a = Array.from(t.querySelectorAll("thead th"));
+  Array.from(t.querySelectorAll("tbody tr")).forEach((s, r) => {
+    const n = Array.from(s.querySelectorAll("th, td")), i = ["Low", "Medium", "High", "N/A", "Pending", "Verified", "Incomplete", "Completed", "Requires approval"];
+    n.forEach((l, h) => {
+      const u = a[h];
+      if (typeof u < "u") {
+        let m = document.createElement("div");
+        m.innerHTML = u.innerHTML;
+        let f = m.textContent || m.innerText || "";
+        l.setAttribute("data-label", f), u.hasAttribute("class") && l.setAttribute("class", u.getAttribute("class")), u.hasAttribute("data-format") && (l.setAttribute("data-format", u.getAttribute("data-format")), l.innerHTML = D("date", l.textContent.trim())), i.includes(l.textContent.trim()) && l.setAttribute("data-content", l.textContent.trim());
       }
-  }, !1), e.getAttribute("data-sortBy")) {
-    let m = e.getAttribute("data-sort") == "ascending" ? "descending" : "ascending";
-    Array.from(e.querySelectorAll("[data-sortable]")).forEach((u, d) => {
-      u.textContent == e.getAttribute("data-sortBy") && (u.setAttribute("aria-sort", m), u.click());
     });
-  }
-  const $ = function(m) {
-    const u = document.createElement("div");
-    u.classList.add("table__filters"), u.classList.add("row"), u.classList.add("pt-1"), u.classList.add("pb-3");
-    const d = Array.from(e.querySelectorAll("th[data-filterable]"));
-    let _ = {};
-    d.forEach((A, V) => {
-      Array.from(e.querySelectorAll('td[data-label="' + A.textContent + '"]')).forEach((R, li) => {
-        _[R.textContent] = R.textContent;
-      });
-    });
-    const y = d.length == 1 ? "Filter by " + d[0].textContent : "Filter", q = d.length == 1 ? "d-none" : "d-sm-flex";
-    u.innerHTML = `<div class="col-sm-6 col-md-4 pb-3">
-  <div class="form-control__wrapper form-control-inline mb-0">
-    <label for="${n}_filter" class="form-label">${y}:</label>
-    <input type="search" name="${n}_filter" id="${n}_filter" class="form-control form-control-sm" placeholder="" list="${n}_list" />
-  </div>
-  <datalist id="${n}_list">
-    ${Object.keys(_).map((A) => `<option value="${A}"></option>`).join("")}
-  </datalist>
-</div>
-<div class="col-md-8 align-items-center pb-3 ${q}">
-  ${'<span class="pe-3 text-nowrap h5 mb-0">Filter by: </span>' + d.map((A) => `<div class="form-check pe-3 mt-0 mb-0"><input class="form-check-input" type="checkbox" id="${n}_${A.textContent.replace(" ", "_").toLowerCase()}" checked="checked" /><label class="form-check-label text-nowrap" for="${n}_${A.textContent.replace(" ", "_").toLowerCase()}">${A.textContent}</label></div>`).join("")}
-</div>`, e.prepend(u);
-  }, M = function(m) {
-    let u = [];
-    Array.from(o.querySelectorAll("tr")).forEach((_, y) => {
-      let q = "";
-      if (Array.from(e.querySelectorAll('[type="checkbox"]:checked + label')).forEach((A, V) => {
-        q += _.querySelector('td[data-label="' + A.textContent + '"]').textContent + " | ";
-      }), q.indexOf(m) >= 0) {
-        const A = { row: _ };
-        u.push(A);
-      }
+  });
+}, Ae = (t) => {
+  let a = 0;
+  return Array.from(t.querySelectorAll("tr")).forEach((e, s) => {
+    let r = window.getComputedStyle(document.querySelector("html")), n = e.querySelector(":scope > *:last-child > *:first-child");
+    if (n) {
+      let l = n.offsetWidth / parseFloat(r.fontSize);
+      l += 1.5, a = a > l ? a : l;
+    }
+    let i = e.offsetHeight / parseFloat(r.fontSize);
+    e.style.setProperty("--row-height", `${i}rem`);
+  }), a;
+}, we = (t) => {
+  if (t.closest(".table--fullwidth"))
+    return !1;
+  Array.from(t.querySelectorAll("tbody tr")).forEach((a, e) => {
+    let s = a.querySelector(":scope > :is(td,th):first-child"), r = s.textContent;
+    s.innerHTML = `<span class="td__content">${r}</span><button type="button" class="d-none">${r}</button>`;
+  });
+}, Se = (t) => {
+  t.addEventListener("click", (a) => {
+    if (a && a.target instanceof HTMLElement && a.target.closest("tr > :is(td,th):first-child button")) {
+      let e = a.target.closest("tr > :is(td,th):first-child button"), s = e.parentNode.closest("tr");
+      s.getAttribute("data-view") == "full" ? s.setAttribute("data-view", "default") : s.setAttribute("data-view", "full"), e.blur();
+    }
+  });
+}, Q = (t, a) => {
+  let e = a.querySelector("[data-search]");
+  if (!e)
+    return !1;
+  const s = e.getAttribute("id"), r = e.getAttribute("data-search").split(",");
+  let n = e.parentNode, i = {};
+  r.forEach((l, h) => {
+    Array.from(t.querySelectorAll('td[data-label="' + l.trim() + '"]')).forEach((u, m) => {
+      u.querySelector(".td__content") ? i[u.querySelector(".td__content").textContent] = u.querySelector(".td__content").textContent : i[u.textContent] = u.textContent;
     });
-    let d = "";
-    u.forEach((_, y) => {
-      d += _.row.outerHTML;
-    }), t.innerHTML = d, e.dispatchEvent(s);
-  }, I = function() {
-    let m = [];
-    Array.from(e.querySelectorAll('[type="checkbox"]:checked + label')).forEach((_, y) => {
-      m.push(_.textContent);
+  }), e.setAttribute("list", `${s}_list`), e.setAttribute("autocomplete", "off"), n.querySelector("datalist") || (n.innerHTML += `<datalist id="${s}_list"></datalist>`), n.querySelector("datalist").innerHTML = `${Object.keys(i).map((l) => `<option value="${l}"></option>`).join("")}`;
+}, Le = (t, a, e, s, r) => {
+  var n;
+  let i = function() {
+    a.hasAttribute("data-ajax") ? J(t, a, e, s) : a.hasAttribute("data-submit") ? a.submit() : (Y(t, a, s), F(s, e));
+  };
+  a.addEventListener("keyup", (l) => {
+    clearTimeout(n), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && (n = setTimeout(function() {
+      i();
+    }, 500));
+  }), a.addEventListener("change", (l) => {
+    clearTimeout(n), l && l.target instanceof HTMLElement && l.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || U(t, a, r), i()), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && i(), l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && !l.target.closest("form dialog") && i(), l && l.target instanceof HTMLElement && l.target.closest("[data-show]") && i();
+  }), a.addEventListener("click", (l) => {
+    clearTimeout(n), 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") || U(t, a, r), i());
+  }), a.addEventListener("submit", (l) => {
+    clearTimeout(n), a.hasAttribute("data-submit") || l.preventDefault(), i();
+  });
+}, U = (t, a, e) => {
+  if (a.getAttribute("data-ajax"))
+    return !1;
+  let s = t.querySelector("tbody"), r = a.querySelector("[data-sort]"), n = r.querySelector(`option:nth-child(${r.selectedIndex + 1})`), i = n.getAttribute("data-sort"), l = n.getAttribute("data-order"), h = n.getAttribute("data-format");
+  if (!i)
+    return s.innerHTML = e.innerHTML, G(t), !1;
+  let u = [];
+  ["asc", "desc", "descending"].includes(l) || (u = l.split(","));
+  let m = [];
+  Array.from(s.querySelectorAll("tr")).forEach((b, g) => {
+    let y = b.querySelector('td[data-label="' + i + '"], th[data-label="' + i + '"]').textContent.trim();
+    u.length && u.includes(y) && (y = u.indexOf(y)), pe(y) && (y = ge(y, 10)), h && h == "date" && (y = new Date(y));
+    const C = {
+      index: y,
+      row: b
+    };
+    m.push(C);
+  }), m.sort((b, g) => b.index > g.index ? 1 : -1), (l == "descending" || l == "desc") && (m = m.reverse());
+  let f = "";
+  m.forEach((b, g) => {
+    f += b.row.outerHTML;
+  }), s.innerHTML = f;
+}, Y = (t, a, e) => {
+  t.classList.remove("table--filtered");
+  let s = [], r = [], n = 0, i = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, l = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
+  if (Array.from(a.querySelectorAll("[data-filter]")).forEach((u, m) => {
+    if (!(u.type == "radio" && !u.checked) && !(u.type == "checkbox" && !u.checked))
+      if (u.getAttribute("data-filter") == "multi")
+        for (const [f, b] of Object.entries(JSON.parse(u.value)))
+          s[u.getAttribute("data-filter")].push(b);
+      else
+        u.value && (s[u.getAttribute("data-filter")] || (s[u.getAttribute("data-filter")] = new Array()), s[u.getAttribute("data-filter")].push(u.value));
+  }), a.querySelector("[data-search]")) {
+    let u = a.querySelector("[data-search]");
+    a.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((f, b) => {
+      r.push({ column: `${f.trim()}`, value: `${u.value}` });
     });
-    let u = [];
-    m.forEach((_, y) => {
-      Array.from(e.querySelectorAll('td[data-label="' + _ + '"]')).forEach((q, A) => {
-        u[q.textContent] = q.textContent;
-      });
+  }
+  if (Array.from(a.querySelectorAll("[data-filter-count]")).forEach((u, m) => {
+    u.innerHTML = "";
+  }), s.length && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((u, m) => {
+    u.innerHTML += `(${s.length})`;
+  }), !Object.keys(r).length && !Object.keys(s).length)
+    return !1;
+  t.classList.add("table--filtered"), Array.from(t.querySelectorAll("tbody tr")).forEach((u, m) => {
+    u.classList.remove("filtered"), u.classList.remove("filtered--matched"), u.classList.remove("filtered--show"), u.removeAttribute("data-filtered-by");
+  });
+  for (const [u, m] of Object.entries(s))
+    Array.from(t.querySelectorAll("tbody tr:not(.filtered)")).forEach((f, b) => {
+      let g = !1;
+      m.forEach((y, C) => {
+        let M = f.querySelector(`[data-label="${u}"]`);
+        if (y && y == "$today")
+          y = D("date", /* @__PURE__ */ new Date());
+        else if (y && y == "$yesterday") {
+          let w = /* @__PURE__ */ new Date();
+          w.setDate(w.getDate() - 1), y = D("date", w);
+        } else if (y && (y == "$thisWeek" || y == "$lastWeek")) {
+          let w = /* @__PURE__ */ new Date(), q = new Date(w.setDate(w.getDate() - (w.getDay() - 1))), x = new Date(w.setDate(w.getDate() - w.getDay() + 7)), k = new Date(M.textContent.toLowerCase());
+          if (w.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), x.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), y == "$thisWeek")
+            g = k >= q && k <= x;
+          else {
+            let W = new Date(q.setDate(q.getDate() - 7)), j = new Date(x.setDate(x.getDate() - 7));
+            W.setHours(0, 0, 0, 0), j.setHours(0, 0, 0, 0), g = k >= W && k <= j;
+          }
+        } else if (y && y == "$thisMonth") {
+          let w = /* @__PURE__ */ new Date(), q = w.getFullYear(), x = w.getMonth();
+          var B = new Date(q, x, 1), V = new Date(q, x + 1, 0);
+          let k = new Date(M.textContent.toLowerCase());
+          B.setHours(0, 0, 0, 0), V.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), g = k >= B && k <= V;
+        } else if (y && y == "$lastMonth") {
+          let w = /* @__PURE__ */ new Date(), q = w.getFullYear(), x = w.getMonth();
+          var z = new Date(q, x - 1, 1), O = new Date(q, x, 0);
+          let k = new Date(M.textContent.toLowerCase());
+          z.setHours(0, 0, 0, 0), O.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), g = k >= z && k <= O;
+        }
+        M && M.textContent.toLowerCase().includes(y.toLowerCase()) && (g = !0);
+      }), g || (f.classList.add("filtered"), f.setAttribute("data-filtered-by", u));
     });
-    let d = e.querySelector("datalist");
-    d.innerHTML = Object.keys(u).map((_) => `<option value="${_}"></option>`).join("");
-  };
-  Array.from(e.querySelectorAll("[data-filterable]")).length && ($(e, Array.from(e.querySelectorAll("[data-filterable]")).length), e.addEventListener("keyup", function(m) {
-    for (var u = m.target; u && u != this; u = u.parentNode)
-      if (u.matches('input[type="search"]')) {
-        const d = u.value;
-        M(d);
-      }
-  }), e.addEventListener("change", function(m) {
-    for (var u = m.target; u && u != this; u = u.parentNode)
-      if (u.matches('input[type="search"]')) {
-        const d = u.value;
-        M(d);
-      }
-  }), e.addEventListener("change", function(m) {
-    for (var u = m.target; u && u != this; u = u.parentNode)
-      if (u.matches('input[type="checkbox"]')) {
-        const d = e.querySelector('input[type="search"]').value;
-        M(d), I();
-      }
-  }));
-  const C = function(m, u) {
-    let d = document.getElementById(n + "_style");
-    d == null && (d = document.createElement("style"), d.setAttribute("id", n + "_style"));
-    const _ = m * (u - 1) + 1, y = m * u;
-    d.innerHTML = `
-    #${n} tbody tr {
-      display: none;
-    }
-    #${n} tbody tr:nth-child(${_}),
-    #${n} tbody tr:nth-child(${_}) ~ tr{
-      display: block;
+  Array.from(t.querySelectorAll("tbody tr:not(.filtered)")).forEach((u, m) => {
+    let f = !(r.length > 0 && r[0].value.length >= 3);
+    r.forEach((b, g) => {
+      let y = u.querySelector(`[data-label="${b.column}"]`);
+      y && b.value.length >= 3 && y.textContent.toLowerCase().includes(b.value.toLowerCase()) && (f = !0);
+    }), f || u.classList.add("filtered");
+  }), Array.from(t.querySelectorAll("tbody tr:not(.filtered")).forEach((u, m) => {
+    n++, u.classList.add("filtered--matched"), Math.ceil(n / l) == parseInt(i) && u.classList.add("filtered--show");
+  }), e && (e.setAttribute("data-page", i), e.setAttribute("data-pages", Math.ceil(n / l)), e.setAttribute("data-total", n), e.setAttribute("data-show", l)), Z(t, a);
+}, Z = (t, a) => {
+  Array.from(a.querySelectorAll("[data-query]")).forEach((s, r) => {
+    let n = s.getAttribute("data-query"), i;
+    if (n == "total")
+      i = t.classList.contains("table--filtered") ? t.querySelectorAll("tbody tr:not(.filtered)").length : t.querySelectorAll("tbody tr").length;
+    else if (!n.includes(" == ") && n.includes(" & ")) {
+      let l = n.split(" & "), h = "";
+      l.forEach((u) => {
+        h += `:not([data-filtered-by="${u}"])`;
+      }), i = Array.from(t.querySelectorAll(`tbody tr${h}`)).length;
+    } else if (!n.includes(" == "))
+      i = Array.from(t.querySelectorAll(`tbody tr:not([data-filtered-by="${n}"])`)).length;
+    else if (n.includes(" && ")) {
+      let l = n.split(" && ");
+      i = Array.from(t.querySelectorAll("tbody tr:not(.filtered)")).filter(function(h) {
+        let u = !0;
+        for (const [m, f] of Object.entries(l)) {
+          let b = f.split(" == ");
+          (!h.querySelector(`td[data-label="${b[0]}"]`) || h.querySelector(`td[data-label="${b[0]}"]`).textContent != `${b[1]}`) && (u = !1);
+        }
+        return u;
+      }).length;
+    } else {
+      let l = n.split(" == ");
+      i = Array.from(t.querySelectorAll(`tbody tr:not([class*="filtered"]) td[data-label="${l[0]}"], tbody tr[data-filtered-by="${l[0]}"] td[data-label="${l[0]}"]`)).filter(function(h) {
+        return h.textContent === l[1];
+      }).length;
     }
-    @media screen and (min-width: 36em) {
-      #${n} tbody tr:nth-child(${_}),
-      #${n} tbody tr:nth-child(${_}) ~ tr{
-        display: table-row;
-      }
+    s.hasAttribute("data-total") ? s.setAttribute("data-total", i) : s.innerHTML = i;
+  });
+}, ke = function(t, a, e, s) {
+  e.addEventListener("click", (r) => {
+    if (r && r.target instanceof HTMLElement && r.target.closest("[data-page]")) {
+      r.preventDefault();
+      let n = a.querySelector("[data-pagination]"), i = r.target.closest("[data-page]").getAttribute("data-page");
+      n.value = i, s.setAttribute("data-page", i), a.dispatchEvent(new Event("submit"));
+      const l = new URL(location);
+      l.searchParams.set("page", i), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: i }, "", l);
     }
-    #${n} tbody tr:nth-child(${y}) ~ tr{
-      display: none;
+    if (r && r.target instanceof HTMLElement && r.target.closest("[data-show]")) {
+      r.preventDefault();
+      let n = a.querySelector("[data-show]"), i = r.target.closest("[data-show]").getAttribute("data-show");
+      n.value = i, s.setAttribute("data-show", i), a.dispatchEvent(new Event("submit"));
     }
-    `, e.append(d);
-  };
-  if (e.getAttribute("data-show")) {
-    const m = parseInt(e.getAttribute("data-show")), u = parseInt(e.getAttribute("data-page")) ? parseInt(e.getAttribute("data-page")) : 1, d = e.querySelectorAll("tbody tr").length;
-    m < d && (C(m, u), U(n, e, m, u, d), B(n, e, m, u, d), e.addEventListener("change", function(_) {
-      for (var y = _.target; y && y != this; y = y.parentNode)
-        y.matches('.table__pagination input[type="number"]') && (C(y.value, u), B(n, e, y.value, u, d), e.setAttribute("data-show", y.value));
-    }), e.addEventListener("click", function(_) {
-      for (var y = _.target; y && y != this; y = y.parentNode)
-        y.matches(".page-item:not(.active):not(.disabled) .page-link") && (C(e.getAttribute("data-show"), y.getAttribute("data-page")), B(n, e, e.getAttribute("data-show"), y.getAttribute("data-page"), d));
-    }, !1), e.addEventListener("change", function(_) {
-      for (var y = _.target; y && y != this; y = y.parentNode)
-        y.matches(".table__pagination select") && (C(e.getAttribute("data-show"), y.value), B(n, e, e.getAttribute("data-show"), y.value, d));
-    }));
+  });
+}, qe = (t, a) => {
+  if (!t)
+    return !1;
+  t.addEventListener("click", (e) => {
+    xe(a);
+  });
+}, xe = function(t) {
+  for (var a = [], e = t.getElementsByTagName("tr"), s = 0; s < e.length; s++) {
+    for (var r = e[s].querySelectorAll("td,th"), n = [], i = 0; i < r.length; i++)
+      n.push(`"${r[i].textContent}"`);
+    a.push(n.join(","));
   }
-  function J(m) {
-    m.dataTransfer.setData("text/plain", m.target.id), h = m.target, m.target.classList.add("tr--dragging");
+  a = a.join(`
+`);
+  let l = new Blob([a], {
+    type: "text/csv"
+  });
+  var h = document.createElement("a");
+  h.download = "export.csv";
+  var u = window.URL.createObjectURL(l);
+  h.href = u, h.style.display = "none", document.body.appendChild(h), h.click(), document.body.removeChild(h);
+}, X = function(t, a, e, s) {
+  if (we(t), G(t), Z(t, a), s && s.classList.contains("table--cta")) {
+    const r = Ae(t);
+    s.style.setProperty("--cta-width", `${r}rem`);
   }
-  const z = function() {
-    Array.from(t.querySelectorAll("tr")).forEach((m, u) => {
-      if (m.querySelector('[data-label="Order"]') == null) {
-        const d = document.createElement("th");
-        d.innerHTML = u + 1, d.setAttribute("data-label", "Order"), m.prepend(d);
-      }
-      m.setAttribute("id", n + "_row_" + (u + 1)), m.setAttribute("data-order", u + 1), m.setAttribute("draggable", "true"), m.addEventListener("dragstart", J);
-    });
-  };
-  if (e.getAttribute("data-reorder") && e.getAttribute("data-reorder") != "false") {
-    const m = document.createElement("th");
-    m.innerHTML = "Order", m.title = "Click here to enable re-ordering via drag and drop", m.classList.add("table-order-reset"), r.querySelector("tr").prepend(m), z(), e.addEventListener("click", function(u) {
-      for (var d = u.target; d && d != this; d = d.parentNode)
-        if (d.matches(".table-order-reset")) {
-          Array.from(e.querySelectorAll("[data-sortable]")).forEach((_, y) => {
-            _.setAttribute("aria-sort", "none");
-          }), e.removeAttribute("data-sort"), e.removeAttribute("data-sortBy"), w("Order", "ascending"), Array.from(e.querySelectorAll("tbody tr")).forEach((_, y) => {
-            _.setAttribute("draggable", "true");
+}, J = function(t, a, e, s) {
+  const r = (l, h, u) => h.split(/[\.\[\]\'\"]/).filter((m) => m).reduce((m, f) => m ? m[f] : u, l);
+  new URLSearchParams(new FormData(a)).toString();
+  let n = t.querySelectorAll("thead tr th"), i = t.querySelector("tbody");
+  fetch(a.getAttribute("data-ajax"), {
+    method: "get",
+    credentials: "same-origin",
+    headers: new Headers({
+      "Content-Type": "application/json",
+      Accept: "application/json",
+      "X-Requested-With": "XMLHttpRequest"
+    })
+  }).then((l) => l.json()).then((l) => {
+    l.data ? (i.innerHTML = "", l.data.forEach((h, u) => {
+      var m = document.createElement("tr");
+      n.forEach((f, b) => {
+        let g = "";
+        var y = document.createElement("td");
+        if (y.setAttribute("data-label", f.innerText), f.getAttribute("data-output")) {
+          var C = f.getAttribute("data-output");
+          g = C.replace(new RegExp(/{(.*?)}/, "gm"), function(M) {
+            return r(h, M.replace("{", "").replace("}", ""));
           });
-          break;
         }
-    }, !1), document.addEventListener("dragover", function(u) {
-      u.preventDefault();
-    }, !1), document.addEventListener("dragenter", function(u) {
-      u.preventDefault(), u.dataTransfer.dropEffect = "move";
-      for (var d = u.target; d && d != this; d = d.parentNode)
-        d.matches("[data-reorder] tbody tr") && d.classList.add("tr--dropable");
-    }, !1), document.addEventListener("dragleave", function(u) {
-      u.preventDefault();
-      for (var d = u.target; d && d != this; d = d.parentNode)
-        d.matches("[data-reorder] tbody tr") && d.classList.remove("tr--dropable");
-    }, !1), document.addEventListener("drop", function(u) {
-      u.preventDefault();
-      for (var d = u.target; d && d != this; d = d.parentNode)
-        if (d.matches("[data-reorder] tbody tr")) {
-          d.parentNode != null && h.parentNode != null && d != h && (h.parentNode.removeChild(h), h.getAttribute("data-order") > d.getAttribute("data-order") ? d.parentNode.insertBefore(h, d) : d.parentNode.insertBefore(h, d.nextElementSibling), Array.from(t.querySelectorAll("tr")).forEach((_, y) => {
-            _.classList.remove("tr--dragging"), _.classList.remove("tr--dropable"), _.querySelector("th").innerHTML = y + 1, _.setAttribute("data-order", y + 1);
-          }), e.dispatchEvent(i));
-          break;
-        }
-    }, !1);
-  }
-  e.addEventListener("filtered", function(m) {
-    if (e.getAttribute("data-sortBy") && e.getAttribute("data-sort") && w(e.getAttribute("data-sortBy"), e.getAttribute("data-sort")), e.getAttribute("data-show")) {
-      const u = parseInt(e.getAttribute("data-show")), d = e.querySelectorAll("tbody tr").length, _ = e.querySelector(".table__pagination");
-      _ != null && _.remove(), u < d && (C(u, 1), U(n, e, u, 1, d), B(n, e, u, 1, d));
-    }
-    e.getAttribute("data-reorder") && z();
-  }, !1), e.addEventListener("sorted", function(m) {
-    e.getAttribute("data-reorder") && z();
-  }, !1), e.addEventListener("populated", function(m) {
-    var u = e.querySelector(".table__filters");
-    u.remove();
-    var d = e.querySelector(".table__pagination");
-    d.remove();
-    var _ = e.cloneNode(!0);
-    e.parentNode.replaceChild(_, e), Z(_);
-  }, !1);
-}
-const U = function(e, r, t, o, f) {
-  const s = document.createElement("div");
-  s.classList.add("table__pagination"), s.classList.add("row"), s.classList.add("pt-3"), s.classList.add("pb-3"), s.innerHTML = `<div class="col mw-fit-content mb-3">
-<div class="form-control__wrapper form-control-inline mb-0">
-  <label for="${e}_showing" class="form-label">Showing:</label>
-  <input type="number" name="${e}_showing" id="${e}_showing" class="form-control form-control-sm showing-input-field" placeholder="" list="${e}_pagination" value="${t}" min="1" max="${f}" />
-</div>
-<datalist id="${e}_pagination">
-<option value="5">5</option>
-${f > 10 ? '<option value="10">10</option>' : ""}
-${f > 20 ? '<option value="20">20</option>' : ""}
-<option value="${f}">${f}</option>
-</datalist>
-</div>
-<div class="col mw-fit-content me-auto d-flex align-items-center mb-3"><span class="label">per page</span></div>
-<div class="col mw-fit-content d-sm-flex justify-content-end align-items-center" id="${e}_paginationBtns"></div>`, r.append(s);
-}, B = function(e, r, t, o, f) {
-  const s = document.getElementById(e + "_paginationBtns");
-  if (s == null)
-    return !1;
-  const i = Math.ceil(f / t);
-  if (i == 1)
-    s.innerHTML = "";
-  else if (i < 5) {
-    let n = "";
-    for (let h = 1; h <= i; h++)
-      h == o ? n += `<li class="page-item active" aria-current="page"><span class="page-link">${h}</span></li>` : n += `<li class="page-item"><button class="page-link" data-page="${h}">${h}</button></li>`;
-    s.innerHTML = `<span class="pe-2 mb-3">Page: </span><ul class="pagination mb-3">
-      ${o == 1 ? '<li class="page-item disabled"><span class="page-link">Previous</span></li>' : `<li class="page-item"><button class="page-link" data-page="${parseInt(o) - 1}">Previous</button></li>`}
-      ${n}
-      ${o == i ? '<li class="page-item disabled"><span class="page-link">Next</span></li>' : `<li class="page-item"><button class="page-link" data-page="${parseInt(o) + 1}">Next</button></li>`}
-    </ul>`;
-  } else {
-    let n = "";
-    for (let h = 1; h <= i; h++)
-      h == o ? n += `<option value="${h}" selected>Page ${h}</option>` : n += `<option value="${h}">Page ${h}</option>`;
-    s.innerHTML = `
-<div class="form-control__wrapper page-number mb-2">
-<select class="form-select">
-${n}
-</select>
-</div>
-    `;
+        f.hasAttribute("data-format") && (g = D(f.getAttribute("data-format"), g)), y.innerHTML = g, m.appendChild(y);
+      }), i.appendChild(m);
+    }), Q(t, a), X(t, a, e, s), s.setAttribute("data-total", l.meta.total ? l.meta.total : 1), s.setAttribute("data-page", l.meta.current_page ? l.meta.current_page : 1), s.setAttribute("data-pages", Math.ceil(s.getAttribute("data-total") / s.getAttribute("data-show"))), F(s, e), l.data.length == 0 && (i.innerHTML = '<tr><td colspan="100%"><span class="h4 m-0">No results found</span></td></tr>')) : i.innerHTML = '<tr><td colspan="100%"><span class="h6 m-0">Error loading table</span></td></tr>';
+  });
+}, D = (t, a) => {
+  switch (t) {
+    case "date":
+      a = new Date(a).toLocaleDateString("en-gb", { year: "2-digit", month: "long", day: "numeric" });
+      break;
+    case "capitalise":
+      a = ve(a);
+      break;
   }
+  return a;
 };
-let G = function(e) {
-  return typeof e != "string" ? e : (e = e.replace("£", ""), e = e.replace("%", ""), Number.isNaN(Number.parseFloat(e)) ? 0 : Number.parseFloat(e));
-};
-const pe = {
+class $e extends HTMLElement {
+  constructor() {
+    super(), this.attachShadow({ mode: "open" });
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = this.classList.contains("table--cta"), s = this.classList.contains("table--export");
+    let r = this.classList.toString();
+    r = r.replace("table--cta", "");
+    const n = document.createElement("template");
+    n.innerHTML = `
+    <style>
+    @import "${a}/css/core.min.css";
+    </style>
+    ${e ? '<div class="table--cta">' : ""}
+    <div class="table__wrapper ${r}">
+      <slot></slot>
+    </div>
+    ${e ? "</div>" : ""}
+    ${s ? '<button class="link" type="button" data-export>Export table as CSV</button>' : ""}
+    <div class="table__pagination"></div>
+    `, this.shadowRoot.appendChild(n.content.cloneNode(!0));
+    const i = 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", i.has("page") ? i.get("page") : 1), this.hasAttribute("data-show") || this.setAttribute("data-show", 15), this.setAttribute("data-pages", Math.ceil(this.getAttribute("data-total") / this.getAttribute("data-show")));
+  }
+  connectedCallback() {
+    this.table = this.querySelector("table"), this.savedTableBody = this.querySelector("tbody").cloneNode(!0), this.pagination = this.shadowRoot.querySelector(".table__pagination"), this.form = document.createElement("form"), this.hasAttribute("data-filterby") && (this.form = document.querySelector(`#${this.getAttribute("data-filterby")}`), Q(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" />`)), Se(this.table), Le(this.table, this.form, this.pagination, this, this.savedTableBody), ke(this.table, this.form, this.pagination, this), qe(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax") ? J(this.table, this.form, this.pagination, this) : (X(this.table, this.form, this.pagination, this), Y(this.table, this.form, this), F(this, this.pagination)), this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (a) => {
+      this.table.querySelector("dialog[open]") && this.table.querySelector("dialog[open]").close();
+    });
+  }
+  static get observedAttributes() {
+    return ["data-total", "data-pages", "data-page", "data-show"];
+  }
+  attributeChangedCallback(a, e, s) {
+  }
+}
+const Te = (t) => t.charAt(0).toUpperCase() + t.slice(1), He = (t) => t.replace(/_/g, " "), Ce = (t) => t.replace(/ /g, "_"), Me = function(t) {
+  return t = t.toLowerCase(), t = Ce(t), t = t.replace(/\W/g, ""), t;
+}, Ee = {
   name: "Table",
   props: {
-    reorder: {
-      type: Boolean,
-      required: !1
-    },
-    page: {
-      type: Number,
-      required: !1
-    },
-    show: {
-      type: Number,
-      required: !1
-    },
-    sortby: {
-      type: String,
-      required: !1
-    },
-    sort: {
-      type: String,
-      required: !1
-    },
-    headingclass: {
-      type: String,
-      required: !1
-    },
     items: {
       type: Array,
-      required: !0
+      required: !1
     },
     fields: {
       type: Array,
-      required: !0
+      required: !1
     }
   },
   computed: {
     cellHeading() {
-      return (e) => `${W(K(e))}`;
-    },
-    numericValue() {
-      return (e) => (e = G(e), e);
+      return (t) => `${Te(He(t))}`;
     }
   },
-  mounted() {
+  created() {
     this.$nextTick(function() {
-      Z(this.$refs.wrapper), this.$el.addEventListener("sorted", function(e) {
-        console.log("Table sorted");
-      }, !1), this.$el.addEventListener("filtered", function(e) {
-        console.log("Table filtered");
-      }, !1);
+      window.customElements.get("iam-table") || window.customElements.define("iam-table", $e);
     });
   },
   updated() {
-    this.$nextTick(function() {
-      let e = this.$refs.wrapper.querySelector("tbody"), r = "";
-      this.items.forEach((o, f) => {
-        let s = o.rowid ? o.rowid : "";
-        o = Object.fromEntries(Object.entries(o).filter(([i]) => i !== "rowid")), r += `<tr data-row-id="${s}">${Object.keys(o).map((i) => `<td data-label="${W(K(i))}" data-numeric="${G(o[i])}">${o[i]}</td>`).join("")}</tr>`;
-      }), e.innerHTML = r;
-      const t = new Event("filtered");
-      this.$refs.wrapper.dispatchEvent(t);
-    });
   }
-}, be = ["data-sortby", "data-sort", "data-show", "data-page", "data-reorder"], ve = { key: 0 }, ge = ["data-sortable", "data-filterable"], Ae = { key: 1 }, we = ["data-row-id"], ke = ["innerHTML", "data-label", "data-numeric"];
-function Se(e, r, t, o, f, s) {
-  return l(), c("div", {
-    class: "table__wrapper",
-    ref: "wrapper",
-    "data-sortby": t.sortby,
-    "data-sort": t.sort,
-    "data-show": t.show,
-    "data-page": t.page,
-    "data-reorder": t.reorder
-  }, [
-    a("table", null, [
-      t.fields ? (l(), c("thead", ve, [
-        a("tr", {
-          class: v(t.headingclass)
-        }, [
-          (l(!0), c(x, null, L(t.fields, (i) => (l(), c("th", {
-            key: i.key,
-            "data-sortable": i.sortable,
-            "data-filterable": i.filterable
-          }, k(s.cellHeading(i.key)), 9, ge))), 128))
-        ], 2)
-      ])) : p("", !0),
-      t.items ? (l(), c("tbody", Ae, [
-        (l(!0), c(x, null, L(t.items, (i, n) => (l(), c("tr", {
-          key: n,
+}, Ne = { key: 0 }, De = { key: 0 }, Re = ["data-row-id"], Pe = ["innerHTML"];
+function Ie(t, a, e, s, r, n) {
+  return c(), d("iam-table", null, [
+    e.fields ? (c(), d("table", Ne, [
+      o("thead", null, [
+        o("tr", null, [
+          (c(!0), d($, null, T(e.fields, (i) => (c(), d("th", {
+            key: i.key
+          }, L(n.cellHeading(i.key)), 1))), 128))
+        ])
+      ]),
+      e.items ? (c(), d("tbody", De, [
+        (c(!0), d($, null, T(e.items, (i, l) => (c(), d("tr", {
+          key: l,
           "data-row-id": i.rowid
         }, [
-          (l(!0), c(x, null, L(Object.fromEntries(Object.entries(i).filter(([h]) => h !== "rowid")), (h, w) => (l(), c("td", {
-            key: w,
-            innerHTML: h,
-            "data-label": s.cellHeading(w),
-            "data-numeric": s.numericValue(h)
-          }, null, 8, ke))), 128))
-        ], 8, we))), 128))
-      ])) : p("", !0)
-    ]),
-    b(e.$slots, "default")
-  ], 8, be);
+          (c(!0), d($, null, T(Object.fromEntries(Object.entries(i).filter(([h]) => h !== "rowid")), (h, u) => (c(), d("td", {
+            key: u,
+            innerHTML: h
+          }, null, 8, Pe))), 128))
+        ], 8, Re))), 128))
+      ])) : _("", !0)
+    ])) : p(t.$slots, "default", { key: 1 })
+  ]);
 }
-const E = /* @__PURE__ */ g(pe, [["render", Se]]), $e = {
+const ee = /* @__PURE__ */ A(Ee, [["render", Ie]]), Fe = {
   name: "Input",
   props: {
     value: {
@@ -597,176 +600,176 @@ const E = /* @__PURE__ */ g(pe, [["render", Se]]), $e = {
       get() {
         return this.value == null && this.options != null && this.type == "select" ? this.$attrs.multiple ? [] : this.options[0].value : this.value;
       },
-      set(e) {
-        this.$emit("input", e);
+      set(t) {
+        this.$emit("input", t);
       }
     }
   },
   mounted() {
     this.$nextTick(function() {
-      let e = this.$refs.wrapper;
-      if (e.parentNode && e.parentNode.classList.contains("form-check") || e.classList.length == 0) {
-        const r = document.createDocumentFragment();
-        Array.from(e.childNodes).forEach((t) => r.appendChild(t)), e.parentNode.insertBefore(r, e), e.parentNode.removeChild(e);
+      let t = this.$refs.wrapper;
+      if (t.parentNode && t.parentNode.classList.contains("form-check") || t.classList.length == 0) {
+        const a = document.createDocumentFragment();
+        Array.from(t.childNodes).forEach((e) => a.appendChild(e)), t.parentNode.insertBefore(a, t), t.parentNode.removeChild(t);
       }
     });
   },
   methods: {
-    inputKeyup(e) {
-      this.$emit("keyupEvent", e);
+    inputKeyup(t) {
+      this.$emit("keyupEvent", t);
     },
     clickEvent() {
       this.$emit("bus");
     }
   }
-}, qe = ["for", "innerHTML", "title"], xe = ["innerHTML"], Le = ["innerHTML"], Te = ["type", "name", "id", "pattern", "list"], Me = ["type", "name", "id", "pattern"], He = {
+}, Be = ["for", "innerHTML", "title"], Ve = ["innerHTML"], ze = ["innerHTML"], Oe = ["type", "name", "id", "pattern", "list"], We = ["type", "name", "id", "pattern"], je = {
   key: 5,
   class: "input-group"
-}, Ce = ["type", "name", "id", "pattern", "list"], Ne = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Be = {
+}, Ue = ["type", "name", "id", "pattern", "list"], Ke = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Ge = {
   key: 6,
   class: "input-group"
-}, Pe = ["type", "name", "id", "pattern", "list"], De = { class: "input-group-text flex-fill" }, Ie = ["type", "name", "id", "pattern"], ze = ["value"], Ve = ["id"], Fe = ["value"], Oe = ["type", "name", "id"], je = ["for", "innerHTML"], Re = ["type", "name", "id"], We = ["for", "innerHTML"], Ke = ["innerHTML"];
-function Ue(e, r, t, o, f, s) {
-  return l(), c("div", {
-    class: v(s.wrapperClass()),
+}, Qe = ["type", "name", "id", "pattern", "list"], Ye = { class: "input-group-text flex-fill" }, Ze = ["type", "name", "id", "pattern"], Xe = ["value"], Je = ["id"], et = ["value"], tt = ["type", "name", "id"], at = ["for", "innerHTML"], st = ["type", "name", "id"], it = ["for", "innerHTML"], lt = ["innerHTML"];
+function nt(t, a, e, s, r, n) {
+  return c(), d("div", {
+    class: v(n.wrapperClass()),
     ref: "wrapper"
   }, [
-    s.needsLabel() ? (l(), c("label", {
+    n.needsLabel() ? (c(), d("label", {
       key: 0,
-      class: v(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
-      for: t.id,
-      innerHTML: s.displayLabel(),
-      title: t.title
-    }, null, 10, qe)) : p("", !0),
-    t.prefix ? (l(), c("span", {
+      class: v(`form-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
+      for: e.id,
+      innerHTML: n.displayLabel(),
+      title: e.title
+    }, null, 10, Be)) : _("", !0),
+    e.prefix ? (c(), d("span", {
       key: 1,
-      class: v(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
-      innerHTML: t.prefix,
+      class: v(`prefix ${this.prefixClass} ${e.size ? `prefix-${e.size}` : ""}`),
+      innerHTML: e.prefix,
       role: "presentation"
-    }, null, 10, xe)) : p("", !0),
-    t.suffix ? (l(), c("span", {
+    }, null, 10, Ve)) : _("", !0),
+    e.suffix ? (c(), d("span", {
       key: 2,
-      class: v(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
-      innerHTML: t.suffix,
+      class: v(`suffix ${this.suffixClass} ${e.size ? `suffix-${e.size}` : ""}`),
+      innerHTML: e.suffix,
       role: "presentation"
-    }, null, 10, Le)) : p("", !0),
-    s.isInput() ? N((l(), c("input", T({
+    }, null, 10, ze)) : _("", !0),
+    n.isInput() ? N((c(), d("input", H({
       key: 3,
-      "onUpdate:modelValue": r[0] || (r[0] = (i) => s.inputVal = i),
-      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: s.needPattern(),
-      list: s.hasOptions()
-    }, e.$attrs, {
-      onKeyup: r[1] || (r[1] = (...i) => s.inputKeyup && s.inputKeyup(...i))
-    }), null, 16, Te)), [
-      [F, s.inputVal]
-    ]) : p("", !0),
-    t.type == "textarea" ? N((l(), c("textarea", T({
+      "onUpdate:modelValue": a[0] || (a[0] = (i) => n.inputVal = i),
+      class: `form-control${e.size ? ` form-control-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
+      type: e.type,
+      name: e.name ? e.name : e.id,
+      id: e.id,
+      pattern: n.needPattern(),
+      list: n.hasOptions()
+    }, t.$attrs, {
+      onKeyup: a[1] || (a[1] = (...i) => n.inputKeyup && n.inputKeyup(...i))
+    }), null, 16, Oe)), [
+      [P, n.inputVal]
+    ]) : _("", !0),
+    e.type == "textarea" ? N((c(), d("textarea", H({
       key: 4,
-      "onUpdate:modelValue": r[2] || (r[2] = (i) => s.inputVal = i),
-      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: s.needPattern()
-    }, e.$attrs), null, 16, Me)), [
-      [X, s.inputVal]
-    ]) : p("", !0),
-    t.type == "range" ? (l(), c("div", He, [
-      N(a("input", T({
-        "onUpdate:modelValue": r[3] || (r[3] = (i) => s.inputVal = i),
-        class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
-        type: t.type,
-        name: t.name ? t.name : t.id,
-        id: t.id,
-        pattern: s.needPattern(),
-        list: s.hasOptions()
-      }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Ce), [
-        [F, s.inputVal]
+      "onUpdate:modelValue": a[2] || (a[2] = (i) => n.inputVal = i),
+      class: `form-control${e.size ? ` form-control-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
+      type: e.type,
+      name: e.name ? e.name : e.id,
+      id: e.id,
+      pattern: n.needPattern()
+    }, t.$attrs), null, 16, We)), [
+      [se, n.inputVal]
+    ]) : _("", !0),
+    e.type == "range" ? (c(), d("div", je, [
+      N(o("input", H({
+        "onUpdate:modelValue": a[3] || (a[3] = (i) => n.inputVal = i),
+        class: `form-range${e.inputclass ? ` ${e.inputclass}` : ""}`,
+        type: e.type,
+        name: e.name ? e.name : e.id,
+        id: e.id,
+        pattern: n.needPattern(),
+        list: n.hasOptions()
+      }, t.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Ue), [
+        [P, n.inputVal]
       ]),
-      a("output", Ne, k(t.value), 1)
-    ])) : p("", !0),
-    t.type == "color" ? (l(), c("div", Be, [
-      N(a("input", T({
-        "onUpdate:modelValue": r[4] || (r[4] = (i) => s.inputVal = i),
-        class: `form-control form-control-color${t.inputclass ? ` ${t.inputclass}` : ""}`,
-        type: t.type,
-        name: t.name ? t.name : t.id,
-        id: t.id,
-        pattern: s.needPattern(),
-        list: s.hasOptions()
-      }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Pe), [
-        [F, s.inputVal]
+      o("output", Ke, L(e.value), 1)
+    ])) : _("", !0),
+    e.type == "color" ? (c(), d("div", Ge, [
+      N(o("input", H({
+        "onUpdate:modelValue": a[4] || (a[4] = (i) => n.inputVal = i),
+        class: `form-control form-control-color${e.inputclass ? ` ${e.inputclass}` : ""}`,
+        type: e.type,
+        name: e.name ? e.name : e.id,
+        id: e.id,
+        pattern: n.needPattern(),
+        list: n.hasOptions()
+      }, t.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Qe), [
+        [P, n.inputVal]
       ]),
-      a("output", De, k(t.value ? e.vale : "#000000"), 1)
-    ])) : p("", !0),
-    t.type == "select" ? N((l(), c("select", T({
+      o("output", Ye, L(e.value ? t.vale : "#000000"), 1)
+    ])) : _("", !0),
+    e.type == "select" ? N((c(), d("select", H({
       key: 7,
-      "onUpdate:modelValue": r[5] || (r[5] = (i) => s.inputVal = i),
-      class: `form-select${t.size ? ` form-select-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
-      type: t.type,
-      name: t.id,
-      id: t.id,
-      pattern: s.needPattern()
-    }, e.$attrs), [
-      (l(!0), c(x, null, L(t.options, (i, n) => (l(), c("option", {
-        key: n,
+      "onUpdate:modelValue": a[5] || (a[5] = (i) => n.inputVal = i),
+      class: `form-select${e.size ? ` form-select-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
+      type: e.type,
+      name: e.id,
+      id: e.id,
+      pattern: n.needPattern()
+    }, t.$attrs), [
+      (c(!0), d($, null, T(e.options, (i, l) => (c(), d("option", {
+        key: l,
         value: i.value
-      }, k(i.display ? i.display : i.value), 9, ze))), 128))
-    ], 16, Ie)), [
-      [ee, s.inputVal]
-    ]) : p("", !0),
-    s.allowDatalist() ? (l(), c("datalist", {
+      }, L(i.display ? i.display : i.value), 9, Xe))), 128))
+    ], 16, Ze)), [
+      [ie, n.inputVal]
+    ]) : _("", !0),
+    n.allowDatalist() ? (c(), d("datalist", {
       key: 8,
-      id: t.id + "-list"
+      id: e.id + "-list"
     }, [
-      (l(!0), c(x, null, L(t.options, (i, n) => (l(), c("option", {
-        key: n,
+      (c(!0), d($, null, T(e.options, (i, l) => (c(), d("option", {
+        key: l,
         value: i.value
-      }, k(i.value), 9, Fe))), 128))
-    ], 8, Ve)) : p("", !0),
-    t.type == "checkbox" || t.type == "radio" ? (l(), c("input", T({
+      }, L(i.value), 9, et))), 128))
+    ], 8, Je)) : _("", !0),
+    e.type == "checkbox" || e.type == "radio" ? (c(), d("input", H({
       key: 9,
       class: "form-check-input",
-      type: t.type,
-      name: t.name ? t.name : t.id,
-      id: t.id
-    }, e.$attrs), null, 16, Oe)) : p("", !0),
-    t.type == "checkbox" || t.type == "radio" ? (l(), c("label", {
+      type: e.type,
+      name: e.name ? e.name : e.id,
+      id: e.id
+    }, t.$attrs), null, 16, tt)) : _("", !0),
+    e.type == "checkbox" || e.type == "radio" ? (c(), d("label", {
       key: 10,
-      class: v(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
-      for: t.id,
-      innerHTML: t.label
-    }, null, 10, je)) : p("", !0),
-    t.type == "checkbox-btn" || t.type == "radio-btn" ? (l(), c("input", T({
+      class: v(`form-label form-check-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
+      for: e.id,
+      innerHTML: e.label
+    }, null, 10, at)) : _("", !0),
+    e.type == "checkbox-btn" || e.type == "radio-btn" ? (c(), d("input", H({
       key: 11,
-      class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
-      type: t.type.replace("-btn", ""),
+      class: `btn-check${e.inputclass ? ` ${e.inputclass}` : ""}`,
+      type: e.type.replace("-btn", ""),
       autocomplete: "off",
-      name: t.name ? t.name : t.id,
-      id: t.id
-    }, e.$attrs), null, 16, Re)) : p("", !0),
-    t.type == "checkbox-btn" || t.type == "radio-btn" ? (l(), c("label", {
+      name: e.name ? e.name : e.id,
+      id: e.id
+    }, t.$attrs), null, 16, st)) : _("", !0),
+    e.type == "checkbox-btn" || e.type == "radio-btn" ? (c(), d("label", {
       key: 12,
-      class: v(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
-      for: t.id,
-      innerHTML: t.label,
-      onClick: r[6] || (r[6] = (...i) => s.clickEvent && s.clickEvent(...i))
-    }, null, 10, We)) : p("", !0),
-    t.errormsg ? (l(), c("p", {
+      class: v(`btn${e.labelclass ? ` ${e.labelclass}` : ""}`),
+      for: e.id,
+      innerHTML: e.label,
+      onClick: a[6] || (a[6] = (...i) => n.clickEvent && n.clickEvent(...i))
+    }, null, 10, it)) : _("", !0),
+    e.errormsg ? (c(), d("p", {
       key: 13,
       class: "invalid-feedback mb-0",
-      innerHTML: t.errormsg
-    }, null, 8, Ke)) : p("", !0),
-    b(e.$slots, "default")
+      innerHTML: e.errormsg
+    }, null, 8, lt)) : _("", !0),
+    p(t.$slots, "default")
   ], 2);
 }
-const D = /* @__PURE__ */ g($e, [["render", Ue]]), Ge = {
+const R = /* @__PURE__ */ A(Fe, [["render", nt]]), rt = {
   components: {
-    Input: D
+    Input: R
   },
   name: "FileUploads",
   props: {
@@ -787,95 +790,100 @@ const D = /* @__PURE__ */ g($e, [["render", Ue]]), Ge = {
       required: !1
     }
   }
-}, Ze = { class: "multiple-file-uploads mb-4" }, Ee = { class: "row" }, Qe = { class: "col-12 col-md me-auto" }, Ye = /* @__PURE__ */ a("div", { class: "col mw-fit-content" }, [
-  /* @__PURE__ */ a("button", {
+}, ot = { class: "multiple-file-uploads mb-4" }, ct = { class: "row" }, dt = { class: "col-12 col-md me-auto" }, ut = /* @__PURE__ */ o("div", { class: "col mw-fit-content" }, [
+  /* @__PURE__ */ o("button", {
     type: "button",
     class: "btn btn-tertiary me-0",
     "data-delete": ""
   }, "Delete")
-], -1), Je = ["data-maxfiles"];
-function Xe(e, r, t, o, f, s) {
-  const i = H("Input");
-  return l(), c("div", Ze, [
-    a("div", Ee, [
-      a("div", {
-        class: v(`${t.inputcolclass ? t.inputcolclass : "col-12 col-sm-4"}`)
+], -1), ht = ["data-maxfiles"];
+function mt(t, a, e, s, r, n) {
+  const i = E("Input");
+  return c(), d("div", ot, [
+    o("div", ct, [
+      o("div", {
+        class: v(`${e.inputcolclass ? e.inputcolclass : "col-12 col-sm-4"}`)
       }, [
         S(i, {
           type: "file",
-          id: t.id,
-          name: `${t.id}[]`,
+          id: e.id,
+          name: `${e.id}[]`,
           label: "Add new file",
           labelclass: "d-none",
           class: "form-control-inline col",
           required: "",
-          "data-filesize": t.maxfilesize
+          "data-filesize": e.maxfilesize
         }, null, 8, ["id", "name", "data-filesize"])
       ], 2),
-      a("div", Qe, [
-        b(e.$slots, "default")
+      o("div", dt, [
+        p(t.$slots, "default")
       ]),
-      Ye
+      ut
     ]),
-    a("button", {
+    o("button", {
       type: "button",
       class: "btn btn-secondary me-0",
       "data-add": "",
-      "data-maxfiles": t.maxfiles
-    }, "+ Add file", 8, Je)
+      "data-maxfiles": e.maxfiles
+    }, "+ Add file", 8, ht)
   ]);
 }
-const di = /* @__PURE__ */ g(Ge, [["render", Xe]]);
-function et(e) {
-  let r = e.querySelectorAll("details"), t = e.querySelectorAll("summary");
-  if (r.forEach((o) => {
-    o.classList.add("accordion-item");
-  }), t.forEach((o) => {
-    o.classList.add("accordion-header"), o.classList.add("accordion-button"), o.classList.add("h4");
-  }), !e.classList.contains("accordion--keep-open")) {
-    const o = e.querySelectorAll(":scope > details");
-    o.forEach((f) => {
-      f.addEventListener("click", () => {
-        o.forEach((s) => {
-          s !== f && s.removeAttribute("open");
+const oi = /* @__PURE__ */ A(rt, [["render", mt]]);
+function ft(t) {
+  let a = t.querySelectorAll("details"), e = t.querySelectorAll("summary");
+  if (a.forEach((s) => {
+    s.classList.add("accordion-item");
+  }), e.forEach((s) => {
+    s.classList.add("accordion-header"), s.classList.add("accordion-button"), s.classList.add("h4");
+  }), !t.classList.contains("accordion--keep-open")) {
+    const s = t.querySelectorAll(":scope > details");
+    s.forEach((r) => {
+      r.addEventListener("click", () => {
+        s.forEach((n) => {
+          n !== r && n.removeAttribute("open");
         });
       });
     });
   }
 }
-const O = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets";
-class tt extends HTMLElement {
+window.dataLayer = window.dataLayer || [];
+window.dataLayer.push({
+  event: "customElementRegistered",
+  element: "accordion"
+});
+const I = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets";
+class yt extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const r = document.createElement("template");
-    r.innerHTML = `
+    const a = document.createElement("template");
+    a.innerHTML = `
     <style>
-    @import "${O}/css/core.min.css";
-    @import "${O}/css/components/accordion.css";
+    @import "${I}/css/core.min.css";
+    @import "${I}/css/components/accordion.css";
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
     <div class="accordion">
       <slot></slot>
     </div>
-    `, this.shadowRoot.appendChild(r.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(a.content.cloneNode(!0));
   }
   connectedCallback() {
-    et(this), this.insertAdjacentHTML("beforebegin", `<link rel="stylesheet" href="${O}/css/components/accordion.css">`);
+    ft(this), this.insertAdjacentHTML("beforebegin", `<link rel="stylesheet" href="${I}/css/components/accordion.css">`);
   }
 }
-window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", tt);
-const st = {
+window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", yt);
+const bt = {
   name: "Accordion",
   props: {},
   mounted() {
   }
-}, at = { ref: "wrapper" };
-function it(e, r, t, o, f, s) {
-  return l(), c("iam-accordion", at, [
-    b(e.$slots, "default")
+}, _t = { ref: "wrapper" };
+function pt(t, a, e, s, r, n) {
+  return c(), d("iam-accordion", _t, [
+    p(t.$slots, "default")
   ], 512);
 }
-const ui = /* @__PURE__ */ g(st, [["render", it]]), nt = {
+const ci = /* @__PURE__ */ A(bt, [["render", pt]]), gt = {
   name: "AccordionItem",
   props: {
     title: {
@@ -902,7 +910,7 @@ const ui = /* @__PURE__ */ g(st, [["render", it]]), nt = {
   },
   computed: {
     createID() {
-      return (e) => `${me(e)}`;
+      return (t) => `${Me(t)}`;
     }
   },
   data() {
@@ -910,24 +918,24 @@ const ui = /* @__PURE__ */ g(st, [["render", it]]), nt = {
       show: !this.lazy
     };
   }
-}, rt = ["id"], ot = ["classList"];
-function lt(e, r, t, o, f, s) {
-  return l(), c("details", {
-    id: s.createID(t.title)
+}, vt = ["id"], At = ["classList"];
+function wt(t, a, e, s, r, n) {
+  return c(), d("details", {
+    id: n.createID(e.title)
   }, [
-    a("summary", {
-      classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
+    o("summary", {
+      classList: `${e.titlecolour ? `bg-${e.titlecolour}` : ""}`
     }, [
-      j(k(t.title), 1),
-      t.badge ? (l(), c("span", {
+      le(L(e.title), 1),
+      e.badge ? (c(), d("span", {
         key: 0,
-        class: v(`badge bg-${t.badgecolour}`)
-      }, k(t.badge), 3)) : p("", !0)
-    ], 8, ot),
-    b(e.$slots, "default")
-  ], 8, rt);
+        class: v(`badge bg-${e.badgecolour}`)
+      }, L(e.badge), 3)) : _("", !0)
+    ], 8, At),
+    p(t.$slots, "default")
+  ], 8, vt);
 }
-const fi = /* @__PURE__ */ g(nt, [["render", lt]]), ct = {
+const di = /* @__PURE__ */ A(gt, [["render", wt]]), St = {
   name: "Header",
   props: {
     title: {
@@ -944,181 +952,150 @@ const fi = /* @__PURE__ */ g(nt, [["render", lt]]), ct = {
       required: !1
     }
   }
-}, dt = { class: "container" }, ut = { class: "row" }, ft = { class: "col-sm-6" }, ht = { class: "pt-5 pb-3 px-4" }, mt = { class: "col-sm-6 col-md-5 ms-auto" }, _t = ["src"];
-function yt(e, r, t, o, f, s) {
-  return l(), c("div", dt, [
-    a("div", {
-      class: v("bg-" + t.background + " mb-4")
+}, Lt = { class: "container" }, kt = { class: "row" }, qt = { class: "col-sm-6" }, xt = { class: "pt-5 pb-3 px-4" }, $t = { class: "col-sm-6 col-md-5 ms-auto" }, Tt = ["src"];
+function Ht(t, a, e, s, r, n) {
+  return c(), d("div", Lt, [
+    o("div", {
+      class: v("bg-" + e.background + " mb-4")
     }, [
-      a("div", ut, [
-        a("div", ft, [
-          a("div", ht, [
-            a("h2", null, k(t.title), 1),
-            b(e.$slots, "default")
+      o("div", kt, [
+        o("div", qt, [
+          o("div", xt, [
+            o("h2", null, L(e.title), 1),
+            p(t.$slots, "default")
           ])
         ]),
-        a("div", mt, [
-          t.image ? (l(), c("img", {
+        o("div", $t, [
+          e.image ? (c(), d("img", {
             key: 0,
-            src: t.image,
+            src: e.image,
             alt: "",
             class: "h-100 w-100 object-cover"
-          }, null, 8, _t)) : p("", !0)
+          }, null, 8, Tt)) : _("", !0)
         ])
       ])
     ], 2)
   ]);
 }
-const hi = /* @__PURE__ */ g(ct, [["render", yt]]);
-const pt = {
-  name: "Card",
-  props: {
-    link: {
-      type: String,
-      required: !1
-    },
-    cardClass: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    titleclass: {
-      type: String,
-      required: !1,
-      default: "h4"
-    },
-    title: {
-      type: String,
-      required: !1
-    },
-    subtitle: {
-      type: String,
-      required: !1
-    },
-    content: {
-      type: String,
-      required: !1
-    },
-    type: {
-      type: String,
-      required: !1
-    },
-    btntype: {
-      type: String,
-      required: !1,
-      default: "secondary"
-    },
-    ctatext: {
-      type: String,
-      required: !1,
-      default: "Find out more"
-    },
-    hidectatext: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    image: {
-      type: String,
-      required: !1
-    },
-    target: {
-      type: String,
-      required: !1
-    },
-    details: {
-      type: Object,
-      required: !1
-    }
-  },
-  computed: {
-    cardStatus() {
-      return () => this.details && this.details.status ? `${this.details.status == "Live now" ? '<span class="text-danger lh-0 fs-1 align-middle">&#8226;</span>&nbsp;&nbsp;' : ""}${this.details.status}` : "";
-    },
-    cardMedia() {
-      return () => `<svg xmlns='http://www.w3.org/2000/svg' width='30' height='28' viewBox='0 0 30 28' class="icon text-white"><title>Images </title><path d='M15 10.5c2.484 0 4.5 2.016 4.5 4.5s-2.016 4.5-4.5 4.5-4.5-2.016-4.5-4.5 2.016-4.5 4.5-4.5zM26 4c2.203 0 4 1.797 4 4v14c0 2.203-1.797 4-4 4h-22c-2.203 0-4-1.797-4-4v-14c0-2.203 1.797-4 4-4h3.5l0.797-2.125c0.391-1.031 1.609-1.875 2.703-1.875h8c1.094 0 2.312 0.844 2.703 1.875l0.797 2.125h3.5zM15 22c3.859 0 7-3.141 7-7s-3.141-7-7-7-7 3.141-7 7 3.141 7 7 7z'></path></svg> ${this.details && this.details.images ? `${this.details.images}` : "0"}&nbsp;&nbsp;|&nbsp;&nbsp;<svg xmlns='http://www.w3.org/2000/svg' width='30' height='28' viewBox='0 0 28 28' class="icon text-white ms-0"><title>Videos </title><path d="M11.109 17.625l7.562-3.906-7.562-3.953v7.859zM14 4.156c5.891 0 9.797 0.281 9.797 0.281 0.547 0.063 1.75 0.063 2.812 1.188 0 0 0.859 0.844 1.109 2.781 0.297 2.266 0.281 4.531 0.281 4.531v2.125s0.016 2.266-0.281 4.531c-0.25 1.922-1.109 2.781-1.109 2.781-1.062 1.109-2.266 1.109-2.812 1.172 0 0-3.906 0.297-9.797 0.297v0c-7.281-0.063-9.516-0.281-9.516-0.281-0.625-0.109-2.031-0.078-3.094-1.188 0 0-0.859-0.859-1.109-2.781-0.297-2.266-0.281-4.531-0.281-4.531v-2.125s-0.016-2.266 0.281-4.531c0.25-1.937 1.109-2.781 1.109-2.781 1.062-1.125 2.266-1.125 2.812-1.188 0 0 3.906-0.281 9.797-0.281v0z"></path></svg> ${this.details && this.details.videos ? `${this.details.videos}` : "0"}`;
-    },
-    cardContent() {
-      return () => {
-        const e = function(f) {
-          switch (f) {
-            case "Modern method":
-              return "bg-secondary text-primary";
-            case "Freehold":
-              return "bg-light text-dark";
-            default:
-              return "bg-body text-white";
-          }
-        }, r = this.details && this.details.tags ? this.details.tags.map((f) => `<span class="badge rounded-pill py-2 px-3 mb-3 me-2 ${e(f)}">${f}</span>`).join("") : "", t = this.title ? `<span class="card-title d-block ${this.titleclass}">${this.title}${this.subtitle ? ` <span class="d-block fw-normal font-body text-body small">${this.subtitle}</span>` : ""}</span>` : "", o = `
-        ${this.details && this.details.guideprice ? `<span class="d-block h6 text-dark mb-1">Price guide: ${this.details.guideprice}</span>` : ""}
-        ${this.details && this.details.auctiontime ? `<span class="d-block h6 text-primary mb-4">Auction time left: ${this.details.auctiontime}</span>` : ""}
-        ${this.details && this.details.readtime ? `<span class="d-block h6 text-primary mb-4"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22" height="23" viewBox="0 0 22 23" class="icon ms-0 me-2"><path d="M11 1.63c-5.176 0-9.37 4.194-9.37 9.37 0 5.176 4.194 9.37 9.37 9.37 5.176 0 9.37-4.194 9.37-9.37 0-5.176-4.194-9.37-9.37-9.37M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0" fill="var(--colour-secondary)" /><path d="M9.62 5.39c0-.473.368-.856.82-.856.454 0 .822.383.822.855v6.27l3.25 1.898c.395.23.536.75.314 1.16-.22.412-.72.558-1.115.328l-4.09-2.39V5.39z" fill="var(--colour-primary)"/></svg>${this.details.readtime}</span>` : ""}
-        `;
-        return `${r}${t}${o}${this.content}`;
-      };
+const ui = /* @__PURE__ */ A(St, [["render", Ht]]);
+class Ct extends HTMLElement {
+  constructor() {
+    super(), this.attachShadow({ mode: "open" });
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = `@import "${a}/css/components/card.css";`;
+    this.querySelector(".icon") && this.classList.add("card--has-icon");
+    let s = this.classList.toString();
+    const r = document.createElement("template");
+    r.innerHTML = `
+    <style>
+    @import "${a}/css/core.min.css";
+    ${e}
+    ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
+    </style>
+    <div class="card ${s}" tabindex="0" role="button">
+      ${this.hasAttribute("data-image") ? `<div class="card__head"><img src="${this.getAttribute("data-image")}" alt="" loading="lazy" /></div>` : ""}
+      <div class="card__body">
+      ${this.classList.contains("card--filter") && this.hasAttribute("data-total") ? `<div class="card__total">${this.getAttribute("data-total")}</div>` : ""}
+      ${this.hasAttribute("data-illustration") ? `<div class="card__illustration"><img src="${this.getAttribute("data-illustration")}" alt="" loading="lazy" /></div>` : ""}
+        <slot></slot>
+      </div>
+      ${this.hasAttribute("data-cta") ? `<div class="card__footer"><span class="link">${this.getAttribute("data-cta")}</span></div>` : ""}
+    </div>
+    `, this.shadowRoot.appendChild(r.content.cloneNode(!0));
+  }
+  connectedCallback() {
+    const a = this.parentNode.closest("a, button, label"), e = this.shadowRoot.querySelector(".card");
+    a.setAttribute("tabindex", "-1"), a.matches("label[for]") && document.getElementById(a.getAttribute("for")).checked && e.classList.add("active"), e.addEventListener("click", (s) => {
+      a.matches("label[for]") ? document.getElementById(a.getAttribute("for")).checked ? e.classList.remove("active") : e.classList.add("active") : a.click();
+    }), e.addEventListener("keydown", (s) => {
+      switch (s.keyCode) {
+        case 32:
+        case 13:
+          a.matches("label[for]") ? document.getElementById(a.getAttribute("for")).checked ? e.classList.remove("active") : e.classList.add("active") : a.click();
+          break;
+      }
+    });
+  }
+  static get observedAttributes() {
+    return ["data-total", "class"];
+  }
+  attributeChangedCallback(a, e, s) {
+    switch (a) {
+      case "data-total": {
+        this.shadowRoot.querySelector(".card__total").innerHTML = s;
+        break;
+      }
+      case "class": {
+        let r = this.classList.toString();
+        this.querySelector(".icon") && (r += " card--has-icon"), this.shadowRoot.querySelector(".card").setAttribute("class", `card ${r}`);
+        break;
+      }
     }
   }
-}, bt = ["href", "title", "target"], vt = {
-  key: 0,
-  class: "card-header__wrapper"
-}, gt = ["src"], At = { class: "card-header" }, wt = ["innerHTML"], kt = ["innerHTML"], St = ["src"], $t = ["innerHTML"], qt = {
-  key: 1,
-  class: "card-footer"
-}, xt = { class: "visually-hidden" };
-function Lt(e, r, t, o, f, s) {
-  return l(), c("a", {
-    href: t.link,
-    class: v("card" + (t.type ? " card--" + t.type : "") + " " + t.cardClass),
-    title: t.ctatext + ": " + t.title + (t.subtitle ? " - " + t.subtitle : ""),
-    target: t.target
-  }, [
-    t.image ? (l(), c("div", vt, [
-      a("img", {
-        src: t.image,
-        alt: "",
-        loading: "lazy",
-        class: "card-image"
-      }, null, 8, gt),
-      a("div", At, [
-        this.details && this.details.status ? (l(), c("span", {
-          key: 0,
-          class: "badge bg-primary p-2 me-2",
-          innerHTML: s.cardStatus()
-        }, null, 8, wt)) : p("", !0),
-        this.details && (this.details.images || this.details.videos) ? (l(), c("span", {
-          key: 1,
-          class: "badge bg-black bg-opacity-50 p-2 align-self-end",
-          innerHTML: s.cardMedia()
-        }, null, 8, kt)) : p("", !0)
-      ]),
-      t.details && t.details.logo ? (l(), c("img", {
-        key: 0,
-        src: t.details.logo,
-        alt: "",
-        loading: "lazy",
-        class: "card-logo"
-      }, null, 8, St)) : p("", !0)
-    ])) : p("", !0),
-    a("div", {
-      class: "card-body",
-      innerHTML: s.cardContent()
-    }, null, 8, $t),
-    t.hidectatext == !1 ? (l(), c("div", qt, [
-      a("span", {
-        class: v(`${t.btntype == "link" ? "link" : `btn btn-${t.btntype}`} mb-0`)
-      }, [
-        j(k(t.ctatext), 1),
-        a("span", xt, ": " + k(t.title), 1)
-      ], 2)
-    ])) : p("", !0)
-  ], 10, bt);
 }
-const Q = /* @__PURE__ */ g(pt, [["render", Lt]]);
-const Tt = {
+const Mt = {
+  name: "Card",
+  created() {
+    this.$nextTick(function() {
+      window.customElements.get("iam-card") || window.customElements.define("iam-card", Ct);
+    });
+  }
+};
+function Et(t, a, e, s, r, n) {
+  return c(), d("iam-card", null, [
+    p(t.$slots, "default")
+  ]);
+}
+const Nt = /* @__PURE__ */ A(Mt, [["render", Et]]);
+function Dt(t) {
+  var a;
+  let e = t.querySelector(".carousel__inner"), s = t.querySelectorAll(".carousel__item").length;
+  t.getAttribute("data-cols");
+  let r = t.getAttribute("data-sm-cols"), n = t.getAttribute("data-md-cols");
+  t.querySelector(".carousel__controls a").classList.add("active"), e.addEventListener("scroll", function(i) {
+    clearTimeout(a), a = setTimeout(function() {
+      let l = e.clientWidth, h = e.scrollWidth, u = e.scrollLeft, m = Math.round(u / h * s) + 1, f = t.querySelector(".carousel__item:last-child").offsetLeft;
+      Array.from(t.querySelectorAll(".carousel__controls a")).forEach((b, g) => {
+        b.classList.remove("active");
+      }), t.querySelector(".control-" + m).classList.add("active"), m == 1 ? t.querySelector(".btn-prev").setAttribute("disabled", "disabled") : t.querySelector(".btn-prev").removeAttribute("disabled"), e.scrollLeft + l > f ? t.querySelector(".btn-next").setAttribute("disabled", "disabled") : t.querySelector(".btn-next").removeAttribute("disabled");
+    }, 100);
+  }, !1), t.addEventListener("click", function(i) {
+    for (var l = i.target; l && l != this; l = l.parentNode)
+      if (l.matches(".carousel__controls a")) {
+        i.preventDefault(), Array.from(t.querySelectorAll(".carousel__controls a")).forEach((u, m) => {
+          u.classList.remove("active");
+        }), l.classList.add("active");
+        const h = document.querySelector(l.getAttribute("href"));
+        e.scroll({
+          top: 0,
+          left: h.offsetLeft,
+          behavior: "smooth"
+        });
+        break;
+      }
+  }, !1), t.addEventListener("click", function(i) {
+    for (var l = i.target; l && l != this; l = l.parentNode)
+      if (l.matches(".btn-next, .btn-prev")) {
+        i.preventDefault();
+        let h = l.classList.contains("btn-prev") ? e.scrollLeft - e.clientWidth : e.scrollLeft + e.clientWidth;
+        e.scroll({
+          top: 0,
+          left: h,
+          behavior: "smooth"
+        });
+        break;
+      }
+  }, !1), s == 1 && t.classList.add("hide-btns"), r >= s && t.classList.add("hide-sm-btns"), n >= s && t.classList.add("hide-md-btns");
+}
+const Rt = {
   components: {
-    Card: Q
+    Card: Nt
+  },
+  name: "Carousel",
+  data() {
+    return {
+      id: null
+    };
   },
-  name: "CardDeck",
   props: {
     items: {
       type: Array,
@@ -1168,94 +1145,7 @@ const Tt = {
       type: Boolean,
       required: !1,
       default: !1
-    }
-  }
-}, Mt = ["data-card-type"];
-function Ht(e, r, t, o, f, s) {
-  const i = H("Card");
-  return l(), c("div", {
-    class: "container card-deck prevent-invert",
-    "data-card-type": t.cardtype
-  }, [
-    b(e.$slots, "default"),
-    a("div", {
-      class: v(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
-    }, [
-      (l(!0), c(x, null, L(t.items, (n, h) => (l(), c("div", {
-        class: "col",
-        key: h
-      }, [
-        S(i, T(n, {
-          class: t.cardclass,
-          type: t.cardtype,
-          btntype: n.btntype ? n.btntype : t.btntype,
-          titleclass: n.titleclass ? n.titleclass : t.titleclass,
-          ctatext: n.ctatext,
-          hidectatext: t.hidectatext
-        }), null, 16, ["class", "type", "btntype", "titleclass", "ctatext", "hidectatext"])
-      ]))), 128))
-    ], 2),
-    b(e.$slots, "after")
-  ], 8, Mt);
-}
-const Ct = /* @__PURE__ */ g(Tt, [["render", Ht]]);
-function Nt(e) {
-  var r;
-  let t = e.querySelector(".carousel__inner"), o = e.querySelectorAll(".carousel__item").length;
-  e.getAttribute("data-cols");
-  let f = e.getAttribute("data-sm-cols"), s = e.getAttribute("data-md-cols");
-  e.querySelector(".carousel__controls a").classList.add("active"), t.addEventListener("scroll", function(i) {
-    clearTimeout(r), r = setTimeout(function() {
-      let n = t.clientWidth, h = t.scrollWidth, w = t.scrollLeft, $ = Math.round(w / h * o) + 1, M = e.querySelector(".carousel__item:last-child").offsetLeft;
-      Array.from(e.querySelectorAll(".carousel__controls a")).forEach((I, C) => {
-        I.classList.remove("active");
-      }), e.querySelector(".control-" + $).classList.add("active"), $ == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + n > M ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
-    }, 100);
-  }, !1), e.addEventListener("click", function(i) {
-    for (var n = i.target; n && n != this; n = n.parentNode)
-      if (n.matches(".carousel__controls a")) {
-        i.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((w, $) => {
-          w.classList.remove("active");
-        }), n.classList.add("active");
-        const h = document.querySelector(n.getAttribute("href"));
-        t.scroll({
-          top: 0,
-          left: h.offsetLeft,
-          behavior: "smooth"
-        });
-        break;
-      }
-  }, !1), e.addEventListener("click", function(i) {
-    for (var n = i.target; n && n != this; n = n.parentNode)
-      if (n.matches(".btn-next, .btn-prev")) {
-        i.preventDefault();
-        let h = n.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
-        t.scroll({
-          top: 0,
-          left: h,
-          behavior: "smooth"
-        });
-        break;
-      }
-  }, !1), o == 1 && e.classList.add("hide-btns"), f >= o && e.classList.add("hide-sm-btns"), s >= o && e.classList.add("hide-md-btns");
-}
-let P = Ct.props;
-P.gap.default = 0;
-P.cols.default = 1;
-P.smcols.default = 2;
-P.mdcols.default = 4;
-const Bt = {
-  components: {
-    Card: Q
-  },
-  name: "Carousel",
-  data() {
-    return {
-      id: null
-    };
-  },
-  props: {
-    ...P,
+    },
     colclass: {
       type: String,
       required: !1
@@ -1267,45 +1157,45 @@ const Bt = {
   },
   computed: {
     content() {
-      return (e) => `${e.image ? `<img src="${e.image}" alt="" />` : ""}${e.content ? e.content : ""}`;
+      return (t) => `${t.image ? `<img src="${t.image}" alt="" />` : ""}${t.content ? t.content : ""}`;
     }
   },
   mounted() {
     this.id = this._uid, this.$nextTick(function() {
-      Nt(this.$refs.wrapper);
+      Dt(this.$refs.wrapper);
     });
   }
-}, Pt = ["id", "data-cols", "data-sm-cols", "data-md-cols"], Dt = { class: "carousel__wrapper" }, It = { class: "carousel__inner" }, zt = ["id"], Vt = ["innerHTML", "id"], Ft = ["href"], Ot = /* @__PURE__ */ a("button", {
+}, Pt = ["id", "data-cols", "data-sm-cols", "data-md-cols"], It = { class: "carousel__wrapper" }, Ft = { class: "carousel__inner" }, Bt = ["id"], Vt = ["innerHTML", "id"], zt = ["href"], Ot = /* @__PURE__ */ o("button", {
   class: "btn btn-prev",
   "data-go": "0",
   disabled: ""
-}, "Prev", -1), jt = /* @__PURE__ */ a("button", {
+}, "Prev", -1), Wt = /* @__PURE__ */ o("button", {
   class: "btn btn-next",
   "data-go": "2"
 }, "Next", -1);
-function Rt(e, r, t, o, f, s) {
-  const i = H("Card");
-  return l(), c("div", {
+function jt(t, a, e, s, r, n) {
+  const i = E("Card");
+  return c(), d("div", {
     class: "container carousel",
-    id: "carousel" + f.id,
+    id: "carousel" + r.id,
     ref: "wrapper",
     "data-cols": e.cols,
     "data-sm-cols": e.smcols,
     "data-md-cols": e.mdcols
   }, [
-    b(e.$slots, "default"),
-    a("div", Dt, [
-      a("div", It, [
-        t.type == "card" ? (l(), c("div", {
+    p(t.$slots, "default"),
+    o("div", It, [
+      o("div", Ft, [
+        e.type == "card" ? (c(), d("div", {
           key: 0,
           class: v(`row row-cols-${e.cols} row-cols-sm-${e.smcols} row-cols-md-${e.mdcols} ${e.gap ? `g-${e.gap}` : ""}`)
         }, [
-          (l(!0), c(x, null, L(e.items, (n, h) => (l(), c("div", {
-            class: v(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
+          (c(!0), d($, null, T(e.items, (l, h) => (c(), d("div", {
+            class: v(`col carousel__item${e.colclass ? ` ${e.colclass}` : ""}`),
             key: h,
-            id: "carousel" + f.id + "slide" + (h + 1)
+            id: "carousel" + r.id + "slide" + (h + 1)
           }, [
-            S(i, T(n, {
+            S(i, H(l, {
               class: e.cardclass,
               type: e.cardtype,
               btnyype: e.btntype,
@@ -1313,43 +1203,48 @@ function Rt(e, r, t, o, f, s) {
               ctatext: e.ctatext,
               hidectatext: e.hidectatext
             }), null, 16, ["class", "type", "btnyype", "titleclass", "ctatext", "hidectatext"])
-          ], 10, zt))), 128))
-        ], 2)) : p("", !0),
-        t.type != "card" ? (l(), c("div", {
+          ], 10, Bt))), 128))
+        ], 2)) : _("", !0),
+        e.type != "card" ? (c(), d("div", {
           key: 1,
           class: v(`row row-cols-${e.cols} row-cols-sm-${e.smcols} row-cols-md-${e.mdcols} ${e.gap ? `g-${e.gap}` : ""}`)
         }, [
-          (l(!0), c(x, null, L(e.items, (n, h) => (l(), c("div", {
-            class: v(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
+          (c(!0), d($, null, T(e.items, (l, h) => (c(), d("div", {
+            class: v(`col carousel__item${e.colclass ? ` ${e.colclass}` : ""}`),
             key: h,
-            innerHTML: s.content(n),
-            id: "carousel" + f.id + "slide" + (h + 1)
+            innerHTML: n.content(l),
+            id: "carousel" + r.id + "slide" + (h + 1)
           }, null, 10, Vt))), 128))
-        ], 2)) : p("", !0)
+        ], 2)) : _("", !0)
       ]),
-      a("div", {
+      o("div", {
         class: v(`carousel__controls cols-${e.cols} cols-sm-${e.smcols} cols-md-${e.mdcols}`)
       }, [
-        (l(!0), c(x, null, L(e.items, (n, h) => (l(), c("a", {
+        (c(!0), d($, null, T(e.items, (l, h) => (c(), d("a", {
           key: h,
-          href: "#carousel" + f.id + "slide" + (h + 1),
+          href: "#carousel" + r.id + "slide" + (h + 1),
           class: v(`control-${h + 1}`)
-        }, "Slide " + k(h + 1), 11, Ft))), 128))
+        }, "Slide " + L(h + 1), 11, zt))), 128))
       ], 2),
       Ot,
-      jt
+      Wt
     ])
   ], 8, Pt);
 }
-const mi = /* @__PURE__ */ g(Bt, [["render", Rt]]);
-class Wt extends HTMLElement {
+const hi = /* @__PURE__ */ A(Rt, [["render", jt]]);
+window.dataLayer = window.dataLayer || [];
+window.dataLayer.push({
+  event: "customElementRegistered",
+  element: "header"
+});
+class Ut extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const r = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = `@import "${r}/css/components/header.css";`, o = document.createElement("template");
-    o.innerHTML = `
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = `@import "${a}/css/components/header.css";`, s = document.createElement("template");
+    s.innerHTML = `
     <style>
-    @import "${r}/css/core.min.css";
-    ${t}
+    @import "${a}/css/core.min.css";
+    ${e}
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     :host {
       max-width:100%!important;
@@ -1370,14 +1265,14 @@ class Wt extends HTMLElement {
         <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" lazy="" />
       </picture>
     </div>
-    `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
   }
   connectedCallback() {
-    const r = this.shadowRoot.querySelector("picture"), t = this.shadowRoot.querySelector("picture source");
-    this.hasAttribute("image") ? t.setAttribute("srcset", this.getAttribute("image")) : r.remove();
+    const a = this.shadowRoot.querySelector("picture"), e = this.shadowRoot.querySelector("picture source");
+    this.hasAttribute("image") ? e.setAttribute("srcset", this.getAttribute("image")) : a.remove();
   }
 }
-window.customElements.get("iam-header") || window.customElements.define("iam-header", Wt);
+window.customElements.get("iam-header") || window.customElements.define("iam-header", Ut);
 const Kt = {
   name: "Header",
   props: {
@@ -1390,50 +1285,50 @@ const Kt = {
       required: !1
     }
   }
-}, Ut = ["image"], Gt = ["innerHTML"];
-function Zt(e, r, t, o, f, s) {
-  return l(), c("iam-header", {
+}, Gt = ["image"], Qt = ["innerHTML"];
+function Yt(t, a, e, s, r, n) {
+  return c(), d("iam-header", {
     class: "bg-secondary",
-    image: t.image
+    image: e.image
   }, [
-    b(e.$slots, "breadcrumb"),
-    t.title ? (l(), c("h1", {
+    p(t.$slots, "breadcrumb"),
+    e.title ? (c(), d("h1", {
       key: 0,
-      innerHTML: t.title
-    }, null, 8, Gt)) : p("", !0),
-    b(e.$slots, "default")
-  ], 8, Ut);
+      innerHTML: e.title
+    }, null, 8, Qt)) : _("", !0),
+    p(t.$slots, "default")
+  ], 8, Gt);
 }
-const _i = /* @__PURE__ */ g(Kt, [["render", Zt]]);
-function Et(e) {
-  var r;
-  const t = e.querySelector(".testimonial__images"), o = t.querySelectorAll("img").length;
-  if (o == 1)
+const mi = /* @__PURE__ */ A(Kt, [["render", Yt]]);
+function Zt(t) {
+  var a;
+  const e = t.querySelector(".testimonial__images"), s = e.querySelectorAll("img").length;
+  if (s == 1)
     return !1;
-  e.classList.add("testimonial--multi");
-  const f = function(s) {
-    const i = e.querySelector(".btn-next"), n = e.querySelector(".btn-prev");
-    i.setAttribute("data-go", s + 1), n.setAttribute("data-go", s - 1), i.removeAttribute("disabled"), n.removeAttribute("disabled"), s == 1 ? n.setAttribute("disabled", !0) : s == o && i.setAttribute("disabled", !0);
+  t.classList.add("testimonial--multi");
+  const r = function(n) {
+    const i = t.querySelector(".btn-next"), l = t.querySelector(".btn-prev");
+    i.setAttribute("data-go", n + 1), l.setAttribute("data-go", n - 1), i.removeAttribute("disabled"), l.removeAttribute("disabled"), n == 1 ? l.setAttribute("disabled", !0) : n == s && i.setAttribute("disabled", !0);
   };
-  t.addEventListener("scroll", function(s) {
-    clearTimeout(r), r = setTimeout(function() {
-      let i = t.scrollWidth, n = t.scrollHeight, h = t.scrollLeft, w = t.scrollTop, $ = Math.round(h / i * o) + 1;
-      h == 0 && w != 0 && ($ = Math.round(w / n * o) + 1), e.setAttribute("data-show", $), f($);
+  e.addEventListener("scroll", function(n) {
+    clearTimeout(a), a = setTimeout(function() {
+      let i = e.scrollWidth, l = e.scrollHeight, h = e.scrollLeft, u = e.scrollTop, m = Math.round(h / i * s) + 1;
+      h == 0 && u != 0 && (m = Math.round(u / l * s) + 1), t.setAttribute("data-show", m), r(m);
     }, 300);
-  }, !1), e.addEventListener("click", function(s) {
-    for (var i = s.target; i && i != this; i = i.parentNode)
+  }, !1), t.addEventListener("click", function(n) {
+    for (var i = n.target; i && i != this; i = i.parentNode)
       if (i.matches("[data-go]")) {
-        let n = parseInt(i.getAttribute("data-go")), h = 0, w = 0, $ = t.scrollWidth, M = t.scrollHeight;
-        $ > M ? w = Math.floor($ * ((n - 1) / o)) : h = Math.floor(M * ((n - 1) / o)), t.scroll({
+        let l = parseInt(i.getAttribute("data-go")), h = 0, u = 0, m = e.scrollWidth, f = e.scrollHeight;
+        m > f ? u = Math.floor(m * ((l - 1) / s)) : h = Math.floor(f * ((l - 1) / s)), e.scroll({
           top: h,
-          left: w,
+          left: u,
           behavior: "smooth"
         });
         break;
       }
   }, !1);
 }
-const Qt = {
+const Xt = {
   name: "Testimonial",
   props: {
     items: {
@@ -1447,68 +1342,68 @@ const Qt = {
     }
   },
   mounted() {
-    Et(this.$refs.wrapper);
+    Zt(this.$refs.wrapper);
   }
-}, Yt = {
+}, Jt = {
   class: "container testimonial mb-5",
   "data-show": "1",
   ref: "wrapper"
-}, Jt = { class: "row" }, Xt = { class: "col-md-5 position-relative" }, es = { class: "testimonial__images" }, ts = ["src"], ss = /* @__PURE__ */ a("div", { class: "testimonial__controls" }, [
-  /* @__PURE__ */ a("button", {
+}, ea = { class: "row" }, ta = { class: "col-md-5 position-relative" }, aa = { class: "testimonial__images" }, sa = ["src"], ia = /* @__PURE__ */ o("div", { class: "testimonial__controls" }, [
+  /* @__PURE__ */ o("button", {
     "data-go": "0",
     disabled: "",
     class: "btn-prev"
   }, "Previous"),
-  /* @__PURE__ */ a("button", {
+  /* @__PURE__ */ o("button", {
     "data-go": "2",
     class: "btn-next"
   }, "Next")
-], -1), as = { class: "col-md-7" }, is = /* @__PURE__ */ a("h2", null, "What our customers think…", -1), ns = { class: "testimonial__content" }, rs = ["innerHTML"], os = ["innerHTML"], ls = { class: "testimonial__after" }, cs = /* @__PURE__ */ a("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
-function ds(e, r, t, o, f, s) {
-  return l(), c("div", Yt, [
-    a("div", {
-      class: v("bg-" + t.background)
+], -1), la = { class: "col-md-7" }, na = /* @__PURE__ */ o("h2", null, "What our customers think…", -1), ra = { class: "testimonial__content" }, oa = ["innerHTML"], ca = ["innerHTML"], da = { class: "testimonial__after" }, ua = /* @__PURE__ */ o("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
+function ha(t, a, e, s, r, n) {
+  return c(), d("div", Jt, [
+    o("div", {
+      class: v("bg-" + e.background)
     }, [
-      a("div", Jt, [
-        a("div", Xt, [
-          a("div", es, [
-            (l(!0), c(x, null, L(t.items, (i, n) => (l(), c("img", {
-              key: n,
+      o("div", ea, [
+        o("div", ta, [
+          o("div", aa, [
+            (c(!0), d($, null, T(e.items, (i, l) => (c(), d("img", {
+              key: l,
               src: i.image ? i.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
               alt: "",
               class: v("h-100 w-100 object-cover" + (i.image ? "" : " opacity-0"))
-            }, null, 10, ts))), 128))
+            }, null, 10, sa))), 128))
           ]),
-          ss
+          ia
         ]),
-        a("div", as, [
-          is,
-          a("div", ns, [
-            (l(!0), c(x, null, L(t.items, (i, n) => (l(), c("blockquote", {
-              key: n,
+        o("div", la, [
+          na,
+          o("div", ra, [
+            (c(!0), d($, null, T(e.items, (i, l) => (c(), d("blockquote", {
+              key: l,
               class: v(i.class)
             }, [
-              a("div", {
+              o("div", {
                 innerHTML: i.quote
-              }, null, 8, rs),
-              a("cite", {
+              }, null, 8, oa),
+              o("cite", {
                 innerHTML: i.cite
-              }, null, 8, os)
+              }, null, 8, ca)
             ], 2))), 128))
           ]),
-          a("div", ls, [
-            b(e.$slots, "default")
+          o("div", da, [
+            p(t.$slots, "default")
           ])
         ])
       ]),
-      cs
+      ua
     ], 2)
   ], 512);
 }
-const yi = /* @__PURE__ */ g(Qt, [["render", ds]]);
-const us = {
+const fi = /* @__PURE__ */ A(Xt, [["render", ha]]);
+const ma = {
   components: {
-    Input: D
+    Input: R
   },
   name: "PropertySearchbar",
   props: {
@@ -1633,8 +1528,8 @@ const us = {
     };
   },
   methods: {
-    locationKeyup: function(e) {
-      this.$emit("locationKeyup", e);
+    locationKeyup: function(t) {
+      this.$emit("locationKeyup", t);
     }
   },
   computed: {
@@ -1642,8 +1537,8 @@ const us = {
       get() {
         return this.locationSave ? this.locationSave : this.location;
       },
-      set(e) {
-        this.locationSave = e, this.$emit("input", e);
+      set(t) {
+        this.locationSave = t, this.$emit("input", t);
       }
     },
     locationsList() {
@@ -1652,43 +1547,43 @@ const us = {
       ];
     }
   }
-}, fs = {
+}, fa = {
   class: "container",
   ref: "wrapper"
-}, hs = { class: "property-searchbar" }, ms = ["action", "method"], _s = { class: "col-12 col-md-3" }, ys = { class: "col-12 col-md" }, ps = /* @__PURE__ */ a("span", { class: "form-label d-none d-md-block" }, "Price range", -1), bs = {
+}, ya = { class: "property-searchbar" }, ba = ["action", "method"], _a = { class: "col-12 col-md-3" }, pa = { class: "col-12 col-md" }, ga = /* @__PURE__ */ o("span", { class: "form-label d-none d-md-block" }, "Price range", -1), va = {
   class: "row",
   "data-input-range": ""
-}, vs = { class: "col-12 col-md" }, gs = /* @__PURE__ */ a("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), As = {
+}, Aa = { class: "col-12 col-md" }, wa = /* @__PURE__ */ o("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), Sa = {
   class: "row",
   "data-input-range": ""
-}, ws = { class: "col-12 col-md-2" }, ks = /* @__PURE__ */ a("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
-  /* @__PURE__ */ a("button", {
+}, La = { class: "col-12 col-md-2" }, ka = /* @__PURE__ */ o("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
+  /* @__PURE__ */ o("button", {
     class: "btn w-100 me-0",
     type: "submit",
     value: "submit"
   }, "Search")
 ], -1);
-function Ss(e, r, t, o, f, s) {
-  const i = H("Input");
-  return l(), c("div", fs, [
-    b(e.$slots, "default"),
-    a("div", hs, [
-      a("form", {
+function qa(t, a, e, s, r, n) {
+  const i = E("Input");
+  return c(), d("div", fa, [
+    p(t.$slots, "default"),
+    o("div", ya, [
+      o("form", {
         class: "row",
-        action: t.formaction,
-        method: t.formmethod
+        action: e.formaction,
+        method: e.formmethod
       }, [
-        a("fieldset", _s, [
+        o("fieldset", _a, [
           S(i, {
             inputClass: "input--locations",
-            modelValue: s.locationSet,
-            "onUpdate:modelValue": r[0] || (r[0] = (n) => s.locationSet = n),
+            modelValue: n.locationSet,
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => n.locationSet = l),
             label: "Location",
             id: "location",
-            options: s.locationsList(),
+            options: n.locationsList(),
             required: "",
             placeholder: "i.e. Newcastle or NE1",
-            onKeyupEvent: r[1] || (r[1] = (n) => s.locationKeyup(...arguments)),
+            onKeyupEvent: a[1] || (a[1] = (l) => n.locationKeyup(...arguments)),
             ref: "search"
           }, null, 8, ["modelValue", "options"]),
           S(i, {
@@ -1696,19 +1591,19 @@ function Ss(e, r, t, o, f, s) {
             label: "Miles",
             id: "miles",
             type: "select",
-            options: t.distances
+            options: e.distances
           }, null, 8, ["options"])
         ]),
-        a("fieldset", ys, [
-          ps,
-          a("div", bs, [
+        o("fieldset", pa, [
+          ga,
+          o("div", va, [
             S(i, {
               class: "col-6",
               label: "Minimum price",
               id: "price-min",
               "data-min": "true",
               type: "select",
-              options: t.pricemin
+              options: e.pricemin
             }, null, 8, ["options"]),
             S(i, {
               class: "col-6",
@@ -1716,20 +1611,20 @@ function Ss(e, r, t, o, f, s) {
               id: "price-max",
               "data-max": "true",
               type: "select",
-              options: t.pricemax
+              options: e.pricemax
             }, null, 8, ["options"])
           ])
         ]),
-        a("fieldset", vs, [
-          gs,
-          a("div", As, [
+        o("fieldset", Aa, [
+          wa,
+          o("div", Sa, [
             S(i, {
               class: "col-6",
               label: "Minimum beds",
               id: "beds-min",
               "data-min": "true",
               type: "select",
-              options: t.bedsmin
+              options: e.bedsmin
             }, null, 8, ["options"]),
             S(i, {
               class: "col-6",
@@ -1737,41 +1632,41 @@ function Ss(e, r, t, o, f, s) {
               id: "beds-max",
               "data-max": "true",
               type: "select",
-              options: t.bedsmax
+              options: e.bedsmax
             }, null, 8, ["options"])
           ])
         ]),
-        a("fieldset", ws, [
+        o("fieldset", La, [
           S(i, {
             label: "Property type",
             id: "property-type",
             type: "select",
-            options: t.propertytypes
+            options: e.propertytypes
           }, null, 8, ["options"])
         ]),
-        ks
-      ], 8, ms)
+        ka
+      ], 8, ba)
     ]),
-    b(e.$slots, "after")
+    p(t.$slots, "after")
   ], 512);
 }
-const pi = /* @__PURE__ */ g(us, [["render", Ss]]), $s = (e) => {
-  Array.from(e.querySelectorAll("details")).forEach((r, t) => {
-    r.addEventListener("mouseenter", function(o) {
-      window.matchMedia("(min-width: 62em)").matches && r.setAttribute("open", "true");
-    }, !1), r.addEventListener("mouseleave", function(o) {
-      window.matchMedia("(min-width: 62em)").matches && r.removeAttribute("open");
+const yi = /* @__PURE__ */ A(ma, [["render", qa]]), xa = (t) => {
+  Array.from(t.querySelectorAll("details")).forEach((a, e) => {
+    a.addEventListener("mouseenter", function(s) {
+      window.matchMedia("(min-width: 62em)").matches && a.setAttribute("open", "true");
+    }, !1), a.addEventListener("mouseleave", function(s) {
+      window.matchMedia("(min-width: 62em)").matches && a.removeAttribute("open");
     }, !1);
   }), "IntersectionObserver" in window && new IntersectionObserver(
-    ([t]) => t.target.classList.toggle("is-stuck", t.intersectionRatio < 1),
+    ([e]) => e.target.classList.toggle("is-stuck", e.intersectionRatio < 1),
     { threshold: [1] }
-  ).observe(e);
+  ).observe(t);
 };
-const qs = {
+const $a = {
   components: {
-    Input: D,
-    Logo: fe,
-    Icon: oe
+    Input: R,
+    Logo: _e,
+    Icon: he
   },
   name: "Nav",
   props: {
@@ -1818,8 +1713,8 @@ const qs = {
     };
   },
   methods: {
-    subIsActive(e) {
-      return (Array.isArray(e) ? e : [e]).some((t) => this.$route.path.indexOf(t) === 0);
+    subIsActive(t) {
+      return (Array.isArray(t) ? t : [t]).some((e) => this.$route.path.indexOf(e) === 0);
     }
   },
   computed: {
@@ -1841,61 +1736,61 @@ const qs = {
   },
   mounted() {
     this.$nextTick(function() {
-      $s(this.$refs.wrapper);
+      xa(this.$refs.wrapper);
     });
   }
-}, xs = /* @__PURE__ */ a("input", {
+}, Ta = /* @__PURE__ */ o("input", {
   type: "checkbox",
   name: "showMenu",
   id: "showMenu",
   class: "d-none"
-}, null, -1), Ls = /* @__PURE__ */ a("input", {
+}, null, -1), Ha = /* @__PURE__ */ o("input", {
   type: "checkbox",
   name: "showSearch",
   id: "showSearch",
   class: "d-none"
-}, null, -1), Ts = /* @__PURE__ */ a("input", {
+}, null, -1), Ca = /* @__PURE__ */ o("input", {
   type: "checkbox",
   name: "showAccount",
   id: "showAccount",
   class: "d-none"
-}, null, -1), Ms = { class: "nav__mobile-bar" }, Hs = { class: "container" }, Cs = { class: "row" }, Ns = {
+}, null, -1), Ma = { class: "nav__mobile-bar" }, Ea = { class: "container" }, Na = { class: "row" }, Da = {
   key: 0,
   class: "col mw-md-fit-content nav__logo"
-}, Bs = {
+}, Ra = {
   key: 1,
   class: "col mw-md-fit-content nav__logo"
-}, Ps = {
+}, Pa = {
   href: "/",
   class: "text-decoration-none mb-0"
-}, Ds = /* @__PURE__ */ a("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
-  /* @__PURE__ */ a("label", { for: "showMenu" }, "Menu")
-], -1), Is = { class: "nav__inner" }, zs = { class: "container" }, Vs = { class: "row" }, Fs = {
+}, Ia = /* @__PURE__ */ o("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
+  /* @__PURE__ */ o("label", { for: "showMenu" }, "Menu")
+], -1), Fa = { class: "nav__inner" }, Ba = { class: "container" }, Va = { class: "row" }, za = {
   key: 0,
   class: "col mw-md-fit-content nav__logo"
-}, Os = {
+}, Oa = {
   key: 1,
   class: "col mw-md-fit-content nav__logo"
-}, js = {
+}, Wa = {
   href: "/",
   class: "text-decoration-none mb-0"
-}, Rs = {
+}, ja = {
   key: 2,
   class: "col mw-fit-content nav__search-btn flex-row align-items-center"
-}, Ws = /* @__PURE__ */ a("label", { for: "showSearch" }, [
-  /* @__PURE__ */ a("svg", {
+}, Ua = /* @__PURE__ */ o("label", { for: "showSearch" }, [
+  /* @__PURE__ */ o("svg", {
     class: "icon",
     viewBox: "0 0 32 32"
   }, [
-    /* @__PURE__ */ a("title", null, "Search"),
-    /* @__PURE__ */ a("ellipse", {
+    /* @__PURE__ */ o("title", null, "Search"),
+    /* @__PURE__ */ o("ellipse", {
       cx: "14.92",
       cy: "13.81",
       rx: "11.92",
       ry: "11.81",
       class: "icon__outline"
     }),
-    /* @__PURE__ */ a("line", {
+    /* @__PURE__ */ o("line", {
       x1: "22.68",
       y1: "22.75",
       x2: "30",
@@ -1903,237 +1798,152 @@ const qs = {
       class: "icon__outline"
     })
   ])
-], -1), Ks = [
-  Ws
-], Us = /* @__PURE__ */ a("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
-  /* @__PURE__ */ a("label", { for: "showMenu" }, "Menu")
-], -1), Gs = { class: "col-12 col-md nav__menu ms-auto flex-row align-items-center" }, Zs = {
+], -1), Ka = [
+  Ua
+], Ga = /* @__PURE__ */ o("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
+  /* @__PURE__ */ o("label", { for: "showMenu" }, "Menu")
+], -1), Qa = { class: "col-12 col-md nav__menu ms-auto flex-row align-items-center" }, Ya = {
   key: 3,
   class: "col nav__account-btn flex-row align-items-center"
-}, Es = /* @__PURE__ */ a("label", { for: "showAccount" }, [
-  /* @__PURE__ */ a("svg", {
+}, Za = /* @__PURE__ */ o("label", { for: "showAccount" }, [
+  /* @__PURE__ */ o("svg", {
     class: "icon",
     viewBox: "0 0 28 28"
   }, [
-    /* @__PURE__ */ a("path", {
+    /* @__PURE__ */ o("path", {
       d: "M14,28a13.861,13.861,0,0,1-9.268-3.533l-.023.047-.721-.738L3.62,23.4l.012-.023a14,14,0,1,1,20.735,0l.012.023-.367.377-.722.738-.024-.045A13.855,13.855,0,0,1,14,28Zm0-9.58a10.5,10.5,0,0,0-1.368.092c-.085.012-.17.03-.252.047-.061.013-.124.026-.187.037l-.077.013c-.266.047-.54.095-.8.165-.108.029-.215.065-.318.1-.063.022-.125.043-.188.063l-.08.026c-.223.071-.454.144-.671.234-.125.05-.245.11-.362.168l-.146.072-.045.021c-.208.1-.423.2-.623.312-.131.074-.257.158-.379.239l-.106.07-.068.044c-.176.114-.359.232-.528.359-.137.1-.267.218-.393.327l-.054.047c-.174.15-.355.306-.519.47-.132.134-.258.277-.38.416l-.018.021c-.16.184-.3.35-.437.527-.12.161-.23.33-.337.494-.076.117-.146.238-.214.356a12.495,12.495,0,0,0,17.109,0l-.022-.037c-.061-.1-.125-.212-.192-.315-.1-.156-.214-.333-.338-.5-.141-.188-.293-.363-.436-.526-.113-.13-.253-.292-.4-.438-.161-.162-.337-.314-.517-.468l-.08-.069c-.118-.1-.24-.209-.368-.307-.183-.137-.379-.264-.568-.387l-.026-.017-.106-.07c-.125-.083-.251-.166-.381-.24-.207-.118-.429-.222-.643-.322l-.024-.011-.152-.074c-.116-.057-.235-.116-.356-.165-.214-.087-.438-.159-.656-.229l-.1-.031c-.066-.021-.132-.043-.2-.066-.1-.035-.2-.07-.309-.1-.264-.07-.538-.118-.8-.165l-.078-.014c-.063-.011-.126-.024-.187-.037-.082-.017-.167-.035-.252-.047A10.483,10.483,0,0,0,14,18.421Zm0-1.473a11.871,11.871,0,0,1,1.54.1c.1.013.192.033.284.052.069.014.139.028.209.04.34.058.672.118,1,.2.14.036.278.082.412.127l.151.05c.309.1.587.188.859.3.148.059.293.127.433.194l.13.061c.306.142.553.266.775.389.188.107.368.22.535.328.26.166.489.322.7.478.156.117.316.244.49.389.209.176.412.361.622.567.156.154.3.293.43.443.209.23.4.472.542.657l.051.066c.1.134.21.272.308.416.021.031.045.061.068.09a1.267,1.267,0,0,1,.085.117,12.525,12.525,0,1,0-19.24,0c.026-.04.056-.078.084-.114s.05-.064.073-.1c.1-.141.2-.278.3-.409l.046-.059c.2-.264.378-.478.555-.672.137-.152.281-.3.417-.43.215-.21.422-.4.635-.578.18-.15.332-.271.479-.381.208-.155.433-.31.709-.486.174-.111.346-.219.526-.319.274-.153.55-.285.783-.393l.112-.053c.144-.069.293-.14.445-.2.282-.113.578-.208.864-.3l.159-.052c.132-.044.265-.088.4-.124.331-.087.675-.148,1-.2.068-.012.137-.026.2-.039.094-.019.191-.039.288-.052A11.827,11.827,0,0,1,14,16.948Z",
       transform: "translate(0 -0.001)"
     }),
-    /* @__PURE__ */ a("path", {
+    /* @__PURE__ */ o("path", {
       d: "M5.2,10.4a5.2,5.2,0,1,1,5.2-5.2A5.206,5.206,0,0,1,5.2,10.4Zm0-8.915A3.714,3.714,0,1,0,8.915,5.2,3.719,3.719,0,0,0,5.2,1.486Z",
       transform: "translate(8.8 4.8)"
     })
   ]),
-  /* @__PURE__ */ a("span", null, "My account")
-], -1), Qs = [
-  Es
-], Ys = {
+  /* @__PURE__ */ o("span", null, "My account")
+], -1), Xa = [
+  Za
+], Ja = {
   key: 4,
   class: "col-12 col-md nav__btn mw-md-fit-content flex-row align-items-center"
-}, Js = ["href", "innerHTML"], Xs = {
+}, es = ["href", "innerHTML"], ts = {
   key: 0,
   class: "nav__menu--secondary"
-}, ea = { class: "container" }, ta = {
+}, as = { class: "container" }, ss = {
   key: 1,
   class: "nav__menu--search"
-}, sa = { class: "bg-gradient pt-4" }, aa = { class: "container" }, ia = {
+}, is = { class: "bg-gradient pt-4" }, ls = { class: "container" }, ns = {
   key: 0,
   class: "nav__menu--account"
-}, na = { class: "container" }, ra = { class: "row mb-4" }, oa = {
+}, rs = { class: "container" }, os = { class: "row mb-4" }, cs = {
   key: 0,
   class: "col mw-md-fit-content nav__logo"
-}, la = {
+}, ds = {
   key: 1,
   class: "col mw-md-fit-content nav__logo"
-}, ca = {
+}, us = {
   href: "/",
   class: "text-decoration-none mb-0"
-}, da = /* @__PURE__ */ a("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
-  /* @__PURE__ */ a("label", { for: "showAccount" }, "Account")
-], -1), ua = { class: "container" }, fa = /* @__PURE__ */ a("span", { class: "nav__bg" }, null, -1);
-function ha(e, r, t, o, f, s) {
-  const i = H("Logo");
-  return l(), c("nav", {
-    class: v(`nav${s.hasSecondarySlot ? " has-secondary" : ""}`),
+}, hs = /* @__PURE__ */ o("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
+  /* @__PURE__ */ o("label", { for: "showAccount" }, "Account")
+], -1), ms = { class: "container" }, fs = /* @__PURE__ */ o("span", { class: "nav__bg" }, null, -1);
+function ys(t, a, e, s, r, n) {
+  const i = E("Logo");
+  return c(), d("nav", {
+    class: v(`nav${n.hasSecondarySlot ? " has-secondary" : ""}`),
     ref: "wrapper"
   }, [
-    xs,
-    Ls,
-    Ts,
-    a("div", Ms, [
-      a("div", Hs, [
-        a("div", Cs, [
-          s.hasLogoSlot ? (l(), c("div", Ns, [
-            b(e.$slots, "logo")
-          ])) : (l(), c("div", Bs, [
-            a("a", Ps, [
+    Ta,
+    Ha,
+    Ca,
+    o("div", Ma, [
+      o("div", Ea, [
+        o("div", Na, [
+          n.hasLogoSlot ? (c(), d("div", Da, [
+            p(t.$slots, "logo")
+          ])) : (c(), d("div", Ra, [
+            o("a", Pa, [
               S(i, {
-                id: t.logo,
-                path: t.logopath,
-                desc: t.logotext,
+                id: e.logo,
+                path: e.logopath,
+                desc: e.logotext,
                 class: "pb-0"
               }, null, 8, ["id", "path", "desc"])
             ])
           ])),
-          Ds
+          Ia
         ])
       ])
     ]),
-    a("div", Is, [
-      a("div", zs, [
-        a("div", Vs, [
-          s.hasLogoSlot ? (l(), c("div", Fs, [
-            b(e.$slots, "logo")
-          ])) : (l(), c("div", Os, [
-            a("a", js, [
+    o("div", Fa, [
+      o("div", Ba, [
+        o("div", Va, [
+          n.hasLogoSlot ? (c(), d("div", za, [
+            p(t.$slots, "logo")
+          ])) : (c(), d("div", Oa, [
+            o("a", Wa, [
               S(i, {
-                id: t.logo,
-                path: t.logopath,
-                desc: t.logotext,
+                id: e.logo,
+                path: e.logopath,
+                desc: e.logotext,
                 class: "pb-0"
               }, null, 8, ["id", "path", "desc"])
             ])
           ])),
-          s.hasSearchSlot ? (l(), c("div", Rs, Ks)) : p("", !0),
-          Us,
-          a("div", Gs, [
-            b(e.$slots, "default")
+          n.hasSearchSlot ? (c(), d("div", ja, Ka)) : _("", !0),
+          Ga,
+          o("div", Qa, [
+            p(t.$slots, "default")
           ]),
-          s.hasAccountSlot ? (l(), c("div", Zs, Qs)) : p("", !0),
-          t.btnlink ? (l(), c("div", Ys, [
-            a("a", {
-              href: t.btnlink,
+          n.hasAccountSlot ? (c(), d("div", Ya, Xa)) : _("", !0),
+          e.btnlink ? (c(), d("div", Ja, [
+            o("a", {
+              href: e.btnlink,
               class: "btn me-0",
-              innerHTML: t.btntext
-            }, null, 8, Js)
-          ])) : p("", !0)
+              innerHTML: e.btntext
+            }, null, 8, es)
+          ])) : _("", !0)
         ])
       ]),
-      s.hasSecondarySlot ? (l(), c("div", Xs, [
-        a("div", ea, [
-          b(e.$slots, "secondary")
+      n.hasSecondarySlot ? (c(), d("div", ts, [
+        o("div", as, [
+          p(t.$slots, "secondary")
         ])
-      ])) : p("", !0),
-      s.hasSearchSlot ? (l(), c("div", ta, [
-        a("div", sa, [
-          a("div", aa, [
-            b(e.$slots, "search")
+      ])) : _("", !0),
+      n.hasSearchSlot ? (c(), d("div", ss, [
+        o("div", is, [
+          o("div", ls, [
+            p(t.$slots, "search")
           ])
         ])
-      ])) : p("", !0)
+      ])) : _("", !0)
     ]),
-    s.hasAccountSlot ? (l(), c("div", ia, [
-      a("div", na, [
-        a("div", ra, [
-          s.hasLogoSlot ? (l(), c("div", oa, [
-            b(e.$slots, "logo")
-          ])) : (l(), c("div", la, [
-            a("a", ca, [
+    n.hasAccountSlot ? (c(), d("div", ns, [
+      o("div", rs, [
+        o("div", os, [
+          n.hasLogoSlot ? (c(), d("div", cs, [
+            p(t.$slots, "logo")
+          ])) : (c(), d("div", ds, [
+            o("a", us, [
               S(i, {
-                id: t.logo,
-                path: t.logopath,
-                desc: t.logotext,
+                id: e.logo,
+                path: e.logopath,
+                desc: e.logotext,
                 class: "pb-0"
               }, null, 8, ["id", "path", "desc"])
             ])
           ])),
-          da
+          hs
         ])
       ]),
-      a("div", ua, [
-        b(e.$slots, "account")
+      o("div", ms, [
+        p(t.$slots, "account")
       ])
-    ])) : p("", !0),
-    fa
+    ])) : _("", !0),
+    fs
   ], 2);
 }
-const bi = /* @__PURE__ */ g(qs, [["render", ha]]), ma = (e) => {
-  const r = e.querySelectorAll(".modal__outer a, .modal__outer button"), t = r[0], o = r[r.length - 1], f = e.getAttribute("id"), s = function() {
-    document.querySelector('[href="' + window.location.hash + '"]').focus(), window.location.hash = "close", history.replaceState("", document.title, window.location.pathname + window.location.search), typeof window.player < "u" && typeof window.player.pauseVideo == "function" && window.player.pauseVideo();
-  };
-  e.addEventListener("keydown", function(n) {
-    n.key === "Tab" && n.shiftKey && document.activeElement == t ? (n.preventDefault(), o.focus()) : n.key === "Tab" && !n.shiftKey && document.activeElement == o && (n.preventDefault(), t.focus());
-  }), document.addEventListener("keydown", function(n) {
-    n.key === "Escape" && document.querySelector(".modal:target") && s();
-  }), e.addEventListener("click", function(n) {
-    for (var h = n.target; h && h != this; h = h.parentNode)
-      if (h.matches('[href="#close"]')) {
-        n.preventDefault(), s();
-        break;
-      } else if (h.matches(".modal__dock--right")) {
-        n.preventDefault(), e.classList.contains("modal--left") || e.classList.add("modal--right"), e.classList.remove("modal--left");
-        break;
-      } else if (h.matches(".modal__dock--left")) {
-        n.preventDefault(), e.classList.contains("modal--right") || e.classList.add("modal--left"), e.classList.remove("modal--right");
-        break;
-      }
-  });
-  function i() {
-    if (location.hash === "#" + f) {
-      console.log("Modal is now open");
-      const n = document.querySelector(".modal:target .modal__inner > .youtube-embed:first-child:last-child a");
-      console.log(n), n && n.click();
-    }
-  }
-  window.onhashchange = i;
-};
-const _a = {
-  name: "Modal",
-  props: {
-    id: {
-      type: String,
-      required: !0
-    },
-    returnid: {
-      type: String,
-      default: "close",
-      required: !1
-    }
-  },
-  mounted() {
-    this.$nextTick(function() {
-      ma(this.$refs.modal);
-    });
-  }
-}, ya = ["id"], pa = ["href"], ba = /* @__PURE__ */ a("span", { class: "visually-hidden" }, "Close", -1), va = [
-  ba
-], ga = { class: "modal__outer" }, Aa = ["href"], wa = /* @__PURE__ */ a("span", { class: "visually-hidden" }, "Close", -1), ka = { class: "modal__inner" }, Sa = /* @__PURE__ */ a("button", {
-  class: "modal__dock--left btn btn-prev",
-  tabindex: "-1"
-}, "Left", -1), $a = /* @__PURE__ */ a("button", {
-  class: "modal__dock--right btn btn-next",
-  tabindex: "-1"
-}, "Right", -1);
-function qa(e, r, t, o, f, s) {
-  return l(), c("div", {
-    class: "modal",
-    id: t.id,
-    role: "dialog",
-    modal: "true",
-    ref: "modal"
-  }, [
-    a("a", {
-      href: `#${t.returnid ? t.returnid : ""}`,
-      tabindex: "-1"
-    }, va, 8, pa),
-    a("div", ga, [
-      a("a", {
-        href: `#${t.returnid ? t.returnid : ""}`,
-        class: "btn btn-tertiary py-1 px-2"
-      }, [
-        wa,
-        j("✕")
-      ], 8, Aa),
-      a("div", ka, [
-        b(e.$slots, "default")
-      ])
-    ]),
-    Sa,
-    $a
-  ], 8, ya);
-}
-const vi = /* @__PURE__ */ g(_a, [["render", qa]]);
-const xa = {
+const bi = /* @__PURE__ */ A($a, [["render", ys]]);
+const bs = {
   name: "Stepper",
   props: {
     label: {
@@ -2146,25 +1956,25 @@ const xa = {
       default: "Complete"
     }
   }
-}, La = { class: "container" }, Ta = ["aria-label"], Ma = {
+}, _s = { class: "container" }, ps = ["aria-label"], gs = {
   key: 0,
   class: "h6 stepper__start"
-}, Ha = { class: "list-unstyled" }, Ca = { class: "h6 stepper__end" };
-function Na(e, r, t, o, f, s) {
-  return l(), c("div", La, [
-    a("nav", {
+}, vs = { class: "list-unstyled" }, As = { class: "h6 stepper__end" };
+function ws(t, a, e, s, r, n) {
+  return c(), d("div", _s, [
+    o("nav", {
       class: "stepper",
-      "aria-label": t.label ? t.label : "Progress"
+      "aria-label": e.label ? e.label : "Progress"
     }, [
-      t.label ? (l(), c("span", Ma, k(t.label), 1)) : p("", !0),
-      a("ol", Ha, [
-        b(e.$slots, "default")
+      e.label ? (c(), d("span", gs, L(e.label), 1)) : _("", !0),
+      o("ol", vs, [
+        p(t.$slots, "default")
       ]),
-      a("span", Ca, k(t.endlabel), 1)
-    ], 8, Ta)
+      o("span", As, L(e.endlabel), 1)
+    ], 8, ps)
   ]);
 }
-const gi = /* @__PURE__ */ g(xa, [["render", Na]]), Ba = {
+const _i = /* @__PURE__ */ A(bs, [["render", ws]]), Ss = {
   name: "Stepper",
   props: {
     url: {
@@ -2180,69 +1990,77 @@ const gi = /* @__PURE__ */ g(xa, [["render", Na]]), Ba = {
       required: !1
     }
   }
-}, Pa = ["href", "aria-current"], Da = {
+}, Ls = ["href", "aria-current"], ks = {
   key: 0,
   class: "visually-hidden"
 };
-function Ia(e, r, t, o, f, s) {
-  return l(), c("li", null, [
-    a("a", {
-      href: t.url,
-      class: v(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
-      "aria-current": typeof t.current < "u"
+function qs(t, a, e, s, r, n) {
+  return c(), d("li", null, [
+    o("a", {
+      href: e.url,
+      class: v(`${e.status ? "bg-" + e.status : ""}${typeof e.current < "u" ? "current" : ""}`),
+      "aria-current": typeof e.current < "u"
     }, [
-      a("span", null, [
-        b(e.$slots, "default")
+      o("span", null, [
+        p(t.$slots, "default")
       ]),
-      t.status ? (l(), c("em", Da, " - status: " + k(t.status), 1)) : p("", !0)
-    ], 10, Pa)
+      e.status ? (c(), d("em", ks, " - status: " + L(e.status), 1)) : _("", !0)
+    ], 10, Ls)
   ]);
 }
-const Ai = /* @__PURE__ */ g(Ba, [["render", Ia]]), za = function(e) {
-  const r = 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)), r.forEach((o, f) => {
-    let s = o.querySelector(":scope > summary");
-    s.classList.add("visually-hidden");
+const pi = /* @__PURE__ */ A(Ss, [["render", qs]]), xs = function(t) {
+  const a = t.querySelectorAll(":scope > details");
+  t.querySelectorAll(":scope > details > summary");
+  let e = t.querySelector(":scope > .tabs__links");
+  t.shadowRoot && t.shadowRoot.querySelector(".tabs__links") && (e = t.shadowRoot.querySelector(".tabs__links")), e || (e = document.createElement("div"), e.classList.add("tabs__links"), t.prepend(e)), a.forEach((s, r) => {
+    let n = s.querySelector(":scope > summary");
+    n.classList.add("visually-hidden");
     let i = document.createElement("button");
-    o.hasAttribute("id") && (i = document.createElement("a"), i.setAttribute("href", `#${o.getAttribute("id")}`)), o.hasAttribute("open") && i.setAttribute("aria-pressed", !0), i.innerHTML = `${s.innerText}`, i.classList.add("link"), i.setAttribute("data-index", f), i.setAttribute("tabindex", "-1"), t.appendChild(i);
+    s.hasAttribute("id") && (i = document.createElement("a"), i.setAttribute("href", `#${s.getAttribute("id")}`)), s.hasAttribute("open") && i.setAttribute("aria-pressed", !0), i.innerHTML = `${n.innerText}`, i.classList.add("link"), i.setAttribute("data-index", r), i.setAttribute("tabindex", "-1"), e.appendChild(i);
   });
-}, Va = function(e) {
-  let r = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > details > summary"), o = e.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");
-  e.shadowRoot && (o = e.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")), o.forEach((f) => {
-    f.addEventListener("click", (s) => {
-      s.preventDefault(), o.forEach((i) => {
-        let n = i == f;
-        i.setAttribute("aria-pressed", n);
-      }), r.forEach((i, n) => {
-        let h = f.getAttribute("data-index") == n;
+}, $s = function(t) {
+  let a = t.querySelectorAll(":scope > details"), e = t.querySelectorAll(":scope > details > summary"), s = t.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");
+  t.shadowRoot && (s = t.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")), s.forEach((r) => {
+    r.addEventListener("click", (n) => {
+      n.preventDefault(), s.forEach((i) => {
+        let l = i == r;
+        i.setAttribute("aria-pressed", l);
+      }), a.forEach((i, l) => {
+        let h = r.getAttribute("data-index") == l;
         h ? i.setAttribute("open", h) : i.removeAttribute("open");
-      }), f.hasAttribute("href") && history.pushState(void 0, void 0, f.getAttribute("href"));
+      }), r.hasAttribute("href") && history.pushState(void 0, void 0, r.getAttribute("href")), window.dataLayer = window.dataLayer || [], window.dataLayer.push({
+        event: "openTab",
+        tabTitle: r.textContent
+      });
     });
-  }), t.forEach((f, s) => {
-    f.addEventListener("focus", (i) => {
-      o.forEach((n) => {
-        n.classList.remove("focus");
-      }), o[s].classList.add("focus");
-    }), f.addEventListener("click", (i) => {
-      i.preventDefault(), o[s].click();
+  }), e.forEach((r, n) => {
+    r.addEventListener("focus", (i) => {
+      s.forEach((l) => {
+        l.classList.remove("focus");
+      }), s[n].classList.add("focus");
+    }), r.addEventListener("click", (i) => {
+      i.preventDefault(), s[n].click();
     });
   });
-}, Fa = function(e) {
-  let r = 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]") || (r[0].setAttribute("open", !0), t[0].setAttribute("aria-pressed", !0));
-}, Oa = function(e) {
-  za(e), Va(e), Fa(e);
+}, Ts = function(t) {
+  let a = t.querySelectorAll(":scope > details"), e = t.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");
+  t.shadowRoot && (e = t.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")), location.hash && t.querySelector(`.tabs__links [href="${location.hash}"]`) ? (t.querySelector(`[href="${location.hash}"]`).setAttribute("open", !0), t.querySelector(`details[id="${location.hash.replace("#", "")}"]`).setAttribute("open", !0)) : t.querySelector("details[open]") || (a[0].setAttribute("open", !0), e[0].setAttribute("aria-pressed", !0));
+}, Hs = function(t) {
+  xs(t), $s(t), Ts(t);
 };
-class ja extends HTMLElement {
+window.dataLayer = window.dataLayer || [];
+window.dataLayer.push({
+  event: "customElementRegistered",
+  element: "tabs"
+});
+class Cs extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const r = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = `@import "${r}/css/components/tabs.css";`, o = document.createElement("template");
-    o.innerHTML = `
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = `@import "${a}/css/components/tabs.css";`, s = document.createElement("template");
+    s.innerHTML = `
     <style>
-    @import "${r}/css/core.min.css";
-    ${t}
+    @import "${a}/css/core.min.css";
+    ${e}
     
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
@@ -2250,22 +2068,22 @@ class ja extends HTMLElement {
       <div class="tabs__links"></div>
       <slot></slot>
     </div>
-    `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
   }
   connectedCallback() {
-    Oa(this);
+    Hs(this);
   }
 }
-window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", ja);
-const Ra = {
+window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", Cs);
+const Ms = {
   name: "Tabs"
-}, Wa = { ref: "wrapper" };
-function Ka(e, r, t, o, f, s) {
-  return l(), c("iam-tabs", Wa, [
-    b(e.$slots, "default")
+}, Es = { ref: "wrapper" };
+function Ns(t, a, e, s, r, n) {
+  return c(), d("iam-tabs", Es, [
+    p(t.$slots, "default")
   ], 512);
 }
-const wi = /* @__PURE__ */ g(Ra, [["render", Ka]]), Ua = {
+const gi = /* @__PURE__ */ A(Ms, [["render", Ns]]), Ds = {
   name: "Tab",
   props: {
     title: {
@@ -2283,44 +2101,44 @@ const wi = /* @__PURE__ */ g(Ra, [["render", Ka]]), Ua = {
     };
   },
   watch: {
-    show(e, r) {
-      console.log(e);
+    show(t, a) {
+      console.log(t);
     }
   }
-}, Ga = { class: "tab" }, Za = ["innerHTML"];
-function Ea(e, r, t, o, f, s) {
-  return l(), c("details", Ga, [
-    a("summary", { innerHTML: t.title }, null, 8, Za),
-    b(e.$slots, "default")
+}, Rs = { class: "tab" }, Ps = ["innerHTML"];
+function Is(t, a, e, s, r, n) {
+  return c(), d("details", Rs, [
+    o("summary", { innerHTML: e.title }, null, 8, Ps),
+    p(t.$slots, "default")
   ]);
 }
-const ki = /* @__PURE__ */ g(Ua, [["render", Ea]]);
-function Qa(e) {
-  if (e.addEventListener("click", function(t) {
-    for (var o = t.target; o && o != this; o = o.parentNode)
-      if (o.matches(".btn-close")) {
-        t.preventDefault(), e.classList.remove("show"), setTimeout(function() {
-          e.remove();
+const vi = /* @__PURE__ */ A(Ds, [["render", Is]]);
+function Fs(t) {
+  if (t.addEventListener("click", function(e) {
+    for (var s = e.target; s && s != this; s = s.parentNode)
+      if (s.matches(".btn-close")) {
+        e.preventDefault(), t.classList.remove("show"), setTimeout(function() {
+          t.remove();
         }, 300);
         break;
       }
-  }, !1), e.hasAttribute("data-timeout")) {
-    let t = e.getAttribute("data-timeout");
+  }, !1), t.hasAttribute("data-timeout")) {
+    let e = t.getAttribute("data-timeout");
     setTimeout(function() {
-      e.classList.remove("show"), setTimeout(function() {
-        e.remove();
+      t.classList.remove("show"), setTimeout(function() {
+        t.remove();
       }, 300);
-    }, t);
+    }, e);
   }
   if (!document.querySelector(".alert__holder")) {
     document.getElementsByTagName("BODY")[0];
-    let t = document.createElement("div");
-    t.classList.add("alert__holder"), document.querySelector("main") ? document.querySelector("main").appendChild(t) : document.body.appendChild(t);
+    let e = document.createElement("div");
+    e.classList.add("alert__holder"), document.querySelector("main") ? document.querySelector("main").appendChild(e) : document.body.appendChild(e);
   }
-  let r = document.querySelector(".alert__holder");
-  e.classList.contains("alert--fixed") && !e.parentNode.classList.contains("alert__wrapper") && r.appendChild(e);
+  let a = document.querySelector(".alert__holder");
+  t.classList.contains("alert--fixed") && !t.parentNode.classList.contains("alert__wrapper") && a.appendChild(t);
 }
-const Ya = {
+const Bs = {
   name: "Alert",
   props: {
     dismissible: {
@@ -2339,38 +2157,38 @@ const Ya = {
     }
   },
   mounted() {
-    Qa(this.$refs.wrapper);
+    Fs(this.$refs.wrapper);
   }
-}, Ja = ["data-timeout"], Xa = {
+}, Vs = ["data-timeout"], zs = {
   key: 0,
   type: "button",
   class: "btn-close",
   "data-bs-dismiss": "alert",
   "aria-label": "Close"
 };
-function ei(e, r, t, o, f, s) {
-  return l(), c("div", {
-    class: v(`container alert pb-0 ${t.dismissible ? "alert--dismissible fade show" : ""}`),
+function Os(t, a, e, s, r, n) {
+  return c(), d("div", {
+    class: v(`container alert pb-0 ${e.dismissible ? "alert--dismissible fade show" : ""}`),
     ref: "wrapper",
-    "data-timeout": t.timeout,
-    style: te(t.timeout ? `--animation-length: ${t.timeout}ms` : "")
+    "data-timeout": e.timeout,
+    style: ne(e.timeout ? `--animation-length: ${e.timeout}ms` : "")
   }, [
-    a("div", {
-      class: v(`alert__inner bg-${t.colour}`),
+    o("div", {
+      class: v(`alert__inner bg-${e.colour}`),
       role: "alert"
     }, [
-      t.dismissible ? (l(), c("button", Xa)) : p("", !0),
-      b(e.$slots, "default")
+      e.dismissible ? (c(), d("button", zs)) : _("", !0),
+      p(t.$slots, "default")
     ], 2)
-  ], 14, Ja);
+  ], 14, Vs);
 }
-const Si = /* @__PURE__ */ g(Ya, [["render", ei]]);
-let Y = E.props;
-Y.fields.required = !1;
-const ti = {
+const Ai = /* @__PURE__ */ A(Bs, [["render", Os]]);
+let te = ee.props;
+te.fields.required = !1;
+const Ws = {
   components: {
-    Table: E,
-    Input: D
+    Table: ee,
+    Input: R
   },
   data() {
     return {
@@ -2379,17 +2197,17 @@ const ti = {
     };
   },
   methods: {
-    submitForm: function(e) {
+    submitForm: function(t) {
       console.log(this);
-      const r = new FormData(e.target);
-      let t = /* @__PURE__ */ new Date();
-      const o = t.getFullYear();
-      let f = t.getMonth() + 1, s = t.getDate();
-      s < 10 && (s = "0" + s), f < 10 && (f = "0" + f), t = s + "/" + f + "/" + o, this.itemsData.unshift({
-        date_added: t,
-        user: r.get("user"),
-        note: r.get("addNote")
-      }), this.$emit("formSubmitted", e);
+      const a = new FormData(t.target);
+      let e = /* @__PURE__ */ new Date();
+      const s = e.getFullYear();
+      let r = e.getMonth() + 1, n = e.getDate();
+      n < 10 && (n = "0" + n), r < 10 && (r = "0" + r), e = n + "/" + r + "/" + s, this.itemsData.unshift({
+        date_added: e,
+        user: a.get("user"),
+        note: a.get("addNote")
+      }), this.$emit("formSubmitted", t);
     }
   },
   name: "NoteFeed",
@@ -2398,7 +2216,7 @@ const ti = {
       type: String,
       required: !0
     },
-    ...Y,
+    ...te,
     title: {
       type: String,
       required: !1
@@ -2413,62 +2231,216 @@ const ti = {
       required: !1
     }
   }
-}, si = { class: "container note-feed mb-2" }, ai = ["innerHTML"], ii = ["action", "method"], ni = ["value"], ri = /* @__PURE__ */ a("button", { class: "btn btn-tertiary" }, "Submit note", -1);
-function oi(e, r, t, o, f, s) {
-  const i = H("Table"), n = H("Input");
-  return l(), c("div", si, [
-    t.title ? (l(), c("span", {
+}, js = { class: "container note-feed mb-2" }, Us = ["innerHTML"], Ks = ["action", "method"], Gs = ["value"], Qs = /* @__PURE__ */ o("button", { class: "btn btn-tertiary" }, "Submit note", -1);
+function Ys(t, a, e, s, r, n) {
+  const i = E("Table"), l = E("Input");
+  return c(), d("div", js, [
+    e.title ? (c(), d("span", {
       key: 0,
       class: "h3",
-      innerHTML: t.title
-    }, null, 8, ai)) : p("", !0),
-    S(i, T({
+      innerHTML: e.title
+    }, null, 8, Us)) : _("", !0),
+    S(i, H({
       fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
-      items: f.itemsData
-    }, e.$props, { class: "mb-0" }), null, 16, ["items"]),
-    a("form", {
-      action: t.action,
-      method: t.method,
-      onSubmit: r[0] || (r[0] = se((h) => s.submitForm(...arguments), ["prevent"]))
+      items: r.itemsData
+    }, t.$props, { class: "mb-0" }), null, 16, ["items"]),
+    o("form", {
+      action: e.action,
+      method: e.method,
+      onSubmit: a[0] || (a[0] = re((h) => n.submitForm(...arguments), ["prevent"]))
     }, [
-      a("input", {
+      o("input", {
         type: "hidden",
-        value: t.user,
+        value: e.user,
         name: "user"
-      }, null, 8, ni),
-      S(n, {
+      }, null, 8, Gs),
+      S(l, {
         id: "addNote",
         type: "textarea",
         label: "Add note",
         required: "",
         class: "mw-100"
       }),
-      ri
-    ], 40, ii)
+      Qs
+    ], 40, Ks)
+  ]);
+}
+const wi = /* @__PURE__ */ A(Ws, [["render", Ys]]);
+function Zs(t, a) {
+  function e(s, r) {
+    let n = !1, i = r.getAttribute("name");
+    i.includes("[]") && (i = i.replace("[]", `[${r.value}]`));
+    let l = s.querySelector(`[data-name="${i}"]`);
+    l && r.getAttribute("type") == "checkbox" && (n = !0);
+    let h = r.getAttribute("data-filter-text");
+    if (l || (l = document.createElement("button"), s.appendChild(l)), l.setAttribute("type", "button"), l.classList.add("filter"), l.setAttribute("data-name", i), l.innerHTML = h.replace("$value", r.value), (!r.value || n) && l.remove(), r.parentNode.closest("[data-filter-text]")) {
+      let u = r.parentNode.closest("[data-filter-text]"), m = !0;
+      if (i = "", u.querySelectorAll("input").forEach((f, b) => {
+        let g = f.getAttribute("name");
+        if (i += `${b != 0 ? "," : ""}${g}`, s.querySelector(`[data-name="${g}"]`) && s.querySelector(`[data-name="${g}"]`).remove(), f.value) {
+          let y = document.createElement("button");
+          y.setAttribute("type", "button"), y.classList.add("filter"), y.setAttribute("data-name", g), y.innerHTML = h.replace("$value", f.value), s.appendChild(y);
+        } else
+          m = !1;
+      }), s.querySelector(`[data-name="${i}"]`) && s.querySelector(`[data-name="${i}"]`).remove(), m) {
+        let f = u.getAttribute("data-filter-text");
+        u.querySelectorAll("input").forEach((g, y) => {
+          let C = g.getAttribute("name");
+          s.querySelector(`[data-name="${C}"]`) && s.querySelector(`[data-name="${C}"]`).remove(), f = f.replace(`$${y + 1}`, g.value);
+        });
+        let b = document.createElement("button");
+        b.setAttribute("type", "button"), b.classList.add("filter"), b.setAttribute("data-name", i), b.innerHTML = f, s.appendChild(b);
+      }
+    }
+  }
+  Array.from(t.querySelectorAll('input[type="checkbox"]:checked')).forEach((s, r) => {
+    e(a, s);
+  }), t.addEventListener("change", function(s) {
+    if (s && s.target instanceof HTMLElement && s.target.closest("input[data-filter-text]")) {
+      let r = s.target.closest("input[data-filter-text]");
+      e(a, r);
+    }
+  }, !1), a.addEventListener("click", function(s) {
+    if (s && s.target instanceof HTMLElement && s.target.closest(".filter")) {
+      let i = s.target.closest(".filter"), l = i.getAttribute("data-name").split(",");
+      for (var r = 0; r < l.length; r++) {
+        let h = l[r], u = `[name="${h}"]`;
+        if (h.match(/\[(.*)\]/)) {
+          let f = h.replace(/\[(.*)\]/, "[]"), b = h.replace(/.*\[(.*)\]/, "$1");
+          u = `[name="${f}"][value="${b}"]`;
+        }
+        let m = t.querySelectorAll(u);
+        for (var n = 0; n < m.length; n++) {
+          let f = m[n];
+          f.getAttribute("type") != "radio" && f.getAttribute("type") != "checkbox" && (m[n].value = ""), m[n].checked = !1;
+        }
+      }
+      i.remove();
+    }
+  }, !1);
+}
+const ae = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", Xs = `@import "${ae}/css/components/applied-filters.css";`;
+class Js extends HTMLElement {
+  constructor() {
+    super(), this.attachShadow({ mode: "open" });
+    let a = this.classList.toString();
+    const e = document.createElement("template");
+    e.innerHTML = `
+    <style>
+    @import "${ae}/css/core.min.css";
+    ${Xs}
+    ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
+    </style>
+    <div class="applied-filters ${a}"></div>
+    <slot></slot>
+    `, this.shadowRoot.appendChild(e.content.cloneNode(!0));
+  }
+  connectedCallback() {
+    Zs(this, this.shadowRoot.querySelector(".applied-filters"));
+  }
+}
+window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", Js);
+const ei = {
+  name: "Header"
+};
+function ti(t, a, e, s, r, n) {
+  return c(), d("iam-applied-filters", null, [
+    p(t.$slots, "default")
+  ]);
+}
+const Si = /* @__PURE__ */ A(ei, [["render", ti]]);
+function ai(t, a) {
+  si(t, a);
+}
+function si(t, a) {
+  var e;
+  a.addEventListener("keyup", (s) => {
+    clearTimeout(e), e = setTimeout(function() {
+      K(t, a.value);
+    }, 500);
+  }), a.addEventListener("change", (s) => {
+    clearTimeout(e), K(t, a.value);
+  });
+}
+const K = function(t, a) {
+  Array.from(t.querySelectorAll(":scope > li")).forEach((e, s) => {
+    let r = e.textContent.toLowerCase();
+    e.classList.add("d-none"), r.includes(a.toLowerCase()) && e.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 ii extends HTMLElement {
+  constructor() {
+    super(), this.attachShadow({ mode: "open" });
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.createElement("template");
+    e.innerHTML = `
+    <style>
+    @import "${a}/css/core.min.css";
+    ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
+    
+    :host {
+      margin-bottom: 3rem;
+      display:block;
+    }
+    </style>
+    <div class="form-control__wrapper">
+      <label for="search" class="visually-hidden">Search</label>
+      <span class="suffix" role="presentation"><slot name="icon"></slot></span>
+      <input name="search" id="search" type="text" class="form-control" autocomplete="off">
+    </div>
+    <div class="list__wrapper">
+      <slot></slot>
+    </div>
+    `, this.shadowRoot.appendChild(e.content.cloneNode(!0));
+  }
+  connectedCallback() {
+    const a = {
+      small: "12.5rem",
+      medium: "25rem",
+      large: "37.5rem"
+    };
+    let e = this.hasAttribute("data-max-height") && a[this.getAttribute("data-max-height")] ? "list__wrapper--" + this.getAttribute("data-max-height") : "";
+    this.shadowRoot.querySelector(".list__wrapper").classList.add(e), this.querySelector("i.fa-search") || (this.innerHTML += '<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'), ai(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
+  }
+}
+window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", ii);
+const li = {
+  name: "Filter list"
+};
+function ni(t, a, e, s, r, n) {
+  return c(), d("iam-filterlist", null, [
+    p(t.$slots, "default")
   ]);
 }
-const $i = /* @__PURE__ */ g(ti, [["render", oi]]);
+const Li = /* @__PURE__ */ A(li, [["render", ni]]);
 export {
-  ui as Accordion,
-  fi as AccordionItem,
-  Si as Alert,
-  hi as Banner,
-  Q as Card,
-  Ct as CardDeck,
-  mi as Carousel,
-  di as FileUploads,
-  _i as Header,
-  oe as Icon,
-  D as Input,
-  fe as Logo,
-  vi as Modal,
+  ci as Accordion,
+  di as AccordionItem,
+  Ai as Alert,
+  Si as AppliedFilters,
+  ui as Banner,
+  Nt as Card,
+  hi as Carousel,
+  oi as FileUploads,
+  Li as Filterlist,
+  mi as Header,
+  he as Icon,
+  R as Input,
+  _e as Logo,
   bi as Nav,
-  $i as NoteFeed,
-  pi as PropertySearchbar,
-  Ai as Step,
-  gi as Stepper,
-  ki as Tab,
-  E as Table,
-  wi as Tabs,
-  yi as Testimonial
+  wi as NoteFeed,
+  yi as PropertySearchbar,
+  pi as Step,
+  _i as Stepper,
+  vi as Tab,
+  ee as Table,
+  gi as Tabs,
+  fi as Testimonial
 };