@iamproperty/components 5.3.0-beta3 → 5.3.0-beta4

package/dist/components.es.js

@@ -1,8 +1,8 @@
 import { openBlock as r, createElementBlock as l, normalizeClass as _, createElementVNode as c, toDisplayString as w, createCommentVNode as b, Fragment as x, renderList as L, renderSlot as f, withDirectives as T, mergeProps as A, vModelDynamic as H, vModelText as D, vModelSelect as F, createTextVNode as V, resolveComponent as M, createVNode as k, withModifiers as O } from "vue";
 const p = (t, a) => {
   const e = t.__vccOpts || t;
-  for (const [s, o] of a)
-    e[s] = o;
+  for (const [i, o] of a)
+    e[i] = o;
   return e;
 }, B = {
   name: "Logo",
@@ -30,7 +30,7 @@ const p = (t, a) => {
     }
   }
 }, U = ["xlink:href"], W = ["innerHTML"];
-function K(t, a, e, s, o, n) {
+function K(t, a, e, i, o, n) {
   return r(), l("div", {
     class: _(n.className)
   }, [
@@ -67,7 +67,7 @@ const Da = /* @__PURE__ */ p(B, [["render", K]]), G = (t) => t.charAt(0).toUpper
   },
   created() {
     this.$nextTick(function() {
-      import("./table.component.min-b8ec6422.mjs").then((t) => {
+      import("./table.component.min-9a27ef63.mjs").then((t) => {
         window.customElements.get("iam-table") || window.customElements.define("iam-table", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -81,22 +81,22 @@ const Da = /* @__PURE__ */ p(B, [["render", K]]), G = (t) => t.charAt(0).toUpper
   updated() {
   }
 }, Z = { key: 0 }, ee = { key: 0 }, te = ["data-row-id"], ae = ["innerHTML"];
-function se(t, a, e, s, o, n) {
+function ie(t, a, e, i, o, n) {
   return r(), l("iam-table", null, [
     e.fields ? (r(), l("table", Z, [
       c("thead", null, [
         c("tr", null, [
-          (r(!0), l(x, null, L(e.fields, (i) => (r(), l("th", {
-            key: i.key
-          }, w(n.cellHeading(i.key)), 1))), 128))
+          (r(!0), l(x, null, L(e.fields, (s) => (r(), l("th", {
+            key: s.key
+          }, w(n.cellHeading(s.key)), 1))), 128))
         ])
       ]),
       e.items ? (r(), l("tbody", ee, [
-        (r(!0), l(x, null, L(e.items, (i, d) => (r(), l("tr", {
+        (r(!0), l(x, null, L(e.items, (s, d) => (r(), l("tr", {
           key: d,
-          "data-row-id": i.rowid
+          "data-row-id": s.rowid
         }, [
-          (r(!0), l(x, null, L(Object.fromEntries(Object.entries(i).filter(([u]) => u !== "rowid")), (u, h) => (r(), l("td", {
+          (r(!0), l(x, null, L(Object.fromEntries(Object.entries(s).filter(([u]) => u !== "rowid")), (u, h) => (r(), l("td", {
             key: h,
             innerHTML: u
           }, null, 8, ae))), 128))
@@ -105,7 +105,7 @@ function se(t, a, e, s, o, n) {
     ])) : f(t.$slots, "default", { key: 1 })
   ]);
 }
-const N = /* @__PURE__ */ p(X, [["render", se]]), ie = {
+const N = /* @__PURE__ */ p(X, [["render", ie]]), se = {
   name: "Input",
   props: {
     value: {
@@ -300,7 +300,7 @@ const N = /* @__PURE__ */ p(X, [["render", se]]), ie = {
   key: 6,
   class: "input-group"
 }, he = ["type", "name", "id", "pattern", "list"], fe = { class: "input-group-text flex-fill" }, be = ["type", "name", "id", "pattern"], ge = ["value"], ye = ["type", "name", "id"], ve = ["for", "innerHTML"], _e = ["type", "name", "id"], we = ["for", "innerHTML"], $e = ["innerHTML"], ke = ["id"], Ae = ["value"];
-function xe(t, a, e, s, o, n) {
+function xe(t, a, e, i, o, n) {
   return r(), l("div", {
     class: _(n.wrapperClass()),
     ref: "wrapper"
@@ -326,7 +326,7 @@ function xe(t, a, e, s, o, n) {
     }, null, 10, re)) : b("", !0),
     n.isInput() ? T((r(), l("input", A({
       key: 3,
-      "onUpdate:modelValue": a[0] || (a[0] = (i) => n.inputVal = i),
+      "onUpdate:modelValue": a[0] || (a[0] = (s) => n.inputVal = s),
       class: `form-control${e.size ? ` form-control-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
       type: e.type,
       name: e.name ? e.name : e.id,
@@ -334,13 +334,13 @@ function xe(t, a, e, s, o, n) {
       pattern: n.needPattern(),
       list: n.hasOptions()
     }, t.$attrs, {
-      onKeyup: a[1] || (a[1] = (...i) => n.inputKeyup && n.inputKeyup(...i))
+      onKeyup: a[1] || (a[1] = (...s) => n.inputKeyup && n.inputKeyup(...s))
     }), null, 16, le)), [
       [H, n.inputVal]
     ]) : b("", !0),
     e.type == "textarea" ? T((r(), l("textarea", A({
       key: 4,
-      "onUpdate:modelValue": a[2] || (a[2] = (i) => n.inputVal = i),
+      "onUpdate:modelValue": a[2] || (a[2] = (s) => n.inputVal = s),
       class: `form-control${e.size ? ` form-control-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
       type: e.type,
       name: e.name ? e.name : e.id,
@@ -351,7 +351,7 @@ function xe(t, a, e, s, o, n) {
     ]) : b("", !0),
     e.type == "range" ? (r(), l("div", ce, [
       T(c("input", A({
-        "onUpdate:modelValue": a[3] || (a[3] = (i) => n.inputVal = i),
+        "onUpdate:modelValue": a[3] || (a[3] = (s) => n.inputVal = s),
         class: `form-range${e.inputclass ? ` ${e.inputclass}` : ""}`,
         type: e.type,
         name: e.name ? e.name : e.id,
@@ -365,7 +365,7 @@ function xe(t, a, e, s, o, n) {
     ])) : b("", !0),
     e.type == "color" ? (r(), l("div", pe, [
       T(c("input", A({
-        "onUpdate:modelValue": a[4] || (a[4] = (i) => n.inputVal = i),
+        "onUpdate:modelValue": a[4] || (a[4] = (s) => n.inputVal = s),
         class: `form-control form-control-color${e.inputclass ? ` ${e.inputclass}` : ""}`,
         type: e.type,
         name: e.name ? e.name : e.id,
@@ -379,17 +379,17 @@ function xe(t, a, e, s, o, n) {
     ])) : b("", !0),
     e.type == "select" ? T((r(), l("select", A({
       key: 7,
-      "onUpdate:modelValue": a[5] || (a[5] = (i) => n.inputVal = i),
+      "onUpdate:modelValue": a[5] || (a[5] = (s) => n.inputVal = s),
       class: `form-select${e.size ? ` form-select-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
       type: e.type,
       name: e.id,
       id: e.id,
       pattern: n.needPattern()
     }, t.$attrs), [
-      (r(!0), l(x, null, L(e.options, (i, d) => (r(), l("option", {
+      (r(!0), l(x, null, L(e.options, (s, d) => (r(), l("option", {
         key: d,
-        value: i.value
-      }, w(i.display ? i.display : i.value), 9, ge))), 128))
+        value: s.value
+      }, w(s.display ? s.display : s.value), 9, ge))), 128))
     ], 16, be)), [
       [F, n.inputVal]
     ]) : b("", !0),
@@ -419,7 +419,7 @@ function xe(t, a, e, s, o, n) {
       class: _(`btn${e.labelclass ? ` ${e.labelclass}` : ""}`),
       for: e.id,
       innerHTML: e.label,
-      onClick: a[6] || (a[6] = (...i) => n.clickEvent && n.clickEvent(...i))
+      onClick: a[6] || (a[6] = (...s) => n.clickEvent && n.clickEvent(...s))
     }, null, 10, we)) : b("", !0),
     f(t.$slots, "default"),
     e.errormsg ? (r(), l("span", {
@@ -431,18 +431,18 @@ function xe(t, a, e, s, o, n) {
       key: 13,
       id: e.id + "-list"
     }, [
-      (r(!0), l(x, null, L(e.options, (i, d) => (r(), l("option", {
+      (r(!0), l(x, null, L(e.options, (s, d) => (r(), l("option", {
         key: d,
-        value: i.value
-      }, w(i.value), 9, Ae))), 128))
+        value: s.value
+      }, w(s.value), 9, Ae))), 128))
     ], 8, ke)) : b("", !0)
   ], 2);
 }
-const R = /* @__PURE__ */ p(ie, [["render", xe]]);
+const R = /* @__PURE__ */ p(se, [["render", xe]]);
 function Le(t, a) {
-  const e = a.querySelector(".files"), s = a.querySelector(".drop-area"), o = t.querySelector("input"), n = t.hasAttribute("data-maxsize") ? t.getAttribute("data-maxsize") : 0, i = o.cloneNode();
-  s.append(i), a.addEventListener("click", (d) => {
-    d && d.target instanceof HTMLElement && d.target.closest(".btn-primary") && (d.target.closest(".btn-primary"), (o.hasAttribute("multiple") ? i : o).click());
+  const e = a.querySelector(".files"), i = a.querySelector(".drop-area"), o = t.querySelector("input"), n = t.hasAttribute("data-maxsize") ? t.getAttribute("data-maxsize") : 0, s = o.cloneNode();
+  i.append(s), a.addEventListener("click", (d) => {
+    d && d.target instanceof HTMLElement && d.target.closest(".btn-primary") && (d.target.closest(".btn-primary"), (o.hasAttribute("multiple") ? s : o).click());
   }), a.addEventListener("click", (d) => {
     if (d && d.target instanceof HTMLElement && d.target.closest(".files button")) {
       const u = new DataTransfer(), { files: h } = o, g = d.target.closest(".files button");
@@ -454,9 +454,9 @@ function Le(t, a) {
       const m = new Event("change");
       o.dispatchEvent(m);
     }
-  }), i.addEventListener("change", (d) => {
+  }), s.addEventListener("change", (d) => {
     if (o.hasAttribute("multiple")) {
-      const h = [...o.files, ...i.files];
+      const h = [...o.files, ...s.files];
       let g = [];
       const m = new DataTransfer();
       for (let y = 0; y < h.length; y++) {
@@ -465,15 +465,15 @@ function Le(t, a) {
       }
       o.files = m.files;
     } else
-      o.files = i.files;
+      o.files = s.files;
     const u = new Event("change");
     o.dispatchEvent(u);
-  }), i.addEventListener("dragenter", (d) => {
-    i.classList.add("focus");
-  }), i.addEventListener("dragleave", (d) => {
-    i.classList.remove("focus");
-  }), i.addEventListener("drop", (d) => {
-    i.classList.remove("focus");
+  }), s.addEventListener("dragenter", (d) => {
+    s.classList.add("focus");
+  }), s.addEventListener("dragleave", (d) => {
+    s.classList.remove("focus");
+  }), s.addEventListener("drop", (d) => {
+    s.classList.remove("focus");
   }), o.addEventListener("change", (d) => {
     e.innerHTML = "";
     for (const u of o.files)
@@ -488,11 +488,11 @@ window.dataLayer.push({
 class Se extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, s = `@import "${a}/css/components/fileupload.css";`, o = document.createElement("template");
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = `@import "${a}/css/components/fileupload.css";`, o = document.createElement("template");
     o.innerHTML = `
     <style>
     @import "${e}";
-    ${s}
+    ${i}
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
     <div class="file-upload">
@@ -508,8 +508,8 @@ class Se extends HTMLElement {
   }
   connectedCallback() {
     this.innerHTML += '<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';
-    const a = this.shadowRoot.querySelector(".file-upload"), e = this.querySelector("input"), s = this.shadowRoot.querySelector(".helper-text");
-    s.innerHTML = `${this.hasAttribute("data-maxsize") ? `Max file size is ${this.getAttribute("data-maxsize")}kb. ` : ""}${e.hasAttribute("accept") ? `Supported file types are ${e.getAttribute("accept")}` : ""}`, Le(this, a);
+    const a = this.shadowRoot.querySelector(".file-upload"), e = this.querySelector("input"), i = this.shadowRoot.querySelector(".helper-text");
+    i.innerHTML = `${this.hasAttribute("data-maxsize") ? `Max file size is ${this.getAttribute("data-maxsize")}kb. ` : ""}${e.hasAttribute("accept") ? `Supported file types are ${e.getAttribute("accept")}` : ""}`, Le(this, a);
   }
 }
 const qe = {
@@ -530,14 +530,14 @@ const qe = {
     });
   }
 };
-function Ee(t, a, e, s, o, n) {
+function Ee(t, a, e, i, o, n) {
   return r(), l("iam-fileupload", null, [
     f(t.$slots, "default")
   ]);
 }
 const Fa = /* @__PURE__ */ p(qe, [["render", Ee]]), S = (t, a) => {
   const e = t[a];
-  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((s, o) => {
+  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((i, o) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, new Error("Unknown variable dynamic import: " + a)));
   });
 };
@@ -546,7 +546,7 @@ const Te = {
   props: {},
   mounted() {
     this.$nextTick(function() {
-      S(/* @__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-20571f58.mjs") }), "../../../assets/js/components/accordion/accordion.component.js").then((t) => {
+      S(/* @__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-16770388.mjs") }), "../../../assets/js/components/accordion/accordion.component.js").then((t) => {
         window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -554,7 +554,7 @@ const Te = {
     });
   }
 }, He = { ref: "wrapper" };
-function Me(t, a, e, s, o, n) {
+function Me(t, a, e, i, o, n) {
   return r(), l("iam-accordion", He, [
     f(t.$slots, "default")
   ], 512);
@@ -595,7 +595,7 @@ const Va = /* @__PURE__ */ p(Te, [["render", Me]]), je = {
     };
   }
 }, Ce = ["id"], Ne = ["classList"];
-function Re(t, a, e, s, o, n) {
+function Re(t, a, e, i, o, n) {
   return r(), l("details", {
     id: n.createID(e.title)
   }, [
@@ -629,7 +629,7 @@ const Oa = /* @__PURE__ */ p(je, [["render", Re]]), Pe = {
     }
   }
 }, ze = { class: "container" }, Ie = { class: "row" }, De = { class: "col-sm-6" }, Fe = { class: "pt-5 pb-3 px-4" }, Ve = { class: "col-sm-6 col-md-5 ms-auto" }, Oe = ["src"];
-function Be(t, a, e, s, o, n) {
+function Be(t, a, e, i, o, n) {
   return r(), l("div", ze, [
     c("div", {
       class: _("bg-" + e.background + " mb-4")
@@ -657,7 +657,7 @@ const Ba = /* @__PURE__ */ p(Pe, [["render", Be]]), Ue = {
   name: "Card",
   mounted() {
     this.$nextTick(function() {
-      import("./card.component.min-53116ccf.mjs").then((t) => {
+      import("./card.component.min-b1d21795.mjs").then((t) => {
         window.customElements.get("iam-card") || window.customElements.define("iam-card", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -665,7 +665,7 @@ const Ba = /* @__PURE__ */ p(Pe, [["render", Be]]), Ue = {
     });
   }
 };
-function We(t, a, e, s, o, n) {
+function We(t, a, e, i, o, n) {
   return r(), l("iam-card", null, [
     f(t.$slots, "default")
   ]);
@@ -692,7 +692,7 @@ const Ua = /* @__PURE__ */ p(Ue, [["render", We]]), Ke = {
     });
   }
 };
-function Ge(t, a, e, s, o, n) {
+function Ge(t, a, e, i, o, n) {
   return r(), l("iam-carousel", null, [
     f(t.$slots, "default")
   ]);
@@ -711,7 +711,7 @@ const Wa = /* @__PURE__ */ p(Ke, [["render", Ge]]), Qe = {
   },
   mounted() {
     this.$nextTick(function() {
-      S(/* @__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-926fdb3e.mjs") }), "../../../assets/js/components/header/header.component.js").then((t) => {
+      S(/* @__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-407a452d.mjs") }), "../../../assets/js/components/header/header.component.js").then((t) => {
         window.customElements.get("iam-header") || window.customElements.define("iam-header", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -719,7 +719,7 @@ const Wa = /* @__PURE__ */ p(Ke, [["render", Ge]]), Qe = {
     });
   }
 }, Ye = ["image"], Je = ["innerHTML"];
-function Xe(t, a, e, s, o, n) {
+function Xe(t, a, e, i, o, n) {
   return r(), l("iam-header", { image: e.image }, [
     f(t.$slots, "breadcrumb"),
     e.title ? (r(), l("h1", {
@@ -732,24 +732,24 @@ function Xe(t, a, e, s, o, n) {
 const Ka = /* @__PURE__ */ p(Qe, [["render", Xe]]);
 function Ze(t) {
   var a;
-  const e = t.querySelector(".testimonial__images"), s = e.querySelectorAll("img").length;
-  if (s == 1)
+  const e = t.querySelector(".testimonial__images"), i = e.querySelectorAll("img").length;
+  if (i == 1)
     return !1;
   t.classList.add("testimonial--multi");
   const o = function(n) {
-    const i = t.querySelector(".btn-next"), d = t.querySelector(".btn-prev");
-    i.setAttribute("data-go", n + 1), d.setAttribute("data-go", n - 1), i.removeAttribute("disabled"), d.removeAttribute("disabled"), n == 1 ? d.setAttribute("disabled", !0) : n == s && i.setAttribute("disabled", !0);
+    const s = t.querySelector(".btn-next"), d = t.querySelector(".btn-prev");
+    s.setAttribute("data-go", n + 1), d.setAttribute("data-go", n - 1), s.removeAttribute("disabled"), d.removeAttribute("disabled"), n == 1 ? d.setAttribute("disabled", !0) : n == i && s.setAttribute("disabled", !0);
   };
   e.addEventListener("scroll", function(n) {
     clearTimeout(a), a = setTimeout(function() {
-      let i = e.scrollWidth, d = e.scrollHeight, u = e.scrollLeft, h = e.scrollTop, g = Math.round(u / i * s) + 1;
-      u == 0 && h != 0 && (g = Math.round(h / d * s) + 1), t.setAttribute("data-show", g), o(g);
+      let s = e.scrollWidth, d = e.scrollHeight, u = e.scrollLeft, h = e.scrollTop, g = Math.round(u / s * i) + 1;
+      u == 0 && h != 0 && (g = Math.round(h / d * i) + 1), t.setAttribute("data-show", g), o(g);
     }, 300);
   }, !1), t.addEventListener("click", function(n) {
-    for (var i = n.target; i && i != this; i = i.parentNode)
-      if (i.matches("[data-go]")) {
-        let d = parseInt(i.getAttribute("data-go")), u = 0, h = 0, g = e.scrollWidth, m = e.scrollHeight;
-        g > m ? h = Math.floor(g * ((d - 1) / s)) : u = Math.floor(m * ((d - 1) / s)), e.scroll({
+    for (var s = n.target; s && s != this; s = s.parentNode)
+      if (s.matches("[data-go]")) {
+        let d = parseInt(s.getAttribute("data-go")), u = 0, h = 0, g = e.scrollWidth, m = e.scrollHeight;
+        g > m ? h = Math.floor(g * ((d - 1) / i)) : u = Math.floor(m * ((d - 1) / i)), e.scroll({
           top: u,
           left: h,
           behavior: "smooth"
@@ -778,7 +778,7 @@ const et = {
   class: "container testimonial mb-5",
   "data-show": "1",
   ref: "wrapper"
-}, at = { class: "row" }, st = { class: "col-md-5 position-relative" }, it = { class: "testimonial__images" }, nt = ["src"], ot = /* @__PURE__ */ c("div", { class: "testimonial__controls" }, [
+}, at = { class: "row" }, it = { class: "col-md-5 position-relative" }, st = { class: "testimonial__images" }, nt = ["src"], ot = /* @__PURE__ */ c("div", { class: "testimonial__controls" }, [
   /* @__PURE__ */ c("button", {
     "data-go": "0",
     disabled: "",
@@ -789,19 +789,19 @@ const et = {
     class: "btn-next"
   }, "Next")
 ], -1), rt = { class: "col-md-7" }, lt = /* @__PURE__ */ c("h2", null, "What our customers think…", -1), dt = { class: "testimonial__content" }, ct = ["innerHTML"], ut = ["innerHTML"], mt = { class: "testimonial__after" }, pt = /* @__PURE__ */ c("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
-function ht(t, a, e, s, o, n) {
+function ht(t, a, e, i, o, n) {
   return r(), l("div", tt, [
     c("div", {
       class: _("bg-" + e.background)
     }, [
       c("div", at, [
-        c("div", st, [
-          c("div", it, [
-            (r(!0), l(x, null, L(e.items, (i, d) => (r(), l("img", {
+        c("div", it, [
+          c("div", st, [
+            (r(!0), l(x, null, L(e.items, (s, d) => (r(), l("img", {
               key: d,
-              src: i.image ? i.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
+              src: s.image ? s.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
               alt: "",
-              class: _("h-100 w-100 object-cover" + (i.image ? "" : " opacity-0"))
+              class: _("h-100 w-100 object-cover" + (s.image ? "" : " opacity-0"))
             }, null, 10, nt))), 128))
           ]),
           ot
@@ -809,15 +809,15 @@ function ht(t, a, e, s, o, n) {
         c("div", rt, [
           lt,
           c("div", dt, [
-            (r(!0), l(x, null, L(e.items, (i, d) => (r(), l("blockquote", {
+            (r(!0), l(x, null, L(e.items, (s, d) => (r(), l("blockquote", {
               key: d,
-              class: _(i.class)
+              class: _(s.class)
             }, [
               c("div", {
-                innerHTML: i.quote
+                innerHTML: s.quote
               }, null, 8, ct),
               c("cite", {
-                innerHTML: i.cite
+                innerHTML: s.cite
               }, null, 8, ut)
             ], 2))), 128))
           ]),
@@ -840,7 +840,7 @@ const ft = {
     }
   }
 }, bt = { class: "timeline" }, gt = { class: "timeline__content" }, yt = ["src"];
-function vt(t, a, e, s, o, n) {
+function vt(t, a, e, i, o, n) {
   return r(), l("div", bt, [
     c("div", gt, [
       f(t.$slots, "default")
@@ -1015,8 +1015,8 @@ const _t = {
     value: "submit"
   }, "Search")
 ], -1);
-function jt(t, a, e, s, o, n) {
-  const i = M("Input");
+function jt(t, a, e, i, o, n) {
+  const s = M("Input");
   return r(), l("div", wt, [
     f(t.$slots, "default"),
     c("div", $t, [
@@ -1026,7 +1026,7 @@ function jt(t, a, e, s, o, n) {
         method: e.formmethod
       }, [
         c("fieldset", At, [
-          k(i, {
+          k(s, {
             inputClass: "input--locations",
             modelValue: n.locationSet,
             "onUpdate:modelValue": a[0] || (a[0] = (d) => n.locationSet = d),
@@ -1038,7 +1038,7 @@ function jt(t, a, e, s, o, n) {
             onKeyupEvent: a[1] || (a[1] = (d) => n.locationKeyup(...arguments)),
             ref: "search"
           }, null, 8, ["modelValue", "options"]),
-          k(i, {
+          k(s, {
             class: "select--miles",
             label: "Miles",
             id: "miles",
@@ -1049,7 +1049,7 @@ function jt(t, a, e, s, o, n) {
         c("fieldset", xt, [
           Lt,
           c("div", St, [
-            k(i, {
+            k(s, {
               class: "col-6",
               label: "Minimum price",
               id: "price-min",
@@ -1057,7 +1057,7 @@ function jt(t, a, e, s, o, n) {
               type: "select",
               options: e.pricemin
             }, null, 8, ["options"]),
-            k(i, {
+            k(s, {
               class: "col-6",
               label: "Maximum price",
               id: "price-max",
@@ -1070,7 +1070,7 @@ function jt(t, a, e, s, o, n) {
         c("fieldset", qt, [
           Et,
           c("div", Tt, [
-            k(i, {
+            k(s, {
               class: "col-6",
               label: "Minimum beds",
               id: "beds-min",
@@ -1078,7 +1078,7 @@ function jt(t, a, e, s, o, n) {
               type: "select",
               options: e.bedsmin
             }, null, 8, ["options"]),
-            k(i, {
+            k(s, {
               class: "col-6",
               label: "Maximum beds",
               id: "beds-max",
@@ -1089,7 +1089,7 @@ function jt(t, a, e, s, o, n) {
           ])
         ]),
         c("fieldset", Ht, [
-          k(i, {
+          k(s, {
             label: "Property type",
             id: "property-type",
             type: "select",
@@ -1107,7 +1107,7 @@ const Ya = /* @__PURE__ */ p(_t, [["render", jt]]), Ct = {
   name: "Nav",
   mounted() {
     this.$nextTick(function() {
-      S(/* @__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-0ee8d20f.mjs") }), "../../../assets/js/components/nav/nav.component.js").then((t) => {
+      import("./nav.component.min-37dbccda.mjs").then((t) => {
         window.customElements.get("iam-nav") || window.customElements.define("iam-nav", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1116,7 +1116,7 @@ const Ya = /* @__PURE__ */ p(_t, [["render", jt]]), Ct = {
   },
   methods: {}
 }, Nt = { ref: "wrapper" };
-function Rt(t, a, e, s, o, n) {
+function Rt(t, a, e, i, o, n) {
   return r(), l("iam-nav", Nt, [
     f(t.$slots, "default")
   ], 512);
@@ -1139,7 +1139,7 @@ const Pt = {
   key: 0,
   class: "h6 stepper__start"
 }, Ft = { class: "list-unstyled" }, Vt = { class: "h6 stepper__end" };
-function Ot(t, a, e, s, o, n) {
+function Ot(t, a, e, i, o, n) {
   return r(), l("div", zt, [
     c("nav", {
       class: "stepper",
@@ -1166,23 +1166,23 @@ const Bt = {
   class: "container snapshot",
   ref: "wrapper"
 }, Wt = { class: "row" }, Kt = ["href"], Gt = { class: "lead snapshot__title" }, Qt = { class: "stat" };
-function Yt(t, a, e, s, o, n) {
+function Yt(t, a, e, i, o, n) {
   return r(), l("div", Ut, [
     f(t.$slots, "default"),
     c("div", Wt, [
-      (r(!0), l(x, null, L(e.items, (i, d) => (r(), l("div", {
+      (r(!0), l(x, null, L(e.items, (s, d) => (r(), l("div", {
         class: "col",
         key: d
       }, [
-        i.link ? (r(), l("a", {
+        s.link ? (r(), l("a", {
           key: 0,
-          href: i.link
-        }, "View " + w(i.title), 9, Kt)) : b("", !0),
+          href: s.link
+        }, "View " + w(s.title), 9, Kt)) : b("", !0),
         c("div", {
-          class: _(`snapshot__item ${i.bg ? "bg-" + i.bg : ""}`)
+          class: _(`snapshot__item ${s.bg ? "bg-" + s.bg : ""}`)
         }, [
-          c("span", Gt, w(i.title), 1),
-          c("span", Qt, w(i.number), 1)
+          c("span", Gt, w(s.title), 1),
+          c("span", Qt, w(s.number), 1)
         ], 2)
       ]))), 128))
     ])
@@ -1208,7 +1208,7 @@ const Za = /* @__PURE__ */ p(Bt, [["render", Yt]]), Jt = {
   key: 0,
   class: "visually-hidden"
 };
-function ea(t, a, e, s, o, n) {
+function ea(t, a, e, i, o, n) {
   return r(), l("li", null, [
     c("a", {
       href: e.url,
@@ -1222,12 +1222,12 @@ function ea(t, a, e, s, o, n) {
     ], 10, Xt)
   ]);
 }
-const es = /* @__PURE__ */ p(Jt, [["render", ea]]);
+const ei = /* @__PURE__ */ p(Jt, [["render", ea]]);
 const ta = {
   name: "Tabs",
   mounted() {
     this.$nextTick(function() {
-      S(/* @__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-d050a424.mjs") }), "../../../assets/js/components/tabs/tabs.component.js").then((t) => {
+      S(/* @__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-d6932688.mjs") }), "../../../assets/js/components/tabs/tabs.component.js").then((t) => {
         window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1235,12 +1235,12 @@ const ta = {
     });
   }
 }, aa = { ref: "wrapper" };
-function sa(t, a, e, s, o, n) {
+function ia(t, a, e, i, o, n) {
   return r(), l("iam-tabs", aa, [
     f(t.$slots, "default")
   ], 512);
 }
-const ts = /* @__PURE__ */ p(ta, [["render", sa]]), ia = {
+const ti = /* @__PURE__ */ p(ta, [["render", ia]]), sa = {
   name: "Tab",
   props: {
     title: {
@@ -1263,7 +1263,7 @@ const ts = /* @__PURE__ */ p(ta, [["render", sa]]), ia = {
     };
   }
 }, na = { class: "tab" }, oa = ["innerHTML"];
-function ra(t, a, e, s, o, n) {
+function ra(t, a, e, i, o, n) {
   return r(), l("details", na, [
     c("summary", {
       innerHTML: e.title,
@@ -1272,7 +1272,7 @@ function ra(t, a, e, s, o, n) {
     f(t.$slots, "default")
   ]);
 }
-const as = /* @__PURE__ */ p(ia, [["render", ra]]);
+const ai = /* @__PURE__ */ p(sa, [["render", ra]]);
 let P = N.props;
 P.fields.required = !1;
 const la = {
@@ -1291,9 +1291,9 @@ const la = {
       console.log(this);
       const a = new FormData(t.target);
       let e = /* @__PURE__ */ new Date();
-      const s = e.getFullYear();
+      const i = e.getFullYear();
       let o = e.getMonth() + 1, n = e.getDate();
-      n < 10 && (n = "0" + n), o < 10 && (o = "0" + o), e = n + "/" + o + "/" + s, this.itemsData.unshift({
+      n < 10 && (n = "0" + n), o < 10 && (o = "0" + o), e = n + "/" + o + "/" + i, this.itemsData.unshift({
         date_added: e,
         user: a.get("user"),
         note: a.get("addNote")
@@ -1322,15 +1322,15 @@ const la = {
     }
   }
 }, da = { class: "container note-feed mb-2" }, ca = ["innerHTML"], ua = ["action", "method"], ma = ["value"], pa = /* @__PURE__ */ c("button", { class: "btn btn-tertiary" }, "Submit note", -1);
-function ha(t, a, e, s, o, n) {
-  const i = M("Table"), d = M("Input");
+function ha(t, a, e, i, o, n) {
+  const s = M("Table"), d = M("Input");
   return r(), l("div", da, [
     e.title ? (r(), l("span", {
       key: 0,
       class: "h3",
       innerHTML: e.title
     }, null, 8, ca)) : b("", !0),
-    k(i, A({
+    k(s, A({
       fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
       items: o.itemsData
     }, t.$props, { class: "mb-0" }), null, 16, ["items"]),
@@ -1355,52 +1355,52 @@ function ha(t, a, e, s, o, n) {
     ], 40, ua)
   ]);
 }
-const ss = /* @__PURE__ */ p(la, [["render", ha]]);
+const ii = /* @__PURE__ */ p(la, [["render", ha]]);
 /*!
-  * iamKey v5.3.0-beta3
+  * iamKey v5.3.0-beta4
   * Copyright 2022-2024 iamproperty
   */
 function fa(t, a) {
-  function e(s, o) {
-    let n = !1, i = o.getAttribute("name");
-    i.includes("[]") && (i = i.replace("[]", `[${o.value}]`));
-    let d = s.querySelector(`[data-name="${i}"]`);
+  function e(i, o) {
+    let n = !1, s = o.getAttribute("name");
+    s.includes("[]") && (s = s.replace("[]", `[${o.value}]`));
+    let d = i.querySelector(`[data-name="${s}"]`);
     d && o.getAttribute("type") == "checkbox" && (n = !o.checked);
     let u = o.getAttribute("data-filter-text");
-    if (d || (d = document.createElement("button"), s.appendChild(d)), d.setAttribute("type", "button"), d.classList.add("filter"), d.setAttribute("data-name", i), d.innerHTML = u.replace("$value", o.value), (!o.value || n) && d.remove(), o.parentNode.closest("[data-filter-text]")) {
+    if (d || (d = document.createElement("button"), i.appendChild(d)), d.setAttribute("type", "button"), d.classList.add("filter"), d.setAttribute("data-name", s), d.innerHTML = u.replace("$value", o.value), (!o.value || n) && d.remove(), o.parentNode.closest("[data-filter-text]")) {
       let h = o.parentNode.closest("[data-filter-text]"), g = !0;
-      if (i = "", h.querySelectorAll("input").forEach((m, y) => {
+      if (s = "", h.querySelectorAll("input").forEach((m, y) => {
         let v = m.getAttribute("name");
-        if (i += `${y != 0 ? "," : ""}${v}`, s.querySelector(`[data-name="${v}"]`) && s.querySelector(`[data-name="${v}"]`).remove(), m.value) {
+        if (s += `${y != 0 ? "," : ""}${v}`, i.querySelector(`[data-name="${v}"]`) && i.querySelector(`[data-name="${v}"]`).remove(), m.value) {
           let $ = document.createElement("button");
-          $.setAttribute("type", "button"), $.classList.add("filter"), $.setAttribute("data-name", v), $.innerHTML = u.replace("$value", m.value), s.appendChild($);
+          $.setAttribute("type", "button"), $.classList.add("filter"), $.setAttribute("data-name", v), $.innerHTML = u.replace("$value", m.value), i.appendChild($);
         } else
           g = !1;
-      }), s.querySelector(`[data-name="${i}"]`) && s.querySelector(`[data-name="${i}"]`).remove(), g) {
+      }), i.querySelector(`[data-name="${s}"]`) && i.querySelector(`[data-name="${s}"]`).remove(), g) {
         let m = h.getAttribute("data-filter-text");
         h.querySelectorAll("input").forEach((v, $) => {
           let q = v.getAttribute("name");
-          s.querySelector(`[data-name="${q}"]`) && s.querySelector(`[data-name="${q}"]`).remove(), m = m.replace(`$${$ + 1}`, v.value);
+          i.querySelector(`[data-name="${q}"]`) && i.querySelector(`[data-name="${q}"]`).remove(), m = m.replace(`$${$ + 1}`, v.value);
         });
         let y = document.createElement("button");
-        y.setAttribute("type", "button"), y.classList.add("filter"), y.setAttribute("data-name", i), y.innerHTML = m, s.appendChild(y);
+        y.setAttribute("type", "button"), y.classList.add("filter"), y.setAttribute("data-name", s), y.innerHTML = m, i.appendChild(y);
       }
     }
   }
-  Array.from(t.querySelectorAll('input[type="checkbox"]:checked')).forEach((s, o) => {
-    e(a, s);
-  }), Array.from(t.querySelectorAll("input[data-filter-text]")).forEach((s, o) => {
-    s.addEventListener("change", function(n) {
-      e(a, s), n.stopPropagation();
+  Array.from(t.querySelectorAll('input[type="checkbox"]:checked')).forEach((i, o) => {
+    e(a, i);
+  }), Array.from(t.querySelectorAll("input[data-filter-text]")).forEach((i, o) => {
+    i.addEventListener("change", function(n) {
+      e(a, i), n.stopPropagation();
     });
-  }), t.addEventListener("change", function(s) {
-    if (s && s.target instanceof HTMLElement && s.target.closest("input[data-filter-text]")) {
-      let o = s.target.closest("input[data-filter-text]");
+  }), t.addEventListener("change", function(i) {
+    if (i && i.target instanceof HTMLElement && i.target.closest("input[data-filter-text]")) {
+      let o = i.target.closest("input[data-filter-text]");
       e(a, o);
     }
-  }), a.addEventListener("click", function(s) {
-    if (s && s.target instanceof HTMLElement && s.target.closest(".filter")) {
-      let i = s.target.closest(".filter"), d = i.getAttribute("data-name").split(",");
+  }), a.addEventListener("click", function(i) {
+    if (i && i.target instanceof HTMLElement && i.target.closest(".filter")) {
+      let s = i.target.closest(".filter"), d = s.getAttribute("data-name").split(",");
       for (var o = 0; o < d.length; o++) {
         let u = d[o], h = `[name="${u}"]`;
         u.match(/\[(.*)\]/) && (u.replace(/\[(.*)\]/, "[]"), h = `[value="${u.replace(/.*\[(.*)\]/, "$1")}"]`);
@@ -1411,12 +1411,12 @@ function fa(t, a) {
             m.value = "";
           else {
             m.checked = !1;
-            var s = new Event("force");
-            t.hasAttribute("data-nosubmit") || m.closest("form").dispatchEvent(s);
+            var i = new Event("force");
+            t.hasAttribute("data-nosubmit") || m.closest("form").dispatchEvent(i);
           }
         }
       }
-      i.remove();
+      s.remove();
     }
   }, !1);
 }
@@ -1425,7 +1425,7 @@ class ba extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`;
-    let s = this.classList.toString();
+    let i = this.classList.toString();
     const o = document.createElement("template");
     o.innerHTML = `
     <style>
@@ -1434,7 +1434,7 @@ class ba extends HTMLElement {
 
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
-    <div class="applied-filters ${s}"></div>
+    <div class="applied-filters ${i}"></div>
     <slot></slot>
     `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
   }
@@ -1446,14 +1446,14 @@ window.customElements.get("iam-applied-filters") || window.customElements.define
 const ga = {
   name: "Header"
 };
-function ya(t, a, e, s, o, n) {
+function ya(t, a, e, i, o, n) {
   return r(), l("iam-applied-filters", null, [
     f(t.$slots, "default")
   ]);
 }
-const is = /* @__PURE__ */ p(ga, [["render", ya]]);
+const si = /* @__PURE__ */ p(ga, [["render", ya]]);
 /*!
-  * iamKey v5.3.0-beta3
+  * iamKey v5.3.0-beta4
   * Copyright 2022-2024 iamproperty
   */
 function va(t, a) {
@@ -1461,16 +1461,16 @@ function va(t, a) {
 }
 function _a(t, a) {
   var e;
-  a.addEventListener("keyup", (s) => {
+  a.addEventListener("keyup", (i) => {
     clearTimeout(e), e = setTimeout(function() {
       C(t, a.value);
     }, 500);
-  }), a.addEventListener("change", (s) => {
+  }), a.addEventListener("change", (i) => {
     clearTimeout(e), C(t, a.value);
   });
 }
 const C = function(t, a) {
-  Array.from(t.querySelectorAll(":scope > li")).forEach((e, s) => {
+  Array.from(t.querySelectorAll(":scope > li")).forEach((e, i) => {
     let o = e.textContent.toLowerCase();
     e.classList.add("d-none"), o.includes(a.toLowerCase()) && e.classList.remove("d-none");
   }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Filtered list", value: a });
@@ -1479,8 +1479,8 @@ window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "custo
 class wa extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, s = document.createElement("template");
-    s.innerHTML = `
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = 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 "${e}";
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
@@ -1507,7 +1507,7 @@ class wa extends HTMLElement {
     <div class="list__wrapper">
       <slot></slot>
     </div>
-    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
     let a = this.classList.toString();
@@ -1518,12 +1518,12 @@ window.customElements.get("iam-filterlist") || window.customElements.define("iam
 const $a = {
   name: "Filter list"
 };
-function ka(t, a, e, s, o, n) {
+function ka(t, a, e, i, o, n) {
   return r(), l("iam-filterlist", null, [
     f(t.$slots, "default")
   ]);
 }
-const ns = /* @__PURE__ */ p($a, [["render", ka]]);
+const ni = /* @__PURE__ */ p($a, [["render", ka]]);
 function Aa(t) {
   if (t.hasAttribute("data-type") && t.getAttribute("data-type") == "toast") {
     let e = document.querySelector(".notification__holder");
@@ -1536,19 +1536,19 @@ function Aa(t) {
     var a = new xa(function() {
       j(t);
     }, e);
-    t.addEventListener("mouseenter", (s) => {
+    t.addEventListener("mouseenter", (i) => {
       a.pause();
-    }), t.addEventListener("mouseleave", (s) => {
+    }), t.addEventListener("mouseleave", (i) => {
       a.resume();
     });
   }
 }
 function xa(t, a) {
-  var e, s, o = a;
+  var e, i, o = a;
   this.pause = function() {
-    window.clearTimeout(e), o -= /* @__PURE__ */ new Date() - s;
+    window.clearTimeout(e), o -= /* @__PURE__ */ new Date() - i;
   }, this.resume = function() {
-    s = /* @__PURE__ */ new Date(), window.clearTimeout(e), e = window.setTimeout(t, o);
+    i = /* @__PURE__ */ new Date(), window.clearTimeout(e), e = window.setTimeout(t, o);
   }, this.resume();
 }
 const j = function(t) {
@@ -1562,15 +1562,15 @@ window.dataLayer.push({
 class La extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, s = `@import "${a}/css/components/notification.css";`, o = `@import "${a}/css/components/notification.global.css";`, n = this.querySelectorAll("a,button");
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = `@import "${a}/css/components/notification.css";`, o = `@import "${a}/css/components/notification.global.css";`, n = this.querySelectorAll("a,button");
     Array.from(n).forEach((d, u) => {
       d.setAttribute("slot", "btns"), d.classList.add("link");
     }), (n.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
-    const i = document.createElement("template");
-    i.innerHTML = `
+    const s = document.createElement("template");
+    s.innerHTML = `
     <style>
     @import "${e}";
-    ${s}
+    ${i}
     ${this.hasAttribute("data-css") ? `${this.getAttribute("data-css")}` : ""}
     </style>
 
@@ -1579,12 +1579,12 @@ class La extends HTMLElement {
       <div class="notification__inner"><div class="notification__text"><slot></slot></div>${n.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
       ${this.hasAttribute("data-dismiss") ? '<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>' : ""}
     </div>
-    `, this.shadowRoot.appendChild(i.content.cloneNode(!0)), document.getElementById("notificationHolder") || document.head.insertAdjacentHTML("beforeend", `<style id="notificationHolder">${o}</style>`);
+    `, this.shadowRoot.appendChild(s.content.cloneNode(!0)), document.getElementById("notificationHolder") || document.head.insertAdjacentHTML("beforeend", `<style id="notificationHolder">${o}</style>`);
   }
   connectedCallback() {
     const a = this.shadowRoot.querySelector("[data-dismiss-button]"), e = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
     this.hasAttribute("data-type") ? this.classList.add(`bg-${e}`) : this.classList.add(`colour-${e}`);
-    const s = this;
+    const i = this;
     if (!this.querySelector("i"))
       switch (e) {
         case "danger":
@@ -1599,8 +1599,8 @@ class La extends HTMLElement {
         default:
           this.innerHTML += '<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>';
       }
-    Aa(s), a && a.addEventListener("click", function(o) {
-      j(s);
+    Aa(i), a && a.addEventListener("click", function(o) {
+      j(i);
     }, !1);
   }
 }
@@ -1613,17 +1613,17 @@ const Sa = {
     });
   }
 };
-function qa(t, a, e, s, o, n) {
+function qa(t, a, e, i, o, n) {
   return r(), l("iam-notification", null, [
     f(t.$slots, "default")
   ]);
 }
-const os = /* @__PURE__ */ p(Sa, [["render", qa]]), Ea = {
+const oi = /* @__PURE__ */ p(Sa, [["render", qa]]), Ea = {
   name: "Actionbar",
   props: {},
   mounted() {
     this.$nextTick(function() {
-      S(/* @__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-12c6aab8.mjs") }), "../../../assets/js/components/actionbar/actionbar.component.js").then((t) => {
+      S(/* @__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-a007644d.mjs") }), "../../../assets/js/components/actionbar/actionbar.component.js").then((t) => {
         window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1631,21 +1631,21 @@ const os = /* @__PURE__ */ p(Sa, [["render", qa]]), Ea = {
     });
   }
 };
-function Ta(t, a, e, s, o, n) {
+function Ta(t, a, e, i, o, n) {
   return r(), l("iam-actionbar", null, [
     f(t.$slots, "default")
   ]);
 }
-const rs = /* @__PURE__ */ p(Ea, [["render", Ta]]);
+const ri = /* @__PURE__ */ p(Ea, [["render", Ta]]);
 /*!
-  * iamKey v5.3.0-beta3
+  * iamKey v5.3.0-beta4
   * Copyright 2022-2024 iamproperty
   */
 class z extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, s = document.createElement("template");
-    s.innerHTML = `
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = 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 "${e}";
     :host{container-type:inline-size;display:block}.pagination{display:block}@container (width > 23.4375em){.pagination{display:flex;align-items:center;justify-content:space-between !important;padding-top:2rem}}.pagination>div{display:flex;align-items:center}.pagination div:is(.page-jump,.per-page){border:1px solid var(--colour-light);height:3.25rem;display:none;align-items:center;padding-inline:1rem}.pagination div:is(.page-jump,.per-page) .select--minimal{height:3.25rem;line-height:3.25rem;margin-left:-1rem;padding-left:1rem;font-weight:bold}.pagination div:is(.page-jump,.per-page) div:has(>select){margin-bottom:0}.page-jump{border-right:none !important}.total-pages{white-space:nowrap}:host([data-page-jump][data-minimal]) .page-jump{display:flex !important}@container (width > 23.4375em){:host([data-page-jump]) .page-jump{display:flex !important}}@container (width > 23.4375em){:host([data-per-page]:not([data-page-jump][data-item-count])) .per-page{display:flex !important}}@container (width > 48em){:host([data-per-page][data-page-jump][data-item-count]) .per-page{display:flex !important}}.pagination>.item-count{display:block;text-align:center;margin-bottom:1rem;margin-inline:auto}@container (width > 23.4375em){.pagination>.item-count{display:none}:host([data-item-count]) .pagination>.item-count{display:flex !important;margin:0}}*:where(.prev,.next){border:1px solid var(--colour-light);line-height:3.25rem;height:3.25rem;margin:0;display:none;background:none;padding-inline:1rem}@container (width > 23.4375em){*:where(.prev,.next){display:inline-block}}*:where(.prev,.next):after{margin-left:.5em;font-size:.8rem;content:"";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}*:where(.prev,.next):is(:hover,:focus):not(:disabled){background-color:var(--colour-light)}*:where(.prev,.next):is(:active):not(:disabled){background-color:#e0e0e0}@media screen and (prefers-color-scheme: dark){*:where(.prev,.next):is(:hover,:focus):not(:disabled){background-color:var(--colour-canvas)}*:where(.prev,.next):is(:active):not(:disabled){background-color:var(--colour-canvas)}}*:where(.prev,.next):disabled:after,*:where(.prev,.next):disabled:before{color:inherit !important}:host([data-minimal]) .pagination{justify-content:flex-end}@container (width > 23.4375em){:host([data-minimal]) .pagination{justify-content:space-between}}:host([data-minimal]) *:where(.prev,.next){display:inline-block !important}.prev{border-right:none}.prev:after{display:none}.prev:before{margin-right:.5em;font-size:.8rem;content:"";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}.mobile-controls{display:block}:host([data-minimal]) .pagination{padding-top:1.5rem;display:flex;align-items:center;justify-content:flex-end}:host([data-minimal]) *:is(.mobile-controls,.item-count){display:none}@container (width > 23.4375em){.mobile-controls{display:none !important}:host([data-item-count]) .item-count{display:flex !important}}.fa-spin{display:none !important;font-size:3rem;color:var(--colour-info)}:host([data-loading]) .mobile-controls{padding-top:2rem}:host([data-loading]) .item-count,:host([data-loading]) .mobile-controls>*:not(.fa-spin){display:none !important}:host([data-loading]) .fa-spin{display:block !important;margin:auto}/*# sourceMappingURL=assets/css/components/pagination.css.map */
@@ -1683,59 +1683,59 @@ class z extends HTMLElement {
         <button class="load-more btn btn-primary m-auto">Load more</a>
       </div>
     </div>
-    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
     const a = new URLSearchParams(window.location.search);
     this.hasAttribute("data-total") || this.setAttribute("data-total", 15), 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"));
-    const e = this.shadowRoot.querySelector(".page-jump select"), s = this.shadowRoot.querySelector(".prev"), o = this.shadowRoot.querySelector(".next"), n = this.shadowRoot.querySelector(".per-page select"), i = this.shadowRoot.querySelector(".load-more");
+    const e = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), o = this.shadowRoot.querySelector(".next"), n = this.shadowRoot.querySelector(".per-page select"), s = this.shadowRoot.querySelector(".load-more");
     this.setup(), e.addEventListener("change", (d) => {
       this.setAttribute("data-show", this.getAttribute("data-increment")), this.setAttribute("data-page", d.target.value);
     }), o.addEventListener("click", (d) => {
       e.value = parseInt(e.value) + 1, e.dispatchEvent(new Event("change"));
-    }), s.addEventListener("click", (d) => {
+    }), i.addEventListener("click", (d) => {
       e.value = parseInt(e.value) - 1, e.dispatchEvent(new Event("change"));
     }), n.addEventListener("change", (d) => {
       this.setAttribute("data-increment", d.target.value);
-    }), i.addEventListener("click", (d) => {
+    }), s.addEventListener("click", (d) => {
       let u = parseInt(this.getAttribute("data-show")) + parseInt(this.getAttribute("data-increment"));
-      this.setAttribute("data-show", u), u > parseInt(this.getAttribute("data-total")) && i.remove();
+      this.setAttribute("data-show", u), u > parseInt(this.getAttribute("data-total")) && s.remove();
     });
   }
   setup() {
-    const a = this.shadowRoot.querySelector(".pagination"), e = this.shadowRoot.querySelector(".page-jump select"), s = this.shadowRoot.querySelector(".prev"), o = this.shadowRoot.querySelector(".next"), n = this.shadowRoot.querySelector(".item-count"), i = this.shadowRoot.querySelector(".per-page select"), d = this.shadowRoot.querySelector(".total-pages"), u = parseInt(this.getAttribute("data-page")), h = parseInt(this.getAttribute("data-total")), g = parseInt(this.getAttribute("data-show")), m = parseInt(this.getAttribute("data-increment")), y = Math.ceil(h / m);
+    const a = this.shadowRoot.querySelector(".pagination"), e = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), o = this.shadowRoot.querySelector(".next"), n = this.shadowRoot.querySelector(".item-count"), s = this.shadowRoot.querySelector(".per-page select"), d = this.shadowRoot.querySelector(".total-pages"), u = parseInt(this.getAttribute("data-page")), h = parseInt(this.getAttribute("data-total")), g = parseInt(this.getAttribute("data-show")), m = parseInt(this.getAttribute("data-increment")), y = Math.ceil(h / m);
     h > g && a.classList.remove("d-none");
     let v = "";
     for (let E = 1; E <= y; E++)
       v += `<option value="${E}" ${E == u ? "selected" : ""}>${E}</option>`;
-    e.innerHTML = v, d.innerHTML = `of ${y}`, u == y ? o.setAttribute("disabled", "disabled") : o.removeAttribute("disabled"), u == 1 ? s.setAttribute("disabled", "disabled") : s.removeAttribute("disabled");
+    e.innerHTML = v, d.innerHTML = `of ${y}`, u == y ? o.setAttribute("disabled", "disabled") : o.removeAttribute("disabled"), u == 1 ? i.setAttribute("disabled", "disabled") : i.removeAttribute("disabled");
     let $ = u == 1 ? 1 : (u - 1) * g + 1, q = u == 1 ? g : u * g;
     n.innerHTML = `${$} - ${q > h ? h : q} of ${h} items`;
     const I = [15, 25, 40, 50];
-    m && i.value != m && !I.includes(m) && (i.innerHTML = `<option value="${m}">${m}</option>
+    m && s.value != m && !I.includes(m) && (s.innerHTML = `<option value="${m}">${m}</option>
       <option value="${m * 2}">${m * 2}</option>
       <option value="${m * 3}">${m * 3}</option>
-      <option value="${m * 4}">${m * 4}</option>`), i.value = m;
+      <option value="${m * 4}">${m * 4}</option>`), s.value = m;
   }
   static get observedAttributes() {
     return ["data-total", "data-increment", "data-page", "data-show"];
   }
-  attributeChangedCallback(a, e, s) {
+  attributeChangedCallback(a, e, i) {
     switch (a) {
       case "data-total": {
-        e != s && (this.setAttribute("data-page", 1), this.setup());
+        e != i && (this.setAttribute("data-page", 1), this.setup());
         break;
       }
       case "data-show": {
-        e != s && (this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: s } })));
+        e != i && (this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: i } })));
         break;
       }
       case "data-increment": {
-        e != s && (this.setAttribute("data-show", s), this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: s } })));
+        e != i && (this.setAttribute("data-show", i), this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: i } })));
         break;
       }
       case "data-page": {
-        e && e != s && (this.setup(), this.dispatchEvent(new CustomEvent("update-page", { detail: { page: s } })));
+        e && e != i && (this.setup(), this.dispatchEvent(new CustomEvent("update-page", { detail: { page: i } })));
         break;
       }
     }
@@ -1756,10 +1756,10 @@ const Ha = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   updated() {
   }
 };
-function ja(t, a, e, s, o, n) {
+function ja(t, a, e, i, o, n) {
   return r(), l("iam-pagination");
 }
-const ls = /* @__PURE__ */ p(Ma, [["render", ja]]), Ca = {
+const li = /* @__PURE__ */ p(Ma, [["render", ja]]), Ca = {
   name: "Address Lookup",
   mounted() {
     this.$nextTick(function() {
@@ -1771,22 +1771,22 @@ const ls = /* @__PURE__ */ p(Ma, [["render", ja]]), Ca = {
     });
   }
 };
-function Na(t, a, e, s, o, n) {
+function Na(t, a, e, i, o, n) {
   return r(), l("iam-address-lookup", null, [
     f(t.$slots, "default")
   ]);
 }
-const ds = /* @__PURE__ */ p(Ca, [["render", Na]]);
+const di = /* @__PURE__ */ p(Ca, [["render", Na]]);
 /*!
-  * iamKey v5.3.0-beta3
+  * iamKey v5.3.0-beta4
   * Copyright 2022-2024 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "collapsible side menu" });
 class Ra extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, s = document.createElement("template");
-    s.innerHTML = `
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
+    i.innerHTML = `
     <style class="styles">
     @import "${e}";
     :host{--colour-border: #e9e9e9;--side-link-hover: var(--colour-canvas-2);display:block;min-height:calc(100vh - var(--nav-height));padding-top:0 !important;margin-inline:auto;max-width:80rem;overflow:hidden;position:relative}@media screen and (prefers-color-scheme: light){:host{--side-link-hover: #eeeeee}}.container{position:static;min-height:100%;padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}@media screen and (min-width: 62em){.container{padding-left:5.25rem !important;overflow:hidden}}.side-menu{position:absolute;top:0;left:0;height:100%;min-height:calc(100vh - var(--nav-height));width:1.875rem;height:100%;background-color:var(--colour-canvas);transition:width 1s}.side-menu:before{content:"";position:absolute;top:0;right:0;height:100%;border-right:2px solid var(--colour-border)}@media screen and (min-width: 36em){.side-menu{left:0;width:2.5rem}}@media screen and (min-width: 62em){.side-menu{left:calc(50% - 34.75rem);margin-left:-5.25rem}.side-menu:after{content:"";position:absolute;top:0;height:100%;border-right:2px solid var(--colour-border);left:0;opacity:1;transition:all 1s;width:2.5rem;background:var(--colour-canvas)}.side-menu:not(.open).hover{width:21.5rem}.side-menu:not(.open).hover .btn[class*=fa-]:before{content:"" !important}}.side-menu .btn{position:absolute;top:2rem;right:0;margin-bottom:0;margin-right:-1.25rem;background-color:var(--colour-canvas-2);border:2px solid var(--colour-border);z-index:99}.side-menu .btn[aria-expanded][class*=fa-]:before{content:"" !important}@media screen and (min-width: 62em){.side-menu .btn[aria-expanded]{opacity:0;transition:opacity .5s}.side-menu .btn[aria-expanded]:is(:hover,:focus,:active){opacity:1}}.side-menu:is(.open){width:calc(100% - var(--container-padding-x))}@media screen and (min-width: 36em){.side-menu:is(.open){width:23.875rem}}@media screen and (min-width: 62em){.side-menu:is(.open){width:21.5rem}}.side-menu .side-menu-content{position:absolute;top:0;right:0;padding:2rem 2.5rem 0 0;width:21.9375rem;opacity:0;transition:opacity 1s;min-height:100%;overflow:auto;max-height:100%}.side-menu .side-menu-content .h3{padding-left:1.5rem}@media screen and (min-width: 36em){.side-menu .side-menu-content{width:23.875rem}.side-menu .side-menu-content .h3{padding-left:2.5rem}}@media screen and (min-width: 62em){.side-menu .side-menu-content{width:19rem}}.side-menu:not(.hover):not(.open) .side-menu-content.closed{display:none}.side-menu.open .side-menu-content{opacity:1}@media screen and (min-width: 62em){.side-menu.hover .side-menu-content{opacity:1}}::slotted(*[slot=menu]){padding-left:1.5rem}@media screen and (min-width: 36em){::slotted(*[slot=menu]){padding-left:2.5rem !important}}::slotted(hr){border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important}::slotted(a[slot=menu]){display:block;display:block !important;line-height:1.25rem !important;padding:1rem 2.5rem 1rem 1.5rem !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important;text-decoration:none;border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important;border-right:2px solid var(--colour-border) !important}@media screen and (min-width: 36em){::slotted(a[slot=menu]){padding-left:2.5rem !important}}::slotted(a[slot=menu]):after{display:none}::slotted(a[slot=menu]:where(:hover,:focus,[aria-expanded])){background-color:var(--side-link-hover) !important}::slotted(a[slot=menu]:active){background-color:var(--side-link-hover) !important;font-weight:bold !important}::slotted(a[slot=menu][aria-expanded]){background-color:var(--side-link-hover) !important;font-weight:bold !important;margin-right:-2.5rem !important;position:relative;border-right:2px solid var(--colour-info) !important}::slotted(a[slot=menu][aria-expanded]):before{content:"";position:absolute;top:0;right:0;height:calc(100% + 4px);margin-top:-2px;width:2px;border-right:2px solid var(--colour-info);margin-right:-2px}@media(forced-colors: active){::slotted(a[slot=menu][aria-expanded]):before{border-right:10px solid var(--colour-info)}}.main-content{padding-top:1.5rem;padding-left:3.75rem}@media screen and (min-width: 36em){.main-content{padding-left:5rem}}@media screen and (min-width: 62em){.main-content{padding-top:2.5rem !important;padding-left:0}}.main-content>span.h3{padding-top:.75rem;border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important}@media screen and (min-width: 62em){.main-content>span.h3{display:none}}::slotted(.main-content__title){border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important;max-width:100% !important;display:block}@media screen and (min-width: 62em){.side-menu.open+.main-content{padding-left:18.75rem}::slotted(.main-content__title){display:none}}/*# sourceMappingURL=assets/css/components/collapsible-side.css.map */
@@ -1808,11 +1808,11 @@ class Ra extends HTMLElement {
       </div>
 
     </div>
-    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
-    const a = this.shadowRoot.querySelector(".side-menu"), e = this.shadowRoot.querySelector(".side-menu-content"), s = this.shadowRoot.querySelector(".main-content"), o = this.shadowRoot.querySelector(".side-menu > .btn");
-    this.hasAttribute("data-css") && this.shadowRoot.querySelector(".styles").insertAdjacentHTML("beforeend", `@import "${this.getAttribute("data-css")}";`), this.hasAttribute("data-title") || this.setAttribute("data-title", "configuration"), e.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), s.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)") && (this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("h4"), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("main-content__title")), o.addEventListener("click", (n) => {
+    const a = this.shadowRoot.querySelector(".side-menu"), e = this.shadowRoot.querySelector(".side-menu-content"), i = this.shadowRoot.querySelector(".main-content"), o = this.shadowRoot.querySelector(".side-menu > .btn");
+    this.hasAttribute("data-css") && this.shadowRoot.querySelector(".styles").insertAdjacentHTML("beforeend", `@import "${this.getAttribute("data-css")}";`), this.hasAttribute("data-title") || this.setAttribute("data-title", "configuration"), e.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), i.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)") && (this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("h4"), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("main-content__title")), o.addEventListener("click", (n) => {
       a.classList.contains("open") ? (a.classList.remove("open"), o.removeAttribute("aria-expanded"), setTimeout(function() {
         e.classList.add("closed");
       }, 1e3), a.classList.add("pe-none"), setTimeout(function() {
@@ -1838,38 +1838,38 @@ const Pa = {
   mounted() {
   }
 };
-function za(t, a, e, s, o, n) {
+function za(t, a, e, i, o, n) {
   return r(), l("iam-collapsible-side", null, [
     f(t.$slots, "default")
   ]);
 }
-const cs = /* @__PURE__ */ p(Pa, [["render", za]]);
+const ci = /* @__PURE__ */ p(Pa, [["render", za]]);
 export {
   Va as Accordion,
   Oa as AccordionItem,
-  rs as Actionbar,
-  ds as AddressLookup,
-  is as AppliedFilters,
+  ri as Actionbar,
+  di as AddressLookup,
+  si as AppliedFilters,
   Ba as Banner,
   Ua as Card,
   Wa as Carousel,
-  cs as CollapsibleSideMenu,
+  ci as CollapsibleSideMenu,
   Fa as FileUpload,
-  ns as Filterlist,
+  ni as Filterlist,
   Ka as Header,
   R as Input,
   Da as Logo,
   Ja as Nav,
-  ss as NoteFeed,
-  os as Notification,
-  ls as Pagination,
+  ii as NoteFeed,
+  oi as Notification,
+  li as Pagination,
   Ya as PropertySearchbar,
   Za as Snapshot,
-  es as Step,
+  ei as Step,
   Xa as Stepper,
-  as as Tab,
+  ai as Tab,
   N as Table,
-  ts as Tabs,
+  ti as Tabs,
   Ga as Testimonial,
   Qa as Timeline
 };