@iamproperty/components 3.4.5 → 3.4.7

package/dist/components.es.js

@@ -1,10 +1,10 @@
-import { openBlock as l, createElementBlock as o, createElementVNode as s, toDisplayString as k, normalizeClass as b, createCommentVNode as p, Fragment as $, renderList as x, renderSlot as v, withDirectives as N, mergeProps as T, vModelDynamic as O, vModelText as J, vModelSelect as X, resolveComponent as H, createVNode as S, createTextVNode as F, normalizeStyle as ee, withModifiers as te } from "vue";
-const g = (e, r) => {
-  const t = e.__vccOpts || e;
-  for (const [u, h] of r)
-    t[u] = h;
-  return t;
-}, se = {
+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"
     }
   }
-}, ae = { class: "icon" }, ie = ["xlink:href"];
-function ne(e, r, t, u, h, a) {
-  return l(), o("svg", ae, [
-    s("title", null, k(t.id), 1),
-    s("use", {
-      "xlink:href": t.path + "#icon-" + t.id
-    }, null, 8, ie)
+}, 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 re = /* @__PURE__ */ g(se, [["render", ne]]), le = {
+const he = /* @__PURE__ */ A(oe, [["render", ue]]), me = {
   name: "Logo",
   props: {
     id: {
@@ -52,390 +52,389 @@ const re = /* @__PURE__ */ g(se, [["render", ne]]), le = {
       return "brand brand--" + this.id;
     }
   }
-}, oe = ["xlink:href"], ce = ["innerHTML"];
-function de(e, r, t, u, h, a) {
-  return l(), o("div", {
-    class: b(a.className)
+}, fe = ["xlink:href"], ye = ["innerHTML"];
+function be(t, a, e, s, r, n) {
+  return c(), d("div", {
+    class: v(n.className)
   }, [
-    (l(), o("svg", null, [
-      s("title", null, "iam " + k(t.id), 1),
-      s("use", {
-        "xlink:href": t.path + a.src
-      }, null, 8, oe)
+    (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(), o("span", {
+    e.desc ? (c(), d("span", {
       key: 0,
-      innerHTML: t.desc
-    }, null, 8, ce)) : p("", !0)
+      innerHTML: e.desc
+    }, null, 8, ye)) : _("", !0)
   ], 2);
 }
-const ue = /* @__PURE__ */ g(le, [["render", de]]), W = (e) => e.charAt(0).toUpperCase() + e.slice(1), K = (e) => e.replace(/_/g, " "), fe = (e) => e.replace(/ /g, "_"), he = function(e) {
-  return e = e.toLowerCase(), e = fe(e), e = e.replace(/\W/g, ""), e;
-}, me = 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));
-}, _e = (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"), u = t.cloneNode(!0), h = new Event("sorted"), a = new Event("filtered"), n = new Event("reordered"), i = "table_" + Math.random().toString(36).substr(2, 9);
-  let f;
-  e.setAttribute("id", i);
-  const A = function(m, d) {
-    let c = [];
-    Array.from(t.querySelectorAll("tr")).forEach((y, L) => {
-      let w = y.querySelector('td[data-label="' + m + '"], th[data-label="' + m + '"]').textContent;
-      me(w) && (w = _e(w, 10));
-      const V = {
-        index: w,
-        row: y
-      };
-      c.push(V);
-    }), c.sort((y, L) => y.index > L.index ? 1 : -1), d == "descending" && (c = c.reverse());
-    let _ = "";
-    c.forEach((y, L) => {
-      _ += y.row.outerHTML;
-    }), t.innerHTML = _, e.dispatchEvent(h);
-  };
-  if (e.addEventListener("click", function(m) {
-    for (var d = m.target; d && d != this; d = d.parentNode)
-      if (d.matches("[data-sortable]")) {
-        let c = d.getAttribute("aria-sort") == "ascending" ? "descending" : "ascending";
-        Array.from(e.querySelectorAll("[data-sortable]")).forEach((_, y) => {
-          _.setAttribute("aria-sort", "none");
-        }), d.setAttribute("aria-sort", c), e.setAttribute("data-sort", c), e.setAttribute("data-sortBy", d.textContent), A(d.textContent, c), 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((d, c) => {
-      d.textContent == e.getAttribute("data-sortBy") && (d.setAttribute("aria-sort", m), d.click());
     });
-  }
-  const q = function(m) {
-    const d = document.createElement("div");
-    d.classList.add("table__filters"), d.classList.add("row"), d.classList.add("pt-1"), d.classList.add("pb-3");
-    const c = Array.from(e.querySelectorAll("th[data-filterable]"));
-    let _ = {};
-    c.forEach((w, V) => {
-      Array.from(e.querySelectorAll('td[data-label="' + w.textContent + '"]')).forEach((j, ci) => {
-        _[j.textContent] = j.textContent;
-      });
-    });
-    const y = c.length == 1 ? "Filter by " + c[0].textContent : "Filter", L = c.length == 1 ? "d-none" : "d-sm-flex";
-    d.innerHTML = `<div class="col-sm-6 col-md-4 pb-3">
-  <div class="form-control__wrapper form-control-inline mb-0">
-    <label for="${i}_filter" class="form-label">${y}:</label>
-    <input type="search" name="${i}_filter" id="${i}_filter" class="form-control form-control-sm" placeholder="" list="${i}_list" />
-  </div>
-  <datalist id="${i}_list">
-    ${Object.keys(_).map((w) => `<option value="${w}"></option>`).join("")}
-  </datalist>
-</div>
-<div class="col-md-8 align-items-center pb-3 ${L}">
-  ${'<span class="pe-3 text-nowrap h5 mb-0">Filter by: </span>' + c.map((w) => `<div class="form-check pe-3 mt-0 mb-0"><input class="form-check-input" type="checkbox" id="${i}_${w.textContent.replace(" ", "_").toLowerCase()}" checked="checked" /><label class="form-check-label text-nowrap" for="${i}_${w.textContent.replace(" ", "_").toLowerCase()}">${w.textContent}</label></div>`).join("")}
-</div>`, e.prepend(d);
-  }, M = function(m) {
-    let d = [];
-    Array.from(u.querySelectorAll("tr")).forEach((_, y) => {
-      let L = "";
-      if (Array.from(e.querySelectorAll('[type="checkbox"]:checked + label')).forEach((w, V) => {
-        L += _.querySelector('td[data-label="' + w.textContent + '"]').textContent + " | ";
-      }), L.indexOf(m) >= 0) {
-        const w = { row: _ };
-        d.push(w);
-      }
+  });
+}, 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) => {
+  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 c = "";
-    d.forEach((_, y) => {
-      c += _.row.outerHTML;
-    }), t.innerHTML = c, e.dispatchEvent(a);
-  }, 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 d = [];
-    m.forEach((_, y) => {
-      Array.from(e.querySelectorAll('td[data-label="' + _ + '"]')).forEach((L, w) => {
-        d[L.textContent] = L.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})`;
+  }), !r.length && !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))
+    console.log(m), 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(), x = new Date(w.setDate(w.getDate() - (w.getDay() - 1))), q = new Date(w.setDate(w.getDate() - w.getDay() + 7)), k = new Date(M.textContent.toLowerCase());
+          if (w.setHours(0, 0, 0, 0), x.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), y == "$thisWeek")
+            g = k >= x && k <= q;
+          else {
+            let O = new Date(x.setDate(x.getDate() - 7)), j = new Date(q.setDate(q.getDate() - 7));
+            O.setHours(0, 0, 0, 0), j.setHours(0, 0, 0, 0), g = k >= O && k <= j;
+          }
+        } else if (y && y == "$thisMonth") {
+          let w = /* @__PURE__ */ new Date(), x = w.getFullYear(), q = w.getMonth();
+          var B = new Date(x, q, 1), V = new Date(x, q + 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(), x = w.getFullYear(), q = w.getMonth();
+          var z = new Date(x, q - 1, 1), W = new Date(x, q, 0);
+          let k = new Date(M.textContent.toLowerCase());
+          z.setHours(0, 0, 0, 0), W.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), g = k >= z && k <= W;
+        }
+        M && M.textContent.toLowerCase().includes(y.toLowerCase()) && (g = !0);
+      }), g || (f.classList.add("filtered"), f.setAttribute("data-filtered-by", u));
     });
-    let c = e.querySelector("datalist");
-    c.innerHTML = Object.keys(d).map((_) => `<option value="${_}"></option>`).join("");
-  };
-  Array.from(e.querySelectorAll("[data-filterable]")).length && (q(e, Array.from(e.querySelectorAll("[data-filterable]")).length), e.addEventListener("keyup", function(m) {
-    for (var d = m.target; d && d != this; d = d.parentNode)
-      if (d.matches('input[type="search"]')) {
-        const c = d.value;
-        M(c);
-      }
-  }), e.addEventListener("change", function(m) {
-    for (var d = m.target; d && d != this; d = d.parentNode)
-      if (d.matches('input[type="search"]')) {
-        const c = d.value;
-        M(c);
-      }
-  }), e.addEventListener("change", function(m) {
-    for (var d = m.target; d && d != this; d = d.parentNode)
-      if (d.matches('input[type="checkbox"]')) {
-        const c = e.querySelector('input[type="search"]').value;
-        M(c), I();
-      }
-  }));
-  const C = function(m, d) {
-    let c = document.getElementById(i + "_style");
-    c == null && (c = document.createElement("style"), c.setAttribute("id", i + "_style"));
-    const _ = m * (d - 1) + 1, y = m * d;
-    c.innerHTML = `
-    #${i} tbody tr {
-      display: none;
-    }
-    #${i} tbody tr:nth-child(${_}),
-    #${i} 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}"])`;
+      }), console.log(h), 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(" == ");
+      console.log(l[0]), i = Array.from(t.querySelectorAll(`tbody tr.filtered--matched 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) {
-      #${i} tbody tr:nth-child(${_}),
-      #${i} 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);
     }
-    #${i} 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(c);
-  };
-  if (e.getAttribute("data-show")) {
-    const m = parseInt(e.getAttribute("data-show")), d = parseInt(e.getAttribute("data-page")) ? parseInt(e.getAttribute("data-page")) : 1, c = e.querySelectorAll("tbody tr").length;
-    m < c && (C(m, d), U(i, e, m, d, c), B(i, e, m, d, c), e.addEventListener("change", function(_) {
-      for (var y = _.target; y && y != this; y = y.parentNode)
-        y.matches('.table__pagination input[type="number"]') && (C(y.value, d), B(i, e, y.value, d, c), 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(i, e, e.getAttribute("data-show"), y.getAttribute("data-page"), c));
-    }, !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(i, e, e.getAttribute("data-show"), y.value, c));
-    }));
+  });
+}, xe = (t, a) => {
+  if (!t)
+    return !1;
+  t.addEventListener("click", (e) => {
+    qe(a);
+  });
+}, qe = 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 E(m) {
-    m.dataTransfer.setData("text/plain", m.target.id), f = 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, d) => {
-      if (m.querySelector('[data-label="Order"]') == null) {
-        const c = document.createElement("th");
-        c.innerHTML = d + 1, c.setAttribute("data-label", "Order"), m.prepend(c);
-      }
-      m.setAttribute("id", i + "_row_" + (d + 1)), m.setAttribute("data-order", d + 1), m.setAttribute("draggable", "true"), m.addEventListener("dragstart", E);
-    });
-  };
-  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(d) {
-      for (var c = d.target; c && c != this; c = c.parentNode)
-        if (c.matches(".table-order-reset")) {
-          Array.from(e.querySelectorAll("[data-sortable]")).forEach((_, y) => {
-            _.setAttribute("aria-sort", "none");
-          }), e.removeAttribute("data-sort"), e.removeAttribute("data-sortBy"), A("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(d) {
-      d.preventDefault();
-    }, !1), document.addEventListener("dragenter", function(d) {
-      d.preventDefault(), d.dataTransfer.dropEffect = "move";
-      for (var c = d.target; c && c != this; c = c.parentNode)
-        c.matches("[data-reorder] tbody tr") && c.classList.add("tr--dropable");
-    }, !1), document.addEventListener("dragleave", function(d) {
-      d.preventDefault();
-      for (var c = d.target; c && c != this; c = c.parentNode)
-        c.matches("[data-reorder] tbody tr") && c.classList.remove("tr--dropable");
-    }, !1), document.addEventListener("drop", function(d) {
-      d.preventDefault();
-      for (var c = d.target; c && c != this; c = c.parentNode)
-        if (c.matches("[data-reorder] tbody tr")) {
-          c.parentNode != null && f.parentNode != null && c != f && (f.parentNode.removeChild(f), f.getAttribute("data-order") > c.getAttribute("data-order") ? c.parentNode.insertBefore(f, c) : c.parentNode.insertBefore(f, c.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(n));
-          break;
         }
-    }, !1);
-  }
-  e.addEventListener("filtered", function(m) {
-    if (e.getAttribute("data-sortBy") && e.getAttribute("data-sort") && A(e.getAttribute("data-sortBy"), e.getAttribute("data-sort")), e.getAttribute("data-show")) {
-      const d = parseInt(e.getAttribute("data-show")), c = e.querySelectorAll("tbody tr").length, _ = e.querySelector(".table__pagination");
-      _ != null && _.remove(), d < c && (C(d, 1), U(i, e, d, 1, c), B(i, e, d, 1, c));
-    }
-    e.getAttribute("data-reorder") && z();
-  }, !1), e.addEventListener("sorted", function(m) {
-    e.getAttribute("data-reorder") && z();
-  }, !1), e.addEventListener("populated", function(m) {
-    var d = e.querySelector(".table__filters");
-    d.remove();
-    var c = e.querySelector(".table__pagination");
-    c.remove();
-    var _ = e.cloneNode(!0);
-    e.parentNode.replaceChild(_, e), Z(_);
-  }, !1);
-}
-const U = function(e, r, t, u, h) {
-  const a = document.createElement("div");
-  a.classList.add("table__pagination"), a.classList.add("row"), a.classList.add("pt-3"), a.classList.add("pb-3"), a.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="${h}" />
-</div>
-<datalist id="${e}_pagination">
-<option value="5">5</option>
-${h > 10 ? '<option value="10">10</option>' : ""}
-${h > 20 ? '<option value="20">20</option>' : ""}
-<option value="${h}">${h}</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(a);
-}, B = function(e, r, t, u, h) {
-  const a = document.getElementById(e + "_paginationBtns");
-  if (a == null)
-    return !1;
-  const n = Math.ceil(h / t);
-  if (n == 1)
-    a.innerHTML = "";
-  else if (n < 5) {
-    let i = "";
-    for (let f = 1; f <= n; f++)
-      f == u ? i += `<li class="page-item active" aria-current="page"><span class="page-link">${f}</span></li>` : i += `<li class="page-item"><button class="page-link" data-page="${f}">${f}</button></li>`;
-    a.innerHTML = `<span class="pe-2 mb-3">Page: </span><ul class="pagination mb-3">
-      ${u == 1 ? '<li class="page-item disabled"><span class="page-link">Previous</span></li>' : `<li class="page-item"><button class="page-link" data-page="${parseInt(u) - 1}">Previous</button></li>`}
-      ${i}
-      ${u == n ? '<li class="page-item disabled"><span class="page-link">Next</span></li>' : `<li class="page-item"><button class="page-link" data-page="${parseInt(u) + 1}">Next</button></li>`}
-    </ul>`;
-  } else {
-    let i = "";
-    for (let f = 1; f <= n; f++)
-      f == u ? i += `<option value="${f}" selected>Page ${f}</option>` : i += `<option value="${f}">Page ${f}</option>`;
-    a.innerHTML = `
-<div class="form-control__wrapper page-number mb-2">
-<select class="form-select">
-${i}
-</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 ye = {
+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), xe(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));
+  }
+  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((u, h) => {
-        let a = u.rowid ? u.rowid : "";
-        u = Object.fromEntries(Object.entries(u).filter(([n]) => n !== "rowid")), r += `<tr data-row-id="${a}">${Object.keys(u).map((n) => `<td data-label="${W(K(n))}" data-numeric="${G(u[n])}">${u[n]}</td>`).join("")}</tr>`;
-      }), e.innerHTML = r;
-      const t = new Event("filtered");
-      this.$refs.wrapper.dispatchEvent(t);
-    });
   }
-}, pe = ["data-sortby", "data-sort", "data-show", "data-page", "data-reorder"], be = { key: 0 }, ve = ["data-sortable", "data-filterable"], ge = { key: 1 }, we = ["data-row-id"], ke = ["innerHTML", "data-label", "data-numeric"];
-function Ae(e, r, t, u, h, a) {
-  return l(), o("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
-  }, [
-    s("table", null, [
-      t.fields ? (l(), o("thead", be, [
-        s("tr", {
-          class: b(t.headingclass)
-        }, [
-          (l(!0), o($, null, x(t.fields, (n) => (l(), o("th", {
-            key: n.key,
-            "data-sortable": n.sortable,
-            "data-filterable": n.filterable
-          }, k(a.cellHeading(n.key)), 9, ve))), 128))
-        ], 2)
-      ])) : p("", !0),
-      t.items ? (l(), o("tbody", ge, [
-        (l(!0), o($, null, x(t.items, (n, i) => (l(), o("tr", {
-          key: i,
-          "data-row-id": n.rowid
+}, 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), o($, null, x(Object.fromEntries(Object.entries(n).filter(([f]) => f !== "rowid")), (f, A) => (l(), o("td", {
-            key: A,
-            innerHTML: f,
-            "data-label": a.cellHeading(A),
-            "data-numeric": a.numericValue(f)
-          }, null, 8, ke))), 128))
-        ], 8, we))), 128))
-      ])) : p("", !0)
-    ]),
-    v(e.$slots, "default")
-  ], 8, pe);
+          (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 R = /* @__PURE__ */ g(ye, [["render", Ae]]), Se = {
+const ee = /* @__PURE__ */ A(Ee, [["render", Ie]]), Fe = {
   name: "Input",
   props: {
     value: {
@@ -597,176 +596,176 @@ const R = /* @__PURE__ */ g(ye, [["render", Ae]]), Se = {
       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");
     }
   }
-}, $e = ["for", "innerHTML", "title"], xe = ["innerHTML"], qe = ["innerHTML"], Le = ["type", "name", "id", "pattern", "list"], Te = ["type", "name", "id", "pattern"], Me = {
+}, Be = ["for", "innerHTML", "title"], Ve = ["innerHTML"], ze = ["innerHTML"], We = ["type", "name", "id", "pattern", "list"], Oe = ["type", "name", "id", "pattern"], je = {
   key: 5,
   class: "input-group"
-}, He = ["type", "name", "id", "pattern", "list"], Ce = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Ne = {
+}, 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"
-}, Be = ["type", "name", "id", "pattern", "list"], Pe = { class: "input-group-text flex-fill" }, De = ["type", "name", "id", "pattern"], Ie = ["value"], ze = ["id"], Ve = ["value"], Oe = ["type", "name", "id"], Fe = ["for", "innerHTML"], je = ["type", "name", "id"], We = ["for", "innerHTML"], Ke = ["innerHTML"];
-function Ue(e, r, t, u, h, a) {
-  return l(), o("div", {
-    class: b(a.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"
   }, [
-    a.needsLabel() ? (l(), o("label", {
+    n.needsLabel() ? (c(), d("label", {
       key: 0,
-      class: b(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
-      for: t.id,
-      innerHTML: a.displayLabel(),
-      title: t.title
-    }, null, 10, $e)) : p("", !0),
-    t.prefix ? (l(), o("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: b(`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(), o("span", {
+    }, null, 10, Ve)) : _("", !0),
+    e.suffix ? (c(), d("span", {
       key: 2,
-      class: b(`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, qe)) : p("", !0),
-    a.isInput() ? N((l(), o("input", T({
+    }, null, 10, ze)) : _("", !0),
+    n.isInput() ? N((c(), d("input", H({
       key: 3,
-      "onUpdate:modelValue": r[0] || (r[0] = (n) => a.inputVal = n),
-      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: a.needPattern(),
-      list: a.hasOptions()
-    }, e.$attrs, {
-      onKeyup: r[1] || (r[1] = (...n) => a.inputKeyup && a.inputKeyup(...n))
-    }), null, 16, Le)), [
-      [O, a.inputVal]
-    ]) : p("", !0),
-    t.type == "textarea" ? N((l(), o("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, We)), [
+      [P, n.inputVal]
+    ]) : _("", !0),
+    e.type == "textarea" ? N((c(), d("textarea", H({
       key: 4,
-      "onUpdate:modelValue": r[2] || (r[2] = (n) => a.inputVal = n),
-      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: a.needPattern()
-    }, e.$attrs), null, 16, Te)), [
-      [J, a.inputVal]
-    ]) : p("", !0),
-    t.type == "range" ? (l(), o("div", Me, [
-      N(s("input", T({
-        "onUpdate:modelValue": r[3] || (r[3] = (n) => a.inputVal = n),
-        class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
-        type: t.type,
-        name: t.name ? t.name : t.id,
-        id: t.id,
-        pattern: a.needPattern(),
-        list: a.hasOptions()
-      }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, He), [
-        [O, a.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, Oe)), [
+      [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]
       ]),
-      s("output", Ce, k(t.value), 1)
-    ])) : p("", !0),
-    t.type == "color" ? (l(), o("div", Ne, [
-      N(s("input", T({
-        "onUpdate:modelValue": r[4] || (r[4] = (n) => a.inputVal = n),
-        class: `form-control form-control-color${t.inputclass ? ` ${t.inputclass}` : ""}`,
-        type: t.type,
-        name: t.name ? t.name : t.id,
-        id: t.id,
-        pattern: a.needPattern(),
-        list: a.hasOptions()
-      }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Be), [
-        [O, a.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]
       ]),
-      s("output", Pe, k(t.value ? e.vale : "#000000"), 1)
-    ])) : p("", !0),
-    t.type == "select" ? N((l(), o("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] = (n) => a.inputVal = n),
-      class: `form-select${t.size ? ` form-select-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
-      type: t.type,
-      name: t.id,
-      id: t.id,
-      pattern: a.needPattern()
-    }, e.$attrs), [
-      (l(!0), o($, null, x(t.options, (n, i) => (l(), o("option", {
-        key: i,
-        value: n.value
-      }, k(n.display ? n.display : n.value), 9, Ie))), 128))
-    ], 16, De)), [
-      [X, a.inputVal]
-    ]) : p("", !0),
-    a.allowDatalist() ? (l(), o("datalist", {
+      "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
+      }, 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), o($, null, x(t.options, (n, i) => (l(), o("option", {
-        key: i,
-        value: n.value
-      }, k(n.value), 9, Ve))), 128))
-    ], 8, ze)) : p("", !0),
-    t.type == "checkbox" || t.type == "radio" ? (l(), o("input", T({
+      (c(!0), d($, null, T(e.options, (i, l) => (c(), d("option", {
+        key: l,
+        value: i.value
+      }, 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(), o("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: b(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
-      for: t.id,
-      innerHTML: t.label
-    }, null, 10, Fe)) : p("", !0),
-    t.type == "checkbox-btn" || t.type == "radio-btn" ? (l(), o("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, je)) : p("", !0),
-    t.type == "checkbox-btn" || t.type == "radio-btn" ? (l(), o("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: b(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
-      for: t.id,
-      innerHTML: t.label,
-      onClick: r[6] || (r[6] = (...n) => a.clickEvent && a.clickEvent(...n))
-    }, null, 10, We)) : p("", !0),
-    t.errormsg ? (l(), o("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),
-    v(e.$slots, "default")
+      innerHTML: e.errormsg
+    }, null, 8, lt)) : _("", !0),
+    p(t.$slots, "default")
   ], 2);
 }
-const D = /* @__PURE__ */ g(Se, [["render", Ue]]), Ge = {
+const R = /* @__PURE__ */ A(Fe, [["render", nt]]), rt = {
   components: {
-    Input: D
+    Input: R
   },
   name: "FileUploads",
   props: {
@@ -787,83 +786,100 @@ const D = /* @__PURE__ */ g(Se, [["render", Ue]]), Ge = {
       required: !1
     }
   }
-}, Ze = { class: "multiple-file-uploads mb-4" }, Re = { class: "row" }, Qe = { class: "col-12 col-md me-auto" }, Ye = /* @__PURE__ */ s("div", { class: "col mw-fit-content" }, [
-  /* @__PURE__ */ s("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), Ee = ["data-maxfiles"];
-function Je(e, r, t, u, h, a) {
-  const n = H("Input");
-  return l(), o("div", Ze, [
-    s("div", Re, [
-      s("div", {
-        class: b(`${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(n, {
+        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),
-      s("div", Qe, [
-        v(e.$slots, "default")
+      o("div", dt, [
+        p(t.$slots, "default")
       ]),
-      Ye
+      ut
     ]),
-    s("button", {
+    o("button", {
       type: "button",
       class: "btn btn-secondary me-0",
       "data-add": "",
-      "data-maxfiles": t.maxfiles
-    }, "+ Add file", 8, Ee)
+      "data-maxfiles": e.maxfiles
+    }, "+ Add file", 8, ht)
   ]);
 }
-const ui = /* @__PURE__ */ g(Ge, [["render", Je]]);
-function Xe(e) {
-  if (!e.classList.contains("accordion--keep-open")) {
-    const r = e.querySelectorAll(":scope > details");
-    r.forEach((t) => {
-      t.addEventListener("click", () => {
-        r.forEach((u) => {
-          u !== t && u.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");
         });
       });
     });
   }
-  if (window.location.hash && document.querySelector(window.location.hash + ":not([open]) summary")) {
-    const r = document.querySelector(window.location.hash + " summary");
-    r instanceof HTMLElement && r.click();
+}
+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 a = document.createElement("template");
+    a.innerHTML = `
+    <style>
+    @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(a.content.cloneNode(!0));
+  }
+  connectedCallback() {
+    ft(this), this.insertAdjacentHTML("beforebegin", `<link rel="stylesheet" href="${I}/css/components/accordion.css">`);
   }
-  window.addEventListener("hashchange", function() {
-    if (window.location.hash && document.querySelector(window.location.hash + " summary")) {
-      const r = document.querySelector(window.location.hash + " summary");
-      r instanceof HTMLElement && r.click();
-    }
-  });
 }
-const et = {
+window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", yt);
+const bt = {
   name: "Accordion",
   props: {},
   mounted() {
-    Xe(this.$refs.wrapper);
   }
-}, tt = {
-  class: "container accordion",
-  ref: "wrapper"
-};
-function st(e, r, t, u, h, a) {
-  return l(), o("div", tt, [
-    v(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 fi = /* @__PURE__ */ g(et, [["render", st]]), at = {
+const ci = /* @__PURE__ */ A(bt, [["render", pt]]), gt = {
   name: "AccordionItem",
   props: {
     title: {
@@ -890,7 +906,7 @@ const fi = /* @__PURE__ */ g(et, [["render", st]]), at = {
   },
   computed: {
     createID() {
-      return (e) => `${he(e)}`;
+      return (t) => `${Me(t)}`;
     }
   },
   data() {
@@ -898,33 +914,24 @@ const fi = /* @__PURE__ */ g(et, [["render", st]]), at = {
       show: !this.lazy
     };
   }
-}, it = ["id"], nt = { class: "accordion-header accordion-button h4" }, rt = {
-  key: 0,
-  class: "accordion-body"
-};
-function lt(e, r, t, u, h, a) {
-  return l(), o("details", {
-    class: "accordion-item",
-    id: a.createID(t.title)
+}, vt = ["id"], At = ["classList"];
+function wt(t, a, e, s, r, n) {
+  return c(), d("details", {
+    id: n.createID(e.title)
   }, [
-    s("summary", {
-      class: b(`${t.titlecolour ? `bg-${t.titlecolour}` : ""}`),
-      onClick: r[0] || (r[0] = (n) => h.show = !0)
+    o("summary", {
+      classList: `${e.titlecolour ? `bg-${e.titlecolour}` : ""}`
     }, [
-      s("span", nt, [
-        F(k(t.title), 1),
-        t.badge ? (l(), o("span", {
-          key: 0,
-          class: b(`badge bg-${t.badgecolour}`)
-        }, k(t.badge), 3)) : p("", !0)
-      ])
-    ], 2),
-    h.show ? (l(), o("div", rt, [
-      v(e.$slots, "default")
-    ])) : p("", !0)
-  ], 8, it);
+      le(L(e.title), 1),
+      e.badge ? (c(), d("span", {
+        key: 0,
+        class: v(`badge bg-${e.badgecolour}`)
+      }, L(e.badge), 3)) : _("", !0)
+    ], 8, At),
+    p(t.$slots, "default")
+  ], 8, vt);
 }
-const hi = /* @__PURE__ */ g(at, [["render", lt]]), ot = {
+const di = /* @__PURE__ */ A(gt, [["render", wt]]), St = {
   name: "Header",
   props: {
     title: {
@@ -941,181 +948,150 @@ const hi = /* @__PURE__ */ g(at, [["render", lt]]), ot = {
       required: !1
     }
   }
-}, ct = { class: "container" }, dt = { class: "row" }, ut = { class: "col-sm-6" }, ft = { class: "pt-5 pb-3 px-4" }, ht = { class: "col-sm-6 col-md-5 ms-auto" }, mt = ["src"];
-function _t(e, r, t, u, h, a) {
-  return l(), o("div", ct, [
-    s("div", {
-      class: b("bg-" + t.background + " mb-4")
+}, Lt = { class: "container" }, kt = { class: "row" }, xt = { class: "col-sm-6" }, qt = { 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")
     }, [
-      s("div", dt, [
-        s("div", ut, [
-          s("div", ft, [
-            s("h2", null, k(t.title), 1),
-            v(e.$slots, "default")
+      o("div", kt, [
+        o("div", xt, [
+          o("div", qt, [
+            o("h2", null, L(e.title), 1),
+            p(t.$slots, "default")
           ])
         ]),
-        s("div", ht, [
-          t.image ? (l(), o("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, mt)) : p("", !0)
+          }, null, 8, Tt)) : _("", !0)
         ])
       ])
     ], 2)
   ]);
 }
-const mi = /* @__PURE__ */ g(ot, [["render", _t]]);
-const yt = {
-  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(h) {
-          switch (h) {
-            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((h) => `<span class="badge rounded-pill py-2 px-3 mb-3 me-2 ${e(h)}">${h}</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>` : "", u = `
-        ${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}${u}${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;
+      }
     }
   }
-}, pt = ["href", "title", "target"], bt = {
-  key: 0,
-  class: "card-header__wrapper"
-}, vt = ["src"], gt = { class: "card-header" }, wt = ["innerHTML"], kt = ["innerHTML"], At = ["src"], St = ["innerHTML"], $t = {
-  key: 1,
-  class: "card-footer"
-}, xt = { class: "visually-hidden" };
-function qt(e, r, t, u, h, a) {
-  return l(), o("a", {
-    href: t.link,
-    class: b("card" + (t.type ? " card--" + t.type : "") + " " + t.cardClass),
-    title: t.ctatext + ": " + t.title + (t.subtitle ? " - " + t.subtitle : ""),
-    target: t.target
-  }, [
-    t.image ? (l(), o("div", bt, [
-      s("img", {
-        src: t.image,
-        alt: "",
-        loading: "lazy",
-        class: "card-image"
-      }, null, 8, vt),
-      s("div", gt, [
-        this.details && this.details.status ? (l(), o("span", {
-          key: 0,
-          class: "badge bg-primary p-2 me-2",
-          innerHTML: a.cardStatus()
-        }, null, 8, wt)) : p("", !0),
-        this.details && (this.details.images || this.details.videos) ? (l(), o("span", {
-          key: 1,
-          class: "badge bg-black bg-opacity-50 p-2 align-self-end",
-          innerHTML: a.cardMedia()
-        }, null, 8, kt)) : p("", !0)
-      ]),
-      t.details && t.details.logo ? (l(), o("img", {
-        key: 0,
-        src: t.details.logo,
-        alt: "",
-        loading: "lazy",
-        class: "card-logo"
-      }, null, 8, At)) : p("", !0)
-    ])) : p("", !0),
-    s("div", {
-      class: "card-body",
-      innerHTML: a.cardContent()
-    }, null, 8, St),
-    t.hidectatext == !1 ? (l(), o("div", $t, [
-      s("span", {
-        class: b(`${t.btntype == "link" ? "link" : `btn btn-${t.btntype}`} mb-0`)
-      }, [
-        F(k(t.ctatext), 1),
-        s("span", xt, ": " + k(t.title), 1)
-      ], 2)
-    ])) : p("", !0)
-  ], 10, pt);
 }
-const Q = /* @__PURE__ */ g(yt, [["render", qt]]);
-const Lt = {
+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,
@@ -1165,94 +1141,7 @@ const Lt = {
       type: Boolean,
       required: !1,
       default: !1
-    }
-  }
-}, Tt = ["data-card-type"];
-function Mt(e, r, t, u, h, a) {
-  const n = H("Card");
-  return l(), o("div", {
-    class: "container card-deck prevent-invert",
-    "data-card-type": t.cardtype
-  }, [
-    v(e.$slots, "default"),
-    s("div", {
-      class: b(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
-    }, [
-      (l(!0), o($, null, x(t.items, (i, f) => (l(), o("div", {
-        class: "col",
-        key: f
-      }, [
-        S(n, T(i, {
-          class: t.cardclass,
-          type: t.cardtype,
-          btntype: i.btntype ? i.btntype : t.btntype,
-          titleclass: i.titleclass ? i.titleclass : t.titleclass,
-          ctatext: i.ctatext,
-          hidectatext: t.hidectatext
-        }), null, 16, ["class", "type", "btntype", "titleclass", "ctatext", "hidectatext"])
-      ]))), 128))
-    ], 2),
-    v(e.$slots, "after")
-  ], 8, Tt);
-}
-const Ht = /* @__PURE__ */ g(Lt, [["render", Mt]]);
-function Ct(e) {
-  var r;
-  let t = e.querySelector(".carousel__inner"), u = e.querySelectorAll(".carousel__item").length;
-  e.getAttribute("data-cols");
-  let h = e.getAttribute("data-sm-cols"), a = e.getAttribute("data-md-cols");
-  e.querySelector(".carousel__controls a").classList.add("active"), t.addEventListener("scroll", function(n) {
-    clearTimeout(r), r = setTimeout(function() {
-      let i = t.clientWidth, f = t.scrollWidth, A = t.scrollLeft, q = Math.round(A / f * u) + 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-" + q).classList.add("active"), q == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + i > M ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
-    }, 100);
-  }, !1), e.addEventListener("click", function(n) {
-    for (var i = n.target; i && i != this; i = i.parentNode)
-      if (i.matches(".carousel__controls a")) {
-        n.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((A, q) => {
-          A.classList.remove("active");
-        }), i.classList.add("active");
-        const f = document.querySelector(i.getAttribute("href"));
-        t.scroll({
-          top: 0,
-          left: f.offsetLeft,
-          behavior: "smooth"
-        });
-        break;
-      }
-  }, !1), e.addEventListener("click", function(n) {
-    for (var i = n.target; i && i != this; i = i.parentNode)
-      if (i.matches(".btn-next, .btn-prev")) {
-        n.preventDefault();
-        let f = i.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
-        t.scroll({
-          top: 0,
-          left: f,
-          behavior: "smooth"
-        });
-        break;
-      }
-  }, !1), u == 1 && e.classList.add("hide-btns"), h >= u && e.classList.add("hide-sm-btns"), a >= u && e.classList.add("hide-md-btns");
-}
-let P = Ht.props;
-P.gap.default = 0;
-P.cols.default = 1;
-P.smcols.default = 2;
-P.mdcols.default = 4;
-const Nt = {
-  components: {
-    Card: Q
-  },
-  name: "Carousel",
-  data() {
-    return {
-      id: null
-    };
-  },
-  props: {
-    ...P,
+    },
     colclass: {
       type: String,
       required: !1
@@ -1264,45 +1153,45 @@ const Nt = {
   },
   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() {
-      Ct(this.$refs.wrapper);
+      Dt(this.$refs.wrapper);
     });
   }
-}, Bt = ["id", "data-cols", "data-sm-cols", "data-md-cols"], Pt = { class: "carousel__wrapper" }, Dt = { class: "carousel__inner" }, It = ["id"], zt = ["innerHTML", "id"], Vt = ["href"], Ot = /* @__PURE__ */ s("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"], Wt = /* @__PURE__ */ o("button", {
   class: "btn btn-prev",
   "data-go": "0",
   disabled: ""
-}, "Prev", -1), Ft = /* @__PURE__ */ s("button", {
+}, "Prev", -1), Ot = /* @__PURE__ */ o("button", {
   class: "btn btn-next",
   "data-go": "2"
 }, "Next", -1);
-function jt(e, r, t, u, h, a) {
-  const n = H("Card");
-  return l(), o("div", {
+function jt(t, a, e, s, r, n) {
+  const i = E("Card");
+  return c(), d("div", {
     class: "container carousel",
-    id: "carousel" + h.id,
+    id: "carousel" + r.id,
     ref: "wrapper",
     "data-cols": e.cols,
     "data-sm-cols": e.smcols,
     "data-md-cols": e.mdcols
   }, [
-    v(e.$slots, "default"),
-    s("div", Pt, [
-      s("div", Dt, [
-        t.type == "card" ? (l(), o("div", {
+    p(t.$slots, "default"),
+    o("div", It, [
+      o("div", Ft, [
+        e.type == "card" ? (c(), d("div", {
           key: 0,
-          class: b(`row row-cols-${e.cols} row-cols-sm-${e.smcols} row-cols-md-${e.mdcols} ${e.gap ? `g-${e.gap}` : ""}`)
+          class: v(`row row-cols-${e.cols} row-cols-sm-${e.smcols} row-cols-md-${e.mdcols} ${e.gap ? `g-${e.gap}` : ""}`)
         }, [
-          (l(!0), o($, null, x(e.items, (i, f) => (l(), o("div", {
-            class: b(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
-            key: f,
-            id: "carousel" + h.id + "slide" + (f + 1)
+          (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" + r.id + "slide" + (h + 1)
           }, [
-            S(n, T(i, {
+            S(i, H(l, {
               class: e.cardclass,
               type: e.cardtype,
               btnyype: e.btntype,
@@ -1310,36 +1199,77 @@ function jt(e, r, t, u, h, a) {
               ctatext: e.ctatext,
               hidectatext: e.hidectatext
             }), null, 16, ["class", "type", "btnyype", "titleclass", "ctatext", "hidectatext"])
-          ], 10, It))), 128))
-        ], 2)) : p("", !0),
-        t.type != "card" ? (l(), o("div", {
+          ], 10, Bt))), 128))
+        ], 2)) : _("", !0),
+        e.type != "card" ? (c(), d("div", {
           key: 1,
-          class: b(`row row-cols-${e.cols} row-cols-sm-${e.smcols} row-cols-md-${e.mdcols} ${e.gap ? `g-${e.gap}` : ""}`)
+          class: v(`row row-cols-${e.cols} row-cols-sm-${e.smcols} row-cols-md-${e.mdcols} ${e.gap ? `g-${e.gap}` : ""}`)
         }, [
-          (l(!0), o($, null, x(e.items, (i, f) => (l(), o("div", {
-            class: b(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
-            key: f,
-            innerHTML: a.content(i),
-            id: "carousel" + h.id + "slide" + (f + 1)
-          }, null, 10, zt))), 128))
-        ], 2)) : p("", !0)
+          (c(!0), d($, null, T(e.items, (l, h) => (c(), d("div", {
+            class: v(`col carousel__item${e.colclass ? ` ${e.colclass}` : ""}`),
+            key: h,
+            innerHTML: n.content(l),
+            id: "carousel" + r.id + "slide" + (h + 1)
+          }, null, 10, Vt))), 128))
+        ], 2)) : _("", !0)
       ]),
-      s("div", {
-        class: b(`carousel__controls cols-${e.cols} cols-sm-${e.smcols} cols-md-${e.mdcols}`)
+      o("div", {
+        class: v(`carousel__controls cols-${e.cols} cols-sm-${e.smcols} cols-md-${e.mdcols}`)
       }, [
-        (l(!0), o($, null, x(e.items, (i, f) => (l(), o("a", {
-          key: f,
-          href: "#carousel" + h.id + "slide" + (f + 1),
-          class: b(`control-${f + 1}`)
-        }, "Slide " + k(f + 1), 11, Vt))), 128))
+        (c(!0), d($, null, T(e.items, (l, h) => (c(), d("a", {
+          key: h,
+          href: "#carousel" + r.id + "slide" + (h + 1),
+          class: v(`control-${h + 1}`)
+        }, "Slide " + L(h + 1), 11, zt))), 128))
       ], 2),
-      Ot,
-      Ft
+      Wt,
+      Ot
     ])
-  ], 8, Bt);
+  ], 8, Pt);
 }
-const _i = /* @__PURE__ */ g(Nt, [["render", jt]]);
-const Wt = {
+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 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 "${a}/css/core.min.css";
+    ${e}
+    ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
+    :host {
+      max-width:100%!important;
+      padding:0!important;
+    }
+    </style>
+    <div class="header-banner">
+      <div class="container" part="container">
+        <slot name="breadcrumb"></slot>
+        <div class="header-banner__inner">
+        <slot></slot>
+        </div>
+      </div>
+      <picture>
+        <!-- Actual image only loaded on desktops -->
+        <source srcset="" media="(min-width: 62em)">
+        <!-- Placeholder image -->
+        <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" lazy="" />
+      </picture>
+    </div>
+    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
+  }
+  connectedCallback() {
+    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", Ut);
+const Kt = {
   name: "Header",
   props: {
     title: {
@@ -1351,51 +1281,43 @@ const Wt = {
       required: !1
     }
   }
-}, Kt = { class: "header-banner" }, Ut = { class: "container" }, Gt = { class: "header-banner__inner" }, Zt = ["innerHTML"], Rt = { key: 0 }, Qt = ["srcset"], Yt = /* @__PURE__ */ s("img", {
-  src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
-  alt: ""
-}, null, -1);
-function Et(e, r, t, u, h, a) {
-  return l(), o("header", Kt, [
-    s("div", Ut, [
-      v(e.$slots, "breadcrumb"),
-      s("div", Gt, [
-        s("h1", { innerHTML: t.title }, null, 8, Zt),
-        v(e.$slots, "default")
-      ])
-    ]),
-    t.image ? (l(), o("picture", Rt, [
-      s("source", {
-        srcset: t.image,
-        media: "(min-width: 62em)"
-      }, null, 8, Qt),
-      Yt
-    ])) : p("", !0)
-  ]);
+}, Gt = ["image"], Qt = ["innerHTML"];
+function Yt(t, a, e, s, r, n) {
+  return c(), d("iam-header", {
+    class: "bg-secondary",
+    image: e.image
+  }, [
+    p(t.$slots, "breadcrumb"),
+    e.title ? (c(), d("h1", {
+      key: 0,
+      innerHTML: e.title
+    }, null, 8, Qt)) : _("", !0),
+    p(t.$slots, "default")
+  ], 8, Gt);
 }
-const yi = /* @__PURE__ */ g(Wt, [["render", Et]]);
-function Jt(e) {
-  var r;
-  const t = e.querySelector(".testimonial__images"), u = t.querySelectorAll("img").length;
-  if (u == 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 h = function(a) {
-    const n = e.querySelector(".btn-next"), i = e.querySelector(".btn-prev");
-    n.setAttribute("data-go", a + 1), i.setAttribute("data-go", a - 1), n.removeAttribute("disabled"), i.removeAttribute("disabled"), a == 1 ? i.setAttribute("disabled", !0) : a == u && n.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(a) {
-    clearTimeout(r), r = setTimeout(function() {
-      let n = t.scrollWidth, i = t.scrollHeight, f = t.scrollLeft, A = t.scrollTop, q = Math.round(f / n * u) + 1;
-      f == 0 && A != 0 && (q = Math.round(A / i * u) + 1), e.setAttribute("data-show", q), h(q);
+  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(a) {
-    for (var n = a.target; n && n != this; n = n.parentNode)
-      if (n.matches("[data-go]")) {
-        let i = parseInt(n.getAttribute("data-go")), f = 0, A = 0, q = t.scrollWidth, M = t.scrollHeight;
-        q > M ? A = Math.floor(q * ((i - 1) / u)) : f = Math.floor(M * ((i - 1) / u)), t.scroll({
-          top: f,
-          left: A,
+  }, !1), t.addEventListener("click", function(n) {
+    for (var i = n.target; i && i != this; i = i.parentNode)
+      if (i.matches("[data-go]")) {
+        let l = parseInt(i.getAttribute("data-go")), 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: u,
           behavior: "smooth"
         });
         break;
@@ -1416,68 +1338,68 @@ const Xt = {
     }
   },
   mounted() {
-    Jt(this.$refs.wrapper);
+    Zt(this.$refs.wrapper);
   }
-}, es = {
+}, Jt = {
   class: "container testimonial mb-5",
   "data-show": "1",
   ref: "wrapper"
-}, ts = { class: "row" }, ss = { class: "col-md-5 position-relative" }, as = { class: "testimonial__images" }, is = ["src"], ns = /* @__PURE__ */ s("div", { class: "testimonial__controls" }, [
-  /* @__PURE__ */ s("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__ */ s("button", {
+  /* @__PURE__ */ o("button", {
     "data-go": "2",
     class: "btn-next"
   }, "Next")
-], -1), rs = { class: "col-md-7" }, ls = /* @__PURE__ */ s("h2", null, "What our customers think…", -1), os = { class: "testimonial__content" }, cs = ["innerHTML"], ds = ["innerHTML"], us = { class: "testimonial__after" }, fs = /* @__PURE__ */ s("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
-function hs(e, r, t, u, h, a) {
-  return l(), o("div", es, [
-    s("div", {
-      class: b("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)
     }, [
-      s("div", ts, [
-        s("div", ss, [
-          s("div", as, [
-            (l(!0), o($, null, x(t.items, (n, i) => (l(), o("img", {
-              key: i,
-              src: n.image ? n.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
+      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: b("h-100 w-100 object-cover" + (n.image ? "" : " opacity-0"))
-            }, null, 10, is))), 128))
+              class: v("h-100 w-100 object-cover" + (i.image ? "" : " opacity-0"))
+            }, null, 10, sa))), 128))
           ]),
-          ns
+          ia
         ]),
-        s("div", rs, [
-          ls,
-          s("div", os, [
-            (l(!0), o($, null, x(t.items, (n, i) => (l(), o("blockquote", {
-              key: i,
-              class: b(n.class)
+        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)
             }, [
-              s("div", {
-                innerHTML: n.quote
-              }, null, 8, cs),
-              s("cite", {
-                innerHTML: n.cite
-              }, null, 8, ds)
+              o("div", {
+                innerHTML: i.quote
+              }, null, 8, oa),
+              o("cite", {
+                innerHTML: i.cite
+              }, null, 8, ca)
             ], 2))), 128))
           ]),
-          s("div", us, [
-            v(e.$slots, "default")
+          o("div", da, [
+            p(t.$slots, "default")
           ])
         ])
       ]),
-      fs
+      ua
     ], 2)
   ], 512);
 }
-const pi = /* @__PURE__ */ g(Xt, [["render", hs]]);
-const ms = {
+const fi = /* @__PURE__ */ A(Xt, [["render", ha]]);
+const ma = {
   components: {
-    Input: D
+    Input: R
   },
   name: "PropertySearchbar",
   props: {
@@ -1602,8 +1524,8 @@ const ms = {
     };
   },
   methods: {
-    locationKeyup: function(e) {
-      this.$emit("locationKeyup", e);
+    locationKeyup: function(t) {
+      this.$emit("locationKeyup", t);
     }
   },
   computed: {
@@ -1611,8 +1533,8 @@ const ms = {
       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() {
@@ -1621,126 +1543,126 @@ const ms = {
       ];
     }
   }
-}, _s = {
+}, fa = {
   class: "container",
   ref: "wrapper"
-}, ys = { class: "property-searchbar" }, ps = ["action", "method"], bs = { class: "col-12 col-md-3" }, vs = { class: "col-12 col-md" }, gs = /* @__PURE__ */ s("span", { class: "form-label d-none d-md-block" }, "Price range", -1), ws = {
+}, 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": ""
-}, ks = { class: "col-12 col-md" }, As = /* @__PURE__ */ s("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), Ss = {
+}, 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": ""
-}, $s = { class: "col-12 col-md-2" }, xs = /* @__PURE__ */ s("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
-  /* @__PURE__ */ s("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 qs(e, r, t, u, h, a) {
-  const n = H("Input");
-  return l(), o("div", _s, [
-    v(e.$slots, "default"),
-    s("div", ys, [
-      s("form", {
+function xa(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
       }, [
-        s("fieldset", bs, [
-          S(n, {
+        o("fieldset", _a, [
+          S(i, {
             inputClass: "input--locations",
-            modelValue: a.locationSet,
-            "onUpdate:modelValue": r[0] || (r[0] = (i) => a.locationSet = i),
+            modelValue: n.locationSet,
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => n.locationSet = l),
             label: "Location",
             id: "location",
-            options: a.locationsList(),
+            options: n.locationsList(),
             required: "",
             placeholder: "i.e. Newcastle or NE1",
-            onKeyupEvent: r[1] || (r[1] = (i) => a.locationKeyup(...arguments)),
+            onKeyupEvent: a[1] || (a[1] = (l) => n.locationKeyup(...arguments)),
             ref: "search"
           }, null, 8, ["modelValue", "options"]),
-          S(n, {
+          S(i, {
             class: "select--miles",
             label: "Miles",
             id: "miles",
             type: "select",
-            options: t.distances
+            options: e.distances
           }, null, 8, ["options"])
         ]),
-        s("fieldset", vs, [
-          gs,
-          s("div", ws, [
-            S(n, {
+        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(n, {
+            S(i, {
               class: "col-6",
               label: "Maximum price",
               id: "price-max",
               "data-max": "true",
               type: "select",
-              options: t.pricemax
+              options: e.pricemax
             }, null, 8, ["options"])
           ])
         ]),
-        s("fieldset", ks, [
-          As,
-          s("div", Ss, [
-            S(n, {
+        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(n, {
+            S(i, {
               class: "col-6",
               label: "Maximum beds",
               id: "beds-max",
               "data-max": "true",
               type: "select",
-              options: t.bedsmax
+              options: e.bedsmax
             }, null, 8, ["options"])
           ])
         ]),
-        s("fieldset", $s, [
-          S(n, {
+        o("fieldset", La, [
+          S(i, {
             label: "Property type",
             id: "property-type",
             type: "select",
-            options: t.propertytypes
+            options: e.propertytypes
           }, null, 8, ["options"])
         ]),
-        xs
-      ], 8, ps)
+        ka
+      ], 8, ba)
     ]),
-    v(e.$slots, "after")
+    p(t.$slots, "after")
   ], 512);
 }
-const bi = /* @__PURE__ */ g(ms, [["render", qs]]), Ls = (e) => {
-  Array.from(e.querySelectorAll("details")).forEach((r, t) => {
-    r.addEventListener("mouseenter", function(u) {
-      window.matchMedia("(min-width: 62em)").matches && r.setAttribute("open", "true");
-    }, !1), r.addEventListener("mouseleave", function(u) {
-      window.matchMedia("(min-width: 62em)").matches && r.removeAttribute("open");
+const yi = /* @__PURE__ */ A(ma, [["render", xa]]), qa = (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 Ts = {
+const $a = {
   components: {
-    Input: D,
-    Logo: ue,
-    Icon: re
+    Input: R,
+    Logo: _e,
+    Icon: he
   },
   name: "Nav",
   props: {
@@ -1787,8 +1709,8 @@ const Ts = {
     };
   },
   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: {
@@ -1810,61 +1732,61 @@ const Ts = {
   },
   mounted() {
     this.$nextTick(function() {
-      Ls(this.$refs.wrapper);
+      qa(this.$refs.wrapper);
     });
   }
-}, Ms = /* @__PURE__ */ s("input", {
+}, Ta = /* @__PURE__ */ o("input", {
   type: "checkbox",
   name: "showMenu",
   id: "showMenu",
   class: "d-none"
-}, null, -1), Hs = /* @__PURE__ */ s("input", {
+}, null, -1), Ha = /* @__PURE__ */ o("input", {
   type: "checkbox",
   name: "showSearch",
   id: "showSearch",
   class: "d-none"
-}, null, -1), Cs = /* @__PURE__ */ s("input", {
+}, null, -1), Ca = /* @__PURE__ */ o("input", {
   type: "checkbox",
   name: "showAccount",
   id: "showAccount",
   class: "d-none"
-}, null, -1), Ns = { class: "nav__mobile-bar" }, Bs = { class: "container" }, Ps = { class: "row" }, Ds = {
+}, null, -1), Ma = { class: "nav__mobile-bar" }, Ea = { class: "container" }, Na = { class: "row" }, Da = {
   key: 0,
   class: "col mw-md-fit-content nav__logo"
-}, Is = {
+}, Ra = {
   key: 1,
   class: "col mw-md-fit-content nav__logo"
-}, zs = {
+}, Pa = {
   href: "/",
   class: "text-decoration-none mb-0"
-}, Vs = /* @__PURE__ */ s("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
-  /* @__PURE__ */ s("label", { for: "showMenu" }, "Menu")
-], -1), Os = { class: "nav__inner" }, Fs = { class: "container" }, js = { class: "row" }, Ws = {
+}, 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"
-}, Ks = {
+}, Wa = {
   key: 1,
   class: "col mw-md-fit-content nav__logo"
-}, Us = {
+}, Oa = {
   href: "/",
   class: "text-decoration-none mb-0"
-}, Gs = {
+}, ja = {
   key: 2,
   class: "col mw-fit-content nav__search-btn flex-row align-items-center"
-}, Zs = /* @__PURE__ */ s("label", { for: "showSearch" }, [
-  /* @__PURE__ */ s("svg", {
+}, Ua = /* @__PURE__ */ o("label", { for: "showSearch" }, [
+  /* @__PURE__ */ o("svg", {
     class: "icon",
     viewBox: "0 0 32 32"
   }, [
-    /* @__PURE__ */ s("title", null, "Search"),
-    /* @__PURE__ */ s("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__ */ s("line", {
+    /* @__PURE__ */ o("line", {
       x1: "22.68",
       y1: "22.75",
       x2: "30",
@@ -1872,237 +1794,152 @@ const Ts = {
       class: "icon__outline"
     })
   ])
-], -1), Rs = [
-  Zs
-], Qs = /* @__PURE__ */ s("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
-  /* @__PURE__ */ s("label", { for: "showMenu" }, "Menu")
-], -1), Ys = { class: "col-12 col-md nav__menu ms-auto flex-row align-items-center" }, Es = {
+], -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"
-}, Js = /* @__PURE__ */ s("label", { for: "showAccount" }, [
-  /* @__PURE__ */ s("svg", {
+}, Za = /* @__PURE__ */ o("label", { for: "showAccount" }, [
+  /* @__PURE__ */ o("svg", {
     class: "icon",
     viewBox: "0 0 28 28"
   }, [
-    /* @__PURE__ */ s("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__ */ s("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__ */ s("span", null, "My account")
-], -1), Xs = [
-  Js
-], ea = {
+  /* @__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"
-}, ta = ["href", "innerHTML"], sa = {
+}, es = ["href", "innerHTML"], ts = {
   key: 0,
   class: "nav__menu--secondary"
-}, aa = { class: "container" }, ia = {
+}, as = { class: "container" }, ss = {
   key: 1,
   class: "nav__menu--search"
-}, na = { class: "bg-gradient pt-4" }, ra = { class: "container" }, la = {
+}, is = { class: "bg-gradient pt-4" }, ls = { class: "container" }, ns = {
   key: 0,
   class: "nav__menu--account"
-}, oa = { class: "container" }, ca = { class: "row mb-4" }, da = {
+}, rs = { class: "container" }, os = { class: "row mb-4" }, cs = {
   key: 0,
   class: "col mw-md-fit-content nav__logo"
-}, ua = {
+}, ds = {
   key: 1,
   class: "col mw-md-fit-content nav__logo"
-}, fa = {
+}, us = {
   href: "/",
   class: "text-decoration-none mb-0"
-}, ha = /* @__PURE__ */ s("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
-  /* @__PURE__ */ s("label", { for: "showAccount" }, "Account")
-], -1), ma = { class: "container" }, _a = /* @__PURE__ */ s("span", { class: "nav__bg" }, null, -1);
-function ya(e, r, t, u, h, a) {
-  const n = H("Logo");
-  return l(), o("nav", {
-    class: b(`nav${a.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"
   }, [
-    Ms,
-    Hs,
-    Cs,
-    s("div", Ns, [
-      s("div", Bs, [
-        s("div", Ps, [
-          a.hasLogoSlot ? (l(), o("div", Ds, [
-            v(e.$slots, "logo")
-          ])) : (l(), o("div", Is, [
-            s("a", zs, [
-              S(n, {
-                id: t.logo,
-                path: t.logopath,
-                desc: t.logotext,
+    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: e.logo,
+                path: e.logopath,
+                desc: e.logotext,
                 class: "pb-0"
               }, null, 8, ["id", "path", "desc"])
             ])
           ])),
-          Vs
+          Ia
         ])
       ])
     ]),
-    s("div", Os, [
-      s("div", Fs, [
-        s("div", js, [
-          a.hasLogoSlot ? (l(), o("div", Ws, [
-            v(e.$slots, "logo")
-          ])) : (l(), o("div", Ks, [
-            s("a", Us, [
-              S(n, {
-                id: t.logo,
-                path: t.logopath,
-                desc: t.logotext,
+    o("div", Fa, [
+      o("div", Ba, [
+        o("div", Va, [
+          n.hasLogoSlot ? (c(), d("div", za, [
+            p(t.$slots, "logo")
+          ])) : (c(), d("div", Wa, [
+            o("a", Oa, [
+              S(i, {
+                id: e.logo,
+                path: e.logopath,
+                desc: e.logotext,
                 class: "pb-0"
               }, null, 8, ["id", "path", "desc"])
             ])
           ])),
-          a.hasSearchSlot ? (l(), o("div", Gs, Rs)) : p("", !0),
-          Qs,
-          s("div", Ys, [
-            v(e.$slots, "default")
+          n.hasSearchSlot ? (c(), d("div", ja, Ka)) : _("", !0),
+          Ga,
+          o("div", Qa, [
+            p(t.$slots, "default")
           ]),
-          a.hasAccountSlot ? (l(), o("div", Es, Xs)) : p("", !0),
-          t.btnlink ? (l(), o("div", ea, [
-            s("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, ta)
-          ])) : p("", !0)
+              innerHTML: e.btntext
+            }, null, 8, es)
+          ])) : _("", !0)
         ])
       ]),
-      a.hasSecondarySlot ? (l(), o("div", sa, [
-        s("div", aa, [
-          v(e.$slots, "secondary")
+      n.hasSecondarySlot ? (c(), d("div", ts, [
+        o("div", as, [
+          p(t.$slots, "secondary")
         ])
-      ])) : p("", !0),
-      a.hasSearchSlot ? (l(), o("div", ia, [
-        s("div", na, [
-          s("div", ra, [
-            v(e.$slots, "search")
+      ])) : _("", !0),
+      n.hasSearchSlot ? (c(), d("div", ss, [
+        o("div", is, [
+          o("div", ls, [
+            p(t.$slots, "search")
           ])
         ])
-      ])) : p("", !0)
+      ])) : _("", !0)
     ]),
-    a.hasAccountSlot ? (l(), o("div", la, [
-      s("div", oa, [
-        s("div", ca, [
-          a.hasLogoSlot ? (l(), o("div", da, [
-            v(e.$slots, "logo")
-          ])) : (l(), o("div", ua, [
-            s("a", fa, [
-              S(n, {
-                id: t.logo,
-                path: t.logopath,
-                desc: t.logotext,
+    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: e.logo,
+                path: e.logopath,
+                desc: e.logotext,
                 class: "pb-0"
               }, null, 8, ["id", "path", "desc"])
             ])
           ])),
-          ha
+          hs
         ])
       ]),
-      s("div", ma, [
-        v(e.$slots, "account")
+      o("div", ms, [
+        p(t.$slots, "account")
       ])
-    ])) : p("", !0),
-    _a
+    ])) : _("", !0),
+    fs
   ], 2);
 }
-const vi = /* @__PURE__ */ g(Ts, [["render", ya]]), pa = (e) => {
-  const r = e.querySelectorAll(".modal__outer a, .modal__outer button"), t = r[0], u = r[r.length - 1], h = e.getAttribute("id"), a = 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(i) {
-    i.key === "Tab" && i.shiftKey && document.activeElement == t ? (i.preventDefault(), u.focus()) : i.key === "Tab" && !i.shiftKey && document.activeElement == u && (i.preventDefault(), t.focus());
-  }), document.addEventListener("keydown", function(i) {
-    i.key === "Escape" && document.querySelector(".modal:target") && a();
-  }), e.addEventListener("click", function(i) {
-    for (var f = i.target; f && f != this; f = f.parentNode)
-      if (f.matches('[href="#close"]')) {
-        i.preventDefault(), a();
-        break;
-      } else if (f.matches(".modal__dock--right")) {
-        i.preventDefault(), e.classList.contains("modal--left") || e.classList.add("modal--right"), e.classList.remove("modal--left");
-        break;
-      } else if (f.matches(".modal__dock--left")) {
-        i.preventDefault(), e.classList.contains("modal--right") || e.classList.add("modal--left"), e.classList.remove("modal--right");
-        break;
-      }
-  });
-  function n() {
-    if (location.hash === "#" + h) {
-      console.log("Modal is now open");
-      const i = document.querySelector(".modal:target .modal__inner > .youtube-embed:first-child:last-child a");
-      console.log(i), i && i.click();
-    }
-  }
-  window.onhashchange = n;
-};
-const ba = {
-  name: "Modal",
-  props: {
-    id: {
-      type: String,
-      required: !0
-    },
-    returnid: {
-      type: String,
-      default: "close",
-      required: !1
-    }
-  },
-  mounted() {
-    this.$nextTick(function() {
-      pa(this.$refs.modal);
-    });
-  }
-}, va = ["id"], ga = ["href"], wa = /* @__PURE__ */ s("span", { class: "visually-hidden" }, "Close", -1), ka = [
-  wa
-], Aa = { class: "modal__outer" }, Sa = ["href"], $a = /* @__PURE__ */ s("span", { class: "visually-hidden" }, "Close", -1), xa = { class: "modal__inner" }, qa = /* @__PURE__ */ s("button", {
-  class: "modal__dock--left btn btn-prev",
-  tabindex: "-1"
-}, "Left", -1), La = /* @__PURE__ */ s("button", {
-  class: "modal__dock--right btn btn-next",
-  tabindex: "-1"
-}, "Right", -1);
-function Ta(e, r, t, u, h, a) {
-  return l(), o("div", {
-    class: "modal",
-    id: t.id,
-    role: "dialog",
-    modal: "true",
-    ref: "modal"
-  }, [
-    s("a", {
-      href: `#${t.returnid ? t.returnid : ""}`,
-      tabindex: "-1"
-    }, ka, 8, ga),
-    s("div", Aa, [
-      s("a", {
-        href: `#${t.returnid ? t.returnid : ""}`,
-        class: "btn btn-tertiary py-1 px-2"
-      }, [
-        $a,
-        F("✕")
-      ], 8, Sa),
-      s("div", xa, [
-        v(e.$slots, "default")
-      ])
-    ]),
-    qa,
-    La
-  ], 8, va);
-}
-const gi = /* @__PURE__ */ g(ba, [["render", Ta]]);
-const Ma = {
+const bi = /* @__PURE__ */ A($a, [["render", ys]]);
+const bs = {
   name: "Stepper",
   props: {
     label: {
@@ -2115,25 +1952,25 @@ const Ma = {
       default: "Complete"
     }
   }
-}, Ha = { class: "container" }, Ca = ["aria-label"], Na = {
+}, _s = { class: "container" }, ps = ["aria-label"], gs = {
   key: 0,
   class: "h6 stepper__start"
-}, Ba = { class: "list-unstyled" }, Pa = { class: "h6 stepper__end" };
-function Da(e, r, t, u, h, a) {
-  return l(), o("div", Ha, [
-    s("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(), o("span", Na, k(t.label), 1)) : p("", !0),
-      s("ol", Ba, [
-        v(e.$slots, "default")
+      e.label ? (c(), d("span", gs, L(e.label), 1)) : _("", !0),
+      o("ol", vs, [
+        p(t.$slots, "default")
       ]),
-      s("span", Pa, k(t.endlabel), 1)
-    ], 8, Ca)
+      o("span", As, L(e.endlabel), 1)
+    ], 8, ps)
   ]);
 }
-const wi = /* @__PURE__ */ g(Ma, [["render", Da]]), Ia = {
+const _i = /* @__PURE__ */ A(bs, [["render", ws]]), Ss = {
   name: "Stepper",
   props: {
     url: {
@@ -2149,86 +1986,100 @@ const wi = /* @__PURE__ */ g(Ma, [["render", Da]]), Ia = {
       required: !1
     }
   }
-}, za = ["href", "aria-current"], Va = {
+}, Ls = ["href", "aria-current"], ks = {
   key: 0,
   class: "visually-hidden"
 };
-function Oa(e, r, t, u, h, a) {
-  return l(), o("li", null, [
-    s("a", {
-      href: t.url,
-      class: b(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
-      "aria-current": typeof t.current < "u"
+function xs(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"
     }, [
-      s("span", null, [
-        v(e.$slots, "default")
+      o("span", null, [
+        p(t.$slots, "default")
       ]),
-      t.status ? (l(), o("em", Va, " - status: " + k(t.status), 1)) : p("", !0)
-    ], 10, za)
+      e.status ? (c(), d("em", ks, " - status: " + L(e.status), 1)) : _("", !0)
+    ], 10, Ls)
   ]);
 }
-const ki = /* @__PURE__ */ g(Ia, [["render", Oa]]);
-const Fa = {
-  name: "Tabs",
-  data() {
-    return {
-      tabsID: "tabs_" + Math.random().toString(36).substr(2, 9)
-    };
-  },
-  computed: {
-    tabLinks() {
-      return () => {
-        const e = [];
-        let r = 1;
-        for (const [t, u] of Object.entries(this.$slots.default()))
-          if (u.props && u.props.title) {
-            let h = u.props.title, a = {
-              name: this.tabsID,
-              id: this.tabsID + "_tab" + r++,
-              tabTitle: h
-            };
-            e.push(a);
-          }
-        return e;
-      };
-    }
-  },
-  methods: {
-    openTab: function(e) {
-      let r = 0;
-      for (const [t, u] of Object.entries(this.$slots.default()))
-        u.props && u.props.title && (r == e && (console.log(u), u.type.data().show = !0), r++);
-    }
+const pi = /* @__PURE__ */ A(Ss, [["render", xs]]), qs = 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");
+    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);
+  });
+}, $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");
+      }), r.hasAttribute("href") && history.pushState(void 0, void 0, r.getAttribute("href")), window.dataLayer = window.dataLayer || [], window.dataLayer.push({
+        event: "openTab",
+        tabTitle: r.textContent
+      });
+    });
+  }), 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();
+    });
+  });
+}, 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) {
+  qs(t), $s(t), Ts(t);
+};
+window.dataLayer = window.dataLayer || [];
+window.dataLayer.push({
+  event: "customElementRegistered",
+  element: "tabs"
+});
+class Cs 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/tabs.css";`, s = document.createElement("template");
+    s.innerHTML = `
+    <style>
+    @import "${a}/css/core.min.css";
+    ${e}
+    
+    ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
+    </style>
+    <div class="tabs">
+      <div class="tabs__links"></div>
+      <slot></slot>
+    </div>
+    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
   }
-}, ja = {
-  class: "container tabs__container",
-  ref: "wrapper"
-}, Wa = ["data-key", "name", "id", "checked"], Ka = { class: "tabs__links" }, Ua = ["for", "onClick"], Ga = { class: "tabs" };
-function Za(e, r, t, u, h, a) {
-  return l(), o("div", ja, [
-    (l(!0), o($, null, x(a.tabLinks(), (n, i) => (l(), o("input", {
-      type: "radio",
-      class: "tab__input",
-      key: i,
-      "data-key": i,
-      name: n.name,
-      id: n.id,
-      checked: i == 0
-    }, null, 8, Wa))), 128)),
-    s("div", Ka, [
-      (l(!0), o($, null, x(a.tabLinks(), (n, i) => (l(), o("label", {
-        key: i,
-        for: n.id,
-        class: "link",
-        onClick: (f) => a.openTab(i)
-      }, k(n.tabTitle), 9, Ua))), 128))
-    ]),
-    s("div", Ga, [
-      v(e.$slots, "default")
-    ])
+  connectedCallback() {
+    Hs(this);
+  }
+}
+window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", Cs);
+const Ms = {
+  name: "Tabs"
+}, Es = { ref: "wrapper" };
+function Ns(t, a, e, s, r, n) {
+  return c(), d("iam-tabs", Es, [
+    p(t.$slots, "default")
   ], 512);
 }
-const Ai = /* @__PURE__ */ g(Fa, [["render", Za]]), Ra = {
+const gi = /* @__PURE__ */ A(Ms, [["render", Ns]]), Ds = {
   name: "Tab",
   props: {
     title: {
@@ -2246,46 +2097,44 @@ const Ai = /* @__PURE__ */ g(Fa, [["render", Za]]), Ra = {
     };
   },
   watch: {
-    show(e, r) {
-      console.log(e);
+    show(t, a) {
+      console.log(t);
     }
   }
-}, Qa = {
-  key: 0,
-  class: "tab"
-};
-function Ya(e, r, t, u, h, a) {
-  return h.show ? (l(), o("div", Qa, [
-    v(e.$slots, "default")
-  ])) : p("", !0);
+}, 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 Si = /* @__PURE__ */ g(Ra, [["render", Ya]]);
-function Ea(e) {
-  if (e.addEventListener("click", function(t) {
-    for (var u = t.target; u && u != this; u = u.parentNode)
-      if (u.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 Ja = {
+const Bs = {
   name: "Alert",
   props: {
     dismissible: {
@@ -2304,38 +2153,38 @@ const Ja = {
     }
   },
   mounted() {
-    Ea(this.$refs.wrapper);
+    Fs(this.$refs.wrapper);
   }
-}, Xa = ["data-timeout"], ei = {
+}, Vs = ["data-timeout"], zs = {
   key: 0,
   type: "button",
   class: "btn-close",
   "data-bs-dismiss": "alert",
   "aria-label": "Close"
 };
-function ti(e, r, t, u, h, a) {
-  return l(), o("div", {
-    class: b(`container alert pb-0 ${t.dismissible ? "alert--dismissible fade show" : ""}`),
+function Ws(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: ee(t.timeout ? `--animation-length: ${t.timeout}ms` : "")
+    "data-timeout": e.timeout,
+    style: ne(e.timeout ? `--animation-length: ${e.timeout}ms` : "")
   }, [
-    s("div", {
-      class: b(`alert__inner bg-${t.colour}`),
+    o("div", {
+      class: v(`alert__inner bg-${e.colour}`),
       role: "alert"
     }, [
-      t.dismissible ? (l(), o("button", ei)) : p("", !0),
-      v(e.$slots, "default")
+      e.dismissible ? (c(), d("button", zs)) : _("", !0),
+      p(t.$slots, "default")
     ], 2)
-  ], 14, Xa);
+  ], 14, Vs);
 }
-const $i = /* @__PURE__ */ g(Ja, [["render", ti]]);
-let Y = R.props;
-Y.fields.required = !1;
-const si = {
+const Ai = /* @__PURE__ */ A(Bs, [["render", Ws]]);
+let te = ee.props;
+te.fields.required = !1;
+const Os = {
   components: {
-    Table: R,
-    Input: D
+    Table: ee,
+    Input: R
   },
   data() {
     return {
@@ -2344,17 +2193,17 @@ const si = {
     };
   },
   methods: {
-    submitForm: function(e) {
+    submitForm: function(t) {
       console.log(this);
-      const r = new FormData(e.target);
-      let t = /* @__PURE__ */ new Date();
-      const u = t.getFullYear();
-      let h = t.getMonth() + 1, a = t.getDate();
-      a < 10 && (a = "0" + a), h < 10 && (h = "0" + h), t = a + "/" + h + "/" + u, 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",
@@ -2363,7 +2212,7 @@ const si = {
       type: String,
       required: !0
     },
-    ...Y,
+    ...te,
     title: {
       type: String,
       required: !1
@@ -2378,62 +2227,216 @@ const si = {
       required: !1
     }
   }
-}, ai = { class: "container note-feed mb-2" }, ii = ["innerHTML"], ni = ["action", "method"], ri = ["value"], li = /* @__PURE__ */ s("button", { class: "btn btn-tertiary" }, "Submit note", -1);
-function oi(e, r, t, u, h, a) {
-  const n = H("Table"), i = H("Input");
-  return l(), o("div", ai, [
-    t.title ? (l(), o("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, ii)) : p("", !0),
-    S(n, T({
+      innerHTML: e.title
+    }, null, 8, Us)) : _("", !0),
+    S(i, H({
       fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
-      items: h.itemsData
-    }, e.$props, { class: "mb-0" }), null, 16, ["items"]),
-    s("form", {
-      action: t.action,
-      method: t.method,
-      onSubmit: r[0] || (r[0] = te((f) => a.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"]))
     }, [
-      s("input", {
+      o("input", {
         type: "hidden",
-        value: t.user,
+        value: e.user,
         name: "user"
-      }, null, 8, ri),
-      S(i, {
+      }, null, 8, Gs),
+      S(l, {
         id: "addNote",
         type: "textarea",
         label: "Add note",
         required: "",
         class: "mw-100"
       }),
-      li
-    ], 40, ni)
+      Qs
+    ], 40, Ks)
+  ]);
+}
+const wi = /* @__PURE__ */ A(Os, [["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 xi = /* @__PURE__ */ g(si, [["render", oi]]);
+const Li = /* @__PURE__ */ A(li, [["render", ni]]);
 export {
-  fi as Accordion,
-  hi as AccordionItem,
-  $i as Alert,
-  mi as Banner,
-  Q as Card,
-  Ht as CardDeck,
-  _i as Carousel,
-  ui as FileUploads,
-  yi as Header,
-  re as Icon,
-  D as Input,
-  ue as Logo,
-  gi as Modal,
-  vi as Nav,
-  xi as NoteFeed,
-  bi as PropertySearchbar,
-  ki as Step,
-  wi as Stepper,
-  Si as Tab,
-  R as Table,
-  Ai as Tabs,
-  pi as Testimonial
+  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,
+  wi as NoteFeed,
+  yi as PropertySearchbar,
+  pi as Step,
+  _i as Stepper,
+  vi as Tab,
+  ee as Table,
+  gi as Tabs,
+  fi as Testimonial
 };