@iamproperty/components 5.1.0-beta7 → 5.1.0-beta8

package/dist/components.es.js

@@ -1,4 +1,4 @@
-import { openBlock as u, createElementBlock as m, normalizeClass as x, createElementVNode as f, toDisplayString as S, createCommentVNode as w, Fragment as T, renderList as H, renderSlot as _, withDirectives as P, mergeProps as N, vModelDynamic as G, vModelText as ht, vModelSelect as pt, createTextVNode as bt, resolveComponent as B, createVNode as C, withModifiers as ft } from "vue";
+import { openBlock as m, createElementBlock as h, normalizeClass as L, createElementVNode as f, toDisplayString as $, createCommentVNode as _, Fragment as D, renderList as R, renderSlot as v, withDirectives as P, mergeProps as C, vModelDynamic as W, vModelText as ht, vModelSelect as pt, createTextVNode as bt, resolveComponent as K, createVNode as M, withModifiers as ft } from "vue";
 const y = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [i, s] of a)
@@ -29,31 +29,31 @@ const y = (e, a) => {
       return "brand brand--" + this.id;
     }
   }
-}, yt = ["xlink:href"], vt = ["innerHTML"];
-function wt(e, a, t, i, s, o) {
-  return u(), m("div", {
-    class: x(o.className)
+}, yt = ["xlink:href"], wt = ["innerHTML"];
+function vt(e, a, t, i, s, o) {
+  return m(), h("div", {
+    class: L(o.className)
   }, [
-    (u(), m("svg", null, [
-      f("title", null, "iam " + S(t.id), 1),
+    (m(), h("svg", null, [
+      f("title", null, "iam " + $(t.id), 1),
       f("use", {
         "xlink:href": t.path + o.src
       }, null, 8, yt)
     ])),
-    t.desc ? (u(), m("span", {
+    t.desc ? (m(), h("span", {
       key: 0,
       innerHTML: t.desc
-    }, null, 8, vt)) : w("", !0)
+    }, null, 8, wt)) : _("", !0)
   ], 2);
 }
-const Di = /* @__PURE__ */ y(gt, [["render", wt]]);
+const Li = /* @__PURE__ */ y(gt, [["render", vt]]);
 /*!
-  * iamKey v5.1.0-beta7
+  * iamKey v5.1.0-beta8
   * Copyright 2022-2023 iamproperty
   */
 const _t = function(e) {
   return typeof e != "string" ? !1 : !isNaN(e) && !isNaN(parseFloat(e));
-}, At = (e, a) => String(e).padStart(a, "0"), xt = (e) => e.charAt(0).toUpperCase() + e.slice(1), R = (e, a, t) => a.split(/[\.\[\]\'\"]/).filter((i) => i).reduce((i, s) => i ? i[s] : t, e);
+}, xt = (e, a) => String(e).padStart(a, "0"), At = (e) => e.charAt(0).toUpperCase() + e.slice(1), j = (e, a, t) => a.split(/[\.\[\]\'\"]/).filter((i) => i).reduce((i, s) => i ? i[s] : t, e);
 var kt = function(e, a, t, i) {
   function s(o) {
     return o instanceof t ? o : new t(function(n) {
@@ -105,7 +105,7 @@ const tt = (e) => {
       n += 1.7, a = a > n ? a : n;
     }
   }), a;
-}, St = (e, a) => {
+}, $t = (e, a) => {
   if (a.classList.contains("table--fullwidth") && !a.hasAttribute("data-expandable") || e.querySelectorAll("thead tr th").length < 4 && !a.hasAttribute("data-expandable"))
     return !1;
   Array.from(e.querySelectorAll("thead tr")).forEach((t, i) => {
@@ -114,7 +114,7 @@ const tt = (e) => {
     const s = t.getAttribute("data-view") === "full" ? "aria-expanded" : "";
     t.insertAdjacentHTML("afterbegin", `<td class="td--fixed td--expand"><button class="btn btn-compact btn-secondary" data-expand-button ${s}>Expand</button></td>`);
   });
-}, $t = (e) => {
+}, St = (e) => {
   e.addEventListener("click", (a) => {
     if (a && a.target instanceof HTMLElement && a.target.closest("[data-expand-button]")) {
       let t = a.target.closest("[data-expand-button]"), i = t.closest("tr");
@@ -137,12 +137,12 @@ const tt = (e) => {
   let n = function(r, p = !1) {
     if (a.classList.contains("processing"))
       return !1;
-    if (r.type == "submit" && (a.classList.add("processing"), Array.from(a.querySelectorAll("[data-duplicate]")).forEach((c, h) => {
-      const g = c.getAttribute("data-duplicate"), b = document.getElementById(g), A = document.querySelector(`[for="${g}"] iam-card`);
+    if (r.type == "submit" && (a.classList.add("processing"), Array.from(a.querySelectorAll("[data-duplicate]")).forEach((c, u) => {
+      const g = c.getAttribute("data-duplicate"), b = document.getElementById(g), x = document.querySelector(`[for="${g}"] iam-card`);
       if (b.checked != c.checked)
-        if (A) {
-          let $ = new Event("click");
-          A.dispatchEvent($);
+        if (x) {
+          let S = new Event("click");
+          x.dispatchEvent(S);
         } else
           b.checked = c.checked;
     }), a.classList.remove("processing")), a.hasAttribute("data-ajax")) {
@@ -152,11 +152,11 @@ const tt = (e) => {
       }
       nt(e, a, t, i);
     } else
-      a.hasAttribute("data-submit") ? a.submit() : (K(e, a, i), U(e, a));
+      a.hasAttribute("data-submit") ? a.submit() : (G(e, a, i), B(e, a));
     if (a.hasAttribute("data-ajax-post")) {
-      let c = new FormData(a), h = new URLSearchParams(c).toString();
+      let c = new FormData(a), u = new URLSearchParams(c).toString();
       const g = new XMLHttpRequest();
-      g.open("GET", `${window.location.href}?ajax=true&${h}`), g.send();
+      g.open("GET", `${window.location.href}?ajax=true&${u}`), g.send();
     }
   };
   a.addEventListener("keyup", (r) => {
@@ -164,10 +164,10 @@ const tt = (e) => {
       n(r);
     }, 500));
   }), a.addEventListener("change", (r) => {
-    clearTimeout(o), r && r.target instanceof HTMLElement && r.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || Q(e, a, s), n(r)), r && r.target instanceof HTMLElement && r.target.closest("[data-search]") && n(r), r && r.target instanceof HTMLElement && r.target.closest("[data-filter][data-no-ajax]") ? (K(e, a, i), U(e, a)) : (r && r.target instanceof HTMLElement && r.target.closest("[data-filter]") && r.target.closest("form .dialog__wrapper > dialog") || r && r.target instanceof HTMLElement && r.target.closest("[data-filter]") && !r.target.closest("form dialog")) && n(r), r && r.target instanceof HTMLElement && r.target.closest("[data-show]") && n(r), r && r.target instanceof HTMLElement && r.target.closest("[data-mimic]") && n(r);
+    clearTimeout(o), r && r.target instanceof HTMLElement && r.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || Q(e, a, s), n(r)), r && r.target instanceof HTMLElement && r.target.closest("[data-search]") && n(r), r && r.target instanceof HTMLElement && r.target.closest("[data-filter][data-no-ajax]") ? (G(e, a, i), B(e, a)) : (r && r.target instanceof HTMLElement && r.target.closest("[data-filter]") && r.target.closest("form .dialog__wrapper > dialog") || r && r.target instanceof HTMLElement && r.target.closest("[data-filter]") && !r.target.closest("form dialog")) && n(r), r && r.target instanceof HTMLElement && r.target.closest("[data-show]") && n(r), r && r.target instanceof HTMLElement && r.target.closest("[data-mimic]") && n(r);
   }), a.addEventListener("click", (r) => {
     if (clearTimeout(o), r && r.target instanceof HTMLElement && r.target.closest('dialog button:not([type="button"])') && r.target.closest('dialog button:not([type="button"])').closest("dialog").close(), r && r.target instanceof HTMLElement && r.target.closest(".dialog__close") && (r.preventDefault(), r.stopPropagation()), r && r.target instanceof HTMLElement && r.target.closest("[data-clear]")) {
-      a.classList.add("processing"), Array.from(a.querySelectorAll(".applied-filters")).forEach((c, h) => {
+      a.classList.add("processing"), Array.from(a.querySelectorAll(".applied-filters")).forEach((c, u) => {
         c.innerHTML = "";
       });
       let p = a.elements;
@@ -181,12 +181,12 @@ const tt = (e) => {
           case "radio":
           case "checkbox":
             if (p[c].checked) {
-              let h = p[c], g = h.getAttribute("id"), b = document.querySelector(`[for="${g}"`);
+              let u = p[c], g = u.getAttribute("id"), b = document.querySelector(`[for="${g}"`);
               if (b.querySelector("iam-card")) {
-                let A = b.querySelector("iam-card"), $ = new Event("click");
-                A.dispatchEvent($);
+                let x = b.querySelector("iam-card"), S = new Event("click");
+                x.dispatchEvent(S);
               }
-              h.checked = !1;
+              u.checked = !1;
             }
             break;
           case "select-one":
@@ -206,29 +206,29 @@ const tt = (e) => {
   let l = [], d = [];
   Array.from(a.querySelectorAll("[data-mimic]")).forEach((r, p) => {
     let c = r.getAttribute("data-mimic");
-    Array.from(document.querySelectorAll(`[name="${c}"]`)).forEach((h, g) => {
-      let b = h.closest("form");
+    Array.from(document.querySelectorAll(`[name="${c}"]`)).forEach((u, g) => {
+      let b = u.closest("form");
       l.includes(b) || l.push(b), d.includes(c) || d.push(c);
     });
   }), l.forEach((r, p) => {
     const c = function() {
-      let h = [], g = new FormData(r);
-      for (const [b, A] of g)
-        document.querySelector(`[data-mimic="${b}"]`) && !h.includes(b) ? (h.push(b), document.querySelector(`[data-mimic="${b}"]`).value = A) : document.querySelector(`[data-mimic="${b}"]`) && (document.querySelector(`[data-mimic="${b}"]`).value += "," + A);
-      for (const b of h) {
-        const A = new Event("force");
-        a.dispatchEvent(A);
+      let u = [], g = new FormData(r);
+      for (const [b, x] of g)
+        document.querySelector(`[data-mimic="${b}"]`) && !u.includes(b) ? (u.push(b), document.querySelector(`[data-mimic="${b}"]`).value = x) : document.querySelector(`[data-mimic="${b}"]`) && (document.querySelector(`[data-mimic="${b}"]`).value += "," + x);
+      for (const b of u) {
+        const x = new Event("force");
+        a.dispatchEvent(x);
       }
       for (const b of d)
         if (!g.has(b) && r.querySelector(`[name="${b}"]`)) {
           document.querySelector(`[data-mimic="${b}"]`).value = "";
-          const A = new Event("force");
-          a.dispatchEvent(A);
+          const x = new Event("force");
+          a.dispatchEvent(x);
         }
     };
-    r.addEventListener("force", (h) => {
+    r.addEventListener("force", (u) => {
       c();
-    }), r.addEventListener("change", (h) => {
+    }), r.addEventListener("change", (u) => {
       c();
     });
   });
@@ -241,17 +241,17 @@ const tt = (e) => {
   let r = [];
   ["asc", "desc", "descending"].includes(l) || (r = l.split(","));
   let p = [];
-  Array.from(i.querySelectorAll("tr")).forEach((h, g) => {
-    let b = h.querySelector('td[data-label="' + n + '"], th[data-label="' + n + '"]').textContent.trim();
-    h.querySelector('[data-label="' + n + '"] .td__content') && (b = h.querySelector('[data-label="' + n + '"] .td__content').textContent.trim()), r.length && r.includes(b) && (b = r.indexOf(b)), _t(b) && (b = At(b, 10)), d && d == "date" && (b = new Date(b));
-    const A = { index: b, row: h };
-    p.push(A);
-  }), p.sort((h, g) => h.index > g.index ? 1 : -1), (l == "descending" || l == "desc") && (p = p.reverse());
+  Array.from(i.querySelectorAll("tr")).forEach((u, g) => {
+    let b = u.querySelector('td[data-label="' + n + '"], th[data-label="' + n + '"]').textContent.trim();
+    u.querySelector('[data-label="' + n + '"] .td__content') && (b = u.querySelector('[data-label="' + n + '"] .td__content').textContent.trim()), r.length && r.includes(b) && (b = r.indexOf(b)), _t(b) && (b = xt(b, 10)), d && d == "date" && (b = new Date(b));
+    const x = { index: b, row: u };
+    p.push(x);
+  }), p.sort((u, g) => u.index > g.index ? 1 : -1), (l == "descending" || l == "desc") && (p = p.reverse());
   let c = "";
-  p.forEach((h, g) => {
-    c += h.row.outerHTML;
+  p.forEach((u, g) => {
+    c += u.row.outerHTML;
   }), i.innerHTML = c;
-}, K = (e, a, t) => {
+}, G = (e, a, t) => {
   e.classList.remove("table--filtered");
   let i = it(a), s = [], o = 0, n = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, l = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
   if (Array.from(e.querySelectorAll("tbody tr")).forEach((r, p) => {
@@ -272,47 +272,47 @@ const tt = (e) => {
     r.innerHTML += `(${d})`, r.parentNode.classList.add("hover");
   }), e.classList.add("table--filtered");
   for (const [r, p] of Object.entries(i))
-    Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((c, h) => {
+    Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((c, u) => {
       let g = !1;
-      p.forEach((b, A) => {
-        let $ = c.querySelector(`[data-label="${r}"]`);
+      p.forEach((b, x) => {
+        let S = c.querySelector(`[data-label="${r}"]`);
         if (b && b == "$today")
           b = Y("date", /* @__PURE__ */ new Date());
         else if (b && b == "$yesterday") {
-          let k = /* @__PURE__ */ new Date();
-          k.setDate(k.getDate() - 1), b = Y("date", k);
+          let A = /* @__PURE__ */ new Date();
+          A.setDate(A.getDate() - 1), b = Y("date", A);
         } else if (b && (b == "$thisWeek" || b == "$lastWeek")) {
-          let k = /* @__PURE__ */ new Date(), L = new Date(k.setDate(k.getDate() - (k.getDay() - 1))), v = new Date(k.setDate(k.getDate() - k.getDay() + 7)), q = new Date($.textContent.toLowerCase());
-          if (k.setHours(0, 0, 0, 0), L.setHours(0, 0, 0, 0), v.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), b == "$thisWeek")
-            g = q >= L && q <= v;
+          let A = /* @__PURE__ */ new Date(), k = new Date(A.setDate(A.getDate() - (A.getDay() - 1))), w = new Date(A.setDate(A.getDate() - A.getDay() + 7)), q = new Date(S.textContent.toLowerCase());
+          if (A.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), b == "$thisWeek")
+            g = q >= k && q <= w;
           else {
-            let E = new Date(L.setDate(L.getDate() - 7)), z = new Date(v.setDate(v.getDate() - 7));
+            let E = new Date(k.setDate(k.getDate() - 7)), z = new Date(w.setDate(w.getDate() - 7));
             E.setHours(0, 0, 0, 0), z.setHours(0, 0, 0, 0), g = q >= E && q <= z;
           }
         } else if (b && b == "$thisMonth") {
-          let k = /* @__PURE__ */ new Date(), L = k.getFullYear(), v = k.getMonth();
-          var M = new Date(L, v, 1), F = new Date(L, v + 1, 0);
-          let q = new Date($.textContent.toLowerCase());
-          M.setHours(0, 0, 0, 0), F.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), g = q >= M && q <= F;
+          let A = /* @__PURE__ */ new Date(), k = A.getFullYear(), w = A.getMonth();
+          var T = new Date(k, w, 1), F = new Date(k, w + 1, 0);
+          let q = new Date(S.textContent.toLowerCase());
+          T.setHours(0, 0, 0, 0), F.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), g = q >= T && q <= F;
         } else if (b && b == "$lastMonth") {
-          let k = /* @__PURE__ */ new Date(), L = k.getFullYear(), v = k.getMonth();
-          var I = new Date(L, v - 1, 1), j = new Date(L, v, 0);
-          let q = new Date($.textContent.toLowerCase());
-          I.setHours(0, 0, 0, 0), j.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), g = q >= I && q <= j;
+          let A = /* @__PURE__ */ new Date(), k = A.getFullYear(), w = A.getMonth();
+          var I = new Date(k, w - 1, 1), H = new Date(k, w, 0);
+          let q = new Date(S.textContent.toLowerCase());
+          I.setHours(0, 0, 0, 0), H.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), g = q >= I && q <= H;
         }
-        $ && $.textContent.toLowerCase().includes(b.toLowerCase()) && (g = !0);
+        S && S.textContent.toLowerCase().includes(b.toLowerCase()) && (g = !0);
       }), g || (c.classList.add("filtered"), c.setAttribute("data-filtered-by", r));
     });
   Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((r, p) => {
     let c = !(s.length > 0 && s[0].value.length >= 3);
-    s.forEach((h, g) => {
-      let b = r.querySelector(`[data-label="${h.column}"]`);
-      b && h.value.length >= 3 && b.textContent.toLowerCase().includes(h.value.toLowerCase()) && (c = !0);
+    s.forEach((u, g) => {
+      let b = r.querySelector(`[data-label="${u.column}"]`);
+      b && u.value.length >= 3 && b.textContent.toLowerCase().includes(u.value.toLowerCase()) && (c = !0);
     }), c || r.classList.add("filtered");
   }), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((r, p) => {
     o++, r.classList.add("filtered--matched"), Math.ceil(o / l) == parseInt(n) && r.classList.add("filtered--show");
   }), t && (t.setAttribute("data-total", o), t.setAttribute("data-show", l), t.setAttribute("data-page", n));
-}, U = (e, a, t) => {
+}, B = (e, a, t) => {
   Array.from(a.querySelectorAll("[data-query]")).forEach((i, s) => {
     let o = i.getAttribute("data-query"), n = 0;
     if (o == "total")
@@ -329,8 +329,8 @@ const tt = (e) => {
       n = Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d) {
         let r = !0;
         for (const [p, c] of Object.entries(l)) {
-          let h = c.split(" == ");
-          (!d.querySelector(`td[data-label="${h[0]}"]`) || d.querySelector(`td[data-label="${h[0]}"]`).textContent != `${h[1]}`) && (r = !1);
+          let u = c.split(" == ");
+          (!d.querySelector(`td[data-label="${u[0]}"]`) || d.querySelector(`td[data-label="${u[0]}"]`).textContent != `${u[1]}`) && (r = !1);
         }
         return r;
       }).length;
@@ -377,7 +377,7 @@ const tt = (e) => {
   var r = window.URL.createObjectURL(l);
   d.href = r, d.style.display = "none", document.body.appendChild(d), d.click(), document.body.removeChild(d);
 }, at = function(e, a, t, i) {
-  if (tt(e), St(e, i), U(e, a, i), i && i.classList.contains("table--cta")) {
+  if (tt(e), $t(e, i), B(e, a, i), i && i.classList.contains("table--cta")) {
     let s = function() {
       Array.from(e.querySelectorAll("tr")).forEach((n, l) => {
         let d = n.offsetHeight;
@@ -400,54 +400,54 @@ const tt = (e) => {
     let s = new FormData(a), o = new URLSearchParams(s).toString(), n = e.querySelectorAll("thead tr th:not(.expand-button-heading)"), l = e.querySelector("tbody"), d = a.getAttribute("data-ajax");
     i.classList.add("table--loading");
     let r = it(a);
-    Array.from(a.querySelectorAll("[data-filter-count]")).forEach((h, g) => {
-      h.innerHTML = "", h.parentNode.classList.remove("hover");
+    Array.from(a.querySelectorAll("[data-filter-count]")).forEach((u, g) => {
+      u.innerHTML = "", u.parentNode.classList.remove("hover");
     });
     let p = 0;
-    Object.values(r).forEach((h, g) => {
-      typeof h == "object" && Object.values(h).length ? p += Object.values(h).length : p++;
-    }), p && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((h, g) => {
-      h.innerHTML += `(${p})`, h.parentNode.classList.add("hover");
+    Object.values(r).forEach((u, g) => {
+      typeof u == "object" && Object.values(u).length ? p += Object.values(u).length : p++;
+    }), p && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((u, g) => {
+      u.innerHTML += `(${p})`, u.parentNode.classList.add("hover");
     }), window.controller || (window.controller = []), window.controller[d] && window.controller[d].abort(), window.controller[d] = new AbortController();
     const { signal: c } = controller[d];
     t.setAttribute("data-loading", "true"), a.classList.add("processing");
     try {
-      yield fetch(d + "?" + o, { signal: c, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((h) => h.json()).then((h) => {
-        let g = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", b = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", A = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", $ = R(h, b, 15), M = R(h, A, 1), F = R(h, g), I = i.hasAttribute("data-empty-msg") ? i.getAttribute("data-empty-msg") : "No results found";
-        F ? (l.innerHTML = "", F.forEach((j, k) => {
-          var L = document.createElement("tr");
-          n.forEach((v, q) => {
+      yield fetch(d + "?" + o, { signal: c, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((u) => u.json()).then((u) => {
+        let g = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", b = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", x = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", S = j(u, b, 15), T = j(u, x, 1), F = j(u, g), I = i.hasAttribute("data-empty-msg") ? i.getAttribute("data-empty-msg") : "No results found";
+        F ? (l.innerHTML = "", F.forEach((H, A) => {
+          var k = document.createElement("tr");
+          n.forEach((w, q) => {
             let E = "";
             var z = document.createElement("td");
-            if (z.setAttribute("data-label", v.innerText), v.getAttribute("data-output")) {
-              var V = v.getAttribute("data-output");
-              E = V.replace(new RegExp(/{(.*?)}/, "gm"), function(dt) {
-                return R(j, dt.replace("{", "").replace("}", ""));
+            if (z.setAttribute("data-label", w.innerText), w.getAttribute("data-output")) {
+              var U = w.getAttribute("data-output");
+              E = U.replace(new RegExp(/{(.*?)}/, "gm"), function(dt) {
+                return j(H, dt.replace("{", "").replace("}", ""));
               });
             }
-            if (v.hasAttribute("data-output-array")) {
-              var V = v.getAttribute("data-output");
-              let ct = R(j, V.replace("{", "").replace("}", ""));
-              E = "", ct.forEach((J, Ni) => {
-                let ut = v.getAttribute("data-output-array"), O = "";
-                if (v.hasAttribute("data-output-array-property") && v.hasAttribute("data-output-array-transform")) {
-                  const W = R(J, v.getAttribute("data-output-array-property")), mt = JSON.parse(v.getAttribute("data-output-array-transform"))[W];
-                  O = ut.replace(`{${v.getAttribute("data-output-array-property")}}`, mt);
+            if (w.hasAttribute("data-output-array")) {
+              var U = w.getAttribute("data-output");
+              let ct = j(H, U.replace("{", "").replace("}", ""));
+              E = "", ct.forEach((J, Ai) => {
+                let ut = w.getAttribute("data-output-array"), O = "";
+                if (w.hasAttribute("data-output-array-property") && w.hasAttribute("data-output-array-transform")) {
+                  const V = j(J, w.getAttribute("data-output-array-property")), mt = JSON.parse(w.getAttribute("data-output-array-transform"))[V];
+                  O = ut.replace(`{${w.getAttribute("data-output-array-property")}}`, mt);
                 }
-                O = O.replace(new RegExp(/{(.*?)}/, "gm"), function(W) {
-                  return R(J, W.replace("{", "").replace("}", ""));
+                O = O.replace(new RegExp(/{(.*?)}/, "gm"), function(V) {
+                  return j(J, V.replace("{", "").replace("}", ""));
                 }), E += O;
               });
             }
-            v.hasAttribute("data-transform") && (E = JSON.parse(v.getAttribute("data-transform"))[E], !E && v.hasAttribute("data-default") && (E = v.getAttribute("data-default"))), z.innerHTML = E, L.appendChild(z);
-          }), l.appendChild(L);
-        }), et(e, a), i.setAttribute("data-total", parseInt($)), i.setAttribute("data-page", parseInt(M)), at(e, a, t, i), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((j, k) => {
-          let L = R(h, j.getAttribute("data-ajax-query"), "");
-          j.hasAttribute("data-total") ? j.setAttribute("data-total", L) : j.innerHTML = L;
-        }), parseInt($) == 0 && (l.innerHTML = `<tr><td colspan="100%"><span>${I}</span></td></tr>`), i.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: d, formData: o })) : l.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>', t.removeAttribute("data-loading"), a.classList.remove("processing");
+            w.hasAttribute("data-transform") && (E = JSON.parse(w.getAttribute("data-transform"))[E], !E && w.hasAttribute("data-default") && (E = w.getAttribute("data-default"))), z.innerHTML = E, k.appendChild(z);
+          }), l.appendChild(k);
+        }), et(e, a), i.setAttribute("data-total", parseInt(S)), i.setAttribute("data-page", parseInt(T)), at(e, a, t, i), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((H, A) => {
+          let k = j(u, H.getAttribute("data-ajax-query"), "");
+          H.hasAttribute("data-total") ? H.setAttribute("data-total", k) : H.innerHTML = k;
+        }), parseInt(S) == 0 && (l.innerHTML = `<tr><td colspan="100%"><span>${I}</span></td></tr>`), i.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: d, formData: o })) : l.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>', t.removeAttribute("data-loading"), a.classList.remove("processing");
       });
-    } catch (h) {
-      console.log(h);
+    } catch (u) {
+      console.log(u);
     }
   });
 }, Y = (e, a) => {
@@ -457,7 +457,7 @@ const tt = (e) => {
     case "date":
       return new Date(a).toLocaleDateString("en-gb", { year: "2-digit", month: "long", day: "numeric" });
     case "capitalise":
-      return a = xt(a);
+      return a = At(a);
   }
 };
 class Mt extends HTMLElement {
@@ -496,7 +496,7 @@ class Mt extends HTMLElement {
     const a = new URLSearchParams(window.location.search);
     this.hasAttribute("data-total") || this.setAttribute("data-total", this.querySelectorAll("table tbody tr").length), this.hasAttribute("data-page") || this.setAttribute("data-page", a.has("page") ? a.get("page") : 1), this.hasAttribute("data-show") || this.setAttribute("data-show", a.has("show") ? a.get("show") : 15), this.hasAttribute("data-increment") || this.setAttribute("data-increment", this.getAttribute("data-show"));
     let t = this.classList.toString();
-    if (t = t.replace("table--cta", ""), t = t.replace("table--loading", ""), this.shadowRoot.querySelector(".table__wrapper").className += ` ${t}`, this.querySelector(".actionbar__sticky") && this.shadowRoot.querySelector(".table__wrapper").classList.add("has-actionbar"), this.table = this.querySelector("table"), this.savedTableBody = this.table.querySelector("tbody").cloneNode(!0), this.pagination = this.shadowRoot.querySelector("iam-pagination"), this.pagination.setAttribute("data-total", this.getAttribute("data-total")), this.pagination.setAttribute("data-page", this.getAttribute("data-page")), this.pagination.setAttribute("data-show", this.getAttribute("data-show")), this.pagination.setAttribute("data-increment", this.getAttribute("data-show")), this.hasAttribute("data-page-jump") && this.pagination.setAttribute("data-page-jump", "true"), this.hasAttribute("data-per-page") && this.pagination.setAttribute("data-per-page", "true"), this.hasAttribute("data-item-count") && this.pagination.setAttribute("data-item-count", "true"), this.hasAttribute("data-loading") && this.pagination.setAttribute("data-loading", "true"), this.classList.contains("table--fullwidth") && this.pagination.setAttribute("data-minimal", "true"), this.classList.contains("table--cta") || this.shadowRoot.querySelector(".table--cta").classList.remove("table--cta"), this.form = document.createElement("form"), this.hasAttribute("data-filterby") ? this.form = document.querySelector(`#${this.getAttribute("data-filterby")}`) : this.table.parentNode.insertBefore(this.form, this.table.nextSibling), this.form.hasAttribute("data-ajax") && this.table.classList.add("table--ajax"), et(this.table, this.form), this.form.querySelector("[data-pagination]") || (this.form.innerHTML += `<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`), this.form.querySelector("[data-show]") || (this.form.innerHTML += `<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`), $t(this.table), qt(this.table, this.form, this.pagination, this, this.savedTableBody), Et(this.table, this.form, this.pagination, this), Tt(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax"))
+    if (t = t.replace("table--cta", ""), t = t.replace("table--loading", ""), this.shadowRoot.querySelector(".table__wrapper").className += ` ${t}`, this.querySelector(".actionbar__sticky") && this.shadowRoot.querySelector(".table__wrapper").classList.add("has-actionbar"), this.table = this.querySelector("table"), this.savedTableBody = this.table.querySelector("tbody").cloneNode(!0), this.pagination = this.shadowRoot.querySelector("iam-pagination"), this.pagination.setAttribute("data-total", this.getAttribute("data-total")), this.pagination.setAttribute("data-page", this.getAttribute("data-page")), this.pagination.setAttribute("data-show", this.getAttribute("data-show")), this.pagination.setAttribute("data-increment", this.getAttribute("data-show")), this.hasAttribute("data-page-jump") && this.pagination.setAttribute("data-page-jump", "true"), this.hasAttribute("data-per-page") && this.pagination.setAttribute("data-per-page", "true"), this.hasAttribute("data-item-count") && this.pagination.setAttribute("data-item-count", "true"), this.hasAttribute("data-loading") && this.pagination.setAttribute("data-loading", "true"), this.classList.contains("table--fullwidth") && this.pagination.setAttribute("data-minimal", "true"), this.classList.contains("table--cta") || this.shadowRoot.querySelector(".table--cta").classList.remove("table--cta"), this.form = document.createElement("form"), this.hasAttribute("data-filterby") ? this.form = document.querySelector(`#${this.getAttribute("data-filterby")}`) : this.table.parentNode.insertBefore(this.form, this.table.nextSibling), this.form.hasAttribute("data-ajax") && this.table.classList.add("table--ajax"), et(this.table, this.form), this.form.querySelector("[data-pagination]") || (this.form.innerHTML += `<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`), this.form.querySelector("[data-show]") || (this.form.innerHTML += `<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`), St(this.table), qt(this.table, this.form, this.pagination, this, this.savedTableBody), Et(this.table, this.form, this.pagination, this), Tt(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax"))
       nt(this.table, this.form, this.pagination, this);
     else {
       let i = function(o = 1) {
@@ -530,7 +530,7 @@ class Mt extends HTMLElement {
         }
       }), s != -1 && (this.table.querySelector(`thead tr th:nth-child(${s + 1})`).classList.add("th--fixed"), Array.from(this.table.querySelectorAll(`tbody tr td:nth-child(${s + 1})`)).forEach((o, n) => {
         o.classList.add("td--fixed");
-      })), at(this.table, this.form, this.pagination, this), K(this.table, this.form, this), U(this.table, this.form);
+      })), at(this.table, this.form, this.pagination, this), G(this.table, this.form, this), B(this.table, this.form);
     }
     this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (i) => {
       this.table.querySelector("dialog[open]") && (this.table.querySelector("dialog[open]").close(), this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"));
@@ -557,7 +557,7 @@ class Mt extends HTMLElement {
   }
 }
 /*!
-  * iamKey v5.1.0-beta7
+  * iamKey v5.1.0-beta8
   * Copyright 2022-2023 iamproperty
   */
 class ot extends HTMLElement {
@@ -622,16 +622,16 @@ class ot extends HTMLElement {
     });
   }
   setup() {
-    const a = this.shadowRoot.querySelector(".pagination"), t = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), s = this.shadowRoot.querySelector(".next"), o = this.shadowRoot.querySelector(".item-count"), n = this.shadowRoot.querySelector(".per-page select"), l = this.shadowRoot.querySelector(".total-pages"), d = parseInt(this.getAttribute("data-page")), r = parseInt(this.getAttribute("data-total")), p = parseInt(this.getAttribute("data-show")), c = parseInt(this.getAttribute("data-increment")), h = Math.ceil(r / c);
+    const a = this.shadowRoot.querySelector(".pagination"), t = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), s = this.shadowRoot.querySelector(".next"), o = this.shadowRoot.querySelector(".item-count"), n = this.shadowRoot.querySelector(".per-page select"), l = this.shadowRoot.querySelector(".total-pages"), d = parseInt(this.getAttribute("data-page")), r = parseInt(this.getAttribute("data-total")), p = parseInt(this.getAttribute("data-show")), c = parseInt(this.getAttribute("data-increment")), u = Math.ceil(r / c);
     r > p && a.classList.remove("d-none");
     let g = "";
-    for (let M = 1; M <= h; M++)
-      g += `<option value="${M}" ${M == d ? "selected" : ""}>${M}</option>`;
-    t.innerHTML = g, l.innerHTML = `of ${h}`, d == h ? s.setAttribute("disabled", "disabled") : s.removeAttribute("disabled"), d == 1 ? i.setAttribute("disabled", "disabled") : i.removeAttribute("disabled");
-    let b = d == 1 ? 1 : (d - 1) * p + 1, A = d == 1 ? p : d * p;
-    o.innerHTML = `${b} - ${A > r ? r : A} of ${r} items`;
-    const $ = [15, 25, 40, 50];
-    c && n.value != c && !$.includes(c) && (n.innerHTML = `<option value="${c}">${c}</option>
+    for (let T = 1; T <= u; T++)
+      g += `<option value="${T}" ${T == d ? "selected" : ""}>${T}</option>`;
+    t.innerHTML = g, l.innerHTML = `of ${u}`, d == u ? s.setAttribute("disabled", "disabled") : s.removeAttribute("disabled"), d == 1 ? i.setAttribute("disabled", "disabled") : i.removeAttribute("disabled");
+    let b = d == 1 ? 1 : (d - 1) * p + 1, x = d == 1 ? p : d * p;
+    o.innerHTML = `${b} - ${x > r ? r : x} of ${r} items`;
+    const S = [15, 25, 40, 50];
+    c && n.value != c && !S.includes(c) && (n.innerHTML = `<option value="${c}">${c}</option>
       <option value="${c * 2}">${c * 2}</option>
       <option value="${c * 3}">${c * 3}</option>
       <option value="${c * 4}">${c * 4}</option>`), n.value = c;
@@ -660,9 +660,9 @@ class ot extends HTMLElement {
     }
   }
 }
-const jt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Ct = (e) => e.replace(/_/g, " "), Nt = (e) => e.replace(/ /g, "_"), Rt = function(e) {
-  return e = e.toLowerCase(), e = Nt(e), e = e.replace(/\W/g, ""), e;
-}, Dt = {
+const jt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Ct = (e) => e.replace(/_/g, " "), Dt = (e) => e.replace(/ /g, "_"), Rt = function(e) {
+  return e = e.toLowerCase(), e = Dt(e), e = e.replace(/\W/g, ""), e;
+}, Nt = {
   name: "Table",
   props: {
     items: {
@@ -688,30 +688,30 @@ const jt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Ct = (e) => e.replace(
   }
 }, zt = { key: 0 }, Ft = { key: 0 }, Pt = ["data-row-id"], It = ["innerHTML"];
 function Ot(e, a, t, i, s, o) {
-  return u(), m("iam-table", null, [
-    t.fields ? (u(), m("table", zt, [
+  return m(), h("iam-table", null, [
+    t.fields ? (m(), h("table", zt, [
       f("thead", null, [
         f("tr", null, [
-          (u(!0), m(T, null, H(t.fields, (n) => (u(), m("th", {
+          (m(!0), h(D, null, R(t.fields, (n) => (m(), h("th", {
             key: n.key
-          }, S(o.cellHeading(n.key)), 1))), 128))
+          }, $(o.cellHeading(n.key)), 1))), 128))
         ])
       ]),
-      t.items ? (u(), m("tbody", Ft, [
-        (u(!0), m(T, null, H(t.items, (n, l) => (u(), m("tr", {
+      t.items ? (m(), h("tbody", Ft, [
+        (m(!0), h(D, null, R(t.items, (n, l) => (m(), h("tr", {
           key: l,
           "data-row-id": n.rowid
         }, [
-          (u(!0), m(T, null, H(Object.fromEntries(Object.entries(n).filter(([d]) => d !== "rowid")), (d, r) => (u(), m("td", {
+          (m(!0), h(D, null, R(Object.fromEntries(Object.entries(n).filter(([d]) => d !== "rowid")), (d, r) => (m(), h("td", {
             key: r,
             innerHTML: d
           }, null, 8, It))), 128))
         ], 8, Pt))), 128))
-      ])) : w("", !0)
-    ])) : _(e.$slots, "default", { key: 1 })
+      ])) : _("", !0)
+    ])) : v(e.$slots, "default", { key: 1 })
   ]);
 }
-const rt = /* @__PURE__ */ y(Dt, [["render", Ot]]), Bt = {
+const rt = /* @__PURE__ */ y(Nt, [["render", Ot]]), Bt = {
   name: "Input",
   props: {
     value: {
@@ -899,7 +899,7 @@ const rt = /* @__PURE__ */ y(Dt, [["render", Ot]]), Bt = {
       this.$emit("bus");
     }
   }
-}, Ut = ["for", "innerHTML", "title"], Vt = ["innerHTML"], Wt = ["innerHTML"], Gt = ["type", "name", "id", "pattern", "list"], Kt = ["type", "name", "id", "pattern"], Yt = {
+}, Ut = ["for", "innerHTML", "title"], Vt = ["innerHTML"], Wt = ["innerHTML"], Kt = ["type", "name", "id", "pattern", "list"], Gt = ["type", "name", "id", "pattern"], Yt = {
   key: 5,
   class: "input-group"
 }, Xt = ["type", "name", "id", "pattern", "list"], Jt = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Qt = {
@@ -907,30 +907,30 @@ const rt = /* @__PURE__ */ y(Dt, [["render", Ot]]), Bt = {
   class: "input-group"
 }, Zt = ["type", "name", "id", "pattern", "list"], te = { class: "input-group-text flex-fill" }, ee = ["type", "name", "id", "pattern"], ae = ["value"], ie = ["type", "name", "id"], ne = ["for", "innerHTML"], oe = ["type", "name", "id"], re = ["for", "innerHTML"], se = ["innerHTML"], le = ["id"], de = ["value"];
 function ce(e, a, t, i, s, o) {
-  return u(), m("div", {
-    class: x(o.wrapperClass()),
+  return m(), h("div", {
+    class: L(o.wrapperClass()),
     ref: "wrapper"
   }, [
-    o.needsLabel() ? (u(), m("label", {
+    o.needsLabel() ? (m(), h("label", {
       key: 0,
-      class: x(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
+      class: L(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: o.displayLabel(),
       title: t.title
-    }, null, 10, Ut)) : w("", !0),
-    t.prefix ? (u(), m("span", {
+    }, null, 10, Ut)) : _("", !0),
+    t.prefix ? (m(), h("span", {
       key: 1,
-      class: x(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
+      class: L(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
       innerHTML: t.prefix,
       role: "presentation"
-    }, null, 10, Vt)) : w("", !0),
-    t.suffix ? (u(), m("span", {
+    }, null, 10, Vt)) : _("", !0),
+    t.suffix ? (m(), h("span", {
       key: 2,
-      class: x(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
+      class: L(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
       innerHTML: t.suffix,
       role: "presentation"
-    }, null, 10, Wt)) : w("", !0),
-    o.isInput() ? P((u(), m("input", N({
+    }, null, 10, Wt)) : _("", !0),
+    o.isInput() ? P((m(), h("input", C({
       key: 3,
       "onUpdate:modelValue": a[0] || (a[0] = (n) => o.inputVal = n),
       class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
@@ -941,10 +941,10 @@ function ce(e, a, t, i, s, o) {
       list: o.hasOptions()
     }, e.$attrs, {
       onKeyup: a[1] || (a[1] = (...n) => o.inputKeyup && o.inputKeyup(...n))
-    }), null, 16, Gt)), [
-      [G, o.inputVal]
-    ]) : w("", !0),
-    t.type == "textarea" ? P((u(), m("textarea", N({
+    }), null, 16, Kt)), [
+      [W, o.inputVal]
+    ]) : _("", !0),
+    t.type == "textarea" ? P((m(), h("textarea", C({
       key: 4,
       "onUpdate:modelValue": a[2] || (a[2] = (n) => o.inputVal = n),
       class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
@@ -952,11 +952,11 @@ function ce(e, a, t, i, s, o) {
       name: t.name ? t.name : t.id,
       id: t.id,
       pattern: o.needPattern()
-    }, e.$attrs), null, 16, Kt)), [
+    }, e.$attrs), null, 16, Gt)), [
       [ht, o.inputVal]
-    ]) : w("", !0),
-    t.type == "range" ? (u(), m("div", Yt, [
-      P(f("input", N({
+    ]) : _("", !0),
+    t.type == "range" ? (m(), h("div", Yt, [
+      P(f("input", C({
         "onUpdate:modelValue": a[3] || (a[3] = (n) => o.inputVal = n),
         class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
         type: t.type,
@@ -965,12 +965,12 @@ function ce(e, a, t, i, s, o) {
         pattern: o.needPattern(),
         list: o.hasOptions()
       }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Xt), [
-        [G, o.inputVal]
+        [W, o.inputVal]
       ]),
-      f("output", Jt, S(t.value), 1)
-    ])) : w("", !0),
-    t.type == "color" ? (u(), m("div", Qt, [
-      P(f("input", N({
+      f("output", Jt, $(t.value), 1)
+    ])) : _("", !0),
+    t.type == "color" ? (m(), h("div", Qt, [
+      P(f("input", C({
         "onUpdate:modelValue": a[4] || (a[4] = (n) => o.inputVal = n),
         class: `form-control form-control-color${t.inputclass ? ` ${t.inputclass}` : ""}`,
         type: t.type,
@@ -979,11 +979,11 @@ function ce(e, a, t, i, s, o) {
         pattern: o.needPattern(),
         list: o.hasOptions()
       }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Zt), [
-        [G, o.inputVal]
+        [W, o.inputVal]
       ]),
-      f("output", te, S(t.value ? e.vale : "#000000"), 1)
-    ])) : w("", !0),
-    t.type == "select" ? P((u(), m("select", N({
+      f("output", te, $(t.value ? e.vale : "#000000"), 1)
+    ])) : _("", !0),
+    t.type == "select" ? P((m(), h("select", C({
       key: 7,
       "onUpdate:modelValue": a[5] || (a[5] = (n) => o.inputVal = n),
       class: `form-select${t.size ? ` form-select-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
@@ -992,56 +992,56 @@ function ce(e, a, t, i, s, o) {
       id: t.id,
       pattern: o.needPattern()
     }, e.$attrs), [
-      (u(!0), m(T, null, H(t.options, (n, l) => (u(), m("option", {
+      (m(!0), h(D, null, R(t.options, (n, l) => (m(), h("option", {
         key: l,
         value: n.value
-      }, S(n.display ? n.display : n.value), 9, ae))), 128))
+      }, $(n.display ? n.display : n.value), 9, ae))), 128))
     ], 16, ee)), [
       [pt, o.inputVal]
-    ]) : w("", !0),
-    t.type == "checkbox" || t.type == "radio" ? (u(), m("input", N({
+    ]) : _("", !0),
+    t.type == "checkbox" || t.type == "radio" ? (m(), h("input", C({
       key: 8,
       class: "form-check-input",
       type: t.type,
       name: t.name ? t.name : t.id,
       id: t.id
-    }, e.$attrs), null, 16, ie)) : w("", !0),
-    t.type == "checkbox" || t.type == "radio" ? (u(), m("label", {
+    }, e.$attrs), null, 16, ie)) : _("", !0),
+    t.type == "checkbox" || t.type == "radio" ? (m(), h("label", {
       key: 9,
-      class: x(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
+      class: L(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: t.label
-    }, null, 10, ne)) : w("", !0),
-    t.type == "checkbox-btn" || t.type == "radio-btn" ? (u(), m("input", N({
+    }, null, 10, ne)) : _("", !0),
+    t.type == "checkbox-btn" || t.type == "radio-btn" ? (m(), h("input", C({
       key: 10,
       class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
       type: t.type.replace("-btn", ""),
       autocomplete: "off",
       name: t.name ? t.name : t.id,
       id: t.id
-    }, e.$attrs), null, 16, oe)) : w("", !0),
-    t.type == "checkbox-btn" || t.type == "radio-btn" ? (u(), m("label", {
+    }, e.$attrs), null, 16, oe)) : _("", !0),
+    t.type == "checkbox-btn" || t.type == "radio-btn" ? (m(), h("label", {
       key: 11,
-      class: x(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
+      class: L(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: t.label,
       onClick: a[6] || (a[6] = (...n) => o.clickEvent && o.clickEvent(...n))
-    }, null, 10, re)) : w("", !0),
-    _(e.$slots, "default"),
-    t.errormsg ? (u(), m("span", {
+    }, null, 10, re)) : _("", !0),
+    v(e.$slots, "default"),
+    t.errormsg ? (m(), h("span", {
       key: 12,
       class: "invalid-feedback mb-0",
       innerHTML: t.errormsg
-    }, null, 8, se)) : w("", !0),
-    o.allowDatalist() ? (u(), m("datalist", {
+    }, null, 8, se)) : _("", !0),
+    o.allowDatalist() ? (m(), h("datalist", {
       key: 13,
       id: t.id + "-list"
     }, [
-      (u(!0), m(T, null, H(t.options, (n, l) => (u(), m("option", {
+      (m(!0), h(D, null, R(t.options, (n, l) => (m(), h("option", {
         key: l,
         value: n.value
-      }, S(n.value), 9, de))), 128))
-    ], 8, le)) : w("", !0)
+      }, $(n.value), 9, de))), 128))
+    ], 8, le)) : _("", !0)
   ], 2);
 }
 const st = /* @__PURE__ */ y(Bt, [["render", ce]]);
@@ -1052,8 +1052,8 @@ function ue(e, a) {
   }), a.addEventListener("click", (l) => {
     if (l && l.target instanceof HTMLElement && l.target.closest(".files button")) {
       const d = new DataTransfer(), { files: r } = s, p = l.target.closest(".files button");
-      for (let h = 0; h < r.length; h++) {
-        const g = r[h];
+      for (let u = 0; u < r.length; u++) {
+        const g = r[u];
         g.name != p.getAttribute("data-file") && d.items.add(g);
       }
       s.files = d.files;
@@ -1065,8 +1065,8 @@ function ue(e, a) {
       const r = [...s.files, ...n.files];
       let p = [];
       const c = new DataTransfer();
-      for (let h = 0; h < r.length; h++) {
-        const g = r[h], b = g.size / 1e3;
+      for (let u = 0; u < r.length; u++) {
+        const g = r[u], b = g.size / 1e3;
         !p.includes(g.name) && (o == 0 || b < o) && c.items.add(g), p.push(g.name);
       }
       s.files = c.files;
@@ -1137,11 +1137,11 @@ const he = {
   }
 };
 function pe(e, a, t, i, s, o) {
-  return u(), m("iam-fileupload", null, [
-    _(e.$slots, "default")
+  return m(), h("iam-fileupload", null, [
+    v(e.$slots, "default")
   ]);
 }
-const zi = /* @__PURE__ */ y(he, [["render", pe]]), D = (e, a) => {
+const $i = /* @__PURE__ */ y(he, [["render", pe]]), N = (e, a) => {
   const t = e[a];
   return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((i, s) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(s.bind(null, new Error("Unknown variable dynamic import: " + a)));
@@ -1152,7 +1152,7 @@ const be = {
   props: {},
   mounted() {
     this.$nextTick(function() {
-      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/accordion/accordion.component.js": () => import("./accordion.component-bd9af0d7.mjs"), "../../../assets/js/components/accordion/accordion.component.min.js": () => import("./accordion.component.min-7e96c9ab.mjs") }), "../../../assets/js/components/accordion/accordion.component.js").then((e) => {
+      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/accordion/accordion.component.js": () => import("./accordion.component-bd9af0d7.mjs"), "../../../assets/js/components/accordion/accordion.component.min.js": () => import("./accordion.component.min-45b3b4b8.mjs") }), "../../../assets/js/components/accordion/accordion.component.js").then((e) => {
         window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1161,11 +1161,11 @@ const be = {
   }
 }, fe = { ref: "wrapper" };
 function ge(e, a, t, i, s, o) {
-  return u(), m("iam-accordion", fe, [
-    _(e.$slots, "default")
+  return m(), h("iam-accordion", fe, [
+    v(e.$slots, "default")
   ], 512);
 }
-const Fi = /* @__PURE__ */ y(be, [["render", ge]]), ye = {
+const Si = /* @__PURE__ */ y(be, [["render", ge]]), ye = {
   name: "AccordionItem",
   props: {
     title: {
@@ -1200,24 +1200,24 @@ const Fi = /* @__PURE__ */ y(be, [["render", ge]]), ye = {
       show: !this.lazy
     };
   }
-}, ve = ["id"], we = ["classList"];
+}, we = ["id"], ve = ["classList"];
 function _e(e, a, t, i, s, o) {
-  return u(), m("details", {
+  return m(), h("details", {
     id: o.createID(t.title)
   }, [
     f("summary", {
       classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
     }, [
-      bt(S(t.title), 1),
-      t.badge ? (u(), m("span", {
+      bt($(t.title), 1),
+      t.badge ? (m(), h("span", {
         key: 0,
-        class: x(`badge bg-${t.badgecolour}`)
-      }, S(t.badge), 3)) : w("", !0)
-    ], 8, we),
-    _(e.$slots, "default")
-  ], 8, ve);
+        class: L(`badge bg-${t.badgecolour}`)
+      }, $(t.badge), 3)) : _("", !0)
+    ], 8, ve),
+    v(e.$slots, "default")
+  ], 8, we);
 }
-const Pi = /* @__PURE__ */ y(ye, [["render", _e]]), Ae = {
+const qi = /* @__PURE__ */ y(ye, [["render", _e]]), xe = {
   name: "Header",
   props: {
     title: {
@@ -1234,36 +1234,36 @@ const Pi = /* @__PURE__ */ y(ye, [["render", _e]]), Ae = {
       required: !1
     }
   }
-}, xe = { class: "container" }, ke = { class: "row" }, Le = { class: "col-sm-6" }, Se = { class: "pt-5 pb-3 px-4" }, $e = { class: "col-sm-6 col-md-5 ms-auto" }, qe = ["src"];
+}, Ae = { class: "container" }, ke = { class: "row" }, Le = { class: "col-sm-6" }, $e = { class: "pt-5 pb-3 px-4" }, Se = { class: "col-sm-6 col-md-5 ms-auto" }, qe = ["src"];
 function Ee(e, a, t, i, s, o) {
-  return u(), m("div", xe, [
+  return m(), h("div", Ae, [
     f("div", {
-      class: x("bg-" + t.background + " mb-4")
+      class: L("bg-" + t.background + " mb-4")
     }, [
       f("div", ke, [
         f("div", Le, [
-          f("div", Se, [
-            f("h2", null, S(t.title), 1),
-            _(e.$slots, "default")
+          f("div", $e, [
+            f("h2", null, $(t.title), 1),
+            v(e.$slots, "default")
           ])
         ]),
-        f("div", $e, [
-          t.image ? (u(), m("img", {
+        f("div", Se, [
+          t.image ? (m(), h("img", {
             key: 0,
             src: t.image,
             alt: "",
             class: "h-100 w-100 object-cover"
-          }, null, 8, qe)) : w("", !0)
+          }, null, 8, qe)) : _("", !0)
         ])
       ])
     ], 2)
   ]);
 }
-const Ii = /* @__PURE__ */ y(Ae, [["render", Ee]]), Te = {
+const Ei = /* @__PURE__ */ y(xe, [["render", Ee]]), Te = {
   name: "Card",
   mounted() {
     this.$nextTick(function() {
-      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/card/card.component.js": () => import("./card.component-4a8f3fbe.mjs"), "../../../assets/js/components/card/card.component.min.js": () => import("./card.component.min-6d18992c.mjs") }), "../../../assets/js/components/card/card.component.js").then((e) => {
+      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/card/card.component.js": () => import("./card.component-3bb86b22.mjs"), "../../../assets/js/components/card/card.component.min.js": () => import("./card.component.min-b82f0eae.mjs") }), "../../../assets/js/components/card/card.component.js").then((e) => {
         window.customElements.get("iam-card") || window.customElements.define("iam-card", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1272,239 +1272,38 @@ const Ii = /* @__PURE__ */ y(Ae, [["render", Ee]]), Te = {
   }
 };
 function He(e, a, t, i, s, o) {
-  return u(), m("iam-card", null, [
-    _(e.$slots, "default")
+  return m(), h("iam-card", null, [
+    v(e.$slots, "default")
   ]);
 }
-const Me = /* @__PURE__ */ y(Te, [["render", He]]);
-function je(e) {
-  var a;
-  let t = e.querySelector(".carousel__inner"), i = e.querySelectorAll(".carousel__item").length;
-  e.getAttribute("data-cols");
-  let s = e.getAttribute("data-sm-cols"), o = e.getAttribute("data-md-cols");
-  e.querySelector(".carousel__controls a").setAttribute("aria-current", !0), t.addEventListener("scroll", function(n) {
-    clearTimeout(a), a = setTimeout(function() {
-      let l = t.clientWidth, d = t.scrollWidth, r = t.scrollLeft, p = Math.round(r / d * i) + 1, c = e.querySelector(".carousel__item:last-child").offsetLeft;
-      Array.from(e.querySelectorAll(".carousel__controls a")).forEach((h, g) => {
-        h.removeAttribute("aria-current");
-      }), e.querySelector(".control-" + p).setAttribute("aria-current", !0), p == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + l > c ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
-    }, 100);
-  }, !1), e.addEventListener("click", function(n) {
-    for (var l = n.target; l && l != this; l = l.parentNode)
-      if (l.matches(".carousel__controls a")) {
-        n.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((r, p) => {
-          r.removeAttribute("aria-current");
-        }), l.setAttribute("aria-current", !0);
-        const d = document.querySelector(l.getAttribute("href"));
-        t.scroll({
-          top: 0,
-          left: d.offsetLeft,
-          behavior: "smooth"
-        });
-        break;
-      }
-  }, !1), e.addEventListener("click", function(n) {
-    for (var l = n.target; l && l != this; l = l.parentNode)
-      if (l.matches(".btn-next, .btn-prev")) {
-        n.preventDefault();
-        let d = l.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
-        t.scroll({
-          top: 0,
-          left: d,
-          behavior: "smooth"
-        });
-        break;
-      }
-  }, !1), i == 1 && e.classList.add("hide-btns"), s >= i && e.classList.add("hide-sm-btns"), o >= i && e.classList.add("hide-md-btns");
-}
-const Ce = {
-  components: {
-    Card: Me
-  },
-  name: "Carousel",
-  data() {
-    return {
-      id: null
-    };
-  },
+const Ti = /* @__PURE__ */ y(Te, [["render", He]]), Me = {
+  name: "Header",
   props: {
-    items: {
-      type: Array,
-      required: !1
-    },
-    cols: {
-      type: Number,
-      required: !1,
-      default: 1
-    },
-    smcols: {
-      type: Number,
-      required: !1,
-      default: 1
-    },
-    mdcols: {
-      type: Number,
-      required: !1,
-      default: 3
-    },
-    gap: {
-      type: Number,
-      required: !1,
-      default: 4
-    },
-    cardtype: {
-      type: String,
-      required: !1
-    },
-    cardclass: {
-      type: String,
-      required: !1
-    },
-    btntype: {
-      type: String,
-      required: !1
-    },
-    titleclass: {
-      type: String,
-      required: !1
-    },
-    ctatext: {
-      type: String,
-      required: !1
-    },
-    hidectatext: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    colclass: {
+    title: {
       type: String,
-      required: !1
+      required: !0
     },
-    type: {
+    image: {
       type: String,
       required: !1
     }
   },
-  computed: {
-    content() {
-      return (e) => `${e.image ? `<img src="${e.image}" alt="" />` : ""}${e.content ? e.content : ""}`;
-    }
-  },
   mounted() {
-    this.id = this._uid, this.$nextTick(function() {
-      je(this.$refs.wrapper);
+    this.$nextTick(function() {
+      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/carousel/carousel.component.js": () => import("./carousel.component-72a8511a.mjs") }), "../../../assets/js/components/carousel/carousel.component.js").then((e) => {
+        window.customElements.get("iam-carousel") || window.customElements.define("iam-carousel", e.default);
+      }).catch((e) => {
+        console.log(e.message);
+      });
     });
   }
-}, Ne = ["id", "data-cols", "data-sm-cols", "data-md-cols"], Re = { class: "carousel__wrapper" }, De = { class: "carousel__inner" }, ze = ["id"], Fe = ["innerHTML", "id"], Pe = ["href"], Ie = /* @__PURE__ */ f("button", {
-  class: "btn btn-prev",
-  "data-go": "0",
-  disabled: ""
-}, "Prev", -1), Oe = /* @__PURE__ */ f("button", {
-  class: "btn btn-next",
-  "data-go": "2"
-}, "Next", -1);
-function Be(e, a, t, i, s, o) {
-  const n = B("Card");
-  return u(), m("div", {
-    class: "container carousel",
-    id: "carousel" + s.id,
-    ref: "wrapper",
-    "data-cols": t.cols,
-    "data-sm-cols": t.smcols,
-    "data-md-cols": t.mdcols
-  }, [
-    _(e.$slots, "default"),
-    f("div", Re, [
-      f("div", De, [
-        t.type == "card" ? (u(), m("div", {
-          key: 0,
-          class: x(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
-        }, [
-          (u(!0), m(T, null, H(t.items, (l, d) => (u(), m("div", {
-            class: x(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
-            key: d,
-            id: "carousel" + s.id + "slide" + (d + 1)
-          }, [
-            C(n, N(l, {
-              class: t.cardclass,
-              type: t.cardtype,
-              btnyype: t.btntype,
-              titleclass: t.titleclass,
-              ctatext: t.ctatext,
-              hidectatext: t.hidectatext
-            }), null, 16, ["class", "type", "btnyype", "titleclass", "ctatext", "hidectatext"])
-          ], 10, ze))), 128))
-        ], 2)) : w("", !0),
-        t.type != "card" ? (u(), m("div", {
-          key: 1,
-          class: x(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
-        }, [
-          (u(!0), m(T, null, H(t.items, (l, d) => (u(), m("div", {
-            class: x(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
-            key: d,
-            innerHTML: o.content(l),
-            id: "carousel" + s.id + "slide" + (d + 1)
-          }, null, 10, Fe))), 128))
-        ], 2)) : w("", !0)
-      ]),
-      f("div", {
-        class: x(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)
-      }, [
-        (u(!0), m(T, null, H(t.items, (l, d) => (u(), m("a", {
-          key: d,
-          href: "#carousel" + s.id + "slide" + (d + 1),
-          class: x(`control-${d + 1}`)
-        }, "Slide " + S(d + 1), 11, Pe))), 128))
-      ], 2),
-      Ie,
-      Oe
-    ])
-  ], 8, Ne);
-}
-const Oi = /* @__PURE__ */ y(Ce, [["render", Be]]);
-/*!
-  * iamKey v5.1.0-beta7
-  * Copyright 2022-2023 iamproperty
-  */
-window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "header" });
-class Ue extends HTMLElement {
-  constructor() {
-    super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
-    i.innerHTML = `
-    <style>
-    @import "${t}";
-    :host{padding-top:0 !important;margin-bottom:2rem}.header-banner{background:linear-gradient(180deg, var(--colour-secondary) 0, var(--colour-info) 100%);position:relative;overflow:hidden;max-width:100% !important}@media screen and (min-width: 62em){.header-banner{min-height:29.375rem}}.header-banner>.container{padding-bottom:0;position:relative}.header-banner .breadcrumb{margin-top:1.5rem;margin-bottom:-0.5rem}@media screen and (min-width: 62em){.header-banner .breadcrumb{position:absolute;top:0;left:3.75rem}}.header-banner__inner{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light);color:var(--colour-body);background:#fff;padding:2rem;margin:1.875rem 0;position:relative;z-index:var(--index-above)}.header-banner__inner .text-primary{color:var(--colour-primary) !important}@media screen and (min-width: 62em){.header-banner__inner{max-width:37.5rem;margin:7rem 0 5rem 0;padding:3.5rem 4rem}}.header-banner__inner>*:last-child{padding-bottom:0;margin-bottom:0}.header-banner picture img{display:none}@media screen and (min-width: 62em){.header-banner picture img{display:block;position:absolute;top:-0.5%;left:40%;height:101%;object-fit:cover;width:60%;pointer-events:none}}::slotted(.breadcrumb){margin-top:1.5rem !important;margin-bottom:-0.5rem !important}@media screen and (min-width: 62em){::slotted(.breadcrumb){position:absolute !important;top:0 !important;left:5.25rem !important}}::slotted(*:last-child){padding-bottom:0 !important;margin-bottom:0 !important}/*# sourceMappingURL=assets/css/components/header.css.map */
-
-    ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
-    </style>
-    <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(i.content.cloneNode(!0));
-  }
-  connectedCallback() {
-    this.classList.add("loaded");
-    const a = this.shadowRoot.querySelector("picture"), t = this.shadowRoot.querySelector("picture source");
-    this.hasAttribute("image") ? t.setAttribute("srcset", this.getAttribute("image")) : a.remove();
-  }
+};
+function je(e, a, t, i, s, o) {
+  return m(), h("iam-carousel", null, [
+    v(e.$slots, "default")
+  ]);
 }
-const Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Ue
-}, Symbol.toStringTag, { value: "Module" })), We = {
+const Hi = /* @__PURE__ */ y(Me, [["render", je]]), Ce = {
   name: "Header",
   props: {
     title: {
@@ -1518,29 +1317,26 @@ const Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   },
   mounted() {
     this.$nextTick(function() {
-      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/header/header.component.js": () => import("./header.component-780164cb.mjs"), "../../../assets/js/components/header/header.component.min.js": () => Promise.resolve().then(() => Ve) }), "../../../assets/js/components/header/header.component.js").then((e) => {
+      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/header/header.component.js": () => import("./header.component-cc8263fb.mjs"), "../../../assets/js/components/header/header.component.min.js": () => import("./header.component.min-d2a97755.mjs") }), "../../../assets/js/components/header/header.component.js").then((e) => {
         window.customElements.get("iam-header") || window.customElements.define("iam-header", e.default);
       }).catch((e) => {
         console.log(e.message);
       });
     });
   }
-}, Ge = ["image"], Ke = ["innerHTML"];
-function Ye(e, a, t, i, s, o) {
-  return u(), m("iam-header", {
-    class: "bg-secondary",
-    image: t.image
-  }, [
-    _(e.$slots, "breadcrumb"),
-    t.title ? (u(), m("h1", {
+}, De = ["image"], Re = ["innerHTML"];
+function Ne(e, a, t, i, s, o) {
+  return m(), h("iam-header", { image: t.image }, [
+    v(e.$slots, "breadcrumb"),
+    t.title ? (m(), h("h1", {
       key: 0,
       innerHTML: t.title
-    }, null, 8, Ke)) : w("", !0),
-    _(e.$slots, "default")
-  ], 8, Ge);
+    }, null, 8, Re)) : _("", !0),
+    v(e.$slots, "default")
+  ], 8, De);
 }
-const Bi = /* @__PURE__ */ y(We, [["render", Ye]]);
-function Xe(e) {
+const Mi = /* @__PURE__ */ y(Ce, [["render", Ne]]);
+function ze(e) {
   var a;
   const t = e.querySelector(".testimonial__images"), i = t.querySelectorAll("img").length;
   if (i == 1)
@@ -1568,7 +1364,7 @@ function Xe(e) {
       }
   }, !1);
 }
-const Je = {
+const Fe = {
   name: "Testimonial",
   props: {
     items: {
@@ -1582,13 +1378,13 @@ const Je = {
     }
   },
   mounted() {
-    Xe(this.$refs.wrapper);
+    ze(this.$refs.wrapper);
   }
-}, Qe = {
+}, Pe = {
   class: "container testimonial mb-5",
   "data-show": "1",
   ref: "wrapper"
-}, Ze = { class: "row" }, ta = { class: "col-md-5 position-relative" }, ea = { class: "testimonial__images" }, aa = ["src"], ia = /* @__PURE__ */ f("div", { class: "testimonial__controls" }, [
+}, Ie = { class: "row" }, Oe = { class: "col-md-5 position-relative" }, Be = { class: "testimonial__images" }, Ue = ["src"], Ve = /* @__PURE__ */ f("div", { class: "testimonial__controls" }, [
   /* @__PURE__ */ f("button", {
     "data-go": "0",
     disabled: "",
@@ -1598,50 +1394,50 @@ const Je = {
     "data-go": "2",
     class: "btn-next"
   }, "Next")
-], -1), na = { class: "col-md-7" }, oa = /* @__PURE__ */ f("h2", null, "What our customers think…", -1), ra = { class: "testimonial__content" }, sa = ["innerHTML"], la = ["innerHTML"], da = { class: "testimonial__after" }, ca = /* @__PURE__ */ f("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
-function ua(e, a, t, i, s, o) {
-  return u(), m("div", Qe, [
+], -1), We = { class: "col-md-7" }, Ke = /* @__PURE__ */ f("h2", null, "What our customers think…", -1), Ge = { class: "testimonial__content" }, Ye = ["innerHTML"], Xe = ["innerHTML"], Je = { class: "testimonial__after" }, Qe = /* @__PURE__ */ f("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
+function Ze(e, a, t, i, s, o) {
+  return m(), h("div", Pe, [
     f("div", {
-      class: x("bg-" + t.background)
+      class: L("bg-" + t.background)
     }, [
-      f("div", Ze, [
-        f("div", ta, [
-          f("div", ea, [
-            (u(!0), m(T, null, H(t.items, (n, l) => (u(), m("img", {
+      f("div", Ie, [
+        f("div", Oe, [
+          f("div", Be, [
+            (m(!0), h(D, null, R(t.items, (n, l) => (m(), h("img", {
               key: l,
               src: n.image ? n.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
               alt: "",
-              class: x("h-100 w-100 object-cover" + (n.image ? "" : " opacity-0"))
-            }, null, 10, aa))), 128))
+              class: L("h-100 w-100 object-cover" + (n.image ? "" : " opacity-0"))
+            }, null, 10, Ue))), 128))
           ]),
-          ia
+          Ve
         ]),
-        f("div", na, [
-          oa,
-          f("div", ra, [
-            (u(!0), m(T, null, H(t.items, (n, l) => (u(), m("blockquote", {
+        f("div", We, [
+          Ke,
+          f("div", Ge, [
+            (m(!0), h(D, null, R(t.items, (n, l) => (m(), h("blockquote", {
               key: l,
-              class: x(n.class)
+              class: L(n.class)
             }, [
               f("div", {
                 innerHTML: n.quote
-              }, null, 8, sa),
+              }, null, 8, Ye),
               f("cite", {
                 innerHTML: n.cite
-              }, null, 8, la)
+              }, null, 8, Xe)
             ], 2))), 128))
           ]),
-          f("div", da, [
-            _(e.$slots, "default")
+          f("div", Je, [
+            v(e.$slots, "default")
           ])
         ])
       ]),
-      ca
+      Qe
     ], 2)
   ], 512);
 }
-const Ui = /* @__PURE__ */ y(Je, [["render", ua]]);
-const ma = {
+const ji = /* @__PURE__ */ y(Fe, [["render", Ze]]);
+const ta = {
   name: "Timeline",
   props: {
     image: {
@@ -1649,21 +1445,21 @@ const ma = {
       required: !1
     }
   }
-}, ha = { class: "timeline" }, pa = { class: "timeline__content" }, ba = ["src"];
-function fa(e, a, t, i, s, o) {
-  return u(), m("div", ha, [
-    f("div", pa, [
-      _(e.$slots, "default")
+}, ea = { class: "timeline" }, aa = { class: "timeline__content" }, ia = ["src"];
+function na(e, a, t, i, s, o) {
+  return m(), h("div", ea, [
+    f("div", aa, [
+      v(e.$slots, "default")
     ]),
-    t.image ? (u(), m("img", {
+    t.image ? (m(), h("img", {
       key: 0,
       src: t.image,
       alt: ""
-    }, null, 8, ba)) : w("", !0)
+    }, null, 8, ia)) : _("", !0)
   ]);
 }
-const Vi = /* @__PURE__ */ y(ma, [["render", fa]]);
-const ga = {
+const Ci = /* @__PURE__ */ y(ta, [["render", na]]);
+const oa = {
   components: {
     Input: st
   },
@@ -1809,34 +1605,34 @@ const ga = {
       ];
     }
   }
-}, ya = {
+}, ra = {
   class: "container",
   ref: "wrapper"
-}, va = { class: "property-searchbar" }, wa = ["action", "method"], _a = { class: "col-12 col-md-3" }, Aa = { class: "col-12 col-md" }, xa = /* @__PURE__ */ f("span", { class: "form-label d-none d-md-block" }, "Price range", -1), ka = {
+}, sa = { class: "property-searchbar" }, la = ["action", "method"], da = { class: "col-12 col-md-3" }, ca = { class: "col-12 col-md" }, ua = /* @__PURE__ */ f("span", { class: "form-label d-none d-md-block" }, "Price range", -1), ma = {
   class: "row",
   "data-input-range": ""
-}, La = { class: "col-12 col-md" }, Sa = /* @__PURE__ */ f("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), $a = {
+}, ha = { class: "col-12 col-md" }, pa = /* @__PURE__ */ f("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), ba = {
   class: "row",
   "data-input-range": ""
-}, qa = { class: "col-12 col-md-2" }, Ea = /* @__PURE__ */ f("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
+}, fa = { class: "col-12 col-md-2" }, ga = /* @__PURE__ */ f("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
   /* @__PURE__ */ f("button", {
     class: "btn w-100 me-0",
     type: "submit",
     value: "submit"
   }, "Search")
 ], -1);
-function Ta(e, a, t, i, s, o) {
-  const n = B("Input");
-  return u(), m("div", ya, [
-    _(e.$slots, "default"),
-    f("div", va, [
+function ya(e, a, t, i, s, o) {
+  const n = K("Input");
+  return m(), h("div", ra, [
+    v(e.$slots, "default"),
+    f("div", sa, [
       f("form", {
         class: "row",
         action: t.formaction,
         method: t.formmethod
       }, [
-        f("fieldset", _a, [
-          C(n, {
+        f("fieldset", da, [
+          M(n, {
             inputClass: "input--locations",
             modelValue: o.locationSet,
             "onUpdate:modelValue": a[0] || (a[0] = (l) => o.locationSet = l),
@@ -1848,7 +1644,7 @@ function Ta(e, a, t, i, s, o) {
             onKeyupEvent: a[1] || (a[1] = (l) => o.locationKeyup(...arguments)),
             ref: "search"
           }, null, 8, ["modelValue", "options"]),
-          C(n, {
+          M(n, {
             class: "select--miles",
             label: "Miles",
             id: "miles",
@@ -1856,10 +1652,10 @@ function Ta(e, a, t, i, s, o) {
             options: t.distances
           }, null, 8, ["options"])
         ]),
-        f("fieldset", Aa, [
-          xa,
-          f("div", ka, [
-            C(n, {
+        f("fieldset", ca, [
+          ua,
+          f("div", ma, [
+            M(n, {
               class: "col-6",
               label: "Minimum price",
               id: "price-min",
@@ -1867,7 +1663,7 @@ function Ta(e, a, t, i, s, o) {
               type: "select",
               options: t.pricemin
             }, null, 8, ["options"]),
-            C(n, {
+            M(n, {
               class: "col-6",
               label: "Maximum price",
               id: "price-max",
@@ -1877,10 +1673,10 @@ function Ta(e, a, t, i, s, o) {
             }, null, 8, ["options"])
           ])
         ]),
-        f("fieldset", La, [
-          Sa,
-          f("div", $a, [
-            C(n, {
+        f("fieldset", ha, [
+          pa,
+          f("div", ba, [
+            M(n, {
               class: "col-6",
               label: "Minimum beds",
               id: "beds-min",
@@ -1888,7 +1684,7 @@ function Ta(e, a, t, i, s, o) {
               type: "select",
               options: t.bedsmin
             }, null, 8, ["options"]),
-            C(n, {
+            M(n, {
               class: "col-6",
               label: "Maximum beds",
               id: "beds-max",
@@ -1898,26 +1694,26 @@ function Ta(e, a, t, i, s, o) {
             }, null, 8, ["options"])
           ])
         ]),
-        f("fieldset", qa, [
-          C(n, {
+        f("fieldset", fa, [
+          M(n, {
             label: "Property type",
             id: "property-type",
             type: "select",
             options: t.propertytypes
           }, null, 8, ["options"])
         ]),
-        Ea
-      ], 8, wa)
+        ga
+      ], 8, la)
     ]),
-    _(e.$slots, "after")
+    v(e.$slots, "after")
   ], 512);
 }
-const Wi = /* @__PURE__ */ y(ga, [["render", Ta]]), Ha = {
+const Di = /* @__PURE__ */ y(oa, [["render", ya]]), wa = {
   components: {},
   name: "Nav",
   mounted() {
     this.$nextTick(function() {
-      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/nav/nav.component.js": () => import("./nav.component-ff8d1484.mjs"), "../../../assets/js/components/nav/nav.component.min.js": () => import("./nav.component.min-564f9d7e.mjs") }), "../../../assets/js/components/nav/nav.component.js").then((e) => {
+      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/nav/nav.component.js": () => import("./nav.component-ff8d1484.mjs"), "../../../assets/js/components/nav/nav.component.min.js": () => import("./nav.component.min-3f8ef26b.mjs") }), "../../../assets/js/components/nav/nav.component.js").then((e) => {
         window.customElements.get("iam-nav") || window.customElements.define("iam-nav", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1925,14 +1721,14 @@ const Wi = /* @__PURE__ */ y(ga, [["render", Ta]]), Ha = {
     });
   },
   methods: {}
-}, Ma = { ref: "wrapper" };
-function ja(e, a, t, i, s, o) {
-  return u(), m("iam-nav", Ma, [
-    _(e.$slots, "default")
+}, va = { ref: "wrapper" };
+function _a(e, a, t, i, s, o) {
+  return m(), h("iam-nav", va, [
+    v(e.$slots, "default")
   ], 512);
 }
-const Gi = /* @__PURE__ */ y(Ha, [["render", ja]]);
-const Ca = {
+const Ri = /* @__PURE__ */ y(wa, [["render", _a]]);
+const xa = {
   name: "Stepper",
   props: {
     label: {
@@ -1945,26 +1741,26 @@ const Ca = {
       default: "Complete"
     }
   }
-}, Na = { class: "container" }, Ra = ["aria-label"], Da = {
+}, Aa = { class: "container" }, ka = ["aria-label"], La = {
   key: 0,
   class: "h6 stepper__start"
-}, za = { class: "list-unstyled" }, Fa = { class: "h6 stepper__end" };
-function Pa(e, a, t, i, s, o) {
-  return u(), m("div", Na, [
+}, $a = { class: "list-unstyled" }, Sa = { class: "h6 stepper__end" };
+function qa(e, a, t, i, s, o) {
+  return m(), h("div", Aa, [
     f("nav", {
       class: "stepper",
       "aria-label": t.label ? t.label : "Progress"
     }, [
-      t.label ? (u(), m("span", Da, S(t.label), 1)) : w("", !0),
-      f("ol", za, [
-        _(e.$slots, "default")
+      t.label ? (m(), h("span", La, $(t.label), 1)) : _("", !0),
+      f("ol", $a, [
+        v(e.$slots, "default")
       ]),
-      f("span", Fa, S(t.endlabel), 1)
-    ], 8, Ra)
+      f("span", Sa, $(t.endlabel), 1)
+    ], 8, ka)
   ]);
 }
-const Ki = /* @__PURE__ */ y(Ca, [["render", Pa]]);
-const Ia = {
+const Ni = /* @__PURE__ */ y(xa, [["render", qa]]);
+const Ea = {
   name: "Snapshot",
   props: {
     items: {
@@ -1972,33 +1768,33 @@ const Ia = {
       required: !0
     }
   }
-}, Oa = {
+}, Ta = {
   class: "container snapshot",
   ref: "wrapper"
-}, Ba = { class: "row" }, Ua = ["href"], Va = { class: "lead snapshot__title" }, Wa = { class: "stat" };
-function Ga(e, a, t, i, s, o) {
-  return u(), m("div", Oa, [
-    _(e.$slots, "default"),
-    f("div", Ba, [
-      (u(!0), m(T, null, H(t.items, (n, l) => (u(), m("div", {
+}, Ha = { class: "row" }, Ma = ["href"], ja = { class: "lead snapshot__title" }, Ca = { class: "stat" };
+function Da(e, a, t, i, s, o) {
+  return m(), h("div", Ta, [
+    v(e.$slots, "default"),
+    f("div", Ha, [
+      (m(!0), h(D, null, R(t.items, (n, l) => (m(), h("div", {
         class: "col",
         key: l
       }, [
-        n.link ? (u(), m("a", {
+        n.link ? (m(), h("a", {
           key: 0,
           href: n.link
-        }, "View " + S(n.title), 9, Ua)) : w("", !0),
+        }, "View " + $(n.title), 9, Ma)) : _("", !0),
         f("div", {
-          class: x(`snapshot__item ${n.bg ? "bg-" + n.bg : ""}`)
+          class: L(`snapshot__item ${n.bg ? "bg-" + n.bg : ""}`)
         }, [
-          f("span", Va, S(n.title), 1),
-          f("span", Wa, S(n.number), 1)
+          f("span", ja, $(n.title), 1),
+          f("span", Ca, $(n.number), 1)
         ], 2)
       ]))), 128))
     ])
   ], 512);
 }
-const Yi = /* @__PURE__ */ y(Ia, [["render", Ga]]), Ka = {
+const zi = /* @__PURE__ */ y(Ea, [["render", Da]]), Ra = {
   name: "Stepper",
   props: {
     url: {
@@ -2014,43 +1810,43 @@ const Yi = /* @__PURE__ */ y(Ia, [["render", Ga]]), Ka = {
       required: !1
     }
   }
-}, Ya = ["href", "aria-current"], Xa = {
+}, Na = ["href", "aria-current"], za = {
   key: 0,
   class: "visually-hidden"
 };
-function Ja(e, a, t, i, s, o) {
-  return u(), m("li", null, [
+function Fa(e, a, t, i, s, o) {
+  return m(), h("li", null, [
     f("a", {
       href: t.url,
-      class: x(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
+      class: L(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
       "aria-current": typeof t.current < "u" ? "step" : !1
     }, [
       f("span", null, [
-        _(e.$slots, "default")
+        v(e.$slots, "default")
       ]),
-      t.status ? (u(), m("em", Xa, " - status: " + S(t.status), 1)) : w("", !0)
-    ], 10, Ya)
+      t.status ? (m(), h("em", za, " - status: " + $(t.status), 1)) : _("", !0)
+    ], 10, Na)
   ]);
 }
-const Xi = /* @__PURE__ */ y(Ka, [["render", Ja]]);
-const Qa = {
+const Fi = /* @__PURE__ */ y(Ra, [["render", Fa]]);
+const Pa = {
   name: "Tabs",
   mounted() {
     this.$nextTick(function() {
-      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/tabs/tabs.component.js": () => import("./tabs.component-1dfbdb3b.mjs"), "../../../assets/js/components/tabs/tabs.component.min.js": () => import("./tabs.component.min-f578841e.mjs") }), "../../../assets/js/components/tabs/tabs.component.js").then((e) => {
+      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/tabs/tabs.component.js": () => import("./tabs.component-1dfbdb3b.mjs"), "../../../assets/js/components/tabs/tabs.component.min.js": () => import("./tabs.component.min-4fa524fe.mjs") }), "../../../assets/js/components/tabs/tabs.component.js").then((e) => {
         window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", e.default);
       }).catch((e) => {
         console.log(e.message);
       });
     });
   }
-}, Za = { ref: "wrapper" };
-function ti(e, a, t, i, s, o) {
-  return u(), m("iam-tabs", Za, [
-    _(e.$slots, "default")
+}, Ia = { ref: "wrapper" };
+function Oa(e, a, t, i, s, o) {
+  return m(), h("iam-tabs", Ia, [
+    v(e.$slots, "default")
   ], 512);
 }
-const Ji = /* @__PURE__ */ y(Qa, [["render", ti]]), ei = {
+const Pi = /* @__PURE__ */ y(Pa, [["render", Oa]]), Ba = {
   name: "Tab",
   props: {
     title: {
@@ -2072,20 +1868,20 @@ const Ji = /* @__PURE__ */ y(Qa, [["render", ti]]), ei = {
       isDisabled: !!this.disabled
     };
   }
-}, ai = { class: "tab" }, ii = ["innerHTML"];
-function ni(e, a, t, i, s, o) {
-  return u(), m("details", ai, [
+}, Ua = { class: "tab" }, Va = ["innerHTML"];
+function Wa(e, a, t, i, s, o) {
+  return m(), h("details", Ua, [
     f("summary", {
       innerHTML: t.title,
-      class: x({ disabled: s.isDisabled })
-    }, null, 10, ii),
-    _(e.$slots, "default")
+      class: L({ disabled: s.isDisabled })
+    }, null, 10, Va),
+    v(e.$slots, "default")
   ]);
 }
-const Qi = /* @__PURE__ */ y(ei, [["render", ni]]);
+const Ii = /* @__PURE__ */ y(Ba, [["render", Wa]]);
 let lt = rt.props;
 lt.fields.required = !1;
-const oi = {
+const Ka = {
   components: {
     Table: rt,
     Input: st
@@ -2131,16 +1927,16 @@ const oi = {
       required: !1
     }
   }
-}, ri = { class: "container note-feed mb-2" }, si = ["innerHTML"], li = ["action", "method"], di = ["value"], ci = /* @__PURE__ */ f("button", { class: "btn btn-tertiary" }, "Submit note", -1);
-function ui(e, a, t, i, s, o) {
-  const n = B("Table"), l = B("Input");
-  return u(), m("div", ri, [
-    t.title ? (u(), m("span", {
+}, Ga = { class: "container note-feed mb-2" }, Ya = ["innerHTML"], Xa = ["action", "method"], Ja = ["value"], Qa = /* @__PURE__ */ f("button", { class: "btn btn-tertiary" }, "Submit note", -1);
+function Za(e, a, t, i, s, o) {
+  const n = K("Table"), l = K("Input");
+  return m(), h("div", Ga, [
+    t.title ? (m(), h("span", {
       key: 0,
       class: "h3",
       innerHTML: t.title
-    }, null, 8, si)) : w("", !0),
-    C(n, N({
+    }, null, 8, Ya)) : _("", !0),
+    M(n, C({
       fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
       items: s.itemsData
     }, e.$props, { class: "mb-0" }), null, 16, ["items"]),
@@ -2153,24 +1949,24 @@ function ui(e, a, t, i, s, o) {
         type: "hidden",
         value: t.user,
         name: "user"
-      }, null, 8, di),
-      C(l, {
+      }, null, 8, Ja),
+      M(l, {
         id: "addNote",
         type: "textarea",
         label: "Add note",
         required: "",
         class: "mw-100"
       }),
-      ci
-    ], 40, li)
+      Qa
+    ], 40, Xa)
   ]);
 }
-const Zi = /* @__PURE__ */ y(oi, [["render", ui]]);
+const Oi = /* @__PURE__ */ y(Ka, [["render", Za]]);
 /*!
-  * iamKey v5.1.0-beta7
+  * iamKey v5.1.0-beta8
   * Copyright 2022-2023 iamproperty
   */
-function mi(e, a) {
+function ti(e, a) {
   function t(i, s) {
     let o = !1, n = s.getAttribute("name");
     n.includes("[]") && (n = n.replace("[]", `[${s.value}]`));
@@ -2179,9 +1975,9 @@ function mi(e, a) {
     let d = s.getAttribute("data-filter-text");
     if (l || (l = document.createElement("button"), i.appendChild(l)), l.setAttribute("type", "button"), l.classList.add("filter"), l.setAttribute("data-name", n), l.innerHTML = d.replace("$value", s.value), (!s.value || o) && l.remove(), s.parentNode.closest("[data-filter-text]")) {
       let r = s.parentNode.closest("[data-filter-text]"), p = !0;
-      if (n = "", r.querySelectorAll("input").forEach((c, h) => {
+      if (n = "", r.querySelectorAll("input").forEach((c, u) => {
         let g = c.getAttribute("name");
-        if (n += `${h != 0 ? "," : ""}${g}`, i.querySelector(`[data-name="${g}"]`) && i.querySelector(`[data-name="${g}"]`).remove(), c.value) {
+        if (n += `${u != 0 ? "," : ""}${g}`, i.querySelector(`[data-name="${g}"]`) && i.querySelector(`[data-name="${g}"]`).remove(), c.value) {
           let b = document.createElement("button");
           b.setAttribute("type", "button"), b.classList.add("filter"), b.setAttribute("data-name", g), b.innerHTML = d.replace("$value", c.value), i.appendChild(b);
         } else
@@ -2189,11 +1985,11 @@ function mi(e, a) {
       }), i.querySelector(`[data-name="${n}"]`) && i.querySelector(`[data-name="${n}"]`).remove(), p) {
         let c = r.getAttribute("data-filter-text");
         r.querySelectorAll("input").forEach((g, b) => {
-          let A = g.getAttribute("name");
-          i.querySelector(`[data-name="${A}"]`) && i.querySelector(`[data-name="${A}"]`).remove(), c = c.replace(`$${b + 1}`, g.value);
+          let x = g.getAttribute("name");
+          i.querySelector(`[data-name="${x}"]`) && i.querySelector(`[data-name="${x}"]`).remove(), c = c.replace(`$${b + 1}`, g.value);
         });
-        let h = document.createElement("button");
-        h.setAttribute("type", "button"), h.classList.add("filter"), h.setAttribute("data-name", n), h.innerHTML = c, i.appendChild(h);
+        let u = document.createElement("button");
+        u.setAttribute("type", "button"), u.classList.add("filter"), u.setAttribute("data-name", n), u.innerHTML = c, i.appendChild(u);
       }
     }
   }
@@ -2231,7 +2027,7 @@ function mi(e, a) {
   }, !1);
 }
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "Applied Filters" });
-class hi extends HTMLElement {
+class ei extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`;
@@ -2249,27 +2045,27 @@ class hi extends HTMLElement {
     `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
   }
   connectedCallback() {
-    mi(this, this.shadowRoot.querySelector(".applied-filters"));
+    ti(this, this.shadowRoot.querySelector(".applied-filters"));
   }
 }
-window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", hi);
-const pi = {
+window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", ei);
+const ai = {
   name: "Header"
 };
-function bi(e, a, t, i, s, o) {
-  return u(), m("iam-applied-filters", null, [
-    _(e.$slots, "default")
+function ii(e, a, t, i, s, o) {
+  return m(), h("iam-applied-filters", null, [
+    v(e.$slots, "default")
   ]);
 }
-const tn = /* @__PURE__ */ y(pi, [["render", bi]]);
+const Bi = /* @__PURE__ */ y(ai, [["render", ii]]);
 /*!
-  * iamKey v5.1.0-beta7
+  * iamKey v5.1.0-beta8
   * Copyright 2022-2023 iamproperty
   */
-function fi(e, a) {
-  gi(e, a);
+function ni(e, a) {
+  oi(e, a);
 }
-function gi(e, a) {
+function oi(e, a) {
   var t;
   a.addEventListener("keyup", (i) => {
     clearTimeout(t), t = setTimeout(function() {
@@ -2286,7 +2082,7 @@ const Z = function(e, a) {
   }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Filtered list", value: a });
 };
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "filterlist" });
-class yi extends HTMLElement {
+class ri extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
@@ -2321,20 +2117,20 @@ class yi extends HTMLElement {
   }
   connectedCallback() {
     let a = this.classList.toString();
-    this.shadowRoot.querySelector(".list__wrapper").setAttribute("class", `list__wrapper ${a}`), this.querySelector("i.fa-search") || (this.innerHTML += '<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'), fi(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
+    this.shadowRoot.querySelector(".list__wrapper").setAttribute("class", `list__wrapper ${a}`), this.querySelector("i.fa-search") || (this.innerHTML += '<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'), ni(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
   }
 }
-window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", yi);
-const vi = {
+window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", ri);
+const si = {
   name: "Filter list"
 };
-function wi(e, a, t, i, s, o) {
-  return u(), m("iam-filterlist", null, [
-    _(e.$slots, "default")
+function li(e, a, t, i, s, o) {
+  return m(), h("iam-filterlist", null, [
+    v(e.$slots, "default")
   ]);
 }
-const en = /* @__PURE__ */ y(vi, [["render", wi]]);
-function _i(e) {
+const Ui = /* @__PURE__ */ y(si, [["render", li]]);
+function di(e) {
   if (e.hasAttribute("data-type") && e.getAttribute("data-type") == "toast") {
     let t = document.querySelector(".notification__holder");
     t || (t = document.createElement("div"), t.classList.add("notification__holder"), t.classList.add("container"), document.querySelector("body").appendChild(t)), e.closest(".notification__holder") || t.appendChild(e);
@@ -2343,7 +2139,7 @@ function _i(e) {
     event && event.target instanceof HTMLElement && event.target.closest("[data-dismiss-button]") && (t.preventDefault(), X(e));
   }, !1), e.hasAttribute("data-timeout")) {
     let t = e.getAttribute("data-timeout");
-    var a = new Ai(function() {
+    var a = new ci(function() {
       X(e);
     }, t);
     e.addEventListener("mouseenter", (i) => {
@@ -2353,7 +2149,7 @@ function _i(e) {
     });
   }
 }
-function Ai(e, a) {
+function ci(e, a) {
   var t, i, s = a;
   this.pause = function() {
     window.clearTimeout(t), s -= /* @__PURE__ */ new Date() - i;
@@ -2369,7 +2165,7 @@ window.dataLayer.push({
   event: "customElementRegistered",
   element: "Notification"
 });
-class xi extends HTMLElement {
+class ui extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = `@import "${a}/css/components/notification.css";`, s = `@import "${a}/css/components/notification.global.css";`, o = this.querySelectorAll("a,button");
@@ -2409,31 +2205,31 @@ class xi extends HTMLElement {
         default:
           this.innerHTML += '<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>';
       }
-    _i(i), a && a.addEventListener("click", function(s) {
+    di(i), a && a.addEventListener("click", function(s) {
       X(i);
     }, !1);
   }
 }
-const ki = {
+const mi = {
   name: "Notification",
   props: {},
   created() {
     this.$nextTick(function() {
-      window.customElements.get("iam-notification") || window.customElements.define("iam-notification", xi);
+      window.customElements.get("iam-notification") || window.customElements.define("iam-notification", ui);
     });
   }
 };
-function Li(e, a, t, i, s, o) {
-  return u(), m("iam-notification", null, [
-    _(e.$slots, "default")
+function hi(e, a, t, i, s, o) {
+  return m(), h("iam-notification", null, [
+    v(e.$slots, "default")
   ]);
 }
-const an = /* @__PURE__ */ y(ki, [["render", Li]]), Si = {
+const Vi = /* @__PURE__ */ y(mi, [["render", hi]]), pi = {
   name: "Actionbar",
   props: {},
   mounted() {
     this.$nextTick(function() {
-      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/actionbar/actionbar.component.js": () => import("./actionbar.component-3f2c98c0.mjs"), "../../../assets/js/components/actionbar/actionbar.component.min.js": () => import("./actionbar.component.min-5b4eb290.mjs") }), "../../../assets/js/components/actionbar/actionbar.component.js").then((e) => {
+      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/actionbar/actionbar.component.js": () => import("./actionbar.component-3f2c98c0.mjs"), "../../../assets/js/components/actionbar/actionbar.component.min.js": () => import("./actionbar.component.min-2e1c3731.mjs") }), "../../../assets/js/components/actionbar/actionbar.component.js").then((e) => {
         window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -2441,12 +2237,12 @@ const an = /* @__PURE__ */ y(ki, [["render", Li]]), Si = {
     });
   }
 };
-function $i(e, a, t, i, s, o) {
-  return u(), m("iam-actionbar", null, [
-    _(e.$slots, "default")
+function bi(e, a, t, i, s, o) {
+  return m(), h("iam-actionbar", null, [
+    v(e.$slots, "default")
   ]);
 }
-const nn = /* @__PURE__ */ y(Si, [["render", $i]]), qi = {
+const Wi = /* @__PURE__ */ y(pi, [["render", bi]]), fi = {
   name: "Pagination",
   props: {},
   computed: {},
@@ -2458,14 +2254,14 @@ const nn = /* @__PURE__ */ y(Si, [["render", $i]]), qi = {
   updated() {
   }
 };
-function Ei(e, a, t, i, s, o) {
-  return u(), m("iam-pagination");
+function gi(e, a, t, i, s, o) {
+  return m(), h("iam-pagination");
 }
-const on = /* @__PURE__ */ y(qi, [["render", Ei]]), Ti = {
+const Ki = /* @__PURE__ */ y(fi, [["render", gi]]), yi = {
   name: "Address Lookup",
   mounted() {
     this.$nextTick(function() {
-      D(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/address-lookup/address-lookup.component.js": () => import("./address-lookup.component-53821bfb.mjs"), "../../../assets/js/components/address-lookup/address-lookup.component.min.js": () => import("./address-lookup.component.min-4ceee9e9.mjs") }), "../../../assets/js/components/address-lookup/address-lookup.component.js").then((e) => {
+      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/address-lookup/address-lookup.component.js": () => import("./address-lookup.component-53821bfb.mjs"), "../../../assets/js/components/address-lookup/address-lookup.component.min.js": () => import("./address-lookup.component.min-4ceee9e9.mjs") }), "../../../assets/js/components/address-lookup/address-lookup.component.js").then((e) => {
         window.customElements.get("iam-address-lookup") || window.customElements.define("iam-address-lookup", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -2473,18 +2269,18 @@ const on = /* @__PURE__ */ y(qi, [["render", Ei]]), Ti = {
     });
   }
 };
-function Hi(e, a, t, i, s, o) {
-  return u(), m("iam-address-lookup", null, [
-    _(e.$slots, "default")
+function wi(e, a, t, i, s, o) {
+  return m(), h("iam-address-lookup", null, [
+    v(e.$slots, "default")
   ]);
 }
-const rn = /* @__PURE__ */ y(Ti, [["render", Hi]]);
+const Gi = /* @__PURE__ */ y(yi, [["render", wi]]);
 /*!
-  * iamKey v5.1.0-beta7
+  * iamKey v5.1.0-beta8
   * Copyright 2022-2023 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "collapsible side menu" });
-class Mi extends HTMLElement {
+class vi extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
@@ -2533,45 +2329,45 @@ class Mi extends HTMLElement {
     });
   }
 }
-window.customElements.get("iam-collapsible-side") || window.customElements.define("iam-collapsible-side", Mi);
-const ji = {
+window.customElements.get("iam-collapsible-side") || window.customElements.define("iam-collapsible-side", vi);
+const _i = {
   name: "CollapsibleSideMenu",
   props: {},
   mounted() {
   }
 };
-function Ci(e, a, t, i, s, o) {
-  return u(), m("iam-collapsible-side", null, [
-    _(e.$slots, "default")
+function xi(e, a, t, i, s, o) {
+  return m(), h("iam-collapsible-side", null, [
+    v(e.$slots, "default")
   ]);
 }
-const sn = /* @__PURE__ */ y(ji, [["render", Ci]]);
+const Yi = /* @__PURE__ */ y(_i, [["render", xi]]);
 export {
-  Fi as Accordion,
-  Pi as AccordionItem,
-  nn as Actionbar,
-  rn as AddressLookup,
-  tn as AppliedFilters,
-  Ii as Banner,
-  Me as Card,
-  Oi as Carousel,
-  sn as CollapsibleSideMenu,
-  zi as FileUpload,
-  en as Filterlist,
-  Bi as Header,
+  Si as Accordion,
+  qi as AccordionItem,
+  Wi as Actionbar,
+  Gi as AddressLookup,
+  Bi as AppliedFilters,
+  Ei as Banner,
+  Ti as Card,
+  Hi as Carousel,
+  Yi as CollapsibleSideMenu,
+  $i as FileUpload,
+  Ui as Filterlist,
+  Mi as Header,
   st as Input,
-  Di as Logo,
-  Gi as Nav,
-  Zi as NoteFeed,
-  an as Notification,
-  on as Pagination,
-  Wi as PropertySearchbar,
-  Yi as Snapshot,
-  Xi as Step,
-  Ki as Stepper,
-  Qi as Tab,
+  Li as Logo,
+  Ri as Nav,
+  Oi as NoteFeed,
+  Vi as Notification,
+  Ki as Pagination,
+  Di as PropertySearchbar,
+  zi as Snapshot,
+  Fi as Step,
+  Ni as Stepper,
+  Ii as Tab,
   rt as Table,
-  Ji as Tabs,
-  Ui as Testimonial,
-  Vi as Timeline
+  Pi as Tabs,
+  ji as Testimonial,
+  Ci as Timeline
 };