@iamproperty/components 3.4.4 → 3.4.6

package/dist/components.es.js

@@ -1,10 +1,10 @@
-import { openBlock as o, createElementBlock as l, createElementVNode as s, toDisplayString as w, normalizeClass as v, createCommentVNode as p, Fragment as S, renderList as x, renderSlot as b, withDirectives as N, mergeProps as T, vModelDynamic as F, vModelText as J, vModelSelect as X, resolveComponent as C, createVNode as A, createTextVNode as P, normalizeStyle as ee, withModifiers as te } from "vue";
-const g = (e, n) => {
+import { openBlock as l, createElementBlock as c, createElementVNode as a, toDisplayString as k, normalizeClass as v, createCommentVNode as p, Fragment as x, renderList as L, renderSlot as b, withDirectives as N, mergeProps as T, vModelDynamic as F, vModelText as X, vModelSelect as ee, resolveComponent as H, createVNode as S, createTextVNode as j, normalizeStyle as te, withModifiers as se } from "vue";
+const g = (e, r) => {
   const t = e.__vccOpts || e;
-  for (const [d, h] of n)
-    t[d] = h;
+  for (const [o, f] of r)
+    t[o] = f;
   return t;
-}, se = {
+}, ae = {
   name: "Icon",
   props: {
     id: {
@@ -18,16 +18,16 @@ const g = (e, n) => {
       default: "/svg/icons.svg"
     }
   }
-}, ae = { class: "icon" }, ie = ["xlink:href"];
-function ne(e, n, t, d, h, a) {
-  return o(), l("svg", ae, [
-    s("title", null, w(t.id), 1),
-    s("use", {
+}, ie = { class: "icon" }, ne = ["xlink:href"];
+function re(e, r, t, o, f, s) {
+  return l(), c("svg", ie, [
+    a("title", null, k(t.id), 1),
+    a("use", {
       "xlink:href": t.path + "#icon-" + t.id
-    }, null, 8, ie)
+    }, null, 8, ne)
   ]);
 }
-const re = /* @__PURE__ */ g(se, [["render", ne]]), oe = {
+const oe = /* @__PURE__ */ g(ae, [["render", re]]), le = {
   name: "Logo",
   props: {
     id: {
@@ -52,195 +52,195 @@ const re = /* @__PURE__ */ g(se, [["render", ne]]), oe = {
       return "brand brand--" + this.id;
     }
   }
-}, le = ["xlink:href"], de = ["innerHTML"];
-function ce(e, n, t, d, h, a) {
-  return o(), l("div", {
-    class: v(a.className)
+}, ce = ["xlink:href"], de = ["innerHTML"];
+function ue(e, r, t, o, f, s) {
+  return l(), c("div", {
+    class: v(s.className)
   }, [
-    (o(), l("svg", null, [
-      s("title", null, "iam " + w(t.id), 1),
-      s("use", {
-        "xlink:href": t.path + a.src
-      }, null, 8, le)
+    (l(), c("svg", null, [
+      a("title", null, "iam " + k(t.id), 1),
+      a("use", {
+        "xlink:href": t.path + s.src
+      }, null, 8, ce)
     ])),
-    t.desc ? (o(), l("span", {
+    t.desc ? (l(), c("span", {
       key: 0,
       innerHTML: t.desc
     }, null, 8, de)) : p("", !0)
   ], 2);
 }
-const ue = /* @__PURE__ */ g(oe, [["render", ce]]), 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) {
+const fe = /* @__PURE__ */ g(le, [["render", ue]]), W = (e) => e.charAt(0).toUpperCase() + e.slice(1), K = (e) => e.replace(/_/g, " "), he = (e) => e.replace(/ /g, "_"), me = function(e) {
+  return e = e.toLowerCase(), e = he(e), e = e.replace(/\W/g, ""), e;
+}, _e = function(e) {
   return typeof e != "string" ? !1 : !isNaN(e) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...
   !isNaN(parseFloat(e));
-}, _e = (e, n) => String(e).padStart(n, "0");
+}, ye = (e, r) => String(e).padStart(r, "0");
 function Z(e) {
   if (typeof e != "object")
     return !1;
-  const n = e.querySelector("thead"), t = e.querySelector("tbody"), d = t.cloneNode(!0), h = new Event("sorted"), a = new Event("filtered"), r = new Event("reordered"), i = "table_" + Math.random().toString(36).substr(2, 9);
-  let f;
-  e.setAttribute("id", i);
-  const $ = function(m, u) {
-    let c = [];
-    Array.from(t.querySelectorAll("tr")).forEach((y, L) => {
-      let k = y.querySelector('td[data-label="' + m + '"], th[data-label="' + m + '"]').textContent;
-      me(k) && (k = _e(k, 10));
-      const O = {
-        index: k,
+  const r = e.querySelector("thead"), t = e.querySelector("tbody"), o = t.cloneNode(!0), f = new Event("sorted"), s = new Event("filtered"), i = new Event("reordered"), n = "table_" + Math.random().toString(36).substr(2, 9);
+  let h;
+  e.setAttribute("id", n);
+  const w = function(m, u) {
+    let d = [];
+    Array.from(t.querySelectorAll("tr")).forEach((y, q) => {
+      let A = y.querySelector('td[data-label="' + m + '"], th[data-label="' + m + '"]').textContent;
+      _e(A) && (A = ye(A, 10));
+      const V = {
+        index: A,
         row: y
       };
-      c.push(O);
-    }), c.sort((y, L) => y.index > L.index ? 1 : -1), u == "descending" && (c = c.reverse());
+      d.push(V);
+    }), d.sort((y, q) => y.index > q.index ? 1 : -1), u == "descending" && (d = d.reverse());
     let _ = "";
-    c.forEach((y, L) => {
+    d.forEach((y, q) => {
       _ += y.row.outerHTML;
-    }), t.innerHTML = _, e.dispatchEvent(h);
+    }), t.innerHTML = _, e.dispatchEvent(f);
   };
   if (e.addEventListener("click", function(m) {
     for (var u = m.target; u && u != this; u = u.parentNode)
       if (u.matches("[data-sortable]")) {
-        let c = u.getAttribute("aria-sort") == "ascending" ? "descending" : "ascending";
+        let d = u.getAttribute("aria-sort") == "ascending" ? "descending" : "ascending";
         Array.from(e.querySelectorAll("[data-sortable]")).forEach((_, y) => {
           _.setAttribute("aria-sort", "none");
-        }), u.setAttribute("aria-sort", c), e.setAttribute("data-sort", c), e.setAttribute("data-sortBy", u.textContent), $(u.textContent, c), Array.from(e.querySelectorAll("tr[draggable]")).forEach((_, y) => {
+        }), u.setAttribute("aria-sort", d), e.setAttribute("data-sort", d), e.setAttribute("data-sortBy", u.textContent), w(u.textContent, d), Array.from(e.querySelectorAll("tr[draggable]")).forEach((_, y) => {
           _.removeAttribute("draggable");
         });
         break;
       }
   }, !1), e.getAttribute("data-sortBy")) {
     let m = e.getAttribute("data-sort") == "ascending" ? "descending" : "ascending";
-    Array.from(e.querySelectorAll("[data-sortable]")).forEach((u, c) => {
+    Array.from(e.querySelectorAll("[data-sortable]")).forEach((u, d) => {
       u.textContent == e.getAttribute("data-sortBy") && (u.setAttribute("aria-sort", m), u.click());
     });
   }
-  const q = function(m) {
+  const $ = function(m) {
     const u = document.createElement("div");
     u.classList.add("table__filters"), u.classList.add("row"), u.classList.add("pt-1"), u.classList.add("pb-3");
-    const c = Array.from(e.querySelectorAll("th[data-filterable]"));
+    const d = Array.from(e.querySelectorAll("th[data-filterable]"));
     let _ = {};
-    c.forEach((k, O) => {
-      Array.from(e.querySelectorAll('td[data-label="' + k.textContent + '"]')).forEach((j, gi) => {
-        _[j.textContent] = j.textContent;
+    d.forEach((A, V) => {
+      Array.from(e.querySelectorAll('td[data-label="' + A.textContent + '"]')).forEach((R, li) => {
+        _[R.textContent] = R.textContent;
       });
     });
-    const y = c.length == 1 ? "Filter by " + c[0].textContent : "Filter", L = c.length == 1 ? "d-none" : "d-sm-flex";
+    const y = d.length == 1 ? "Filter by " + d[0].textContent : "Filter", q = d.length == 1 ? "d-none" : "d-sm-flex";
     u.innerHTML = `<div class="col-sm-6 col-md-4 pb-3">
   <div class="form-control__wrapper form-control-inline mb-0">
-    <label for="${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" />
+    <label for="${n}_filter" class="form-label">${y}:</label>
+    <input type="search" name="${n}_filter" id="${n}_filter" class="form-control form-control-sm" placeholder="" list="${n}_list" />
   </div>
-  <datalist id="${i}_list">
-    ${Object.keys(_).map((k) => `<option value="${k}"></option>`).join("")}
+  <datalist id="${n}_list">
+    ${Object.keys(_).map((A) => `<option value="${A}"></option>`).join("")}
   </datalist>
 </div>
-<div class="col-md-8 align-items-center pb-3 ${L}">
-  ${'<span class="pe-3 text-nowrap h5 mb-0">Filter by: </span>' + c.map((k) => `<div class="form-check pe-3 mt-0 mb-0"><input class="form-check-input" type="checkbox" id="${i}_${k.textContent.replace(" ", "_").toLowerCase()}" checked="checked" /><label class="form-check-label text-nowrap" for="${i}_${k.textContent.replace(" ", "_").toLowerCase()}">${k.textContent}</label></div>`).join("")}
+<div class="col-md-8 align-items-center pb-3 ${q}">
+  ${'<span class="pe-3 text-nowrap h5 mb-0">Filter by: </span>' + d.map((A) => `<div class="form-check pe-3 mt-0 mb-0"><input class="form-check-input" type="checkbox" id="${n}_${A.textContent.replace(" ", "_").toLowerCase()}" checked="checked" /><label class="form-check-label text-nowrap" for="${n}_${A.textContent.replace(" ", "_").toLowerCase()}">${A.textContent}</label></div>`).join("")}
 </div>`, e.prepend(u);
   }, M = function(m) {
     let u = [];
-    Array.from(d.querySelectorAll("tr")).forEach((_, y) => {
-      let L = "";
-      if (Array.from(e.querySelectorAll('[type="checkbox"]:checked + label')).forEach((k, O) => {
-        L += _.querySelector('td[data-label="' + k.textContent + '"]').textContent + " | ";
-      }), L.indexOf(m) >= 0) {
-        const k = { row: _ };
-        u.push(k);
+    Array.from(o.querySelectorAll("tr")).forEach((_, y) => {
+      let q = "";
+      if (Array.from(e.querySelectorAll('[type="checkbox"]:checked + label')).forEach((A, V) => {
+        q += _.querySelector('td[data-label="' + A.textContent + '"]').textContent + " | ";
+      }), q.indexOf(m) >= 0) {
+        const A = { row: _ };
+        u.push(A);
       }
     });
-    let c = "";
+    let d = "";
     u.forEach((_, y) => {
-      c += _.row.outerHTML;
-    }), t.innerHTML = c, e.dispatchEvent(a);
-  }, z = function() {
+      d += _.row.outerHTML;
+    }), t.innerHTML = d, e.dispatchEvent(s);
+  }, I = function() {
     let m = [];
     Array.from(e.querySelectorAll('[type="checkbox"]:checked + label')).forEach((_, y) => {
       m.push(_.textContent);
     });
     let u = [];
     m.forEach((_, y) => {
-      Array.from(e.querySelectorAll('td[data-label="' + _ + '"]')).forEach((L, k) => {
-        u[L.textContent] = L.textContent;
+      Array.from(e.querySelectorAll('td[data-label="' + _ + '"]')).forEach((q, A) => {
+        u[q.textContent] = q.textContent;
       });
     });
-    let c = e.querySelector("datalist");
-    c.innerHTML = Object.keys(u).map((_) => `<option value="${_}"></option>`).join("");
+    let d = e.querySelector("datalist");
+    d.innerHTML = Object.keys(u).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) {
+  Array.from(e.querySelectorAll("[data-filterable]")).length && ($(e, Array.from(e.querySelectorAll("[data-filterable]")).length), e.addEventListener("keyup", function(m) {
     for (var u = m.target; u && u != this; u = u.parentNode)
       if (u.matches('input[type="search"]')) {
-        const c = u.value;
-        M(c);
+        const d = u.value;
+        M(d);
       }
   }), e.addEventListener("change", function(m) {
     for (var u = m.target; u && u != this; u = u.parentNode)
       if (u.matches('input[type="search"]')) {
-        const c = u.value;
-        M(c);
+        const d = u.value;
+        M(d);
       }
   }), e.addEventListener("change", function(m) {
     for (var u = m.target; u && u != this; u = u.parentNode)
       if (u.matches('input[type="checkbox"]')) {
-        const c = e.querySelector('input[type="search"]').value;
-        M(c), z();
+        const d = e.querySelector('input[type="search"]').value;
+        M(d), I();
       }
   }));
-  const H = function(m, u) {
-    let c = document.getElementById(i + "_style");
-    c == null && (c = document.createElement("style"), c.setAttribute("id", i + "_style"));
+  const C = function(m, u) {
+    let d = document.getElementById(n + "_style");
+    d == null && (d = document.createElement("style"), d.setAttribute("id", n + "_style"));
     const _ = m * (u - 1) + 1, y = m * u;
-    c.innerHTML = `
-    #${i} tbody tr {
+    d.innerHTML = `
+    #${n} tbody tr {
       display: none;
     }
-    #${i} tbody tr:nth-child(${_}),
-    #${i} tbody tr:nth-child(${_}) ~ tr{
+    #${n} tbody tr:nth-child(${_}),
+    #${n} tbody tr:nth-child(${_}) ~ tr{
       display: block;
     }
     @media screen and (min-width: 36em) {
-      #${i} tbody tr:nth-child(${_}),
-      #${i} tbody tr:nth-child(${_}) ~ tr{
+      #${n} tbody tr:nth-child(${_}),
+      #${n} tbody tr:nth-child(${_}) ~ tr{
         display: table-row;
       }
     }
-    #${i} tbody tr:nth-child(${y}) ~ tr{
+    #${n} tbody tr:nth-child(${y}) ~ tr{
       display: none;
     }
-    `, e.append(c);
+    `, e.append(d);
   };
   if (e.getAttribute("data-show")) {
-    const m = parseInt(e.getAttribute("data-show")), u = parseInt(e.getAttribute("data-page")) ? parseInt(e.getAttribute("data-page")) : 1, c = e.querySelectorAll("tbody tr").length;
-    m < c && (H(m, u), U(i, e, m, u, c), D(i, e, m, u, c), e.addEventListener("change", function(_) {
+    const m = parseInt(e.getAttribute("data-show")), u = parseInt(e.getAttribute("data-page")) ? parseInt(e.getAttribute("data-page")) : 1, d = e.querySelectorAll("tbody tr").length;
+    m < d && (C(m, u), U(n, e, m, u, d), B(n, e, m, u, d), e.addEventListener("change", function(_) {
       for (var y = _.target; y && y != this; y = y.parentNode)
-        y.matches('.table__pagination input[type="number"]') && (H(y.value, u), D(i, e, y.value, u, c), e.setAttribute("data-show", y.value));
+        y.matches('.table__pagination input[type="number"]') && (C(y.value, u), B(n, e, y.value, u, d), e.setAttribute("data-show", y.value));
     }), e.addEventListener("click", function(_) {
       for (var y = _.target; y && y != this; y = y.parentNode)
-        y.matches(".page-item:not(.active):not(.disabled) .page-link") && (H(e.getAttribute("data-show"), y.getAttribute("data-page")), D(i, e, e.getAttribute("data-show"), y.getAttribute("data-page"), c));
+        y.matches(".page-item:not(.active):not(.disabled) .page-link") && (C(e.getAttribute("data-show"), y.getAttribute("data-page")), B(n, e, e.getAttribute("data-show"), y.getAttribute("data-page"), d));
     }, !1), e.addEventListener("change", function(_) {
       for (var y = _.target; y && y != this; y = y.parentNode)
-        y.matches(".table__pagination select") && (H(e.getAttribute("data-show"), y.value), D(i, e, e.getAttribute("data-show"), y.value, c));
+        y.matches(".table__pagination select") && (C(e.getAttribute("data-show"), y.value), B(n, e, e.getAttribute("data-show"), y.value, d));
     }));
   }
-  function Y(m) {
-    m.dataTransfer.setData("text/plain", m.target.id), f = m.target, m.target.classList.add("tr--dragging");
+  function J(m) {
+    m.dataTransfer.setData("text/plain", m.target.id), h = m.target, m.target.classList.add("tr--dragging");
   }
-  const V = function() {
+  const z = function() {
     Array.from(t.querySelectorAll("tr")).forEach((m, u) => {
       if (m.querySelector('[data-label="Order"]') == null) {
-        const c = document.createElement("th");
-        c.innerHTML = u + 1, c.setAttribute("data-label", "Order"), m.prepend(c);
+        const d = document.createElement("th");
+        d.innerHTML = u + 1, d.setAttribute("data-label", "Order"), m.prepend(d);
       }
-      m.setAttribute("id", i + "_row_" + (u + 1)), m.setAttribute("data-order", u + 1), m.setAttribute("draggable", "true"), m.addEventListener("dragstart", Y);
+      m.setAttribute("id", n + "_row_" + (u + 1)), m.setAttribute("data-order", u + 1), m.setAttribute("draggable", "true"), m.addEventListener("dragstart", J);
     });
   };
   if (e.getAttribute("data-reorder") && e.getAttribute("data-reorder") != "false") {
     const m = document.createElement("th");
-    m.innerHTML = "Order", m.title = "Click here to enable re-ordering via drag and drop", m.classList.add("table-order-reset"), n.querySelector("tr").prepend(m), V(), e.addEventListener("click", function(u) {
-      for (var c = u.target; c && c != this; c = c.parentNode)
-        if (c.matches(".table-order-reset")) {
+    m.innerHTML = "Order", m.title = "Click here to enable re-ordering via drag and drop", m.classList.add("table-order-reset"), r.querySelector("tr").prepend(m), z(), e.addEventListener("click", function(u) {
+      for (var d = u.target; d && d != this; d = d.parentNode)
+        if (d.matches(".table-order-reset")) {
           Array.from(e.querySelectorAll("[data-sortable]")).forEach((_, y) => {
             _.setAttribute("aria-sort", "none");
-          }), e.removeAttribute("data-sort"), e.removeAttribute("data-sortBy"), $("Order", "ascending"), Array.from(e.querySelectorAll("tbody tr")).forEach((_, y) => {
+          }), e.removeAttribute("data-sort"), e.removeAttribute("data-sortBy"), w("Order", "ascending"), Array.from(e.querySelectorAll("tbody tr")).forEach((_, y) => {
             _.setAttribute("draggable", "true");
           });
           break;
@@ -249,80 +249,80 @@ function Z(e) {
       u.preventDefault();
     }, !1), document.addEventListener("dragenter", function(u) {
       u.preventDefault(), u.dataTransfer.dropEffect = "move";
-      for (var c = u.target; c && c != this; c = c.parentNode)
-        c.matches("[data-reorder] tbody tr") && c.classList.add("tr--dropable");
+      for (var d = u.target; d && d != this; d = d.parentNode)
+        d.matches("[data-reorder] tbody tr") && d.classList.add("tr--dropable");
     }, !1), document.addEventListener("dragleave", function(u) {
       u.preventDefault();
-      for (var c = u.target; c && c != this; c = c.parentNode)
-        c.matches("[data-reorder] tbody tr") && c.classList.remove("tr--dropable");
+      for (var d = u.target; d && d != this; d = d.parentNode)
+        d.matches("[data-reorder] tbody tr") && d.classList.remove("tr--dropable");
     }, !1), document.addEventListener("drop", function(u) {
       u.preventDefault();
-      for (var c = u.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) => {
+      for (var d = u.target; d && d != this; d = d.parentNode)
+        if (d.matches("[data-reorder] tbody tr")) {
+          d.parentNode != null && h.parentNode != null && d != h && (h.parentNode.removeChild(h), h.getAttribute("data-order") > d.getAttribute("data-order") ? d.parentNode.insertBefore(h, d) : d.parentNode.insertBefore(h, d.nextElementSibling), Array.from(t.querySelectorAll("tr")).forEach((_, y) => {
             _.classList.remove("tr--dragging"), _.classList.remove("tr--dropable"), _.querySelector("th").innerHTML = y + 1, _.setAttribute("data-order", y + 1);
-          }), e.dispatchEvent(r));
+          }), e.dispatchEvent(i));
           break;
         }
     }, !1);
   }
   e.addEventListener("filtered", function(m) {
-    if (e.getAttribute("data-sortBy") && e.getAttribute("data-sort") && $(e.getAttribute("data-sortBy"), e.getAttribute("data-sort")), e.getAttribute("data-show")) {
-      const u = parseInt(e.getAttribute("data-show")), c = e.querySelectorAll("tbody tr").length, _ = e.querySelector(".table__pagination");
-      _ != null && _.remove(), u < c && (H(u, 1), U(i, e, u, 1, c), D(i, e, u, 1, c));
+    if (e.getAttribute("data-sortBy") && e.getAttribute("data-sort") && w(e.getAttribute("data-sortBy"), e.getAttribute("data-sort")), e.getAttribute("data-show")) {
+      const u = parseInt(e.getAttribute("data-show")), d = e.querySelectorAll("tbody tr").length, _ = e.querySelector(".table__pagination");
+      _ != null && _.remove(), u < d && (C(u, 1), U(n, e, u, 1, d), B(n, e, u, 1, d));
     }
-    e.getAttribute("data-reorder") && V();
+    e.getAttribute("data-reorder") && z();
   }, !1), e.addEventListener("sorted", function(m) {
-    e.getAttribute("data-reorder") && V();
+    e.getAttribute("data-reorder") && z();
   }, !1), e.addEventListener("populated", function(m) {
     var u = e.querySelector(".table__filters");
     u.remove();
-    var c = e.querySelector(".table__pagination");
-    c.remove();
+    var d = e.querySelector(".table__pagination");
+    d.remove();
     var _ = e.cloneNode(!0);
     e.parentNode.replaceChild(_, e), Z(_);
   }, !1);
 }
-const U = function(e, n, t, d, 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">
+const U = function(e, r, t, o, f) {
+  const s = document.createElement("div");
+  s.classList.add("table__pagination"), s.classList.add("row"), s.classList.add("pt-3"), s.classList.add("pb-3"), s.innerHTML = `<div class="col mw-fit-content mb-3">
 <div class="form-control__wrapper form-control-inline mb-0">
   <label for="${e}_showing" class="form-label">Showing:</label>
-  <input type="number" name="${e}_showing" id="${e}_showing" class="form-control form-control-sm showing-input-field" placeholder="" list="${e}_pagination" value="${t}" min="1" max="${h}" />
+  <input type="number" name="${e}_showing" id="${e}_showing" class="form-control form-control-sm showing-input-field" placeholder="" list="${e}_pagination" value="${t}" min="1" max="${f}" />
 </div>
 <datalist id="${e}_pagination">
 <option value="5">5</option>
-${h > 10 ? '<option value="10">10</option>' : ""}
-${h > 20 ? '<option value="20">20</option>' : ""}
-<option value="${h}">${h}</option>
+${f > 10 ? '<option value="10">10</option>' : ""}
+${f > 20 ? '<option value="20">20</option>' : ""}
+<option value="${f}">${f}</option>
 </datalist>
 </div>
 <div class="col mw-fit-content me-auto d-flex align-items-center mb-3"><span class="label">per page</span></div>
-<div class="col mw-fit-content d-sm-flex justify-content-end align-items-center" id="${e}_paginationBtns"></div>`, n.append(a);
-}, D = function(e, n, t, d, h) {
-  const a = document.getElementById(e + "_paginationBtns");
-  if (a == null)
+<div class="col mw-fit-content d-sm-flex justify-content-end align-items-center" id="${e}_paginationBtns"></div>`, r.append(s);
+}, B = function(e, r, t, o, f) {
+  const s = document.getElementById(e + "_paginationBtns");
+  if (s == null)
     return !1;
-  const r = Math.ceil(h / t);
-  if (r == 1)
-    a.innerHTML = "";
-  else if (r < 5) {
-    let i = "";
-    for (let f = 1; f <= r; f++)
-      f == d ? 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">
-      ${d == 1 ? '<li class="page-item disabled"><span class="page-link">Previous</span></li>' : `<li class="page-item"><button class="page-link" data-page="${parseInt(d) - 1}">Previous</button></li>`}
-      ${i}
-      ${d == r ? '<li class="page-item disabled"><span class="page-link">Next</span></li>' : `<li class="page-item"><button class="page-link" data-page="${parseInt(d) + 1}">Next</button></li>`}
+  const i = Math.ceil(f / t);
+  if (i == 1)
+    s.innerHTML = "";
+  else if (i < 5) {
+    let n = "";
+    for (let h = 1; h <= i; h++)
+      h == o ? n += `<li class="page-item active" aria-current="page"><span class="page-link">${h}</span></li>` : n += `<li class="page-item"><button class="page-link" data-page="${h}">${h}</button></li>`;
+    s.innerHTML = `<span class="pe-2 mb-3">Page: </span><ul class="pagination mb-3">
+      ${o == 1 ? '<li class="page-item disabled"><span class="page-link">Previous</span></li>' : `<li class="page-item"><button class="page-link" data-page="${parseInt(o) - 1}">Previous</button></li>`}
+      ${n}
+      ${o == i ? '<li class="page-item disabled"><span class="page-link">Next</span></li>' : `<li class="page-item"><button class="page-link" data-page="${parseInt(o) + 1}">Next</button></li>`}
     </ul>`;
   } else {
-    let i = "";
-    for (let f = 1; f <= r; f++)
-      f == d ? i += `<option value="${f}" selected>Page ${f}</option>` : i += `<option value="${f}">Page ${f}</option>`;
-    a.innerHTML = `
+    let n = "";
+    for (let h = 1; h <= i; h++)
+      h == o ? n += `<option value="${h}" selected>Page ${h}</option>` : n += `<option value="${h}">Page ${h}</option>`;
+    s.innerHTML = `
 <div class="form-control__wrapper page-number mb-2">
 <select class="form-select">
-${i}
+${n}
 </select>
 </div>
     `;
@@ -331,7 +331,7 @@ ${i}
 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 = {
+const pe = {
   name: "Table",
   props: {
     reorder: {
@@ -386,18 +386,18 @@ const ye = {
   },
   updated() {
     this.$nextTick(function() {
-      let e = this.$refs.wrapper.querySelector("tbody"), n = "";
-      this.items.forEach((d, h) => {
-        let a = d.rowid ? d.rowid : "";
-        d = Object.fromEntries(Object.entries(d).filter(([r]) => r !== "rowid")), n += `<tr data-row-id="${a}">${Object.keys(d).map((r) => `<td data-label="${W(K(r))}" data-numeric="${G(d[r])}">${d[r]}</td>`).join("")}</tr>`;
-      }), e.innerHTML = n;
+      let e = this.$refs.wrapper.querySelector("tbody"), r = "";
+      this.items.forEach((o, f) => {
+        let s = o.rowid ? o.rowid : "";
+        o = Object.fromEntries(Object.entries(o).filter(([i]) => i !== "rowid")), r += `<tr data-row-id="${s}">${Object.keys(o).map((i) => `<td data-label="${W(K(i))}" data-numeric="${G(o[i])}">${o[i]}</td>`).join("")}</tr>`;
+      }), e.innerHTML = r;
       const t = new Event("filtered");
       this.$refs.wrapper.dispatchEvent(t);
     });
   }
-}, 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 $e(e, n, t, d, h, a) {
-  return o(), l("div", {
+}, be = ["data-sortby", "data-sort", "data-show", "data-page", "data-reorder"], ve = { key: 0 }, ge = ["data-sortable", "data-filterable"], Ae = { key: 1 }, we = ["data-row-id"], ke = ["innerHTML", "data-label", "data-numeric"];
+function Se(e, r, t, o, f, s) {
+  return l(), c("div", {
     class: "table__wrapper",
     ref: "wrapper",
     "data-sortby": t.sortby,
@@ -406,36 +406,36 @@ function $e(e, n, t, d, h, a) {
     "data-page": t.page,
     "data-reorder": t.reorder
   }, [
-    s("table", null, [
-      t.fields ? (o(), l("thead", be, [
-        s("tr", {
+    a("table", null, [
+      t.fields ? (l(), c("thead", ve, [
+        a("tr", {
           class: v(t.headingclass)
         }, [
-          (o(!0), l(S, null, x(t.fields, (r) => (o(), l("th", {
-            key: r.key,
-            "data-sortable": r.sortable,
-            "data-filterable": r.filterable
-          }, w(a.cellHeading(r.key)), 9, ve))), 128))
+          (l(!0), c(x, null, L(t.fields, (i) => (l(), c("th", {
+            key: i.key,
+            "data-sortable": i.sortable,
+            "data-filterable": i.filterable
+          }, k(s.cellHeading(i.key)), 9, ge))), 128))
         ], 2)
       ])) : p("", !0),
-      t.items ? (o(), l("tbody", ge, [
-        (o(!0), l(S, null, x(t.items, (r, i) => (o(), l("tr", {
-          key: i,
-          "data-row-id": r.rowid
+      t.items ? (l(), c("tbody", Ae, [
+        (l(!0), c(x, null, L(t.items, (i, n) => (l(), c("tr", {
+          key: n,
+          "data-row-id": i.rowid
         }, [
-          (o(!0), l(S, null, x(Object.fromEntries(Object.entries(r).filter(([f]) => f !== "rowid")), (f, $) => (o(), l("td", {
-            key: $,
-            innerHTML: f,
-            "data-label": a.cellHeading($),
-            "data-numeric": a.numericValue(f)
+          (l(!0), c(x, null, L(Object.fromEntries(Object.entries(i).filter(([h]) => h !== "rowid")), (h, w) => (l(), c("td", {
+            key: w,
+            innerHTML: h,
+            "data-label": s.cellHeading(w),
+            "data-numeric": s.numericValue(h)
           }, null, 8, ke))), 128))
         ], 8, we))), 128))
       ])) : p("", !0)
     ]),
     b(e.$slots, "default")
-  ], 8, pe);
+  ], 8, be);
 }
-const E = /* @__PURE__ */ g(ye, [["render", $e]]), Ae = {
+const E = /* @__PURE__ */ g(pe, [["render", Se]]), $e = {
   name: "Input",
   props: {
     value: {
@@ -606,8 +606,8 @@ const E = /* @__PURE__ */ g(ye, [["render", $e]]), Ae = {
     this.$nextTick(function() {
       let e = this.$refs.wrapper;
       if (e.parentNode && e.parentNode.classList.contains("form-check") || e.classList.length == 0) {
-        const n = document.createDocumentFragment();
-        Array.from(e.childNodes).forEach((t) => n.appendChild(t)), e.parentNode.insertBefore(n, e), e.parentNode.removeChild(e);
+        const r = document.createDocumentFragment();
+        Array.from(e.childNodes).forEach((t) => r.appendChild(t)), e.parentNode.insertBefore(r, e), e.parentNode.removeChild(e);
       }
     });
   },
@@ -619,144 +619,144 @@ const E = /* @__PURE__ */ g(ye, [["render", $e]]), Ae = {
       this.$emit("bus");
     }
   }
-}, Se = ["for", "innerHTML", "title"], xe = ["innerHTML"], qe = ["innerHTML"], Le = ["type", "name", "id", "pattern", "list"], Te = ["type", "name", "id", "pattern"], Me = {
+}, qe = ["for", "innerHTML", "title"], xe = ["innerHTML"], Le = ["innerHTML"], Te = ["type", "name", "id", "pattern", "list"], Me = ["type", "name", "id", "pattern"], He = {
   key: 5,
   class: "input-group"
-}, Ce = ["type", "name", "id", "pattern", "list"], He = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Ne = {
+}, Ce = ["type", "name", "id", "pattern", "list"], Ne = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Be = {
   key: 6,
   class: "input-group"
-}, De = ["type", "name", "id", "pattern", "list"], Be = { class: "input-group-text flex-fill" }, Pe = ["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, n, t, d, h, a) {
-  return o(), l("div", {
-    class: v(a.wrapperClass()),
+}, Pe = ["type", "name", "id", "pattern", "list"], De = { class: "input-group-text flex-fill" }, Ie = ["type", "name", "id", "pattern"], ze = ["value"], Ve = ["id"], Fe = ["value"], Oe = ["type", "name", "id"], je = ["for", "innerHTML"], Re = ["type", "name", "id"], We = ["for", "innerHTML"], Ke = ["innerHTML"];
+function Ue(e, r, t, o, f, s) {
+  return l(), c("div", {
+    class: v(s.wrapperClass()),
     ref: "wrapper"
   }, [
-    a.needsLabel() ? (o(), l("label", {
+    s.needsLabel() ? (l(), c("label", {
       key: 0,
       class: v(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
-      innerHTML: a.displayLabel(),
+      innerHTML: s.displayLabel(),
       title: t.title
-    }, null, 10, Se)) : p("", !0),
-    t.prefix ? (o(), l("span", {
+    }, null, 10, qe)) : p("", !0),
+    t.prefix ? (l(), c("span", {
       key: 1,
       class: v(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
       innerHTML: t.prefix,
       role: "presentation"
     }, null, 10, xe)) : p("", !0),
-    t.suffix ? (o(), l("span", {
+    t.suffix ? (l(), c("span", {
       key: 2,
       class: v(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
       innerHTML: t.suffix,
       role: "presentation"
-    }, null, 10, qe)) : p("", !0),
-    a.isInput() ? N((o(), l("input", T({
+    }, null, 10, Le)) : p("", !0),
+    s.isInput() ? N((l(), c("input", T({
       key: 3,
-      "onUpdate:modelValue": n[0] || (n[0] = (r) => a.inputVal = r),
+      "onUpdate:modelValue": r[0] || (r[0] = (i) => s.inputVal = i),
       class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type,
       name: t.name ? t.name : t.id,
       id: t.id,
-      pattern: a.needPattern(),
-      list: a.hasOptions()
+      pattern: s.needPattern(),
+      list: s.hasOptions()
     }, e.$attrs, {
-      onKeyup: n[1] || (n[1] = (...r) => a.inputKeyup && a.inputKeyup(...r))
-    }), null, 16, Le)), [
-      [F, a.inputVal]
+      onKeyup: r[1] || (r[1] = (...i) => s.inputKeyup && s.inputKeyup(...i))
+    }), null, 16, Te)), [
+      [F, s.inputVal]
     ]) : p("", !0),
-    t.type == "textarea" ? N((o(), l("textarea", T({
+    t.type == "textarea" ? N((l(), c("textarea", T({
       key: 4,
-      "onUpdate:modelValue": n[2] || (n[2] = (r) => a.inputVal = r),
+      "onUpdate:modelValue": r[2] || (r[2] = (i) => s.inputVal = i),
       class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type,
       name: t.name ? t.name : t.id,
       id: t.id,
-      pattern: a.needPattern()
-    }, e.$attrs), null, 16, Te)), [
-      [J, a.inputVal]
+      pattern: s.needPattern()
+    }, e.$attrs), null, 16, Me)), [
+      [X, s.inputVal]
     ]) : p("", !0),
-    t.type == "range" ? (o(), l("div", Me, [
-      N(s("input", T({
-        "onUpdate:modelValue": n[3] || (n[3] = (r) => a.inputVal = r),
+    t.type == "range" ? (l(), c("div", He, [
+      N(a("input", T({
+        "onUpdate:modelValue": r[3] || (r[3] = (i) => s.inputVal = i),
         class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
         type: t.type,
         name: t.name ? t.name : t.id,
         id: t.id,
-        pattern: a.needPattern(),
-        list: a.hasOptions()
+        pattern: s.needPattern(),
+        list: s.hasOptions()
       }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Ce), [
-        [F, a.inputVal]
+        [F, s.inputVal]
       ]),
-      s("output", He, w(t.value), 1)
+      a("output", Ne, k(t.value), 1)
     ])) : p("", !0),
-    t.type == "color" ? (o(), l("div", Ne, [
-      N(s("input", T({
-        "onUpdate:modelValue": n[4] || (n[4] = (r) => a.inputVal = r),
+    t.type == "color" ? (l(), c("div", Be, [
+      N(a("input", T({
+        "onUpdate:modelValue": r[4] || (r[4] = (i) => s.inputVal = i),
         class: `form-control form-control-color${t.inputclass ? ` ${t.inputclass}` : ""}`,
         type: t.type,
         name: t.name ? t.name : t.id,
         id: t.id,
-        pattern: a.needPattern(),
-        list: a.hasOptions()
-      }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, De), [
-        [F, a.inputVal]
+        pattern: s.needPattern(),
+        list: s.hasOptions()
+      }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Pe), [
+        [F, s.inputVal]
       ]),
-      s("output", Be, w(t.value ? e.vale : "#000000"), 1)
+      a("output", De, k(t.value ? e.vale : "#000000"), 1)
     ])) : p("", !0),
-    t.type == "select" ? N((o(), l("select", T({
+    t.type == "select" ? N((l(), c("select", T({
       key: 7,
-      "onUpdate:modelValue": n[5] || (n[5] = (r) => a.inputVal = r),
+      "onUpdate:modelValue": r[5] || (r[5] = (i) => s.inputVal = i),
       class: `form-select${t.size ? ` form-select-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type,
       name: t.id,
       id: t.id,
-      pattern: a.needPattern()
+      pattern: s.needPattern()
     }, e.$attrs), [
-      (o(!0), l(S, null, x(t.options, (r, i) => (o(), l("option", {
-        key: i,
-        value: r.value
-      }, w(r.display ? r.display : r.value), 9, Ie))), 128))
-    ], 16, Pe)), [
-      [X, a.inputVal]
+      (l(!0), c(x, null, L(t.options, (i, n) => (l(), c("option", {
+        key: n,
+        value: i.value
+      }, k(i.display ? i.display : i.value), 9, ze))), 128))
+    ], 16, Ie)), [
+      [ee, s.inputVal]
     ]) : p("", !0),
-    a.allowDatalist() ? (o(), l("datalist", {
+    s.allowDatalist() ? (l(), c("datalist", {
       key: 8,
       id: t.id + "-list"
     }, [
-      (o(!0), l(S, null, x(t.options, (r, i) => (o(), l("option", {
-        key: i,
-        value: r.value
-      }, w(r.value), 9, Ve))), 128))
-    ], 8, ze)) : p("", !0),
-    t.type == "checkbox" || t.type == "radio" ? (o(), l("input", T({
+      (l(!0), c(x, null, L(t.options, (i, n) => (l(), c("option", {
+        key: n,
+        value: i.value
+      }, k(i.value), 9, Fe))), 128))
+    ], 8, Ve)) : p("", !0),
+    t.type == "checkbox" || t.type == "radio" ? (l(), c("input", T({
       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" ? (o(), l("label", {
+    t.type == "checkbox" || t.type == "radio" ? (l(), c("label", {
       key: 10,
       class: v(`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" ? (o(), l("input", T({
+    }, null, 10, je)) : p("", !0),
+    t.type == "checkbox-btn" || t.type == "radio-btn" ? (l(), c("input", T({
       key: 11,
       class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type.replace("-btn", ""),
       autocomplete: "off",
       name: t.name ? t.name : t.id,
       id: t.id
-    }, e.$attrs), null, 16, je)) : p("", !0),
-    t.type == "checkbox-btn" || t.type == "radio-btn" ? (o(), l("label", {
+    }, e.$attrs), null, 16, Re)) : p("", !0),
+    t.type == "checkbox-btn" || t.type == "radio-btn" ? (l(), c("label", {
       key: 12,
       class: v(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: t.label,
-      onClick: n[6] || (n[6] = (...r) => a.clickEvent && a.clickEvent(...r))
+      onClick: r[6] || (r[6] = (...i) => s.clickEvent && s.clickEvent(...i))
     }, null, 10, We)) : p("", !0),
-    t.errormsg ? (o(), l("p", {
+    t.errormsg ? (l(), c("p", {
       key: 13,
       class: "invalid-feedback mb-0",
       innerHTML: t.errormsg
@@ -764,9 +764,9 @@ function Ue(e, n, t, d, h, a) {
     b(e.$slots, "default")
   ], 2);
 }
-const I = /* @__PURE__ */ g(Ae, [["render", Ue]]), Ge = {
+const D = /* @__PURE__ */ g($e, [["render", Ue]]), Ge = {
   components: {
-    Input: I
+    Input: D
   },
   name: "FileUploads",
   props: {
@@ -787,21 +787,21 @@ const I = /* @__PURE__ */ g(Ae, [["render", Ue]]), Ge = {
       required: !1
     }
   }
-}, Ze = { class: "multiple-file-uploads mb-4" }, Ee = { class: "row" }, Re = { class: "col-12 col-md me-auto" }, Qe = /* @__PURE__ */ s("div", { class: "col mw-fit-content" }, [
-  /* @__PURE__ */ s("button", {
+}, Ze = { class: "multiple-file-uploads mb-4" }, Ee = { class: "row" }, Qe = { class: "col-12 col-md me-auto" }, Ye = /* @__PURE__ */ a("div", { class: "col mw-fit-content" }, [
+  /* @__PURE__ */ a("button", {
     type: "button",
     class: "btn btn-tertiary me-0",
     "data-delete": ""
   }, "Delete")
-], -1), Ye = ["data-maxfiles"];
-function Je(e, n, t, d, h, a) {
-  const r = C("Input");
-  return o(), l("div", Ze, [
-    s("div", Ee, [
-      s("div", {
+], -1), Je = ["data-maxfiles"];
+function Xe(e, r, t, o, f, s) {
+  const i = H("Input");
+  return l(), c("div", Ze, [
+    a("div", Ee, [
+      a("div", {
         class: v(`${t.inputcolclass ? t.inputcolclass : "col-12 col-sm-4"}`)
       }, [
-        A(r, {
+        S(i, {
           type: "file",
           id: t.id,
           name: `${t.id}[]`,
@@ -812,58 +812,70 @@ function Je(e, n, t, d, h, a) {
           "data-filesize": t.maxfilesize
         }, null, 8, ["id", "name", "data-filesize"])
       ], 2),
-      s("div", Re, [
+      a("div", Qe, [
         b(e.$slots, "default")
       ]),
-      Qe
+      Ye
     ]),
-    s("button", {
+    a("button", {
       type: "button",
       class: "btn btn-secondary me-0",
       "data-add": "",
       "data-maxfiles": t.maxfiles
-    }, "+ Add file", 8, Ye)
+    }, "+ Add file", 8, Je)
   ]);
 }
-const ki = /* @__PURE__ */ g(Ge, [["render", Je]]);
-function Xe(e) {
-  if (!e.classList.contains("accordion--keep-open")) {
-    const n = e.querySelectorAll(":scope > details");
-    n.forEach((t) => {
-      t.addEventListener("click", () => {
-        n.forEach((d) => {
-          d !== t && d.removeAttribute("open");
+const di = /* @__PURE__ */ g(Ge, [["render", Xe]]);
+function et(e) {
+  let r = e.querySelectorAll("details"), t = e.querySelectorAll("summary");
+  if (r.forEach((o) => {
+    o.classList.add("accordion-item");
+  }), t.forEach((o) => {
+    o.classList.add("accordion-header"), o.classList.add("accordion-button"), o.classList.add("h4");
+  }), !e.classList.contains("accordion--keep-open")) {
+    const o = e.querySelectorAll(":scope > details");
+    o.forEach((f) => {
+      f.addEventListener("click", () => {
+        o.forEach((s) => {
+          s !== f && s.removeAttribute("open");
         });
       });
     });
   }
-  if (window.location.hash && document.querySelector(window.location.hash + ":not([open]) summary")) {
-    const n = document.querySelector(window.location.hash + " summary");
-    n instanceof HTMLElement && n.click();
+}
+const O = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets";
+class tt extends HTMLElement {
+  constructor() {
+    super(), this.attachShadow({ mode: "open" });
+    const r = document.createElement("template");
+    r.innerHTML = `
+    <style>
+    @import "${O}/css/core.min.css";
+    @import "${O}/css/components/accordion.css";
+    ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
+    </style>
+    <div class="accordion">
+      <slot></slot>
+    </div>
+    `, this.shadowRoot.appendChild(r.content.cloneNode(!0));
+  }
+  connectedCallback() {
+    et(this), this.insertAdjacentHTML("beforebegin", `<link rel="stylesheet" href="${O}/css/components/accordion.css">`);
   }
-  window.addEventListener("hashchange", function() {
-    if (window.location.hash && document.querySelector(window.location.hash + " summary")) {
-      const n = document.querySelector(window.location.hash + " summary");
-      n instanceof HTMLElement && n.click();
-    }
-  });
 }
-const et = {
+window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", tt);
+const st = {
   name: "Accordion",
   props: {},
   mounted() {
-    Xe(this.$refs.wrapper);
   }
-}, tt = {
-  class: "container accordion",
-  ref: "wrapper"
-};
-function st(e, n, t, d, h, a) {
-  return o(), l("div", tt, [
+}, at = { ref: "wrapper" };
+function it(e, r, t, o, f, s) {
+  return l(), c("iam-accordion", at, [
     b(e.$slots, "default")
   ], 512);
 }
-const $i = /* @__PURE__ */ g(et, [["render", st]]), at = {
+const ui = /* @__PURE__ */ g(st, [["render", it]]), nt = {
   name: "AccordionItem",
   props: {
     title: {
@@ -890,7 +902,7 @@ const $i = /* @__PURE__ */ g(et, [["render", st]]), at = {
   },
   computed: {
     createID() {
-      return (e) => `${he(e)}`;
+      return (e) => `${me(e)}`;
     }
   },
   data() {
@@ -898,33 +910,24 @@ const $i = /* @__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 ot(e, n, t, d, h, a) {
-  return o(), l("details", {
-    class: "accordion-item",
-    id: a.createID(t.title)
+}, rt = ["id"], ot = ["classList"];
+function lt(e, r, t, o, f, s) {
+  return l(), c("details", {
+    id: s.createID(t.title)
   }, [
-    s("summary", {
-      class: v(`${t.titlecolour ? `bg-${t.titlecolour}` : ""}`),
-      onClick: n[0] || (n[0] = (r) => h.show = !0)
+    a("summary", {
+      classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
     }, [
-      s("span", nt, [
-        P(w(t.title), 1),
-        t.badge ? (o(), l("span", {
-          key: 0,
-          class: v(`badge bg-${t.badgecolour}`)
-        }, w(t.badge), 3)) : p("", !0)
-      ])
-    ], 2),
-    h.show ? (o(), l("div", rt, [
-      b(e.$slots, "default")
-    ])) : p("", !0)
-  ], 8, it);
+      j(k(t.title), 1),
+      t.badge ? (l(), c("span", {
+        key: 0,
+        class: v(`badge bg-${t.badgecolour}`)
+      }, k(t.badge), 3)) : p("", !0)
+    ], 8, ot),
+    b(e.$slots, "default")
+  ], 8, rt);
 }
-const Ai = /* @__PURE__ */ g(at, [["render", ot]]), lt = {
+const fi = /* @__PURE__ */ g(nt, [["render", lt]]), ct = {
   name: "Header",
   props: {
     title: {
@@ -941,33 +944,33 @@ const Ai = /* @__PURE__ */ g(at, [["render", ot]]), lt = {
       required: !1
     }
   }
-}, dt = { class: "container" }, ct = { 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, n, t, d, h, a) {
-  return o(), l("div", dt, [
-    s("div", {
+}, dt = { class: "container" }, ut = { class: "row" }, ft = { class: "col-sm-6" }, ht = { class: "pt-5 pb-3 px-4" }, mt = { class: "col-sm-6 col-md-5 ms-auto" }, _t = ["src"];
+function yt(e, r, t, o, f, s) {
+  return l(), c("div", dt, [
+    a("div", {
       class: v("bg-" + t.background + " mb-4")
     }, [
-      s("div", ct, [
-        s("div", ut, [
-          s("div", ft, [
-            s("h2", null, w(t.title), 1),
+      a("div", ut, [
+        a("div", ft, [
+          a("div", ht, [
+            a("h2", null, k(t.title), 1),
             b(e.$slots, "default")
           ])
         ]),
-        s("div", ht, [
-          t.image ? (o(), l("img", {
+        a("div", mt, [
+          t.image ? (l(), c("img", {
             key: 0,
             src: t.image,
             alt: "",
             class: "h-100 w-100 object-cover"
-          }, null, 8, mt)) : p("", !0)
+          }, null, 8, _t)) : p("", !0)
         ])
       ])
     ], 2)
   ]);
 }
-const Si = /* @__PURE__ */ g(lt, [["render", _t]]);
-const yt = {
+const hi = /* @__PURE__ */ g(ct, [["render", yt]]);
+const pt = {
   name: "Card",
   props: {
     link: {
@@ -1037,8 +1040,8 @@ const yt = {
     },
     cardContent() {
       return () => {
-        const e = function(h) {
-          switch (h) {
+        const e = function(f) {
+          switch (f) {
             case "Modern method":
               return "bg-secondary text-primary";
             case "Freehold":
@@ -1046,74 +1049,74 @@ const yt = {
             default:
               return "bg-body text-white";
           }
-        }, n = 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>` : "", d = `
+        }, r = this.details && this.details.tags ? this.details.tags.map((f) => `<span class="badge rounded-pill py-2 px-3 mb-3 me-2 ${e(f)}">${f}</span>`).join("") : "", t = this.title ? `<span class="card-title d-block ${this.titleclass}">${this.title}${this.subtitle ? ` <span class="d-block fw-normal font-body text-body small">${this.subtitle}</span>` : ""}</span>` : "", o = `
         ${this.details && this.details.guideprice ? `<span class="d-block h6 text-dark mb-1">Price guide: ${this.details.guideprice}</span>` : ""}
         ${this.details && this.details.auctiontime ? `<span class="d-block h6 text-primary mb-4">Auction time left: ${this.details.auctiontime}</span>` : ""}
         ${this.details && this.details.readtime ? `<span class="d-block h6 text-primary mb-4"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22" height="23" viewBox="0 0 22 23" class="icon ms-0 me-2"><path d="M11 1.63c-5.176 0-9.37 4.194-9.37 9.37 0 5.176 4.194 9.37 9.37 9.37 5.176 0 9.37-4.194 9.37-9.37 0-5.176-4.194-9.37-9.37-9.37M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0" fill="var(--colour-secondary)" /><path d="M9.62 5.39c0-.473.368-.856.82-.856.454 0 .822.383.822.855v6.27l3.25 1.898c.395.23.536.75.314 1.16-.22.412-.72.558-1.115.328l-4.09-2.39V5.39z" fill="var(--colour-primary)"/></svg>${this.details.readtime}</span>` : ""}
         `;
-        return `${n}${t}${d}${this.content}`;
+        return `${r}${t}${o}${this.content}`;
       };
     }
   }
-}, pt = ["href", "title", "target"], bt = {
+}, bt = ["href", "title", "target"], vt = {
   key: 0,
   class: "card-header__wrapper"
-}, vt = ["src"], gt = { class: "card-header" }, wt = ["innerHTML"], kt = ["innerHTML"], $t = ["src"], At = ["innerHTML"], St = {
+}, gt = ["src"], At = { class: "card-header" }, wt = ["innerHTML"], kt = ["innerHTML"], St = ["src"], $t = ["innerHTML"], qt = {
   key: 1,
   class: "card-footer"
 }, xt = { class: "visually-hidden" };
-function qt(e, n, t, d, h, a) {
-  return o(), l("a", {
+function Lt(e, r, t, o, f, s) {
+  return l(), c("a", {
     href: t.link,
     class: v("card" + (t.type ? " card--" + t.type : "") + " " + t.cardClass),
     title: t.ctatext + ": " + t.title + (t.subtitle ? " - " + t.subtitle : ""),
     target: t.target
   }, [
-    t.image ? (o(), l("div", bt, [
-      s("img", {
+    t.image ? (l(), c("div", vt, [
+      a("img", {
         src: t.image,
         alt: "",
         loading: "lazy",
         class: "card-image"
-      }, null, 8, vt),
-      s("div", gt, [
-        this.details && this.details.status ? (o(), l("span", {
+      }, null, 8, gt),
+      a("div", At, [
+        this.details && this.details.status ? (l(), c("span", {
           key: 0,
           class: "badge bg-primary p-2 me-2",
-          innerHTML: a.cardStatus()
+          innerHTML: s.cardStatus()
         }, null, 8, wt)) : p("", !0),
-        this.details && (this.details.images || this.details.videos) ? (o(), l("span", {
+        this.details && (this.details.images || this.details.videos) ? (l(), c("span", {
           key: 1,
           class: "badge bg-black bg-opacity-50 p-2 align-self-end",
-          innerHTML: a.cardMedia()
+          innerHTML: s.cardMedia()
         }, null, 8, kt)) : p("", !0)
       ]),
-      t.details && t.details.logo ? (o(), l("img", {
+      t.details && t.details.logo ? (l(), c("img", {
         key: 0,
         src: t.details.logo,
         alt: "",
         loading: "lazy",
         class: "card-logo"
-      }, null, 8, $t)) : p("", !0)
+      }, null, 8, St)) : p("", !0)
     ])) : p("", !0),
-    s("div", {
+    a("div", {
       class: "card-body",
-      innerHTML: a.cardContent()
-    }, null, 8, At),
-    t.hidectatext == !1 ? (o(), l("div", St, [
-      s("span", {
+      innerHTML: s.cardContent()
+    }, null, 8, $t),
+    t.hidectatext == !1 ? (l(), c("div", qt, [
+      a("span", {
         class: v(`${t.btntype == "link" ? "link" : `btn btn-${t.btntype}`} mb-0`)
       }, [
-        P(w(t.ctatext), 1),
-        s("span", xt, ": " + w(t.title), 1)
+        j(k(t.ctatext), 1),
+        a("span", xt, ": " + k(t.title), 1)
       ], 2)
     ])) : p("", !0)
-  ], 10, pt);
+  ], 10, bt);
 }
-const R = /* @__PURE__ */ g(yt, [["render", qt]]);
-const Lt = {
+const Q = /* @__PURE__ */ g(pt, [["render", Lt]]);
+const Tt = {
   components: {
-    Card: R
+    Card: Q
   },
   name: "CardDeck",
   props: {
@@ -1167,83 +1170,83 @@ const Lt = {
       default: !1
     }
   }
-}, Tt = ["data-card-type"];
-function Mt(e, n, t, d, h, a) {
-  const r = C("Card");
-  return o(), l("div", {
+}, Mt = ["data-card-type"];
+function Ht(e, r, t, o, f, s) {
+  const i = H("Card");
+  return l(), c("div", {
     class: "container card-deck prevent-invert",
     "data-card-type": t.cardtype
   }, [
     b(e.$slots, "default"),
-    s("div", {
+    a("div", {
       class: v(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
     }, [
-      (o(!0), l(S, null, x(t.items, (i, f) => (o(), l("div", {
+      (l(!0), c(x, null, L(t.items, (n, h) => (l(), c("div", {
         class: "col",
-        key: f
+        key: h
       }, [
-        A(r, T(i, {
+        S(i, T(n, {
           class: t.cardclass,
           type: t.cardtype,
-          btntype: i.btntype ? i.btntype : t.btntype,
-          titleclass: i.titleclass ? i.titleclass : t.titleclass,
-          ctatext: i.ctatext,
+          btntype: n.btntype ? n.btntype : t.btntype,
+          titleclass: n.titleclass ? n.titleclass : t.titleclass,
+          ctatext: n.ctatext,
           hidectatext: t.hidectatext
         }), null, 16, ["class", "type", "btntype", "titleclass", "ctatext", "hidectatext"])
       ]))), 128))
     ], 2),
     b(e.$slots, "after")
-  ], 8, Tt);
+  ], 8, Mt);
 }
-const Ct = /* @__PURE__ */ g(Lt, [["render", Mt]]);
-function Ht(e) {
-  var n;
-  let t = e.querySelector(".carousel__inner"), d = e.querySelectorAll(".carousel__item").length;
+const Ct = /* @__PURE__ */ g(Tt, [["render", Ht]]);
+function Nt(e) {
+  var r;
+  let t = e.querySelector(".carousel__inner"), o = e.querySelectorAll(".carousel__item").length;
   e.getAttribute("data-cols");
-  let h = e.getAttribute("data-sm-cols"), a = e.getAttribute("data-md-cols");
-  e.querySelector(".carousel__controls a").classList.add("active"), t.addEventListener("scroll", function(r) {
-    clearTimeout(n), n = setTimeout(function() {
-      let i = t.clientWidth, f = t.scrollWidth, $ = t.scrollLeft, q = Math.round($ / f * d) + 1, M = e.querySelector(".carousel__item:last-child").offsetLeft;
-      Array.from(e.querySelectorAll(".carousel__controls a")).forEach((z, H) => {
-        z.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");
+  let f = e.getAttribute("data-sm-cols"), s = e.getAttribute("data-md-cols");
+  e.querySelector(".carousel__controls a").classList.add("active"), t.addEventListener("scroll", function(i) {
+    clearTimeout(r), r = setTimeout(function() {
+      let n = t.clientWidth, h = t.scrollWidth, w = t.scrollLeft, $ = Math.round(w / h * o) + 1, M = e.querySelector(".carousel__item:last-child").offsetLeft;
+      Array.from(e.querySelectorAll(".carousel__controls a")).forEach((I, C) => {
+        I.classList.remove("active");
+      }), e.querySelector(".control-" + $).classList.add("active"), $ == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + n > M ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
     }, 100);
-  }, !1), e.addEventListener("click", function(r) {
-    for (var i = r.target; i && i != this; i = i.parentNode)
-      if (i.matches(".carousel__controls a")) {
-        r.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach(($, q) => {
-          $.classList.remove("active");
-        }), i.classList.add("active");
-        const f = document.querySelector(i.getAttribute("href"));
+  }, !1), e.addEventListener("click", function(i) {
+    for (var n = i.target; n && n != this; n = n.parentNode)
+      if (n.matches(".carousel__controls a")) {
+        i.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((w, $) => {
+          w.classList.remove("active");
+        }), n.classList.add("active");
+        const h = document.querySelector(n.getAttribute("href"));
         t.scroll({
           top: 0,
-          left: f.offsetLeft,
+          left: h.offsetLeft,
           behavior: "smooth"
         });
         break;
       }
-  }, !1), e.addEventListener("click", function(r) {
-    for (var i = r.target; i && i != this; i = i.parentNode)
-      if (i.matches(".btn-next, .btn-prev")) {
-        r.preventDefault();
-        let f = i.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
+  }, !1), e.addEventListener("click", function(i) {
+    for (var n = i.target; n && n != this; n = n.parentNode)
+      if (n.matches(".btn-next, .btn-prev")) {
+        i.preventDefault();
+        let h = n.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
         t.scroll({
           top: 0,
-          left: f,
+          left: h,
           behavior: "smooth"
         });
         break;
       }
-  }, !1), d == 1 && e.classList.add("hide-btns"), h >= d && e.classList.add("hide-sm-btns"), a >= d && e.classList.add("hide-md-btns");
+  }, !1), o == 1 && e.classList.add("hide-btns"), f >= o && e.classList.add("hide-sm-btns"), s >= o && e.classList.add("hide-md-btns");
 }
-let B = Ct.props;
-B.gap.default = 0;
-B.cols.default = 1;
-B.smcols.default = 2;
-B.mdcols.default = 4;
-const Nt = {
+let P = Ct.props;
+P.gap.default = 0;
+P.cols.default = 1;
+P.smcols.default = 2;
+P.mdcols.default = 4;
+const Bt = {
   components: {
-    Card: R
+    Card: Q
   },
   name: "Carousel",
   data() {
@@ -1252,7 +1255,7 @@ const Nt = {
     };
   },
   props: {
-    ...B,
+    ...P,
     colclass: {
       type: String,
       required: !1
@@ -1269,40 +1272,40 @@ const Nt = {
   },
   mounted() {
     this.id = this._uid, this.$nextTick(function() {
-      Ht(this.$refs.wrapper);
+      Nt(this.$refs.wrapper);
     });
   }
-}, Dt = ["id", "data-cols", "data-sm-cols", "data-md-cols"], Bt = { class: "carousel__wrapper" }, Pt = { class: "carousel__inner" }, It = ["id"], zt = ["innerHTML", "id"], Vt = ["href"], Ot = /* @__PURE__ */ s("button", {
+}, Pt = ["id", "data-cols", "data-sm-cols", "data-md-cols"], Dt = { class: "carousel__wrapper" }, It = { class: "carousel__inner" }, zt = ["id"], Vt = ["innerHTML", "id"], Ft = ["href"], Ot = /* @__PURE__ */ a("button", {
   class: "btn btn-prev",
   "data-go": "0",
   disabled: ""
-}, "Prev", -1), Ft = /* @__PURE__ */ s("button", {
+}, "Prev", -1), jt = /* @__PURE__ */ a("button", {
   class: "btn btn-next",
   "data-go": "2"
 }, "Next", -1);
-function jt(e, n, t, d, h, a) {
-  const r = C("Card");
-  return o(), l("div", {
+function Rt(e, r, t, o, f, s) {
+  const i = H("Card");
+  return l(), c("div", {
     class: "container carousel",
-    id: "carousel" + h.id,
+    id: "carousel" + f.id,
     ref: "wrapper",
     "data-cols": e.cols,
     "data-sm-cols": e.smcols,
     "data-md-cols": e.mdcols
   }, [
     b(e.$slots, "default"),
-    s("div", Bt, [
-      s("div", Pt, [
-        t.type == "card" ? (o(), l("div", {
+    a("div", Dt, [
+      a("div", It, [
+        t.type == "card" ? (l(), c("div", {
           key: 0,
           class: v(`row row-cols-${e.cols} row-cols-sm-${e.smcols} row-cols-md-${e.mdcols} ${e.gap ? `g-${e.gap}` : ""}`)
         }, [
-          (o(!0), l(S, null, x(e.items, (i, f) => (o(), l("div", {
+          (l(!0), c(x, null, L(e.items, (n, h) => (l(), c("div", {
             class: v(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
-            key: f,
-            id: "carousel" + h.id + "slide" + (f + 1)
+            key: h,
+            id: "carousel" + f.id + "slide" + (h + 1)
           }, [
-            A(r, T(i, {
+            S(i, T(n, {
               class: e.cardclass,
               type: e.cardtype,
               btnyype: e.btntype,
@@ -1310,36 +1313,72 @@ function jt(e, n, t, d, h, a) {
               ctatext: e.ctatext,
               hidectatext: e.hidectatext
             }), null, 16, ["class", "type", "btnyype", "titleclass", "ctatext", "hidectatext"])
-          ], 10, It))), 128))
+          ], 10, zt))), 128))
         ], 2)) : p("", !0),
-        t.type != "card" ? (o(), l("div", {
+        t.type != "card" ? (l(), c("div", {
           key: 1,
           class: v(`row row-cols-${e.cols} row-cols-sm-${e.smcols} row-cols-md-${e.mdcols} ${e.gap ? `g-${e.gap}` : ""}`)
         }, [
-          (o(!0), l(S, null, x(e.items, (i, f) => (o(), l("div", {
+          (l(!0), c(x, null, L(e.items, (n, h) => (l(), c("div", {
             class: v(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
-            key: f,
-            innerHTML: a.content(i),
-            id: "carousel" + h.id + "slide" + (f + 1)
-          }, null, 10, zt))), 128))
+            key: h,
+            innerHTML: s.content(n),
+            id: "carousel" + f.id + "slide" + (h + 1)
+          }, null, 10, Vt))), 128))
         ], 2)) : p("", !0)
       ]),
-      s("div", {
+      a("div", {
         class: v(`carousel__controls cols-${e.cols} cols-sm-${e.smcols} cols-md-${e.mdcols}`)
       }, [
-        (o(!0), l(S, null, x(e.items, (i, f) => (o(), l("a", {
-          key: f,
-          href: "#carousel" + h.id + "slide" + (f + 1),
-          class: v(`control-${f + 1}`)
-        }, "Slide " + w(f + 1), 11, Vt))), 128))
+        (l(!0), c(x, null, L(e.items, (n, h) => (l(), c("a", {
+          key: h,
+          href: "#carousel" + f.id + "slide" + (h + 1),
+          class: v(`control-${h + 1}`)
+        }, "Slide " + k(h + 1), 11, Ft))), 128))
       ], 2),
       Ot,
-      Ft
+      jt
     ])
-  ], 8, Dt);
+  ], 8, Pt);
+}
+const mi = /* @__PURE__ */ g(Bt, [["render", Rt]]);
+class Wt extends HTMLElement {
+  constructor() {
+    super(), this.attachShadow({ mode: "open" });
+    const r = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = `@import "${r}/css/components/header.css";`, o = document.createElement("template");
+    o.innerHTML = `
+    <style>
+    @import "${r}/css/core.min.css";
+    ${t}
+    ${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(o.content.cloneNode(!0));
+  }
+  connectedCallback() {
+    const r = this.shadowRoot.querySelector("picture"), t = this.shadowRoot.querySelector("picture source");
+    this.hasAttribute("image") ? t.setAttribute("srcset", this.getAttribute("image")) : r.remove();
+  }
 }
-const xi = /* @__PURE__ */ g(Nt, [["render", jt]]);
-const Wt = {
+window.customElements.get("iam-header") || window.customElements.define("iam-header", Wt);
+const Kt = {
   name: "Header",
   props: {
     title: {
@@ -1351,58 +1390,50 @@ const Wt = {
       required: !1
     }
   }
-}, Kt = { class: "header-banner" }, Ut = { class: "container" }, Gt = { class: "header-banner__inner" }, Zt = ["innerHTML"], Et = { key: 0 }, Rt = ["srcset"], Qt = /* @__PURE__ */ s("img", {
-  src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
-  alt: ""
-}, null, -1);
-function Yt(e, n, t, d, h, a) {
-  return o(), l("header", Kt, [
-    s("div", Ut, [
-      b(e.$slots, "breadcrumb"),
-      s("div", Gt, [
-        s("h1", { innerHTML: t.title }, null, 8, Zt),
-        b(e.$slots, "default")
-      ])
-    ]),
-    t.image ? (o(), l("picture", Et, [
-      s("source", {
-        srcset: t.image,
-        media: "(min-width: 62em)"
-      }, null, 8, Rt),
-      Qt
-    ])) : p("", !0)
-  ]);
+}, Ut = ["image"], Gt = ["innerHTML"];
+function Zt(e, r, t, o, f, s) {
+  return l(), c("iam-header", {
+    class: "bg-secondary",
+    image: t.image
+  }, [
+    b(e.$slots, "breadcrumb"),
+    t.title ? (l(), c("h1", {
+      key: 0,
+      innerHTML: t.title
+    }, null, 8, Gt)) : p("", !0),
+    b(e.$slots, "default")
+  ], 8, Ut);
 }
-const qi = /* @__PURE__ */ g(Wt, [["render", Yt]]);
-function Jt(e) {
-  var n;
-  const t = e.querySelector(".testimonial__images"), d = t.querySelectorAll("img").length;
-  if (d == 1)
+const _i = /* @__PURE__ */ g(Kt, [["render", Zt]]);
+function Et(e) {
+  var r;
+  const t = e.querySelector(".testimonial__images"), o = t.querySelectorAll("img").length;
+  if (o == 1)
     return !1;
   e.classList.add("testimonial--multi");
-  const h = function(a) {
-    const r = e.querySelector(".btn-next"), i = e.querySelector(".btn-prev");
-    r.setAttribute("data-go", a + 1), i.setAttribute("data-go", a - 1), r.removeAttribute("disabled"), i.removeAttribute("disabled"), a == 1 ? i.setAttribute("disabled", !0) : a == d && r.setAttribute("disabled", !0);
+  const f = function(s) {
+    const i = e.querySelector(".btn-next"), n = e.querySelector(".btn-prev");
+    i.setAttribute("data-go", s + 1), n.setAttribute("data-go", s - 1), i.removeAttribute("disabled"), n.removeAttribute("disabled"), s == 1 ? n.setAttribute("disabled", !0) : s == o && i.setAttribute("disabled", !0);
   };
-  t.addEventListener("scroll", function(a) {
-    clearTimeout(n), n = setTimeout(function() {
-      let r = t.scrollWidth, i = t.scrollHeight, f = t.scrollLeft, $ = t.scrollTop, q = Math.round(f / r * d) + 1;
-      f == 0 && $ != 0 && (q = Math.round($ / i * d) + 1), e.setAttribute("data-show", q), h(q);
+  t.addEventListener("scroll", function(s) {
+    clearTimeout(r), r = setTimeout(function() {
+      let i = t.scrollWidth, n = t.scrollHeight, h = t.scrollLeft, w = t.scrollTop, $ = Math.round(h / i * o) + 1;
+      h == 0 && w != 0 && ($ = Math.round(w / n * o) + 1), e.setAttribute("data-show", $), f($);
     }, 300);
-  }, !1), e.addEventListener("click", function(a) {
-    for (var r = a.target; r && r != this; r = r.parentNode)
-      if (r.matches("[data-go]")) {
-        let i = parseInt(r.getAttribute("data-go")), f = 0, $ = 0, q = t.scrollWidth, M = t.scrollHeight;
-        q > M ? $ = Math.floor(q * ((i - 1) / d)) : f = Math.floor(M * ((i - 1) / d)), t.scroll({
-          top: f,
-          left: $,
+  }, !1), e.addEventListener("click", function(s) {
+    for (var i = s.target; i && i != this; i = i.parentNode)
+      if (i.matches("[data-go]")) {
+        let n = parseInt(i.getAttribute("data-go")), h = 0, w = 0, $ = t.scrollWidth, M = t.scrollHeight;
+        $ > M ? w = Math.floor($ * ((n - 1) / o)) : h = Math.floor(M * ((n - 1) / o)), t.scroll({
+          top: h,
+          left: w,
           behavior: "smooth"
         });
         break;
       }
   }, !1);
 }
-const Xt = {
+const Qt = {
   name: "Testimonial",
   props: {
     items: {
@@ -1416,68 +1447,68 @@ const Xt = {
     }
   },
   mounted() {
-    Jt(this.$refs.wrapper);
+    Et(this.$refs.wrapper);
   }
-}, es = {
+}, Yt = {
   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", {
+}, Jt = { class: "row" }, Xt = { class: "col-md-5 position-relative" }, es = { class: "testimonial__images" }, ts = ["src"], ss = /* @__PURE__ */ a("div", { class: "testimonial__controls" }, [
+  /* @__PURE__ */ a("button", {
     "data-go": "0",
     disabled: "",
     class: "btn-prev"
   }, "Previous"),
-  /* @__PURE__ */ s("button", {
+  /* @__PURE__ */ a("button", {
     "data-go": "2",
     class: "btn-next"
   }, "Next")
-], -1), rs = { class: "col-md-7" }, os = /* @__PURE__ */ s("h2", null, "What our customers think…", -1), ls = { class: "testimonial__content" }, ds = ["innerHTML"], cs = ["innerHTML"], us = { class: "testimonial__after" }, fs = /* @__PURE__ */ s("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
-function hs(e, n, t, d, h, a) {
-  return o(), l("div", es, [
-    s("div", {
+], -1), as = { class: "col-md-7" }, is = /* @__PURE__ */ a("h2", null, "What our customers think…", -1), ns = { class: "testimonial__content" }, rs = ["innerHTML"], os = ["innerHTML"], ls = { class: "testimonial__after" }, cs = /* @__PURE__ */ a("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
+function ds(e, r, t, o, f, s) {
+  return l(), c("div", Yt, [
+    a("div", {
       class: v("bg-" + t.background)
     }, [
-      s("div", ts, [
-        s("div", ss, [
-          s("div", as, [
-            (o(!0), l(S, null, x(t.items, (r, i) => (o(), l("img", {
-              key: i,
-              src: r.image ? r.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
+      a("div", Jt, [
+        a("div", Xt, [
+          a("div", es, [
+            (l(!0), c(x, null, L(t.items, (i, n) => (l(), c("img", {
+              key: n,
+              src: i.image ? i.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
               alt: "",
-              class: v("h-100 w-100 object-cover" + (r.image ? "" : " opacity-0"))
-            }, null, 10, is))), 128))
+              class: v("h-100 w-100 object-cover" + (i.image ? "" : " opacity-0"))
+            }, null, 10, ts))), 128))
           ]),
-          ns
+          ss
         ]),
-        s("div", rs, [
-          os,
-          s("div", ls, [
-            (o(!0), l(S, null, x(t.items, (r, i) => (o(), l("blockquote", {
-              key: i,
-              class: v(r.class)
+        a("div", as, [
+          is,
+          a("div", ns, [
+            (l(!0), c(x, null, L(t.items, (i, n) => (l(), c("blockquote", {
+              key: n,
+              class: v(i.class)
             }, [
-              s("div", {
-                innerHTML: r.quote
-              }, null, 8, ds),
-              s("cite", {
-                innerHTML: r.cite
-              }, null, 8, cs)
+              a("div", {
+                innerHTML: i.quote
+              }, null, 8, rs),
+              a("cite", {
+                innerHTML: i.cite
+              }, null, 8, os)
             ], 2))), 128))
           ]),
-          s("div", us, [
+          a("div", ls, [
             b(e.$slots, "default")
           ])
         ])
       ]),
-      fs
+      cs
     ], 2)
   ], 512);
 }
-const Li = /* @__PURE__ */ g(Xt, [["render", hs]]);
-const ms = {
+const yi = /* @__PURE__ */ g(Qt, [["render", ds]]);
+const us = {
   components: {
-    Input: I
+    Input: D
   },
   name: "PropertySearchbar",
   props: {
@@ -1621,46 +1652,46 @@ const ms = {
       ];
     }
   }
-}, _s = {
+}, fs = {
   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 = {
+}, hs = { class: "property-searchbar" }, ms = ["action", "method"], _s = { class: "col-12 col-md-3" }, ys = { class: "col-12 col-md" }, ps = /* @__PURE__ */ a("span", { class: "form-label d-none d-md-block" }, "Price range", -1), bs = {
   class: "row",
   "data-input-range": ""
-}, ks = { class: "col-12 col-md" }, $s = /* @__PURE__ */ s("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), As = {
+}, vs = { class: "col-12 col-md" }, gs = /* @__PURE__ */ a("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), As = {
   class: "row",
   "data-input-range": ""
-}, Ss = { 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", {
+}, ws = { class: "col-12 col-md-2" }, ks = /* @__PURE__ */ a("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
+  /* @__PURE__ */ a("button", {
     class: "btn w-100 me-0",
     type: "submit",
     value: "submit"
   }, "Search")
 ], -1);
-function qs(e, n, t, d, h, a) {
-  const r = C("Input");
-  return o(), l("div", _s, [
+function Ss(e, r, t, o, f, s) {
+  const i = H("Input");
+  return l(), c("div", fs, [
     b(e.$slots, "default"),
-    s("div", ys, [
-      s("form", {
+    a("div", hs, [
+      a("form", {
         class: "row",
         action: t.formaction,
         method: t.formmethod
       }, [
-        s("fieldset", bs, [
-          A(r, {
+        a("fieldset", _s, [
+          S(i, {
             inputClass: "input--locations",
-            modelValue: a.locationSet,
-            "onUpdate:modelValue": n[0] || (n[0] = (i) => a.locationSet = i),
+            modelValue: s.locationSet,
+            "onUpdate:modelValue": r[0] || (r[0] = (n) => s.locationSet = n),
             label: "Location",
             id: "location",
-            options: a.locationsList(),
+            options: s.locationsList(),
             required: "",
             placeholder: "i.e. Newcastle or NE1",
-            onKeyupEvent: n[1] || (n[1] = (i) => a.locationKeyup(...arguments)),
+            onKeyupEvent: r[1] || (r[1] = (n) => s.locationKeyup(...arguments)),
             ref: "search"
           }, null, 8, ["modelValue", "options"]),
-          A(r, {
+          S(i, {
             class: "select--miles",
             label: "Miles",
             id: "miles",
@@ -1668,10 +1699,10 @@ function qs(e, n, t, d, h, a) {
             options: t.distances
           }, null, 8, ["options"])
         ]),
-        s("fieldset", vs, [
-          gs,
-          s("div", ws, [
-            A(r, {
+        a("fieldset", ys, [
+          ps,
+          a("div", bs, [
+            S(i, {
               class: "col-6",
               label: "Minimum price",
               id: "price-min",
@@ -1679,7 +1710,7 @@ function qs(e, n, t, d, h, a) {
               type: "select",
               options: t.pricemin
             }, null, 8, ["options"]),
-            A(r, {
+            S(i, {
               class: "col-6",
               label: "Maximum price",
               id: "price-max",
@@ -1689,10 +1720,10 @@ function qs(e, n, t, d, h, a) {
             }, null, 8, ["options"])
           ])
         ]),
-        s("fieldset", ks, [
-          $s,
-          s("div", As, [
-            A(r, {
+        a("fieldset", vs, [
+          gs,
+          a("div", As, [
+            S(i, {
               class: "col-6",
               label: "Minimum beds",
               id: "beds-min",
@@ -1700,7 +1731,7 @@ function qs(e, n, t, d, h, a) {
               type: "select",
               options: t.bedsmin
             }, null, 8, ["options"]),
-            A(r, {
+            S(i, {
               class: "col-6",
               label: "Maximum beds",
               id: "beds-max",
@@ -1710,37 +1741,37 @@ function qs(e, n, t, d, h, a) {
             }, null, 8, ["options"])
           ])
         ]),
-        s("fieldset", Ss, [
-          A(r, {
+        a("fieldset", ws, [
+          S(i, {
             label: "Property type",
             id: "property-type",
             type: "select",
             options: t.propertytypes
           }, null, 8, ["options"])
         ]),
-        xs
-      ], 8, ps)
+        ks
+      ], 8, ms)
     ]),
     b(e.$slots, "after")
   ], 512);
 }
-const Ti = /* @__PURE__ */ g(ms, [["render", qs]]), Ls = (e) => {
-  Array.from(e.querySelectorAll("details")).forEach((n, t) => {
-    n.addEventListener("mouseenter", function(d) {
-      window.matchMedia("(min-width: 62em)").matches && n.setAttribute("open", "true");
-    }, !1), n.addEventListener("mouseleave", function(d) {
-      window.matchMedia("(min-width: 62em)").matches && n.removeAttribute("open");
+const pi = /* @__PURE__ */ g(us, [["render", Ss]]), $s = (e) => {
+  Array.from(e.querySelectorAll("details")).forEach((r, t) => {
+    r.addEventListener("mouseenter", function(o) {
+      window.matchMedia("(min-width: 62em)").matches && r.setAttribute("open", "true");
+    }, !1), r.addEventListener("mouseleave", function(o) {
+      window.matchMedia("(min-width: 62em)").matches && r.removeAttribute("open");
     }, !1);
   }), "IntersectionObserver" in window && new IntersectionObserver(
     ([t]) => t.target.classList.toggle("is-stuck", t.intersectionRatio < 1),
     { threshold: [1] }
   ).observe(e);
 };
-const Ts = {
+const qs = {
   components: {
-    Input: I,
-    Logo: ue,
-    Icon: re
+    Input: D,
+    Logo: fe,
+    Icon: oe
   },
   name: "Nav",
   props: {
@@ -1810,61 +1841,61 @@ const Ts = {
   },
   mounted() {
     this.$nextTick(function() {
-      Ls(this.$refs.wrapper);
+      $s(this.$refs.wrapper);
     });
   }
-}, Ms = /* @__PURE__ */ s("input", {
+}, xs = /* @__PURE__ */ a("input", {
   type: "checkbox",
   name: "showMenu",
   id: "showMenu",
   class: "d-none"
-}, null, -1), Cs = /* @__PURE__ */ s("input", {
+}, null, -1), Ls = /* @__PURE__ */ a("input", {
   type: "checkbox",
   name: "showSearch",
   id: "showSearch",
   class: "d-none"
-}, null, -1), Hs = /* @__PURE__ */ s("input", {
+}, null, -1), Ts = /* @__PURE__ */ a("input", {
   type: "checkbox",
   name: "showAccount",
   id: "showAccount",
   class: "d-none"
-}, null, -1), Ns = { class: "nav__mobile-bar" }, Ds = { class: "container" }, Bs = { class: "row" }, Ps = {
+}, null, -1), Ms = { class: "nav__mobile-bar" }, Hs = { class: "container" }, Cs = { class: "row" }, Ns = {
   key: 0,
   class: "col mw-md-fit-content nav__logo"
-}, Is = {
+}, Bs = {
   key: 1,
   class: "col mw-md-fit-content nav__logo"
-}, zs = {
+}, Ps = {
   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 = {
+}, Ds = /* @__PURE__ */ a("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
+  /* @__PURE__ */ a("label", { for: "showMenu" }, "Menu")
+], -1), Is = { class: "nav__inner" }, zs = { class: "container" }, Vs = { class: "row" }, Fs = {
   key: 0,
   class: "col mw-md-fit-content nav__logo"
-}, Ks = {
+}, Os = {
   key: 1,
   class: "col mw-md-fit-content nav__logo"
-}, Us = {
+}, js = {
   href: "/",
   class: "text-decoration-none mb-0"
-}, Gs = {
+}, Rs = {
   key: 2,
   class: "col mw-fit-content nav__search-btn flex-row align-items-center"
-}, Zs = /* @__PURE__ */ s("label", { for: "showSearch" }, [
-  /* @__PURE__ */ s("svg", {
+}, Ws = /* @__PURE__ */ a("label", { for: "showSearch" }, [
+  /* @__PURE__ */ a("svg", {
     class: "icon",
     viewBox: "0 0 32 32"
   }, [
-    /* @__PURE__ */ s("title", null, "Search"),
-    /* @__PURE__ */ s("ellipse", {
+    /* @__PURE__ */ a("title", null, "Search"),
+    /* @__PURE__ */ a("ellipse", {
       cx: "14.92",
       cy: "13.81",
       rx: "11.92",
       ry: "11.81",
       class: "icon__outline"
     }),
-    /* @__PURE__ */ s("line", {
+    /* @__PURE__ */ a("line", {
       x1: "22.68",
       y1: "22.75",
       x2: "30",
@@ -1872,71 +1903,71 @@ const Ts = {
       class: "icon__outline"
     })
   ])
-], -1), Es = [
-  Zs
-], Rs = /* @__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), Qs = { class: "col-12 col-md nav__menu ms-auto flex-row align-items-center" }, Ys = {
+], -1), Ks = [
+  Ws
+], Us = /* @__PURE__ */ a("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
+  /* @__PURE__ */ a("label", { for: "showMenu" }, "Menu")
+], -1), Gs = { class: "col-12 col-md nav__menu ms-auto flex-row align-items-center" }, Zs = {
   key: 3,
   class: "col nav__account-btn flex-row align-items-center"
-}, Js = /* @__PURE__ */ s("label", { for: "showAccount" }, [
-  /* @__PURE__ */ s("svg", {
+}, Es = /* @__PURE__ */ a("label", { for: "showAccount" }, [
+  /* @__PURE__ */ a("svg", {
     class: "icon",
     viewBox: "0 0 28 28"
   }, [
-    /* @__PURE__ */ s("path", {
+    /* @__PURE__ */ a("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__ */ a("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__ */ a("span", null, "My account")
+], -1), Qs = [
+  Es
+], Ys = {
   key: 4,
   class: "col-12 col-md nav__btn mw-md-fit-content flex-row align-items-center"
-}, ta = ["href", "innerHTML"], sa = {
+}, Js = ["href", "innerHTML"], Xs = {
   key: 0,
   class: "nav__menu--secondary"
-}, aa = { class: "container" }, ia = {
+}, ea = { class: "container" }, ta = {
   key: 1,
   class: "nav__menu--search"
-}, na = { class: "bg-gradient pt-4" }, ra = { class: "container" }, oa = {
+}, sa = { class: "bg-gradient pt-4" }, aa = { class: "container" }, ia = {
   key: 0,
   class: "nav__menu--account"
-}, la = { class: "container" }, da = { class: "row mb-4" }, ca = {
+}, na = { class: "container" }, ra = { class: "row mb-4" }, oa = {
   key: 0,
   class: "col mw-md-fit-content nav__logo"
-}, ua = {
+}, la = {
   key: 1,
   class: "col mw-md-fit-content nav__logo"
-}, fa = {
+}, ca = {
   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, n, t, d, h, a) {
-  const r = C("Logo");
-  return o(), l("nav", {
-    class: v(`nav${a.hasSecondarySlot ? " has-secondary" : ""}`),
+}, da = /* @__PURE__ */ a("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
+  /* @__PURE__ */ a("label", { for: "showAccount" }, "Account")
+], -1), ua = { class: "container" }, fa = /* @__PURE__ */ a("span", { class: "nav__bg" }, null, -1);
+function ha(e, r, t, o, f, s) {
+  const i = H("Logo");
+  return l(), c("nav", {
+    class: v(`nav${s.hasSecondarySlot ? " has-secondary" : ""}`),
     ref: "wrapper"
   }, [
-    Ms,
-    Cs,
-    Hs,
-    s("div", Ns, [
-      s("div", Ds, [
-        s("div", Bs, [
-          a.hasLogoSlot ? (o(), l("div", Ps, [
+    xs,
+    Ls,
+    Ts,
+    a("div", Ms, [
+      a("div", Hs, [
+        a("div", Cs, [
+          s.hasLogoSlot ? (l(), c("div", Ns, [
             b(e.$slots, "logo")
-          ])) : (o(), l("div", Is, [
-            s("a", zs, [
-              A(r, {
+          ])) : (l(), c("div", Bs, [
+            a("a", Ps, [
+              S(i, {
                 id: t.logo,
                 path: t.logopath,
                 desc: t.logotext,
@@ -1944,18 +1975,18 @@ function ya(e, n, t, d, h, a) {
               }, null, 8, ["id", "path", "desc"])
             ])
           ])),
-          Vs
+          Ds
         ])
       ])
     ]),
-    s("div", Os, [
-      s("div", Fs, [
-        s("div", js, [
-          a.hasLogoSlot ? (o(), l("div", Ws, [
+    a("div", Is, [
+      a("div", zs, [
+        a("div", Vs, [
+          s.hasLogoSlot ? (l(), c("div", Fs, [
             b(e.$slots, "logo")
-          ])) : (o(), l("div", Ks, [
-            s("a", Us, [
-              A(r, {
+          ])) : (l(), c("div", Os, [
+            a("a", js, [
+              S(i, {
                 id: t.logo,
                 path: t.logopath,
                 desc: t.logotext,
@@ -1963,42 +1994,42 @@ function ya(e, n, t, d, h, a) {
               }, null, 8, ["id", "path", "desc"])
             ])
           ])),
-          a.hasSearchSlot ? (o(), l("div", Gs, Es)) : p("", !0),
-          Rs,
-          s("div", Qs, [
+          s.hasSearchSlot ? (l(), c("div", Rs, Ks)) : p("", !0),
+          Us,
+          a("div", Gs, [
             b(e.$slots, "default")
           ]),
-          a.hasAccountSlot ? (o(), l("div", Ys, Xs)) : p("", !0),
-          t.btnlink ? (o(), l("div", ea, [
-            s("a", {
+          s.hasAccountSlot ? (l(), c("div", Zs, Qs)) : p("", !0),
+          t.btnlink ? (l(), c("div", Ys, [
+            a("a", {
               href: t.btnlink,
               class: "btn me-0",
               innerHTML: t.btntext
-            }, null, 8, ta)
+            }, null, 8, Js)
           ])) : p("", !0)
         ])
       ]),
-      a.hasSecondarySlot ? (o(), l("div", sa, [
-        s("div", aa, [
+      s.hasSecondarySlot ? (l(), c("div", Xs, [
+        a("div", ea, [
           b(e.$slots, "secondary")
         ])
       ])) : p("", !0),
-      a.hasSearchSlot ? (o(), l("div", ia, [
-        s("div", na, [
-          s("div", ra, [
+      s.hasSearchSlot ? (l(), c("div", ta, [
+        a("div", sa, [
+          a("div", aa, [
             b(e.$slots, "search")
           ])
         ])
       ])) : p("", !0)
     ]),
-    a.hasAccountSlot ? (o(), l("div", oa, [
-      s("div", la, [
-        s("div", da, [
-          a.hasLogoSlot ? (o(), l("div", ca, [
+    s.hasAccountSlot ? (l(), c("div", ia, [
+      a("div", na, [
+        a("div", ra, [
+          s.hasLogoSlot ? (l(), c("div", oa, [
             b(e.$slots, "logo")
-          ])) : (o(), l("div", ua, [
-            s("a", fa, [
-              A(r, {
+          ])) : (l(), c("div", la, [
+            a("a", ca, [
+              S(i, {
                 id: t.logo,
                 path: t.logopath,
                 desc: t.logotext,
@@ -2006,109 +2037,47 @@ function ya(e, n, t, d, h, a) {
               }, null, 8, ["id", "path", "desc"])
             ])
           ])),
-          ha
+          da
         ])
       ]),
-      s("div", ma, [
+      a("div", ua, [
         b(e.$slots, "account")
       ])
     ])) : p("", !0),
-    _a
+    fa
   ], 2);
 }
-const Mi = /* @__PURE__ */ g(Ts, [["render", ya]]), pa = (e) => {
-  const n = new IntersectionObserver(
-    function([d]) {
-      d.target.classList.toggle("in-view", d.intersectionRatio > 0), document.getElementById("showDrawer").checked = !1;
-    },
-    { threshold: [1] }
-  ), t = document.getElementById("drawer-end");
-  n.observe(t);
-};
-const ba = {
-  name: "Header",
-  props: {
-    label: {
-      type: String,
-      required: !0
-    }
-  },
-  mounted() {
-    this.$nextTick(function() {
-      let e = this.$refs.wrapper;
-      const n = document.createDocumentFragment();
-      Array.from(e.childNodes).forEach((t) => n.appendChild(t)), e.parentNode.insertBefore(n, e), e.parentNode.removeChild(e), this.$nextTick(function() {
-        pa(this.$refs.drawer);
-      });
-    });
-  }
-}, va = { ref: "wrapper" }, ga = /* @__PURE__ */ s("input", {
-  type: "checkbox",
-  name: "showDrawer",
-  id: "showDrawer",
-  class: "d-none"
-}, null, -1), wa = { class: "drawer__btn pb-0" }, ka = { class: "container text-end pb-0" }, $a = {
-  for: "showDrawer",
-  class: "btn btn-secondary me-0"
-}, Aa = {
-  class: "drawer",
-  id: "drawer",
-  ref: "drawer"
-}, Sa = /* @__PURE__ */ s("div", { class: "container text-end pb-0" }, [
-  /* @__PURE__ */ s("label", {
-    for: "showDrawer",
-    class: "btn btn-tertiary mb-0 me-0 py-1 px-2"
-  }, [
-    /* @__PURE__ */ s("span", { class: "visually-hidden" }, "Close"),
-    /* @__PURE__ */ P("✕")
-  ])
-], -1), xa = /* @__PURE__ */ s("hr", { id: "drawer-end" }, null, -1);
-function qa(e, n, t, d, h, a) {
-  return o(), l("div", va, [
-    ga,
-    s("div", wa, [
-      s("div", ka, [
-        s("label", $a, w(t.label), 1)
-      ])
-    ]),
-    s("div", Aa, [
-      Sa,
-      b(e.$slots, "default")
-    ], 512),
-    xa
-  ], 512);
-}
-const Ci = /* @__PURE__ */ g(ba, [["render", qa]]), La = (e) => {
-  const n = e.querySelectorAll(".modal__outer a, .modal__outer button"), t = n[0], d = n[n.length - 1], h = e.getAttribute("id"), a = function() {
+const bi = /* @__PURE__ */ g(qs, [["render", ha]]), ma = (e) => {
+  const r = e.querySelectorAll(".modal__outer a, .modal__outer button"), t = r[0], o = r[r.length - 1], f = e.getAttribute("id"), s = function() {
     document.querySelector('[href="' + window.location.hash + '"]').focus(), window.location.hash = "close", history.replaceState("", document.title, window.location.pathname + window.location.search), typeof window.player < "u" && typeof window.player.pauseVideo == "function" && window.player.pauseVideo();
   };
-  e.addEventListener("keydown", function(i) {
-    i.key === "Tab" && i.shiftKey && document.activeElement == t ? (i.preventDefault(), d.focus()) : i.key === "Tab" && !i.shiftKey && document.activeElement == d && (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();
+  e.addEventListener("keydown", function(n) {
+    n.key === "Tab" && n.shiftKey && document.activeElement == t ? (n.preventDefault(), o.focus()) : n.key === "Tab" && !n.shiftKey && document.activeElement == o && (n.preventDefault(), t.focus());
+  }), document.addEventListener("keydown", function(n) {
+    n.key === "Escape" && document.querySelector(".modal:target") && s();
+  }), e.addEventListener("click", function(n) {
+    for (var h = n.target; h && h != this; h = h.parentNode)
+      if (h.matches('[href="#close"]')) {
+        n.preventDefault(), s();
         break;
-      } else if (f.matches(".modal__dock--right")) {
-        i.preventDefault(), e.classList.contains("modal--left") || e.classList.add("modal--right"), e.classList.remove("modal--left");
+      } else if (h.matches(".modal__dock--right")) {
+        n.preventDefault(), e.classList.contains("modal--left") || e.classList.add("modal--right"), e.classList.remove("modal--left");
         break;
-      } else if (f.matches(".modal__dock--left")) {
-        i.preventDefault(), e.classList.contains("modal--right") || e.classList.add("modal--left"), e.classList.remove("modal--right");
+      } else if (h.matches(".modal__dock--left")) {
+        n.preventDefault(), e.classList.contains("modal--right") || e.classList.add("modal--left"), e.classList.remove("modal--right");
         break;
       }
   });
-  function r() {
-    if (location.hash === "#" + h) {
+  function i() {
+    if (location.hash === "#" + f) {
       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();
+      const n = document.querySelector(".modal:target .modal__inner > .youtube-embed:first-child:last-child a");
+      console.log(n), n && n.click();
     }
   }
-  window.onhashchange = r;
+  window.onhashchange = i;
 };
-const Ta = {
+const _a = {
   name: "Modal",
   props: {
     id: {
@@ -2123,48 +2092,48 @@ const Ta = {
   },
   mounted() {
     this.$nextTick(function() {
-      La(this.$refs.modal);
+      ma(this.$refs.modal);
     });
   }
-}, Ma = ["id"], Ca = ["href"], Ha = /* @__PURE__ */ s("span", { class: "visually-hidden" }, "Close", -1), Na = [
-  Ha
-], Da = { class: "modal__outer" }, Ba = ["href"], Pa = /* @__PURE__ */ s("span", { class: "visually-hidden" }, "Close", -1), Ia = { class: "modal__inner" }, za = /* @__PURE__ */ s("button", {
+}, ya = ["id"], pa = ["href"], ba = /* @__PURE__ */ a("span", { class: "visually-hidden" }, "Close", -1), va = [
+  ba
+], ga = { class: "modal__outer" }, Aa = ["href"], wa = /* @__PURE__ */ a("span", { class: "visually-hidden" }, "Close", -1), ka = { class: "modal__inner" }, Sa = /* @__PURE__ */ a("button", {
   class: "modal__dock--left btn btn-prev",
   tabindex: "-1"
-}, "Left", -1), Va = /* @__PURE__ */ s("button", {
+}, "Left", -1), $a = /* @__PURE__ */ a("button", {
   class: "modal__dock--right btn btn-next",
   tabindex: "-1"
 }, "Right", -1);
-function Oa(e, n, t, d, h, a) {
-  return o(), l("div", {
+function qa(e, r, t, o, f, s) {
+  return l(), c("div", {
     class: "modal",
     id: t.id,
     role: "dialog",
     modal: "true",
     ref: "modal"
   }, [
-    s("a", {
+    a("a", {
       href: `#${t.returnid ? t.returnid : ""}`,
       tabindex: "-1"
-    }, Na, 8, Ca),
-    s("div", Da, [
-      s("a", {
+    }, va, 8, pa),
+    a("div", ga, [
+      a("a", {
         href: `#${t.returnid ? t.returnid : ""}`,
         class: "btn btn-tertiary py-1 px-2"
       }, [
-        Pa,
-        P("✕")
-      ], 8, Ba),
-      s("div", Ia, [
+        wa,
+        j("✕")
+      ], 8, Aa),
+      a("div", ka, [
         b(e.$slots, "default")
       ])
     ]),
-    za,
-    Va
-  ], 8, Ma);
+    Sa,
+    $a
+  ], 8, ya);
 }
-const Hi = /* @__PURE__ */ g(Ta, [["render", Oa]]);
-const Fa = {
+const vi = /* @__PURE__ */ g(_a, [["render", qa]]);
+const xa = {
   name: "Stepper",
   props: {
     label: {
@@ -2177,25 +2146,25 @@ const Fa = {
       default: "Complete"
     }
   }
-}, ja = { class: "container" }, Wa = ["aria-label"], Ka = {
+}, La = { class: "container" }, Ta = ["aria-label"], Ma = {
   key: 0,
   class: "h6 stepper__start"
-}, Ua = { class: "list-unstyled" }, Ga = { class: "h6 stepper__end" };
-function Za(e, n, t, d, h, a) {
-  return o(), l("div", ja, [
-    s("nav", {
+}, Ha = { class: "list-unstyled" }, Ca = { class: "h6 stepper__end" };
+function Na(e, r, t, o, f, s) {
+  return l(), c("div", La, [
+    a("nav", {
       class: "stepper",
       "aria-label": t.label ? t.label : "Progress"
     }, [
-      t.label ? (o(), l("span", Ka, w(t.label), 1)) : p("", !0),
-      s("ol", Ua, [
+      t.label ? (l(), c("span", Ma, k(t.label), 1)) : p("", !0),
+      a("ol", Ha, [
         b(e.$slots, "default")
       ]),
-      s("span", Ga, w(t.endlabel), 1)
-    ], 8, Wa)
+      a("span", Ca, k(t.endlabel), 1)
+    ], 8, Ta)
   ]);
 }
-const Ni = /* @__PURE__ */ g(Fa, [["render", Za]]), Ea = {
+const gi = /* @__PURE__ */ g(xa, [["render", Na]]), Ba = {
   name: "Stepper",
   props: {
     url: {
@@ -2211,86 +2180,92 @@ const Ni = /* @__PURE__ */ g(Fa, [["render", Za]]), Ea = {
       required: !1
     }
   }
-}, Ra = ["href", "aria-current"], Qa = {
+}, Pa = ["href", "aria-current"], Da = {
   key: 0,
   class: "visually-hidden"
 };
-function Ya(e, n, t, d, h, a) {
-  return o(), l("li", null, [
-    s("a", {
+function Ia(e, r, t, o, f, s) {
+  return l(), c("li", null, [
+    a("a", {
       href: t.url,
       class: v(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
       "aria-current": typeof t.current < "u"
     }, [
-      s("span", null, [
+      a("span", null, [
         b(e.$slots, "default")
       ]),
-      t.status ? (o(), l("em", Qa, " - status: " + w(t.status), 1)) : p("", !0)
-    ], 10, Ra)
+      t.status ? (l(), c("em", Da, " - status: " + k(t.status), 1)) : p("", !0)
+    ], 10, Pa)
   ]);
 }
-const Di = /* @__PURE__ */ g(Ea, [["render", Ya]]);
-const Ja = {
-  name: "Tabs",
-  data() {
-    return {
-      tabsID: "tabs_" + Math.random().toString(36).substr(2, 9)
-    };
-  },
-  computed: {
-    tabLinks() {
-      return () => {
-        const e = [];
-        let n = 1;
-        for (const [t, d] of Object.entries(this.$slots.default()))
-          if (d.props && d.props.title) {
-            let h = d.props.title, a = {
-              name: this.tabsID,
-              id: this.tabsID + "_tab" + n++,
-              tabTitle: h
-            };
-            e.push(a);
-          }
-        return e;
-      };
-    }
-  },
-  methods: {
-    openTab: function(e) {
-      let n = 0;
-      for (const [t, d] of Object.entries(this.$slots.default()))
-        d.props && d.props.title && (n == e && (console.log(d), d.type.data().show = !0), n++);
-    }
+const Ai = /* @__PURE__ */ g(Ba, [["render", Ia]]), za = function(e) {
+  const r = e.querySelectorAll(":scope > details");
+  e.querySelectorAll(":scope > details > summary");
+  let t = e.querySelector(":scope > .tabs__links");
+  e.shadowRoot && e.shadowRoot.querySelector(".tabs__links") && (t = e.shadowRoot.querySelector(".tabs__links")), t || (t = document.createElement("div"), t.classList.add("tabs__links"), e.prepend(t)), r.forEach((o, f) => {
+    let s = o.querySelector(":scope > summary");
+    s.classList.add("visually-hidden");
+    let i = document.createElement("button");
+    o.hasAttribute("id") && (i = document.createElement("a"), i.setAttribute("href", `#${o.getAttribute("id")}`)), o.hasAttribute("open") && i.setAttribute("aria-pressed", !0), i.innerHTML = `${s.innerText}`, i.classList.add("link"), i.setAttribute("data-index", f), i.setAttribute("tabindex", "-1"), t.appendChild(i);
+  });
+}, Va = function(e) {
+  let r = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > details > summary"), o = e.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");
+  e.shadowRoot && (o = e.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")), o.forEach((f) => {
+    f.addEventListener("click", (s) => {
+      s.preventDefault(), o.forEach((i) => {
+        let n = i == f;
+        i.setAttribute("aria-pressed", n);
+      }), r.forEach((i, n) => {
+        let h = f.getAttribute("data-index") == n;
+        h ? i.setAttribute("open", h) : i.removeAttribute("open");
+      }), f.hasAttribute("href") && history.pushState(void 0, void 0, f.getAttribute("href"));
+    });
+  }), t.forEach((f, s) => {
+    f.addEventListener("focus", (i) => {
+      o.forEach((n) => {
+        n.classList.remove("focus");
+      }), o[s].classList.add("focus");
+    }), f.addEventListener("click", (i) => {
+      i.preventDefault(), o[s].click();
+    });
+  });
+}, Fa = function(e) {
+  let r = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");
+  e.shadowRoot && (t = e.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")), location.hash && e.querySelector(`.tabs__links [href="${location.hash}"]`) ? (e.querySelector(`[href="${location.hash}"]`).setAttribute("open", !0), e.querySelector(`details[id="${location.hash.replace("#", "")}"]`).setAttribute("open", !0)) : e.querySelector("details[open]") || (r[0].setAttribute("open", !0), t[0].setAttribute("aria-pressed", !0));
+}, Oa = function(e) {
+  za(e), Va(e), Fa(e);
+};
+class ja extends HTMLElement {
+  constructor() {
+    super(), this.attachShadow({ mode: "open" });
+    const r = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = `@import "${r}/css/components/tabs.css";`, o = document.createElement("template");
+    o.innerHTML = `
+    <style>
+    @import "${r}/css/core.min.css";
+    ${t}
+    
+    ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
+    </style>
+    <div class="tabs">
+      <div class="tabs__links"></div>
+      <slot></slot>
+    </div>
+    `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
   }
-}, Xa = {
-  class: "container tabs__container",
-  ref: "wrapper"
-}, ei = ["data-key", "name", "id", "checked"], ti = { class: "tabs__links" }, si = ["for", "onClick"], ai = { class: "tabs" };
-function ii(e, n, t, d, h, a) {
-  return o(), l("div", Xa, [
-    (o(!0), l(S, null, x(a.tabLinks(), (r, i) => (o(), l("input", {
-      type: "radio",
-      class: "tab__input",
-      key: i,
-      "data-key": i,
-      name: r.name,
-      id: r.id,
-      checked: i == 0
-    }, null, 8, ei))), 128)),
-    s("div", ti, [
-      (o(!0), l(S, null, x(a.tabLinks(), (r, i) => (o(), l("label", {
-        key: i,
-        for: r.id,
-        class: "link",
-        onClick: (f) => a.openTab(i)
-      }, w(r.tabTitle), 9, si))), 128))
-    ]),
-    s("div", ai, [
-      b(e.$slots, "default")
-    ])
+  connectedCallback() {
+    Oa(this);
+  }
+}
+window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", ja);
+const Ra = {
+  name: "Tabs"
+}, Wa = { ref: "wrapper" };
+function Ka(e, r, t, o, f, s) {
+  return l(), c("iam-tabs", Wa, [
+    b(e.$slots, "default")
   ], 512);
 }
-const Bi = /* @__PURE__ */ g(Ja, [["render", ii]]), ni = {
+const wi = /* @__PURE__ */ g(Ra, [["render", Ka]]), Ua = {
   name: "Tab",
   props: {
     title: {
@@ -2308,24 +2283,22 @@ const Bi = /* @__PURE__ */ g(Ja, [["render", ii]]), ni = {
     };
   },
   watch: {
-    show(e, n) {
+    show(e, r) {
       console.log(e);
     }
   }
-}, ri = {
-  key: 0,
-  class: "tab"
-};
-function oi(e, n, t, d, h, a) {
-  return h.show ? (o(), l("div", ri, [
+}, Ga = { class: "tab" }, Za = ["innerHTML"];
+function Ea(e, r, t, o, f, s) {
+  return l(), c("details", Ga, [
+    a("summary", { innerHTML: t.title }, null, 8, Za),
     b(e.$slots, "default")
-  ])) : p("", !0);
+  ]);
 }
-const Pi = /* @__PURE__ */ g(ni, [["render", oi]]);
-function li(e) {
+const ki = /* @__PURE__ */ g(Ua, [["render", Ea]]);
+function Qa(e) {
   if (e.addEventListener("click", function(t) {
-    for (var d = t.target; d && d != this; d = d.parentNode)
-      if (d.matches(".btn-close")) {
+    for (var o = t.target; o && o != this; o = o.parentNode)
+      if (o.matches(".btn-close")) {
         t.preventDefault(), e.classList.remove("show"), setTimeout(function() {
           e.remove();
         }, 300);
@@ -2344,10 +2317,10 @@ function li(e) {
     let t = document.createElement("div");
     t.classList.add("alert__holder"), document.querySelector("main") ? document.querySelector("main").appendChild(t) : document.body.appendChild(t);
   }
-  let n = document.querySelector(".alert__holder");
-  e.classList.contains("alert--fixed") && !e.parentNode.classList.contains("alert__wrapper") && n.appendChild(e);
+  let r = document.querySelector(".alert__holder");
+  e.classList.contains("alert--fixed") && !e.parentNode.classList.contains("alert__wrapper") && r.appendChild(e);
 }
-const di = {
+const Ya = {
   name: "Alert",
   props: {
     dismissible: {
@@ -2366,38 +2339,38 @@ const di = {
     }
   },
   mounted() {
-    li(this.$refs.wrapper);
+    Qa(this.$refs.wrapper);
   }
-}, ci = ["data-timeout"], ui = {
+}, Ja = ["data-timeout"], Xa = {
   key: 0,
   type: "button",
   class: "btn-close",
   "data-bs-dismiss": "alert",
   "aria-label": "Close"
 };
-function fi(e, n, t, d, h, a) {
-  return o(), l("div", {
+function ei(e, r, t, o, f, s) {
+  return l(), c("div", {
     class: v(`container alert pb-0 ${t.dismissible ? "alert--dismissible fade show" : ""}`),
     ref: "wrapper",
     "data-timeout": t.timeout,
-    style: ee(t.timeout ? `--animation-length: ${t.timeout}ms` : "")
+    style: te(t.timeout ? `--animation-length: ${t.timeout}ms` : "")
   }, [
-    s("div", {
+    a("div", {
       class: v(`alert__inner bg-${t.colour}`),
       role: "alert"
     }, [
-      t.dismissible ? (o(), l("button", ui)) : p("", !0),
+      t.dismissible ? (l(), c("button", Xa)) : p("", !0),
       b(e.$slots, "default")
     ], 2)
-  ], 14, ci);
+  ], 14, Ja);
 }
-const Ii = /* @__PURE__ */ g(di, [["render", fi]]);
-let Q = E.props;
-Q.fields.required = !1;
-const hi = {
+const Si = /* @__PURE__ */ g(Ya, [["render", ei]]);
+let Y = E.props;
+Y.fields.required = !1;
+const ti = {
   components: {
     Table: E,
-    Input: I
+    Input: D
   },
   data() {
     return {
@@ -2408,14 +2381,14 @@ const hi = {
   methods: {
     submitForm: function(e) {
       console.log(this);
-      const n = new FormData(e.target);
+      const r = new FormData(e.target);
       let t = /* @__PURE__ */ new Date();
-      const d = t.getFullYear();
-      let h = t.getMonth() + 1, a = t.getDate();
-      a < 10 && (a = "0" + a), h < 10 && (h = "0" + h), t = a + "/" + h + "/" + d, this.itemsData.unshift({
+      const o = t.getFullYear();
+      let f = t.getMonth() + 1, s = t.getDate();
+      s < 10 && (s = "0" + s), f < 10 && (f = "0" + f), t = s + "/" + f + "/" + o, this.itemsData.unshift({
         date_added: t,
-        user: n.get("user"),
-        note: n.get("addNote")
+        user: r.get("user"),
+        note: r.get("addNote")
       }), this.$emit("formSubmitted", e);
     }
   },
@@ -2425,7 +2398,7 @@ const hi = {
       type: String,
       required: !0
     },
-    ...Q,
+    ...Y,
     title: {
       type: String,
       required: !1
@@ -2440,63 +2413,62 @@ const hi = {
       required: !1
     }
   }
-}, mi = { class: "container note-feed mb-2" }, _i = ["innerHTML"], yi = ["action", "method"], pi = ["value"], bi = /* @__PURE__ */ s("button", { class: "btn btn-tertiary" }, "Submit note", -1);
-function vi(e, n, t, d, h, a) {
-  const r = C("Table"), i = C("Input");
-  return o(), l("div", mi, [
-    t.title ? (o(), l("span", {
+}, si = { class: "container note-feed mb-2" }, ai = ["innerHTML"], ii = ["action", "method"], ni = ["value"], ri = /* @__PURE__ */ a("button", { class: "btn btn-tertiary" }, "Submit note", -1);
+function oi(e, r, t, o, f, s) {
+  const i = H("Table"), n = H("Input");
+  return l(), c("div", si, [
+    t.title ? (l(), c("span", {
       key: 0,
       class: "h3",
       innerHTML: t.title
-    }, null, 8, _i)) : p("", !0),
-    A(r, T({
+    }, null, 8, ai)) : p("", !0),
+    S(i, T({
       fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
-      items: h.itemsData
+      items: f.itemsData
     }, e.$props, { class: "mb-0" }), null, 16, ["items"]),
-    s("form", {
+    a("form", {
       action: t.action,
       method: t.method,
-      onSubmit: n[0] || (n[0] = te((f) => a.submitForm(...arguments), ["prevent"]))
+      onSubmit: r[0] || (r[0] = se((h) => s.submitForm(...arguments), ["prevent"]))
     }, [
-      s("input", {
+      a("input", {
         type: "hidden",
         value: t.user,
         name: "user"
-      }, null, 8, pi),
-      A(i, {
+      }, null, 8, ni),
+      S(n, {
         id: "addNote",
         type: "textarea",
         label: "Add note",
         required: "",
         class: "mw-100"
       }),
-      bi
-    ], 40, yi)
+      ri
+    ], 40, ii)
   ]);
 }
-const zi = /* @__PURE__ */ g(hi, [["render", vi]]);
+const $i = /* @__PURE__ */ g(ti, [["render", oi]]);
 export {
-  $i as Accordion,
-  Ai as AccordionItem,
-  Ii as Alert,
-  Si as Banner,
-  R as Card,
+  ui as Accordion,
+  fi as AccordionItem,
+  Si as Alert,
+  hi as Banner,
+  Q as Card,
   Ct as CardDeck,
-  xi as Carousel,
-  Ci as Drawer,
-  ki as FileUploads,
-  qi as Header,
-  re as Icon,
-  I as Input,
-  ue as Logo,
-  Hi as Modal,
-  Mi as Nav,
-  zi as NoteFeed,
-  Ti as PropertySearchbar,
-  Di as Step,
-  Ni as Stepper,
-  Pi as Tab,
+  mi as Carousel,
+  di as FileUploads,
+  _i as Header,
+  oe as Icon,
+  D as Input,
+  fe as Logo,
+  vi as Modal,
+  bi as Nav,
+  $i as NoteFeed,
+  pi as PropertySearchbar,
+  Ai as Step,
+  gi as Stepper,
+  ki as Tab,
   E as Table,
-  Bi as Tabs,
-  Li as Testimonial
+  wi as Tabs,
+  yi as Testimonial
 };