@iamproperty/components 5.5.1-beta-5 → 5.6.0

package/dist/components.es.js

@@ -1,10 +1,10 @@
-import { openBlock as r, createElementBlock as l, normalizeClass as w, createElementVNode as c, toDisplayString as $, createCommentVNode as b, renderSlot as h, Fragment as E, renderList as q, withDirectives as T, mergeProps as S, vModelDynamic as H, vModelText as I, vModelSelect as D, createTextVNode as V, resolveComponent as M, createVNode as x, withModifiers as B } from "vue";
-const f = (t, a) => {
+import { openBlock as r, createElementBlock as l, normalizeClass as y, createElementVNode as c, toDisplayString as _, createCommentVNode as h, renderSlot as m, Fragment as x, renderList as A, withDirectives as T, mergeProps as k, vModelDynamic as E, vModelText as I, vModelSelect as D, createTextVNode as F, resolveComponent as H, createVNode as $, withModifiers as V } from "vue";
+const p = (t, i) => {
   const e = t.__vccOpts || t;
-  for (const [o, i] of a)
-    e[o] = i;
+  for (const [s, o] of i)
+    e[s] = o;
   return e;
-}, O = {
+}, B = {
   name: "Logo",
   props: {
     id: {
@@ -29,26 +29,26 @@ const f = (t, a) => {
       return "brand brand--" + this.id;
     }
   }
-}, U = ["xlink:href"], W = ["innerHTML"];
-function K(t, a, e, o, i, s) {
+}, U = ["xlink:href"], O = ["innerHTML"];
+function W(t, i, e, s, o, a) {
   return r(), l("div", {
-    class: w(s.className)
+    class: y(a.className)
   }, [
     (r(), l("svg", null, [
-      c("title", null, "iam " + $(e.id), 1),
+      c("title", null, "iam " + _(e.id), 1),
       c("use", {
-        "xlink:href": e.path + s.src
+        "xlink:href": e.path + a.src
       }, null, 8, U)
     ])),
     e.desc ? (r(), l("span", {
       key: 0,
       innerHTML: e.desc
-    }, null, 8, W)) : b("", !0)
+    }, null, 8, O)) : h("", !0)
   ], 2);
 }
-const za = /* @__PURE__ */ f(O, [["render", K]]), G = (t) => t.charAt(0).toUpperCase() + t.slice(1), Q = (t) => t.replace(/_/g, " "), Y = (t) => t.replace(/ /g, "_"), J = function(t) {
-  return t = t.toLowerCase(), t = Y(t), t = t.replace(/\W/g, ""), t;
-}, X = {
+const Pi = /* @__PURE__ */ p(B, [["render", W]]), K = (t) => t.charAt(0).toUpperCase() + t.slice(1), G = (t) => t.replace(/_/g, " "), Q = (t) => t.replace(/ /g, "_"), Y = function(t) {
+  return t = t.toLowerCase(), t = Q(t), t = t.replace(/\W/g, ""), t;
+}, J = {
   name: "Table",
   props: {
     items: {
@@ -62,16 +62,16 @@ const za = /* @__PURE__ */ f(O, [["render", K]]), G = (t) => t.charAt(0).toUpper
   },
   computed: {
     cellHeading() {
-      return (t) => `${G(Q(t))}`;
+      return (t) => `${K(G(t))}`;
     }
   },
   created() {
     this.$nextTick(function() {
-      import("./table.component-6aacf1c4.mjs").then((t) => {
+      import("./table.component-d5af7c61.mjs").then((t) => {
         window.customElements.get("iam-table") || window.customElements.define("iam-table", t.default);
       }).catch((t) => {
         console.log(t.message);
-      }), Promise.resolve().then(() => Ta).then((t) => {
+      }), Promise.resolve().then(() => Si).then((t) => {
         window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -80,33 +80,33 @@ const za = /* @__PURE__ */ f(O, [["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, o, i, s) {
+}, X = { key: 0 }, Z = { key: 0 }, ee = ["data-row-id"], te = ["innerHTML"];
+function ie(t, i, e, s, o, a) {
   return r(), l("iam-table", null, [
-    h(t.$slots, "before"),
-    e.fields ? (r(), l("table", Z, [
+    m(t.$slots, "before"),
+    e.fields ? (r(), l("table", X, [
       c("thead", null, [
         c("tr", null, [
-          (r(!0), l(E, null, q(e.fields, (n) => (r(), l("th", {
+          (r(!0), l(x, null, A(e.fields, (n) => (r(), l("th", {
             key: n.key
-          }, $(s.cellHeading(n.key)), 1))), 128))
+          }, _(a.cellHeading(n.key)), 1))), 128))
         ])
       ]),
-      e.items ? (r(), l("tbody", ee, [
-        (r(!0), l(E, null, q(e.items, (n, d) => (r(), l("tr", {
+      e.items ? (r(), l("tbody", Z, [
+        (r(!0), l(x, null, A(e.items, (n, d) => (r(), l("tr", {
           key: d,
           "data-row-id": n.rowid
         }, [
-          (r(!0), l(E, null, q(Object.fromEntries(Object.entries(n).filter(([u]) => u !== "rowid")), (u, m) => (r(), l("td", {
-            key: m,
+          (r(!0), l(x, null, A(Object.fromEntries(Object.entries(n).filter(([u]) => u !== "rowid")), (u, b) => (r(), l("td", {
+            key: b,
             innerHTML: u
-          }, null, 8, ae))), 128))
-        ], 8, te))), 128))
-      ])) : b("", !0)
-    ])) : h(t.$slots, "default", { key: 1 })
+          }, null, 8, te))), 128))
+        ], 8, ee))), 128))
+      ])) : h("", !0)
+    ])) : m(t.$slots, "default", { key: 1 })
   ]);
 }
-const R = /* @__PURE__ */ f(X, [["render", se]]), ie = {
+const N = /* @__PURE__ */ p(J, [["render", ie]]), ae = {
   name: "Input",
   props: {
     value: {
@@ -281,8 +281,8 @@ const R = /* @__PURE__ */ f(X, [["render", se]]), ie = {
     this.$nextTick(function() {
       let t = this.$refs.wrapper;
       if (t.parentNode && t.parentNode.classList.contains("form-check") || t.classList.length == 0) {
-        const a = document.createDocumentFragment();
-        Array.from(t.childNodes).forEach((e) => a.appendChild(e)), t.parentNode.insertBefore(a, t), t.parentNode.removeChild(t);
+        const i = document.createDocumentFragment();
+        Array.from(t.childNodes).forEach((e) => i.appendChild(e)), t.parentNode.insertBefore(i, t), t.parentNode.removeChild(t);
       }
     });
   },
@@ -294,234 +294,237 @@ const R = /* @__PURE__ */ f(X, [["render", se]]), ie = {
       this.$emit("bus");
     }
   }
-}, ne = ["for", "innerHTML", "title"], oe = ["innerHTML"], re = ["innerHTML"], le = ["type", "name", "id", "pattern", "list"], de = ["type", "name", "id", "pattern"], ce = {
+}, ne = ["for", "innerHTML", "title"], se = ["innerHTML"], oe = ["innerHTML"], re = ["type", "name", "id", "pattern", "list"], le = ["type", "name", "id", "pattern"], de = {
   key: 5,
   class: "input-group"
-}, ue = ["type", "name", "id", "pattern", "list"], me = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, pe = {
+}, ce = ["type", "name", "id", "pattern", "list"], ue = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, me = {
   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, o, i, s) {
+}, pe = ["type", "name", "id", "pattern", "list"], he = { class: "input-group-text flex-fill" }, fe = ["type", "name", "id", "pattern"], be = ["value"], ge = ["type", "name", "id"], ye = ["for", "innerHTML"], _e = ["type", "name", "id"], ve = ["for", "innerHTML"], we = ["innerHTML"], $e = ["id"], ke = ["value"];
+function xe(t, i, e, s, o, a) {
   return r(), l("div", {
-    class: w(s.wrapperClass()),
+    class: y(a.wrapperClass()),
     ref: "wrapper"
   }, [
-    s.needsLabel() ? (r(), l("label", {
+    a.needsLabel() ? (r(), l("label", {
       key: 0,
-      class: w(`form-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
+      class: y(`form-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
       for: e.id,
-      innerHTML: s.displayLabel(),
+      innerHTML: a.displayLabel(),
       title: e.title
-    }, null, 10, ne)) : b("", !0),
+    }, null, 10, ne)) : h("", !0),
     e.prefix ? (r(), l("span", {
       key: 1,
-      class: w(`prefix ${this.prefixClass} ${e.size ? `prefix-${e.size}` : ""}`),
+      class: y(`prefix ${this.prefixClass} ${e.size ? `prefix-${e.size}` : ""}`),
       innerHTML: e.prefix,
       role: "presentation"
-    }, null, 10, oe)) : b("", !0),
+    }, null, 10, se)) : h("", !0),
     e.suffix ? (r(), l("span", {
       key: 2,
-      class: w(`suffix ${this.suffixClass} ${e.size ? `suffix-${e.size}` : ""}`),
+      class: y(`suffix ${this.suffixClass} ${e.size ? `suffix-${e.size}` : ""}`),
       innerHTML: e.suffix,
       role: "presentation"
-    }, null, 10, re)) : b("", !0),
-    s.isInput() ? T((r(), l("input", S({
+    }, null, 10, oe)) : h("", !0),
+    a.isInput() ? T((r(), l("input", k({
       key: 3,
-      "onUpdate:modelValue": a[0] || (a[0] = (n) => s.inputVal = n),
+      "onUpdate:modelValue": i[0] || (i[0] = (n) => a.inputVal = n),
       class: `form-control${e.size ? ` form-control-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
       type: e.type,
       name: e.name ? e.name : e.id,
       id: e.id,
-      pattern: s.needPattern(),
-      list: s.hasOptions()
+      pattern: a.needPattern(),
+      list: a.hasOptions()
     }, t.$attrs, {
-      onKeyup: a[1] || (a[1] = (...n) => s.inputKeyup && s.inputKeyup(...n))
-    }), null, 16, le)), [
-      [H, s.inputVal]
-    ]) : b("", !0),
-    e.type == "textarea" ? T((r(), l("textarea", S({
+      onKeyup: i[1] || (i[1] = (...n) => a.inputKeyup && a.inputKeyup(...n))
+    }), null, 16, re)), [
+      [E, a.inputVal]
+    ]) : h("", !0),
+    e.type == "textarea" ? T((r(), l("textarea", k({
       key: 4,
-      "onUpdate:modelValue": a[2] || (a[2] = (n) => s.inputVal = n),
+      "onUpdate:modelValue": i[2] || (i[2] = (n) => a.inputVal = n),
       class: `form-control${e.size ? ` form-control-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
       type: e.type,
       name: e.name ? e.name : e.id,
       id: e.id,
-      pattern: s.needPattern()
-    }, t.$attrs), null, 16, de)), [
-      [I, s.inputVal]
-    ]) : b("", !0),
-    e.type == "range" ? (r(), l("div", ce, [
-      T(c("input", S({
-        "onUpdate:modelValue": a[3] || (a[3] = (n) => s.inputVal = n),
+      pattern: a.needPattern()
+    }, t.$attrs), null, 16, le)), [
+      [I, a.inputVal]
+    ]) : h("", !0),
+    e.type == "range" ? (r(), l("div", de, [
+      T(c("input", k({
+        "onUpdate:modelValue": i[3] || (i[3] = (n) => a.inputVal = n),
         class: `form-range${e.inputclass ? ` ${e.inputclass}` : ""}`,
         type: e.type,
         name: e.name ? e.name : e.id,
         id: e.id,
-        pattern: s.needPattern(),
-        list: s.hasOptions()
-      }, t.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, ue), [
-        [H, s.inputVal]
+        pattern: a.needPattern(),
+        list: a.hasOptions()
+      }, t.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, ce), [
+        [E, a.inputVal]
       ]),
-      c("output", me, $(e.value), 1)
-    ])) : b("", !0),
-    e.type == "color" ? (r(), l("div", pe, [
-      T(c("input", S({
-        "onUpdate:modelValue": a[4] || (a[4] = (n) => s.inputVal = n),
+      c("output", ue, _(e.value), 1)
+    ])) : h("", !0),
+    e.type == "color" ? (r(), l("div", me, [
+      T(c("input", k({
+        "onUpdate:modelValue": i[4] || (i[4] = (n) => a.inputVal = n),
         class: `form-control form-control-color${e.inputclass ? ` ${e.inputclass}` : ""}`,
         type: e.type,
         name: e.name ? e.name : e.id,
         id: e.id,
-        pattern: s.needPattern(),
-        list: s.hasOptions()
-      }, t.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, he), [
-        [H, s.inputVal]
+        pattern: a.needPattern(),
+        list: a.hasOptions()
+      }, t.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, pe), [
+        [E, a.inputVal]
       ]),
-      c("output", fe, $(e.value ? t.vale : "#000000"), 1)
-    ])) : b("", !0),
-    e.type == "select" ? T((r(), l("select", S({
+      c("output", he, _(e.value ? t.vale : "#000000"), 1)
+    ])) : h("", !0),
+    e.type == "select" ? T((r(), l("select", k({
       key: 7,
-      "onUpdate:modelValue": a[5] || (a[5] = (n) => s.inputVal = n),
+      "onUpdate:modelValue": i[5] || (i[5] = (n) => a.inputVal = n),
       class: `form-select${e.size ? ` form-select-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
       type: e.type,
       name: e.id,
       id: e.id,
-      pattern: s.needPattern()
+      pattern: a.needPattern()
     }, t.$attrs), [
-      (r(!0), l(E, null, q(e.options, (n, d) => (r(), l("option", {
+      (r(!0), l(x, null, A(e.options, (n, d) => (r(), l("option", {
         key: d,
         value: n.value
-      }, $(n.display ? n.display : n.value), 9, ge))), 128))
-    ], 16, be)), [
-      [D, s.inputVal]
-    ]) : b("", !0),
-    e.type == "checkbox" || e.type == "radio" ? (r(), l("input", S({
+      }, _(n.display ? n.display : n.value), 9, be))), 128))
+    ], 16, fe)), [
+      [D, a.inputVal]
+    ]) : h("", !0),
+    e.type == "checkbox" || e.type == "radio" ? (r(), l("input", k({
       key: 8,
       class: "form-check-input",
       type: e.type,
       name: e.name ? e.name : e.id,
       id: e.id
-    }, t.$attrs), null, 16, ye)) : b("", !0),
+    }, t.$attrs), null, 16, ge)) : h("", !0),
     e.type == "checkbox" || e.type == "radio" ? (r(), l("label", {
       key: 9,
-      class: w(`form-label form-check-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
+      class: y(`form-label form-check-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
       for: e.id,
       innerHTML: e.label
-    }, null, 10, ve)) : b("", !0),
-    e.type == "checkbox-btn" || e.type == "radio-btn" ? (r(), l("input", S({
+    }, null, 10, ye)) : h("", !0),
+    e.type == "checkbox-btn" || e.type == "radio-btn" ? (r(), l("input", k({
       key: 10,
       class: `btn-check${e.inputclass ? ` ${e.inputclass}` : ""}`,
       type: e.type.replace("-btn", ""),
       autocomplete: "off",
       name: e.name ? e.name : e.id,
       id: e.id
-    }, t.$attrs), null, 16, _e)) : b("", !0),
+    }, t.$attrs), null, 16, _e)) : h("", !0),
     e.type == "checkbox-btn" || e.type == "radio-btn" ? (r(), l("label", {
       key: 11,
-      class: w(`btn${e.labelclass ? ` ${e.labelclass}` : ""}`),
+      class: y(`btn${e.labelclass ? ` ${e.labelclass}` : ""}`),
       for: e.id,
       innerHTML: e.label,
-      onClick: a[6] || (a[6] = (...n) => s.clickEvent && s.clickEvent(...n))
-    }, null, 10, we)) : b("", !0),
-    h(t.$slots, "default"),
+      onClick: i[6] || (i[6] = (...n) => a.clickEvent && a.clickEvent(...n))
+    }, null, 10, ve)) : h("", !0),
+    m(t.$slots, "default"),
     e.errormsg ? (r(), l("span", {
       key: 12,
       class: "invalid-feedback mb-0",
       innerHTML: e.errormsg
-    }, null, 8, $e)) : b("", !0),
-    s.allowDatalist() ? (r(), l("datalist", {
+    }, null, 8, we)) : h("", !0),
+    a.allowDatalist() ? (r(), l("datalist", {
       key: 13,
       id: e.id + "-list"
     }, [
-      (r(!0), l(E, null, q(e.options, (n, d) => (r(), l("option", {
+      (r(!0), l(x, null, A(e.options, (n, d) => (r(), l("option", {
         key: d,
         value: n.value
-      }, $(n.value), 9, Ae))), 128))
-    ], 8, ke)) : b("", !0)
+      }, _(n.value), 9, ke))), 128))
+    ], 8, $e)) : h("", !0)
   ], 2);
 }
-const P = /* @__PURE__ */ f(ie, [["render", xe]]);
-function Le(t, a) {
-  const e = a.querySelector(".files"), o = a.querySelector(".drop-area"), i = t.querySelector("input"), s = t.hasAttribute("data-maxsize") ? t.getAttribute("data-maxsize") : 0, n = i.cloneNode();
-  if (o.append(n), a.addEventListener("click", (d) => {
-    d && d.target instanceof HTMLElement && d.target.closest(".btn-primary") && (d.target.closest(".btn-primary"), (i.hasAttribute("multiple") ? n : i).click());
-  }), a.addEventListener("click", (d) => {
+const R = /* @__PURE__ */ p(ae, [["render", xe]]);
+function Ae(t, i) {
+  const e = i.querySelector(".files"), s = i.querySelector(".drop-area"), o = t.querySelector("input"), a = t.hasAttribute("data-maxsize") ? t.getAttribute("data-maxsize") : 0, n = o.cloneNode();
+  if (s.append(n), i.addEventListener("click", (d) => {
+    d && d.target instanceof HTMLElement && d.target.closest(".btn-primary") && (d.target.closest(".btn-primary"), (o.hasAttribute("multiple") ? n : o).click());
+  }), i.addEventListener("click", (d) => {
     if (d && d.target instanceof HTMLElement && d.target.closest(".files button")) {
-      const u = new DataTransfer(), { files: m } = i, y = d.target.closest(".files button");
-      for (let g = 0; g < m.length; g++) {
-        const v = m[g];
-        v.name != y.getAttribute("data-file") && u.items.add(v);
+      const u = new DataTransfer(), { files: b } = o, g = d.target.closest(".files button");
+      for (let v = 0; v < b.length; v++) {
+        const w = b[v];
+        w.name != g.getAttribute("data-file") && u.items.add(w);
       }
-      if (i.files = u.files, i.files.length == 0) {
-        const g = new Event("empty");
-        t.dispatchEvent(g);
+      if (o.files = u.files, o.files.length == 0) {
+        const v = new Event("empty");
+        t.dispatchEvent(v);
       }
-      const p = new Event("change");
-      i.dispatchEvent(p);
+      const f = new Event("change");
+      o.dispatchEvent(f);
     }
   }), n.addEventListener("change", (d) => {
-    if (i.hasAttribute("multiple")) {
-      const y = [...i.files, ...n.files];
-      let p = [];
-      const g = new DataTransfer();
-      for (let v = 0; v < y.length; v++) {
-        const _ = y[v], k = _.size / 1e3;
-        !p.includes(_.name) && (s == 0 || k < s) && g.items.add(_), p.push(_.name);
+    if (o.hasAttribute("multiple")) {
+      const g = [...o.files, ...n.files];
+      let f = [];
+      const v = new DataTransfer();
+      for (let w = 0; w < g.length; w++) {
+        const L = g[w], q = L.size / 1e3;
+        !f.includes(L.name) && (a == 0 || q < a) && v.items.add(L), f.push(L.name);
       }
-      i.files = g.files;
+      o.files = v.files;
     } else
-      i.files = n.files;
+      o.files = n.files;
     const u = new Event("change");
-    i.dispatchEvent(u);
-    const m = new Event("elementChange");
-    t.dispatchEvent(m);
+    o.dispatchEvent(u);
+    const b = new Event("elementChange");
+    t.dispatchEvent(b);
   }), n.addEventListener("dragenter", (d) => {
     n.classList.add("focus");
   }), n.addEventListener("dragleave", (d) => {
     n.classList.remove("focus");
   }), n.addEventListener("drop", (d) => {
     n.classList.remove("focus");
-  }), i.addEventListener("change", (d) => {
+  }), o.addEventListener("change", (d) => {
     e.innerHTML = "";
-    for (const u of i.files)
+    for (const u of o.files)
       e.innerHTML += `<span class="file">${u.name} <button data-file="${u.name}">Remove</button></span>`;
   }), t.hasAttribute("data-filename")) {
     let d = t.getAttribute("data-filename");
     d && (e.innerHTML += `<span class="file">${d} <button data-file="${d}">Remove</button></span>`);
   }
+  i.addEventListener("click", (d) => {
+    d && d.target instanceof HTMLElement && d.target.closest(".btn-primary") && (d.target.closest(".btn-primary"), (o.hasAttribute("multiple") ? n : o).click());
+  });
 }
 window.dataLayer = window.dataLayer || [];
 window.dataLayer.push({
   event: "customElementRegistered",
   element: "fileupload"
 });
-class Se extends HTMLElement {
+class Le 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`, o = `@import "${a}/css/components/fileupload.css";`, i = document.createElement("template");
-    i.innerHTML = `
+    const i = 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") : `${i}/css/core.min.css`, s = `@import "${i}/css/components/fileupload.css";`, o = document.createElement("template");
+    o.innerHTML = `
     <style>
     @import "${e}";
-    ${o}
+    ${s}
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
     <div class="file-upload">
       <span class="file-upload__title">Upload file</span>
-      <p class="helper-text"></p>
-      <button class="btn btn-primary"><slot name="btn"></slot> Upload document</button>
+      <p class="helper-text"><slot name="helper"></slot></p>
+      <button class="btn btn-primary"><slot name="btn"></slot> Upload ${this.hasAttribute("data-filetype") ? this.getAttribute("data-filetype") : "file"}</button>
       <div class="drop-area"></div>
       <hr/>
       <slot></slot>
       <div class="files"><slot name="files"></slot></div>
     </div>
-    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
   }
   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"), o = this.shadowRoot.querySelector(".helper-text");
-    o.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 i = this.shadowRoot.querySelector(".file-upload"), e = this.querySelector("input"), s = this.shadowRoot.querySelector(".helper-text");
+    this.querySelector('[slot="helper"]') || (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")}` : ""}`), Ae(this, i);
   }
 }
-const Ee = {
+const Se = {
   name: "FileUpload",
   props: {
     maxfilesize: {
@@ -535,35 +538,35 @@ const Ee = {
   },
   mounted() {
     this.$nextTick(function() {
-      window.customElements.get("iam-fileupload") || window.customElements.define("iam-fileupload", Se);
+      window.customElements.get("iam-fileupload") || window.customElements.define("iam-fileupload", Le);
     });
   }
 };
-function qe(t, a, e, o, i, s) {
+function Te(t, i, e, s, o, a) {
   return r(), l("iam-fileupload", null, [
-    h(t.$slots, "default")
+    m(t.$slots, "default")
   ]);
 }
-const Ia = /* @__PURE__ */ f(Ee, [["render", qe]]);
-const Te = {
+const zi = /* @__PURE__ */ p(Se, [["render", Te]]);
+const qe = {
   name: "Accordion",
   props: {},
   mounted() {
     this.$nextTick(function() {
-      import("./accordion.component.min-08078210.mjs").then((t) => {
+      import("./accordion.component.min-add62699.mjs").then((t) => {
         window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", t.default);
       }).catch((t) => {
         console.log(t.message);
       });
     });
   }
-}, He = { ref: "wrapper" };
-function Me(t, a, e, o, i, s) {
-  return r(), l("iam-accordion", He, [
-    h(t.$slots, "default")
+}, Ee = { ref: "wrapper" };
+function He(t, i, e, s, o, a) {
+  return r(), l("iam-accordion", Ee, [
+    m(t.$slots, "default")
   ], 512);
 }
-const Da = /* @__PURE__ */ f(Te, [["render", Me]]), Ce = {
+const ji = /* @__PURE__ */ p(qe, [["render", He]]), Me = {
   name: "AccordionItem",
   props: {
     title: {
@@ -590,7 +593,7 @@ const Da = /* @__PURE__ */ f(Te, [["render", Me]]), Ce = {
   },
   computed: {
     createID() {
-      return (t) => `${J(t)}`;
+      return (t) => `${Y(t)}`;
     }
   },
   data() {
@@ -598,22 +601,22 @@ const Da = /* @__PURE__ */ f(Te, [["render", Me]]), Ce = {
       show: !this.lazy
     };
   }
-}, Ne = ["id"];
-function je(t, a, e, o, i, s) {
+}, Ce = ["id"];
+function Ne(t, i, e, s, o, a) {
   return r(), l("details", {
-    id: s.createID(e.title)
+    id: a.createID(e.title)
   }, [
     c("summary", null, [
-      V($(e.title), 1),
+      F(_(e.title), 1),
       e.badge ? (r(), l("span", {
         key: 0,
-        class: w(`badge bg-${e.badgecolour}`)
-      }, $(e.badge), 3)) : b("", !0)
+        class: y(`badge bg-${e.badgecolour}`)
+      }, _(e.badge), 3)) : h("", !0)
     ]),
-    h(t.$slots, "default")
-  ], 8, Ne);
+    m(t.$slots, "default")
+  ], 8, Ce);
 }
-const Va = /* @__PURE__ */ f(Ce, [["render", je]]), Re = {
+const Ii = /* @__PURE__ */ p(Me, [["render", Ne]]), Re = {
   name: "Header",
   props: {
     title: {
@@ -630,17 +633,17 @@ const Va = /* @__PURE__ */ f(Ce, [["render", je]]), Re = {
       required: !1
     }
   }
-}, Pe = { class: "container" }, Fe = { class: "row" }, ze = { class: "col-sm-6" }, Ie = { class: "pt-5 pb-3 px-4" }, De = { class: "col-sm-6 col-md-5 ms-auto" }, Ve = ["src"];
-function Be(t, a, e, o, i, s) {
+}, Pe = { class: "container" }, ze = { class: "row" }, je = { class: "col-sm-6" }, Ie = { class: "pt-5 pb-3 px-4" }, De = { class: "col-sm-6 col-md-5 ms-auto" }, Fe = ["src"];
+function Ve(t, i, e, s, o, a) {
   return r(), l("div", Pe, [
     c("div", {
-      class: w("bg-" + e.background + " mb-4")
+      class: y("bg-" + e.background + " mb-4")
     }, [
-      c("div", Fe, [
-        c("div", ze, [
+      c("div", ze, [
+        c("div", je, [
           c("div", Ie, [
-            c("h2", null, $(e.title), 1),
-            h(t.$slots, "default")
+            c("h2", null, _(e.title), 1),
+            m(t.$slots, "default")
           ])
         ]),
         c("div", De, [
@@ -649,20 +652,17 @@ function Be(t, a, e, o, i, s) {
             src: e.image,
             alt: "",
             class: "h-100 w-100 object-cover"
-          }, null, 8, Ve)) : b("", !0)
+          }, null, 8, Fe)) : h("", !0)
         ])
       ])
     ], 2)
   ]);
 }
-const Ba = /* @__PURE__ */ f(Re, [["render", Be]]), Oe = {
+const Di = /* @__PURE__ */ p(Re, [["render", Ve]]), Be = {
   name: "Card",
-  mounted() {
+  created() {
     this.$nextTick(function() {
-      import(
-        /* @vite-ignore */
-        "./card.component.min-02b47333.mjs"
-      ).then((t) => {
+      import("./card.component-8fb6e63b.mjs").then((t) => {
         window.customElements.get("iam-card") || window.customElements.define("iam-card", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -670,17 +670,12 @@ const Ba = /* @__PURE__ */ f(Re, [["render", Be]]), Oe = {
     });
   }
 };
-function Ue(t, a, e, o, i, s) {
+function Ue(t, i, e, s, o, a) {
   return r(), l("iam-card", null, [
-    h(t.$slots, "default")
+    m(t.$slots, "default")
   ]);
 }
-const Oa = /* @__PURE__ */ f(Oe, [["render", Ue]]), N = (t, a) => {
-  const e = t[a];
-  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((o, i) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(i.bind(null, new Error("Unknown variable dynamic import: " + a)));
-  });
-}, We = {
+const Fi = /* @__PURE__ */ p(Be, [["render", Ue]]), Oe = {
   name: "Header",
   props: {
     title: {
@@ -694,7 +689,7 @@ const Oa = /* @__PURE__ */ f(Oe, [["render", Ue]]), N = (t, a) => {
   },
   mounted() {
     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((t) => {
+      import("./carousel.component.min-7a1df789.mjs").then((t) => {
         window.customElements.get("iam-carousel") || window.customElements.define("iam-carousel", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -702,12 +697,12 @@ const Oa = /* @__PURE__ */ f(Oe, [["render", Ue]]), N = (t, a) => {
     });
   }
 };
-function Ke(t, a, e, o, i, s) {
+function We(t, i, e, s, o, a) {
   return r(), l("iam-carousel", null, [
-    h(t.$slots, "default")
+    m(t.$slots, "default")
   ]);
 }
-const Ua = /* @__PURE__ */ f(We, [["render", Ke]]), Ge = {
+const Vi = /* @__PURE__ */ p(Oe, [["render", We]]), Ke = {
   name: "Header",
   props: {
     title: {
@@ -721,54 +716,54 @@ const Ua = /* @__PURE__ */ f(We, [["render", Ke]]), Ge = {
   },
   mounted() {
     this.$nextTick(function() {
-      import("./header.component.min-9f8477b6.mjs").then((t) => {
+      import("./header.component.min-3cfd860a.mjs").then((t) => {
         window.customElements.get("iam-header") || window.customElements.define("iam-header", t.default);
       }).catch((t) => {
         console.log(t.message);
       });
     });
   }
-}, Qe = ["image"], Ye = ["innerHTML"];
-function Je(t, a, e, o, i, s) {
+}, Ge = ["image"], Qe = ["innerHTML"];
+function Ye(t, i, e, s, o, a) {
   return r(), l("iam-header", { image: e.image }, [
-    h(t.$slots, "breadcrumb"),
+    m(t.$slots, "breadcrumb"),
     e.title ? (r(), l("h1", {
       key: 0,
       innerHTML: e.title
-    }, null, 8, Ye)) : b("", !0),
-    h(t.$slots, "default")
-  ], 8, Qe);
+    }, null, 8, Qe)) : h("", !0),
+    m(t.$slots, "default")
+  ], 8, Ge);
 }
-const Wa = /* @__PURE__ */ f(Ge, [["render", Je]]);
-function Xe(t) {
-  var a;
-  const e = t.querySelector(".testimonial__images"), o = e.querySelectorAll("img").length;
-  if (o == 1)
+const Bi = /* @__PURE__ */ p(Ke, [["render", Ye]]);
+function Je(t) {
+  var i;
+  const e = t.querySelector(".testimonial__images"), s = e.querySelectorAll("img").length;
+  if (s == 1)
     return !1;
   t.classList.add("testimonial--multi");
-  const i = function(s) {
+  const o = function(a) {
     const n = t.querySelector(".btn-next"), d = t.querySelector(".btn-prev");
-    n.setAttribute("data-go", s + 1), d.setAttribute("data-go", s - 1), n.removeAttribute("disabled"), d.removeAttribute("disabled"), s == 1 ? d.setAttribute("disabled", !0) : s == o && n.setAttribute("disabled", !0);
+    n.setAttribute("data-go", a + 1), d.setAttribute("data-go", a - 1), n.removeAttribute("disabled"), d.removeAttribute("disabled"), a == 1 ? d.setAttribute("disabled", !0) : a == s && n.setAttribute("disabled", !0);
   };
-  e.addEventListener("scroll", function(s) {
-    clearTimeout(a), a = setTimeout(function() {
-      let n = e.scrollWidth, d = e.scrollHeight, u = e.scrollLeft, m = e.scrollTop, y = Math.round(u / n * o) + 1;
-      u == 0 && m != 0 && (y = Math.round(m / d * o) + 1), t.setAttribute("data-show", y), i(y);
+  e.addEventListener("scroll", function(a) {
+    clearTimeout(i), i = setTimeout(function() {
+      let n = e.scrollWidth, d = e.scrollHeight, u = e.scrollLeft, b = e.scrollTop, g = Math.round(u / n * s) + 1;
+      u == 0 && b != 0 && (g = Math.round(b / d * s) + 1), t.setAttribute("data-show", g), o(g);
     }, 300);
-  }, !1), t.addEventListener("click", function(s) {
-    for (var n = s.target; n && n != this; n = n.parentNode)
+  }, !1), t.addEventListener("click", function(a) {
+    for (var n = a.target; n && n != this; n = n.parentNode)
       if (n.matches("[data-go]")) {
-        let d = parseInt(n.getAttribute("data-go")), u = 0, m = 0, y = e.scrollWidth, p = e.scrollHeight;
-        y > p ? m = Math.floor(y * ((d - 1) / o)) : u = Math.floor(p * ((d - 1) / o)), e.scroll({
+        let d = parseInt(n.getAttribute("data-go")), u = 0, b = 0, g = e.scrollWidth, f = e.scrollHeight;
+        g > f ? b = Math.floor(g * ((d - 1) / s)) : u = Math.floor(f * ((d - 1) / s)), e.scroll({
           top: u,
-          left: m,
+          left: b,
           behavior: "smooth"
         });
         break;
       }
   }, !1);
 }
-const Ze = {
+const Xe = {
   name: "Testimonial",
   props: {
     items: {
@@ -782,13 +777,13 @@ const Ze = {
     }
   },
   mounted() {
-    Xe(this.$refs.wrapper);
+    Je(this.$refs.wrapper);
   }
-}, et = {
+}, Ze = {
   class: "container testimonial mb-5",
   "data-show": "1",
   ref: "wrapper"
-}, tt = { class: "row" }, at = { class: "col-md-5 position-relative" }, st = { class: "testimonial__images" }, it = ["src"], nt = /* @__PURE__ */ c("div", { class: "testimonial__controls" }, [
+}, et = { class: "row" }, tt = { class: "col-md-5 position-relative" }, it = { class: "testimonial__images" }, at = ["src"], nt = /* @__PURE__ */ c("div", { class: "testimonial__controls" }, [
   /* @__PURE__ */ c("button", {
     "data-go": "0",
     disabled: "",
@@ -798,50 +793,50 @@ const Ze = {
     "data-go": "2",
     class: "btn-next"
   }, "Next")
-], -1), ot = { class: "col-md-7" }, rt = /* @__PURE__ */ c("h2", null, "What our customers think…", -1), lt = { class: "testimonial__content" }, dt = ["innerHTML"], ct = ["innerHTML"], ut = { class: "testimonial__after" }, mt = /* @__PURE__ */ c("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
-function pt(t, a, e, o, i, s) {
-  return r(), l("div", et, [
+], -1), st = { class: "col-md-7" }, ot = /* @__PURE__ */ c("h2", null, "What our customers think…", -1), rt = { class: "testimonial__content" }, lt = ["innerHTML"], dt = ["innerHTML"], ct = { class: "testimonial__after" }, ut = /* @__PURE__ */ c("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
+function mt(t, i, e, s, o, a) {
+  return r(), l("div", Ze, [
     c("div", {
-      class: w("bg-" + e.background)
+      class: y("bg-" + e.background)
     }, [
-      c("div", tt, [
-        c("div", at, [
-          c("div", st, [
-            (r(!0), l(E, null, q(e.items, (n, d) => (r(), l("img", {
+      c("div", et, [
+        c("div", tt, [
+          c("div", it, [
+            (r(!0), l(x, null, A(e.items, (n, d) => (r(), l("img", {
               key: d,
               src: n.image ? n.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
               alt: "",
-              class: w("h-100 w-100 object-cover" + (n.image ? "" : " opacity-0"))
-            }, null, 10, it))), 128))
+              class: y("h-100 w-100 object-cover" + (n.image ? "" : " opacity-0"))
+            }, null, 10, at))), 128))
           ]),
           nt
         ]),
-        c("div", ot, [
-          rt,
-          c("div", lt, [
-            (r(!0), l(E, null, q(e.items, (n, d) => (r(), l("blockquote", {
+        c("div", st, [
+          ot,
+          c("div", rt, [
+            (r(!0), l(x, null, A(e.items, (n, d) => (r(), l("blockquote", {
               key: d,
-              class: w(n.class)
+              class: y(n.class)
             }, [
               c("div", {
                 innerHTML: n.quote
-              }, null, 8, dt),
+              }, null, 8, lt),
               c("cite", {
                 innerHTML: n.cite
-              }, null, 8, ct)
+              }, null, 8, dt)
             ], 2))), 128))
           ]),
-          c("div", ut, [
-            h(t.$slots, "default")
+          c("div", ct, [
+            m(t.$slots, "default")
           ])
         ])
       ]),
-      mt
+      ut
     ], 2)
   ], 512);
 }
-const Ka = /* @__PURE__ */ f(Ze, [["render", pt]]);
-const ht = {
+const Ui = /* @__PURE__ */ p(Xe, [["render", mt]]);
+const pt = {
   name: "Timeline",
   props: {
     image: {
@@ -849,23 +844,23 @@ const ht = {
       required: !1
     }
   }
-}, ft = { class: "timeline" }, bt = { class: "timeline__content" }, gt = ["src"];
-function yt(t, a, e, o, i, s) {
-  return r(), l("div", ft, [
-    c("div", bt, [
-      h(t.$slots, "default")
+}, ht = { class: "timeline" }, ft = { class: "timeline__content" }, bt = ["src"];
+function gt(t, i, e, s, o, a) {
+  return r(), l("div", ht, [
+    c("div", ft, [
+      m(t.$slots, "default")
     ]),
     e.image ? (r(), l("img", {
       key: 0,
       src: e.image,
       alt: ""
-    }, null, 8, gt)) : b("", !0)
+    }, null, 8, bt)) : h("", !0)
   ]);
 }
-const Ga = /* @__PURE__ */ f(ht, [["render", yt]]);
-const vt = {
+const Oi = /* @__PURE__ */ p(pt, [["render", gt]]);
+const yt = {
   components: {
-    Input: P
+    Input: R
   },
   name: "PropertySearchbar",
   props: {
@@ -1012,43 +1007,43 @@ const vt = {
 }, _t = {
   class: "container",
   ref: "wrapper"
-}, wt = { class: "property-searchbar" }, $t = ["action", "method"], kt = { class: "col-12 col-md-3" }, At = { class: "col-12 col-md" }, xt = /* @__PURE__ */ c("span", { class: "form-label d-none d-md-block" }, "Price range", -1), Lt = {
+}, vt = { class: "property-searchbar" }, wt = ["action", "method"], $t = { class: "col-12 col-md-3" }, kt = { class: "col-12 col-md" }, xt = /* @__PURE__ */ c("span", { class: "form-label d-none d-md-block" }, "Price range", -1), At = {
   class: "row",
   "data-input-range": ""
-}, St = { class: "col-12 col-md" }, Et = /* @__PURE__ */ c("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), qt = {
+}, Lt = { class: "col-12 col-md" }, St = /* @__PURE__ */ c("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), Tt = {
   class: "row",
   "data-input-range": ""
-}, Tt = { class: "col-12 col-md-2" }, Ht = /* @__PURE__ */ c("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
+}, qt = { class: "col-12 col-md-2" }, Et = /* @__PURE__ */ c("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
   /* @__PURE__ */ c("button", {
     class: "btn w-100 me-0",
     type: "submit",
     value: "submit"
   }, "Search")
 ], -1);
-function Mt(t, a, e, o, i, s) {
-  const n = M("Input");
+function Ht(t, i, e, s, o, a) {
+  const n = H("Input");
   return r(), l("div", _t, [
-    h(t.$slots, "default"),
-    c("div", wt, [
+    m(t.$slots, "default"),
+    c("div", vt, [
       c("form", {
         class: "row",
         action: e.formaction,
         method: e.formmethod
       }, [
-        c("fieldset", kt, [
-          x(n, {
+        c("fieldset", $t, [
+          $(n, {
             inputClass: "input--locations",
-            modelValue: s.locationSet,
-            "onUpdate:modelValue": a[0] || (a[0] = (d) => s.locationSet = d),
+            modelValue: a.locationSet,
+            "onUpdate:modelValue": i[0] || (i[0] = (d) => a.locationSet = d),
             label: "Location",
             id: "location",
-            options: s.locationsList(),
+            options: a.locationsList(),
             required: "",
             placeholder: "i.e. Newcastle or NE1",
-            onKeyupEvent: a[1] || (a[1] = (d) => s.locationKeyup(...arguments)),
+            onKeyupEvent: i[1] || (i[1] = (d) => a.locationKeyup(...arguments)),
             ref: "search"
           }, null, 8, ["modelValue", "options"]),
-          x(n, {
+          $(n, {
             class: "select--miles",
             label: "Miles",
             id: "miles",
@@ -1056,10 +1051,10 @@ function Mt(t, a, e, o, i, s) {
             options: e.distances
           }, null, 8, ["options"])
         ]),
-        c("fieldset", At, [
+        c("fieldset", kt, [
           xt,
-          c("div", Lt, [
-            x(n, {
+          c("div", At, [
+            $(n, {
               class: "col-6",
               label: "Minimum price",
               id: "price-min",
@@ -1067,7 +1062,7 @@ function Mt(t, a, e, o, i, s) {
               type: "select",
               options: e.pricemin
             }, null, 8, ["options"]),
-            x(n, {
+            $(n, {
               class: "col-6",
               label: "Maximum price",
               id: "price-max",
@@ -1077,10 +1072,10 @@ function Mt(t, a, e, o, i, s) {
             }, null, 8, ["options"])
           ])
         ]),
-        c("fieldset", St, [
-          Et,
-          c("div", qt, [
-            x(n, {
+        c("fieldset", Lt, [
+          St,
+          c("div", Tt, [
+            $(n, {
               class: "col-6",
               label: "Minimum beds",
               id: "beds-min",
@@ -1088,7 +1083,7 @@ function Mt(t, a, e, o, i, s) {
               type: "select",
               options: e.bedsmin
             }, null, 8, ["options"]),
-            x(n, {
+            $(n, {
               class: "col-6",
               label: "Maximum beds",
               id: "beds-max",
@@ -1098,26 +1093,26 @@ function Mt(t, a, e, o, i, s) {
             }, null, 8, ["options"])
           ])
         ]),
-        c("fieldset", Tt, [
-          x(n, {
+        c("fieldset", qt, [
+          $(n, {
             label: "Property type",
             id: "property-type",
             type: "select",
             options: e.propertytypes
           }, null, 8, ["options"])
         ]),
-        Ht
-      ], 8, $t)
+        Et
+      ], 8, wt)
     ]),
-    h(t.$slots, "after")
+    m(t.$slots, "after")
   ], 512);
 }
-const Qa = /* @__PURE__ */ f(vt, [["render", Mt]]), Ct = {
+const Wi = /* @__PURE__ */ p(yt, [["render", Ht]]), Mt = {
   components: {},
   name: "Nav",
   mounted() {
     this.$nextTick(function() {
-      import("./nav.component.min-cf39edaa.mjs").then((t) => {
+      import("./nav.component.min-e23cd274.mjs").then((t) => {
         window.customElements.get("iam-nav") || window.customElements.define("iam-nav", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1125,13 +1120,13 @@ const Qa = /* @__PURE__ */ f(vt, [["render", Mt]]), Ct = {
     });
   },
   methods: {}
-}, Nt = { ref: "wrapper" };
-function jt(t, a, e, o, i, s) {
-  return r(), l("iam-nav", Nt, [
-    h(t.$slots, "default")
+}, Ct = { ref: "wrapper" };
+function Nt(t, i, e, s, o, a) {
+  return r(), l("iam-nav", Ct, [
+    m(t.$slots, "default")
   ], 512);
 }
-const Ya = /* @__PURE__ */ f(Ct, [["render", jt]]);
+const Ki = /* @__PURE__ */ p(Mt, [["render", Nt]]);
 const Rt = {
   name: "Stepper",
   props: {
@@ -1145,26 +1140,26 @@ const Rt = {
       default: "Complete"
     }
   }
-}, Pt = { class: "container" }, Ft = ["aria-label"], zt = {
+}, Pt = { class: "container" }, zt = ["aria-label"], jt = {
   key: 0,
   class: "h6 stepper__start"
 }, It = { class: "list-unstyled" }, Dt = { class: "h6 stepper__end" };
-function Vt(t, a, e, o, i, s) {
+function Ft(t, i, e, s, o, a) {
   return r(), l("div", Pt, [
     c("nav", {
       class: "stepper",
       "aria-label": e.label ? e.label : "Progress"
     }, [
-      e.label ? (r(), l("span", zt, $(e.label), 1)) : b("", !0),
+      e.label ? (r(), l("span", jt, _(e.label), 1)) : h("", !0),
       c("ol", It, [
-        h(t.$slots, "default")
+        m(t.$slots, "default")
       ]),
-      c("span", Dt, $(e.endlabel), 1)
-    ], 8, Ft)
+      c("span", Dt, _(e.endlabel), 1)
+    ], 8, zt)
   ]);
 }
-const Ja = /* @__PURE__ */ f(Rt, [["render", Vt]]);
-const Bt = {
+const Gi = /* @__PURE__ */ p(Rt, [["render", Ft]]);
+const Vt = {
   name: "Snapshot",
   props: {
     items: {
@@ -1172,33 +1167,33 @@ const Bt = {
       required: !0
     }
   }
-}, Ot = {
+}, Bt = {
   class: "container snapshot",
   ref: "wrapper"
-}, Ut = { class: "row" }, Wt = ["href"], Kt = { class: "lead snapshot__title" }, Gt = { class: "stat" };
-function Qt(t, a, e, o, i, s) {
-  return r(), l("div", Ot, [
-    h(t.$slots, "default"),
+}, Ut = { class: "row" }, Ot = ["href"], Wt = { class: "lead snapshot__title" }, Kt = { class: "stat" };
+function Gt(t, i, e, s, o, a) {
+  return r(), l("div", Bt, [
+    m(t.$slots, "default"),
     c("div", Ut, [
-      (r(!0), l(E, null, q(e.items, (n, d) => (r(), l("div", {
+      (r(!0), l(x, null, A(e.items, (n, d) => (r(), l("div", {
         class: "col",
         key: d
       }, [
         n.link ? (r(), l("a", {
           key: 0,
           href: n.link
-        }, "View " + $(n.title), 9, Wt)) : b("", !0),
+        }, "View " + _(n.title), 9, Ot)) : h("", !0),
         c("div", {
-          class: w(`snapshot__item ${n.bg ? "bg-" + n.bg : ""}`)
+          class: y(`snapshot__item ${n.bg ? "bg-" + n.bg : ""}`)
         }, [
-          c("span", Kt, $(n.title), 1),
-          c("span", Gt, $(n.number), 1)
+          c("span", Wt, _(n.title), 1),
+          c("span", Kt, _(n.number), 1)
         ], 2)
       ]))), 128))
     ])
   ], 512);
 }
-const Xa = /* @__PURE__ */ f(Bt, [["render", Qt]]), Yt = {
+const Qi = /* @__PURE__ */ p(Vt, [["render", Gt]]), Qt = {
   name: "Stepper",
   props: {
     url: {
@@ -1214,43 +1209,43 @@ const Xa = /* @__PURE__ */ f(Bt, [["render", Qt]]), Yt = {
       required: !1
     }
   }
-}, Jt = ["href", "aria-current"], Xt = {
+}, Yt = ["href", "aria-current"], Jt = {
   key: 0,
   class: "visually-hidden"
 };
-function Zt(t, a, e, o, i, s) {
+function Xt(t, i, e, s, o, a) {
   return r(), l("li", null, [
     c("a", {
       href: e.url,
-      class: w(`${e.status ? "bg-" + e.status : ""}${typeof e.current < "u" ? "current" : ""}`),
+      class: y(`${e.status ? "bg-" + e.status : ""}${typeof e.current < "u" ? "current" : ""}`),
       "aria-current": typeof e.current < "u" ? "step" : !1
     }, [
       c("span", null, [
-        h(t.$slots, "default")
+        m(t.$slots, "default")
       ]),
-      e.status ? (r(), l("em", Xt, " - status: " + $(e.status), 1)) : b("", !0)
-    ], 10, Jt)
+      e.status ? (r(), l("em", Jt, " - status: " + _(e.status), 1)) : h("", !0)
+    ], 10, Yt)
   ]);
 }
-const Za = /* @__PURE__ */ f(Yt, [["render", Zt]]);
-const ea = {
+const Yi = /* @__PURE__ */ p(Qt, [["render", Xt]]);
+const Zt = {
   name: "Tabs",
-  mounted() {
+  created() {
     this.$nextTick(function() {
-      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-222bebe6.mjs") }), "../../../assets/js/components/tabs/tabs.component.js").then((t) => {
+      import("./tabs.component.min-212c91ac.mjs").then((t) => {
         window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", t.default);
       }).catch((t) => {
         console.log(t.message);
       });
     });
   }
-}, ta = { ref: "wrapper" };
-function aa(t, a, e, o, i, s) {
-  return r(), l("iam-tabs", ta, [
-    h(t.$slots, "default")
+}, ei = { ref: "wrapper" };
+function ti(t, i, e, s, o, a) {
+  return r(), l("iam-tabs", ei, [
+    m(t.$slots, "default")
   ], 512);
 }
-const es = /* @__PURE__ */ f(ea, [["render", aa]]), sa = {
+const Ji = /* @__PURE__ */ p(Zt, [["render", ti]]), ii = {
   name: "Tab",
   props: {
     title: {
@@ -1272,23 +1267,23 @@ const es = /* @__PURE__ */ f(ea, [["render", aa]]), sa = {
       isDisabled: !!this.disabled
     };
   }
-}, ia = { class: "tab" }, na = ["innerHTML"];
-function oa(t, a, e, o, i, s) {
-  return r(), l("details", ia, [
+}, ai = { class: "tab" }, ni = ["innerHTML"];
+function si(t, i, e, s, o, a) {
+  return r(), l("details", ai, [
     c("summary", {
       innerHTML: e.title,
-      class: w({ disabled: i.isDisabled })
-    }, null, 10, na),
-    h(t.$slots, "default")
+      class: y({ disabled: o.isDisabled })
+    }, null, 10, ni),
+    m(t.$slots, "default")
   ]);
 }
-const ts = /* @__PURE__ */ f(sa, [["render", oa]]);
-let F = R.props;
-F.fields.required = !1;
-const ra = {
+const Xi = /* @__PURE__ */ p(ii, [["render", si]]);
+let P = N.props;
+P.fields.required = !1;
+const oi = {
   components: {
-    Table: R,
-    Input: P
+    Table: N,
+    Input: R
   },
   data() {
     return {
@@ -1299,14 +1294,14 @@ const ra = {
   methods: {
     submitForm: function(t) {
       console.log(this);
-      const a = new FormData(t.target);
+      const i = new FormData(t.target);
       let e = /* @__PURE__ */ new Date();
-      const o = e.getFullYear();
-      let i = e.getMonth() + 1, s = e.getDate();
-      s < 10 && (s = "0" + s), i < 10 && (i = "0" + i), e = s + "/" + i + "/" + o, this.itemsData.unshift({
+      const s = e.getFullYear();
+      let o = e.getMonth() + 1, a = e.getDate();
+      a < 10 && (a = "0" + a), o < 10 && (o = "0" + o), e = a + "/" + o + "/" + s, this.itemsData.unshift({
         date_added: e,
-        user: a.get("user"),
-        note: a.get("addNote")
+        user: i.get("user"),
+        note: i.get("addNote")
       }), this.$emit("formSubmitted", t);
     }
   },
@@ -1316,7 +1311,7 @@ const ra = {
       type: String,
       required: !0
     },
-    ...F,
+    ...P,
     title: {
       type: String,
       required: !1
@@ -1331,177 +1326,87 @@ const ra = {
       required: !1
     }
   }
-}, la = { class: "container note-feed mb-2" }, da = ["innerHTML"], ca = ["action", "method"], ua = ["value"], ma = /* @__PURE__ */ c("button", { class: "btn btn-tertiary" }, "Submit note", -1);
-function pa(t, a, e, o, i, s) {
-  const n = M("Table"), d = M("Input");
-  return r(), l("div", la, [
+}, ri = { class: "container note-feed mb-2" }, li = ["innerHTML"], di = ["action", "method"], ci = ["value"], ui = /* @__PURE__ */ c("button", { class: "btn btn-tertiary" }, "Submit note", -1);
+function mi(t, i, e, s, o, a) {
+  const n = H("Table"), d = H("Input");
+  return r(), l("div", ri, [
     e.title ? (r(), l("span", {
       key: 0,
       class: "h3",
       innerHTML: e.title
-    }, null, 8, da)) : b("", !0),
-    x(n, S({
+    }, null, 8, li)) : h("", !0),
+    $(n, k({
       fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
-      items: i.itemsData
+      items: o.itemsData
     }, t.$props, { class: "mb-0" }), null, 16, ["items"]),
     c("form", {
       action: e.action,
       method: e.method,
-      onSubmit: a[0] || (a[0] = B((u) => s.submitForm(...arguments), ["prevent"]))
+      onSubmit: i[0] || (i[0] = V((u) => a.submitForm(...arguments), ["prevent"]))
     }, [
       c("input", {
         type: "hidden",
         value: e.user,
         name: "user"
-      }, null, 8, ua),
-      x(d, {
+      }, null, 8, ci),
+      $(d, {
         id: "addNote",
         type: "textarea",
         label: "Add note",
         required: "",
         class: "mw-100"
       }),
-      ma
-    ], 40, ca)
+      ui
+    ], 40, di)
   ]);
 }
-const as = /* @__PURE__ */ f(ra, [["render", pa]]);
-function ha(t, a) {
-  function e(i, s, n = !0) {
-    let d = !1, u = s.getAttribute("name");
-    u.includes("[]") && (u = u.replace("[]", `[${s.value}]`));
-    let m = i.querySelector(`[data-name="${u}"]`);
-    m && s.getAttribute("type") == "checkbox" && (d = !s.checked);
-    let y = s.getAttribute("data-filter-text");
-    if (m || (m = document.createElement("button"), i.appendChild(m)), m.setAttribute("type", "button"), m.classList.add("filter"), m.classList.add("tag"), n && m.classList.add("tag--not-set"), m.setAttribute("data-name", u), m.innerHTML = y.replace("$value", s.value), (!s.value || d) && m.remove(), s.parentNode.closest("[data-filter-text]")) {
-      let p = s.parentNode.closest("[data-filter-text]"), g = !0;
-      if (u = "", p.querySelectorAll("input").forEach((v, _) => {
-        let k = v.getAttribute("name");
-        if (u += `${_ != 0 ? "," : ""}${k}`, i.querySelector(`[data-name="${k}"]`) && i.querySelector(`[data-name="${k}"]`).remove(), v.value) {
-          let A = document.createElement("button");
-          A.setAttribute("type", "button"), A.classList.add("filter"), A.classList.add("tag"), n && m.classList.add("tag--not-set"), A.setAttribute("data-name", k), A.innerHTML = y.replace("$value", v.value), i.appendChild(A);
-        } else
-          g = !1;
-      }), i.querySelector(`[data-name="${u}"]`) && i.querySelector(`[data-name="${u}"]`).remove(), g) {
-        let v = p.getAttribute("data-filter-text");
-        p.querySelectorAll("input").forEach((k, A) => {
-          let L = k.getAttribute("name");
-          i.querySelector(`[data-name="${L}"]`) && i.querySelector(`[data-name="${L}"]`).remove(), v = v.replace(`$${A + 1}`, k.value);
-        });
-        let _ = document.createElement("button");
-        _.setAttribute("type", "button"), _.classList.add("filter"), _.classList.add("tag"), n && m.classList.add("tag--not-set"), _.setAttribute("data-name", u), _.innerHTML = v, i.appendChild(_);
-      }
-    }
-  }
-  Array.from(t.querySelectorAll('input[type="checkbox"]:checked, input:not([type="checkbox"]):not([type="radio"])')).forEach((i, s) => {
-    e(a, i, !1);
-  });
-  let o = t.closest("dialog");
-  o && new MutationObserver(function(s) {
-    s[0].attributeName == "open" && Array.from(t.querySelectorAll('input[type="checkbox"]:checked, input:not([type="checkbox"]):not([type="radio"])')).forEach((n, d) => {
-      e(a, n, !1);
-    });
-  }).observe(o, { attributes: !0 }), t.addEventListener("tags-set", function(i) {
-    a.innerHTML = "", Array.from(t.querySelectorAll('input[type="checkbox"]:checked, input:not([type="checkbox"]):not([type="radio"])')).forEach((s, n) => {
-      e(a, s, !1);
-    });
-  }), Array.from(t.querySelectorAll('input[type="checkbox"]:checked, input:not([type="checkbox"]):not([type="radio"])')).forEach((i, s) => {
-    i.addEventListener("change", function(n) {
-      t.hasAttribute("data-keep-same") || e(a, i), n.stopPropagation();
+const Zi = /* @__PURE__ */ p(oi, [["render", mi]]), pi = {
+  name: "Applied Filter",
+  mounted() {
+    this.$nextTick(function() {
+      import("./applied-filters.component-a4f8d7e3.mjs").then((t) => {
+        window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", t.default);
+      }).catch((t) => {
+        console.log(t.message);
+      });
     });
-  }), t.addEventListener("change", function(i) {
-    if (i && i.target instanceof HTMLElement && i.target.closest("input[data-filter-text]")) {
-      let s = i.target.closest("input[data-filter-text]");
-      t.hasAttribute("data-keep-same") || e(a, s);
-    }
-  }), a.addEventListener("click", function(i) {
-    if (i && i.target instanceof HTMLElement && i.target.closest(".filter")) {
-      let d = i.target.closest(".filter"), u = d.getAttribute("data-name").split(",");
-      for (var s = 0; s < u.length; s++) {
-        let m = u[s], y = `[name="${m}"]`;
-        m.match(/\[(.*)\]/) && (m.replace(/\[(.*)\]/, "[]"), y = `[value="${m.replace(/.*\[(.*)\]/, "$1")}"]`);
-        let p = t.querySelectorAll(y);
-        for (var n = 0; n < p.length; n++) {
-          let g = p[n];
-          if (g.getAttribute("type") != "radio" && g.getAttribute("type") != "checkbox") {
-            g.value = "";
-            var i = new Event("force");
-            t.hasAttribute("data-nosubmit") || g.closest("form").dispatchEvent(i);
-          } else {
-            g.checked = !1;
-            var i = new Event("force");
-            t.hasAttribute("data-nosubmit") || g.closest("form").dispatchEvent(i);
-          }
-        }
-      }
-      d.remove();
-    }
-  }, !1);
-}
-window.dataLayer = window.dataLayer || [];
-window.dataLayer.push({
-  event: "customElementRegistered",
-  element: "Applied Filters"
-});
-class fa 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`, o = `@import "${a}/css/components/applied-filters.css";`;
-    let i = this.classList.toString();
-    const s = document.createElement("template");
-    s.innerHTML = `
-    <style>
-    @import "${e}";
-    ${o}
-    ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
-    </style>
-    <div class="applied-filters ${i}"></div>
-    <slot></slot>
-    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
   }
-  connectedCallback() {
-    ha(this, this.shadowRoot.querySelector(".applied-filters"));
-  }
-}
-window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", fa);
-const ba = {
-  name: "Header"
 };
-function ga(t, a, e, o, i, s) {
+function hi(t, i, e, s, o, a) {
   return r(), l("iam-applied-filters", null, [
-    h(t.$slots, "default")
+    m(t.$slots, "default")
   ]);
 }
-const ss = /* @__PURE__ */ f(ba, [["render", ga]]);
+const ea = /* @__PURE__ */ p(pi, [["render", hi]]);
 /*!
-  * iamKey v5.5.1-beta-5
+  * iamKey v5.6.0
   * Copyright 2022-2024 iamproperty
   */
-function ya(t, a) {
-  va(t, a);
+function fi(t, i) {
+  bi(t, i);
 }
-function va(t, a) {
+function bi(t, i) {
   var e;
-  a.addEventListener("keyup", (o) => {
+  i.addEventListener("keyup", (s) => {
     clearTimeout(e), e = setTimeout(function() {
-      j(t, a.value);
+      C(t, i.value);
     }, 500);
-  }), a.addEventListener("change", (o) => {
-    clearTimeout(e), j(t, a.value);
+  }), i.addEventListener("change", (s) => {
+    clearTimeout(e), C(t, i.value);
   });
 }
-const j = function(t, a) {
-  Array.from(t.querySelectorAll(":scope > li")).forEach((e, o) => {
-    let i = e.textContent.toLowerCase();
-    e.classList.add("d-none"), i.includes(a.toLowerCase()) && e.classList.remove("d-none");
-  }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Filtered list", value: a });
+const C = function(t, i) {
+  Array.from(t.querySelectorAll(":scope > li")).forEach((e, s) => {
+    let o = e.textContent.toLowerCase();
+    e.classList.add("d-none"), o.includes(i.toLowerCase()) && e.classList.remove("d-none");
+  }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Filtered list", value: i });
 };
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "filterlist" });
-class _a extends HTMLElement {
+class gi 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`, o = document.createElement("template");
-    o.innerHTML = `
+    const i = 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") : `${i}/css/core.min.css`, s = document.createElement("template");
+    s.innerHTML = `
     <style>
     @import "${e}";
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
@@ -1528,51 +1433,51 @@ class _a extends HTMLElement {
     <div class="list__wrapper">
       <slot></slot>
     </div>
-    `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
   }
   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>'), ya(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
+    let i = this.classList.toString();
+    this.shadowRoot.querySelector(".list__wrapper").setAttribute("class", `list__wrapper ${i}`), 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"));
   }
 }
-window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", _a);
-const wa = {
+window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", gi);
+const yi = {
   name: "Filter list"
 };
-function $a(t, a, e, o, i, s) {
+function _i(t, i, e, s, o, a) {
   return r(), l("iam-filterlist", null, [
-    h(t.$slots, "default")
+    m(t.$slots, "default")
   ]);
 }
-const is = /* @__PURE__ */ f(wa, [["render", $a]]);
-function ka(t) {
+const ta = /* @__PURE__ */ p(yi, [["render", _i]]);
+function vi(t) {
   if (t.hasAttribute("data-type") && t.getAttribute("data-type") == "toast") {
     let e = document.querySelector(".notification__holder");
     e || (e = document.createElement("div"), e.classList.add("notification__holder"), e.classList.add("container"), document.querySelector("body").appendChild(e)), t.closest(".notification__holder") || e.appendChild(t);
   }
   if (t.setAttribute("role", "alert"), t.addEventListener("click", function(e) {
-    event && event.target instanceof HTMLElement && event.target.closest("[data-dismiss-button]") && (e.preventDefault(), C(t));
+    event && event.target instanceof HTMLElement && event.target.closest("[data-dismiss-button]") && (e.preventDefault(), M(t));
   }, !1), t.hasAttribute("data-timeout")) {
     let e = t.getAttribute("data-timeout");
-    var a = new Aa(function() {
-      C(t);
+    var i = new wi(function() {
+      M(t);
     }, e);
-    t.addEventListener("mouseenter", (o) => {
-      a.pause();
-    }), t.addEventListener("mouseleave", (o) => {
-      a.resume();
+    t.addEventListener("mouseenter", (s) => {
+      i.pause();
+    }), t.addEventListener("mouseleave", (s) => {
+      i.resume();
     });
   }
 }
-function Aa(t, a) {
-  var e, o, i = a;
+function wi(t, i) {
+  var e, s, o = i;
   this.pause = function() {
-    window.clearTimeout(e), i -= /* @__PURE__ */ new Date() - o;
+    window.clearTimeout(e), o -= /* @__PURE__ */ new Date() - s;
   }, this.resume = function() {
-    o = /* @__PURE__ */ new Date(), window.clearTimeout(e), e = window.setTimeout(t, i);
+    s = /* @__PURE__ */ new Date(), window.clearTimeout(e), e = window.setTimeout(t, o);
   }, this.resume();
 }
-const C = function(t) {
+const M = function(t) {
   t.classList.add("d-none");
 };
 window.dataLayer = window.dataLayer || [];
@@ -1580,32 +1485,32 @@ window.dataLayer.push({
   event: "customElementRegistered",
   element: "Notification"
 });
-class xa extends HTMLElement {
+class $i 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`, o = `@import "${a}/css/components/notification.css";`, i = `@import "${a}/css/components/notification.global.css";`, s = this.querySelectorAll("a,button");
-    Array.from(s).forEach((d, u) => {
+    const i = 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") : `${i}/css/core.min.css`, s = `@import "${i}/css/components/notification.css";`, o = `@import "${i}/css/components/notification.global.css";`, a = this.querySelectorAll("a,button");
+    Array.from(a).forEach((d, u) => {
       d.setAttribute("slot", "btns"), d.classList.add("link");
-    }), (s.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
+    }), (a.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
     const n = document.createElement("template");
     n.innerHTML = `
     <style>
     @import "${e}";
-    ${o}
+    ${s}
     ${this.hasAttribute("data-css") ? `${this.getAttribute("data-css")}` : ""}
     </style>
 
     <div class="notification">
       <div class="notification__icon"><slot name="icon"></slot></div>
-      <div class="notification__inner"><div class="notification__text"><slot></slot></div>${s.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
+      <div class="notification__inner"><div class="notification__text"><slot></slot></div>${a.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(n.content.cloneNode(!0)), document.getElementById("notificationHolder") || document.head.insertAdjacentHTML("beforeend", `<style id="notificationHolder">${i}</style>`);
+    `, this.shadowRoot.appendChild(n.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";
+    const i = 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 o = this;
+    const s = this;
     if (!this.querySelector("i"))
       switch (e) {
         case "danger":
@@ -1620,31 +1525,31 @@ class xa extends HTMLElement {
         default:
           this.innerHTML += '<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>';
       }
-    ka(o), a && a.addEventListener("click", function(i) {
-      C(o);
+    vi(s), i && i.addEventListener("click", function(o) {
+      M(s);
     }, !1);
   }
 }
-const La = {
+const ki = {
   name: "Notification",
   props: {},
   created() {
     this.$nextTick(function() {
-      window.customElements.get("iam-notification") || window.customElements.define("iam-notification", xa);
+      window.customElements.get("iam-notification") || window.customElements.define("iam-notification", $i);
     });
   }
 };
-function Sa(t, a, e, o, i, s) {
+function xi(t, i, e, s, o, a) {
   return r(), l("iam-notification", null, [
-    h(t.$slots, "default")
+    m(t.$slots, "default")
   ]);
 }
-const ns = /* @__PURE__ */ f(La, [["render", Sa]]), Ea = {
+const ia = /* @__PURE__ */ p(ki, [["render", xi]]), Ai = {
   name: "Actionbar",
   props: {},
   mounted() {
     this.$nextTick(function() {
-      import("./actionbar.component.min-3bd81694.mjs").then((t) => {
+      import("./actionbar.component.min-3002be25.mjs").then((t) => {
         window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1652,24 +1557,24 @@ const ns = /* @__PURE__ */ f(La, [["render", Sa]]), Ea = {
     });
   }
 };
-function qa(t, a, e, o, i, s) {
+function Li(t, i, e, s, o, a) {
   return r(), l("iam-actionbar", null, [
-    h(t.$slots, "default")
+    m(t.$slots, "default")
   ]);
 }
-const os = /* @__PURE__ */ f(Ea, [["render", qa]]);
+const aa = /* @__PURE__ */ p(Ai, [["render", Li]]);
 /*!
-  * iamKey v5.5.1-beta-5
+  * iamKey v5.6.0
   * 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`, o = document.createElement("template");
-    o.innerHTML = `
+    const i = 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") : `${i}/css/core.min.css`, s = document.createElement("template");
+    s.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 */
+    :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{--select-padding-left: rem(16);height:3.25rem;line-height:3.25rem;margin-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 */
 
     
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
@@ -1704,19 +1609,19 @@ class z extends HTMLElement {
         <button class="load-more btn btn-primary m-auto">Load more</a>
       </div>
     </div>
-    `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(s.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"), o = this.shadowRoot.querySelector(".prev"), i = this.shadowRoot.querySelector(".next"), s = this.shadowRoot.querySelector(".per-page select"), n = this.shadowRoot.querySelector(".load-more");
+    const i = new URLSearchParams(window.location.search);
+    this.hasAttribute("data-total") || this.setAttribute("data-total", 15), this.hasAttribute("data-page") || this.setAttribute("data-page", i.has("page") ? i.get("page") : 1), this.hasAttribute("data-show") || this.setAttribute("data-show", i.has("show") ? i.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"), a = this.shadowRoot.querySelector(".per-page select"), n = 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);
-    }), i.addEventListener("click", (d) => {
-      e.value = parseInt(e.value) + 1, e.dispatchEvent(new Event("change"));
     }), o.addEventListener("click", (d) => {
+      e.value = parseInt(e.value) + 1, e.dispatchEvent(new Event("change"));
+    }), s.addEventListener("click", (d) => {
       e.value = parseInt(e.value) - 1, e.dispatchEvent(new Event("change"));
-    }), s.addEventListener("change", (d) => {
+    }), a.addEventListener("change", (d) => {
       this.setAttribute("data-increment", d.target.value);
     }), n.addEventListener("click", (d) => {
       let u = parseInt(this.getAttribute("data-show")) + parseInt(this.getAttribute("data-increment"));
@@ -1724,48 +1629,48 @@ class z extends HTMLElement {
     });
   }
   setup() {
-    const a = this.shadowRoot.querySelector(".pagination"), e = this.shadowRoot.querySelector(".page-jump select"), o = this.shadowRoot.querySelector(".prev"), i = this.shadowRoot.querySelector(".next"), s = this.shadowRoot.querySelector(".item-count"), n = this.shadowRoot.querySelector(".per-page select"), d = this.shadowRoot.querySelector(".total-pages"), u = parseInt(this.getAttribute("data-page")), m = parseInt(this.getAttribute("data-total")), y = parseInt(this.getAttribute("data-show")), p = parseInt(this.getAttribute("data-increment")), g = Math.ceil(m / p);
-    m > y && a.classList.remove("d-none");
-    let v = "";
-    for (let L = 1; L <= g; L++)
-      v += `<option value="${L}" ${L == u ? "selected" : ""}>${L}</option>`;
-    e.innerHTML = v, d.innerHTML = `of ${g}`, u == g ? i.setAttribute("disabled", "disabled") : i.removeAttribute("disabled"), u == 1 ? o.setAttribute("disabled", "disabled") : o.removeAttribute("disabled");
-    let _ = u == 1 ? 1 : (u - 1) * y + 1, k = u == 1 ? y : u * y;
-    s.innerHTML = `${_} - ${k > m ? m : k} of ${m} items`;
-    const A = [15, 25, 40, 50];
-    p && n.value != p && !A.includes(p) && (n.innerHTML = `<option value="${p}">${p}</option>
-      <option value="${p * 2}">${p * 2}</option>
-      <option value="${p * 3}">${p * 3}</option>
-      <option value="${p * 4}">${p * 4}</option>`), n.value = p;
+    const i = this.shadowRoot.querySelector(".pagination"), e = this.shadowRoot.querySelector(".page-jump select"), s = this.shadowRoot.querySelector(".prev"), o = this.shadowRoot.querySelector(".next"), a = this.shadowRoot.querySelector(".item-count"), n = this.shadowRoot.querySelector(".per-page select"), d = this.shadowRoot.querySelector(".total-pages"), u = parseInt(this.getAttribute("data-page")), b = parseInt(this.getAttribute("data-total")), g = parseInt(this.getAttribute("data-show")), f = parseInt(this.getAttribute("data-increment")), v = Math.ceil(b / f);
+    b > g && i.classList.remove("d-none");
+    let w = "";
+    for (let S = 1; S <= v; S++)
+      w += `<option value="${S}" ${S == u ? "selected" : ""}>${S}</option>`;
+    e.innerHTML = w, d.innerHTML = `of ${v}`, u == v ? o.setAttribute("disabled", "disabled") : o.removeAttribute("disabled"), u == 1 ? s.setAttribute("disabled", "disabled") : s.removeAttribute("disabled");
+    let L = u == 1 ? 1 : (u - 1) * g + 1, q = u == 1 ? g : u * g;
+    a.innerHTML = `${L} - ${q > b ? b : q} of ${b} items`;
+    const j = [15, 25, 40, 50];
+    f && n.value != f && !j.includes(f) && (n.innerHTML = `<option value="${f}">${f}</option>
+      <option value="${f * 2}">${f * 2}</option>
+      <option value="${f * 3}">${f * 3}</option>
+      <option value="${f * 4}">${f * 4}</option>`), n.value = f;
   }
   static get observedAttributes() {
     return ["data-total", "data-increment", "data-page", "data-show"];
   }
-  attributeChangedCallback(a, e, o) {
-    switch (a) {
+  attributeChangedCallback(i, e, s) {
+    switch (i) {
       case "data-total": {
-        e != o && (this.setAttribute("data-page", 1), this.setup());
+        e != s && (this.setAttribute("data-page", 1), this.setup());
         break;
       }
       case "data-show": {
-        e != o && (this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: o } })));
+        e != s && (this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: s } })));
         break;
       }
       case "data-increment": {
-        e != o && (this.setAttribute("data-show", o), this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: o } })));
+        e != s && (this.setAttribute("data-show", s), this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: s } })));
         break;
       }
       case "data-page": {
-        e && e != o && (this.setup(), this.dispatchEvent(new CustomEvent("update-page", { detail: { page: o } })));
+        e && e != s && (this.setup(), this.dispatchEvent(new CustomEvent("update-page", { detail: { page: s } })));
         break;
       }
     }
   }
 }
-const Ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Si = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: z
-}, Symbol.toStringTag, { value: "Module" })), Ha = {
+}, Symbol.toStringTag, { value: "Module" })), Ti = {
   name: "Pagination",
   props: {},
   computed: {},
@@ -1777,14 +1682,14 @@ const Ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   updated() {
   }
 };
-function Ma(t, a, e, o, i, s) {
+function qi(t, i, e, s, o, a) {
   return r(), l("iam-pagination");
 }
-const rs = /* @__PURE__ */ f(Ha, [["render", Ma]]), Ca = {
+const na = /* @__PURE__ */ p(Ti, [["render", qi]]), Ei = {
   name: "Address Lookup",
   mounted() {
     this.$nextTick(function() {
-      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/address-lookup/address-lookup.component.js": () => import("./address-lookup.component-5aabf606.mjs"), "../../../assets/js/components/address-lookup/address-lookup.component.min.js": () => import("./address-lookup.component.min-07f51c45.mjs") }), "../../../assets/js/components/address-lookup/address-lookup.component.js").then((t) => {
+      import("./address-lookup.component.min-18df3418.mjs").then((t) => {
         window.customElements.get("iam-address-lookup") || window.customElements.define("iam-address-lookup", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1792,22 +1697,22 @@ const rs = /* @__PURE__ */ f(Ha, [["render", Ma]]), Ca = {
     });
   }
 };
-function Na(t, a, e, o, i, s) {
+function Hi(t, i, e, s, o, a) {
   return r(), l("iam-address-lookup", null, [
-    h(t.$slots, "default")
+    m(t.$slots, "default")
   ]);
 }
-const ls = /* @__PURE__ */ f(Ca, [["render", Na]]);
+const sa = /* @__PURE__ */ p(Ei, [["render", Hi]]);
 /*!
-  * iamKey v5.5.1-beta-5
+  * iamKey v5.6.0
   * Copyright 2022-2024 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "collapsible side menu" });
-class ja extends HTMLElement {
+class Mi 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`, o = document.createElement("template");
-    o.innerHTML = `
+    const i = 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") : `${i}/css/core.min.css`, s = document.createElement("template");
+    s.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 */
@@ -1829,68 +1734,68 @@ class ja extends HTMLElement {
       </div>
 
     </div>
-    `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
   }
   connectedCallback() {
-    const a = this.shadowRoot.querySelector(".side-menu"), e = this.shadowRoot.querySelector(".side-menu-content"), o = this.shadowRoot.querySelector(".main-content"), i = 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>`), o.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")), i.addEventListener("click", (s) => {
-      a.classList.contains("open") ? (a.classList.remove("open"), i.removeAttribute("aria-expanded"), setTimeout(function() {
+    const i = 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", (a) => {
+      i.classList.contains("open") ? (i.classList.remove("open"), o.removeAttribute("aria-expanded"), setTimeout(function() {
         e.classList.add("closed");
-      }, 1e3), a.classList.add("pe-none"), setTimeout(function() {
-        a.classList.remove("pe-none");
+      }, 1e3), i.classList.add("pe-none"), setTimeout(function() {
+        i.classList.remove("pe-none");
       }, 1e3)) : (e.classList.remove("closed"), setTimeout(function() {
-        a.classList.add("open"), i.setAttribute("aria-expanded", !0);
+        i.classList.add("open"), o.setAttribute("aria-expanded", !0);
       }, 100));
-    }), a.addEventListener("mouseenter", (s) => {
-      window.innerWidth > 992 && (a.classList.contains("open") || e.classList.remove("closed"), a.classList.add("hover"));
-    }), a.addEventListener("mousemove", (s) => {
-      window.innerWidth > 992 && (a.classList.contains("open") || e.classList.remove("closed"));
-    }), a.addEventListener("mouseleave", (s) => {
-      window.innerWidth > 992 && (a.classList.remove("hover"), a.classList.contains("open") || setTimeout(function() {
+    }), i.addEventListener("mouseenter", (a) => {
+      window.innerWidth > 992 && (i.classList.contains("open") || e.classList.remove("closed"), i.classList.add("hover"));
+    }), i.addEventListener("mousemove", (a) => {
+      window.innerWidth > 992 && (i.classList.contains("open") || e.classList.remove("closed"));
+    }), i.addEventListener("mouseleave", (a) => {
+      window.innerWidth > 992 && (i.classList.remove("hover"), i.classList.contains("open") || setTimeout(function() {
         e.classList.add("closed");
       }, 1e3));
     });
   }
 }
-window.customElements.get("iam-collapsible-side") || window.customElements.define("iam-collapsible-side", ja);
-const Ra = {
+window.customElements.get("iam-collapsible-side") || window.customElements.define("iam-collapsible-side", Mi);
+const Ci = {
   name: "CollapsibleSideMenu",
   props: {},
   mounted() {
   }
 };
-function Pa(t, a, e, o, i, s) {
+function Ni(t, i, e, s, o, a) {
   return r(), l("iam-collapsible-side", null, [
-    h(t.$slots, "default")
+    m(t.$slots, "default")
   ]);
 }
-const ds = /* @__PURE__ */ f(Ra, [["render", Pa]]);
+const oa = /* @__PURE__ */ p(Ci, [["render", Ni]]);
 export {
-  Da as Accordion,
-  Va as AccordionItem,
-  os as Actionbar,
-  ls as AddressLookup,
-  ss as AppliedFilters,
-  Ba as Banner,
-  Oa as Card,
-  Ua as Carousel,
-  ds as CollapsibleSideMenu,
-  Ia as FileUpload,
-  is as Filterlist,
-  Wa as Header,
-  P as Input,
-  za as Logo,
-  Ya as Nav,
-  as as NoteFeed,
-  ns as Notification,
-  rs as Pagination,
-  Qa as PropertySearchbar,
-  Xa as Snapshot,
-  Za as Step,
-  Ja as Stepper,
-  ts as Tab,
-  R as Table,
-  es as Tabs,
-  Ka as Testimonial,
-  Ga as Timeline
+  ji as Accordion,
+  Ii as AccordionItem,
+  aa as Actionbar,
+  sa as AddressLookup,
+  ea as AppliedFilters,
+  Di as Banner,
+  Fi as Card,
+  Vi as Carousel,
+  oa as CollapsibleSideMenu,
+  zi as FileUpload,
+  ta as Filterlist,
+  Bi as Header,
+  R as Input,
+  Pi as Logo,
+  Ki as Nav,
+  Zi as NoteFeed,
+  ia as Notification,
+  na as Pagination,
+  Wi as PropertySearchbar,
+  Qi as Snapshot,
+  Yi as Step,
+  Gi as Stepper,
+  Xi as Tab,
+  N as Table,
+  Ji as Tabs,
+  Ui as Testimonial,
+  Oi as Timeline
 };