@iamproperty/components 5.6.1-beta4 → 5.6.1-beta6

package/dist/components.es.js

@@ -1,10 +1,10 @@
-import { openBlock as l, createElementBlock as r, normalizeClass as g, createElementVNode as d, toDisplayString as _, createCommentVNode as h, renderSlot as m, Fragment as k, renderList as L, withDirectives as T, mergeProps as A, 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, s) => {
+import { openBlock as o, createElementBlock as l, normalizeClass as b, createElementVNode as d, toDisplayString as y, createCommentVNode as p, renderSlot as u, Fragment as $, renderList as k, withDirectives as x, mergeProps as w, vModelDynamic as S, vModelText as D, vModelSelect as V, ref as F, onMounted as z, createTextVNode as B, resolveComponent as q, createVNode as v, withModifiers as O } from "vue";
+const m = (t, a) => {
   const e = t.__vccOpts || t;
-  for (const [n, o] of s)
-    e[n] = o;
+  for (const [i, r] of a)
+    e[i] = r;
   return e;
-}, B = {
+}, U = {
   name: "Logo",
   props: {
     id: {
@@ -29,26 +29,26 @@ const p = (t, s) => {
       return "brand brand--" + this.id;
     }
   }
-}, O = ["xlink:href"], U = ["innerHTML"];
-function W(t, s, e, n, o, a) {
-  return l(), r("div", {
-    class: g(a.className)
+}, W = ["xlink:href"], K = ["innerHTML"];
+function G(t, a, e, i, r, s) {
+  return o(), l("div", {
+    class: b(s.className)
   }, [
-    (l(), r("svg", null, [
-      d("title", null, "iam " + _(e.id), 1),
+    (o(), l("svg", null, [
+      d("title", null, "iam " + y(e.id), 1),
       d("use", {
-        "xlink:href": e.path + a.src
-      }, null, 8, O)
+        "xlink:href": e.path + s.src
+      }, null, 8, W)
     ])),
-    e.desc ? (l(), r("span", {
+    e.desc ? (o(), l("span", {
       key: 0,
       innerHTML: e.desc
-    }, null, 8, U)) : h("", !0)
+    }, null, 8, K)) : p("", !0)
   ], 2);
 }
-const Ps = /* @__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 = {
+const Pa = /* @__PURE__ */ m(U, [["render", G]]), Q = (t) => t.charAt(0).toUpperCase() + t.slice(1), Y = (t) => t.replace(/_/g, " "), J = (t) => t.replace(/ /g, "_"), X = function(t) {
+  return t = t.toLowerCase(), t = J(t), t = t.replace(/\W/g, ""), t;
+}, Z = {
   name: "Table",
   props: {
     items: {
@@ -62,7 +62,7 @@ const Ps = /* @__PURE__ */ p(B, [["render", W]]), K = (t) => t.charAt(0).toUpper
   },
   computed: {
     cellHeading() {
-      return (t) => `${K(G(t))}`;
+      return (t) => `${Q(Y(t))}`;
     }
   },
   created() {
@@ -71,7 +71,7 @@ const Ps = /* @__PURE__ */ p(B, [["render", W]]), K = (t) => t.charAt(0).toUpper
         window.customElements.get("iam-table") || window.customElements.define("iam-table", t.default);
       }).catch((t) => {
         console.log(t.message);
-      }), Promise.resolve().then(() => xs).then((t) => {
+      }), Promise.resolve().then(() => La).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 Ps = /* @__PURE__ */ p(B, [["render", W]]), K = (t) => t.charAt(0).toUpper
   },
   updated() {
   }
-}, X = { key: 0 }, Z = { key: 0 }, ee = ["data-row-id"], te = ["innerHTML"];
-function se(t, s, e, n, o, a) {
-  return l(), r("iam-table", null, [
-    m(t.$slots, "before"),
-    e.fields ? (l(), r("table", X, [
+}, ee = { key: 0 }, te = { key: 0 }, ae = ["data-row-id"], se = ["innerHTML"];
+function ie(t, a, e, i, r, s) {
+  return o(), l("iam-table", null, [
+    u(t.$slots, "before"),
+    e.fields ? (o(), l("table", ee, [
       d("thead", null, [
         d("tr", null, [
-          (l(!0), r(k, null, L(e.fields, (i) => (l(), r("th", {
-            key: i.key
-          }, _(a.cellHeading(i.key)), 1))), 128))
+          (o(!0), l($, null, k(e.fields, (n) => (o(), l("th", {
+            key: n.key
+          }, y(s.cellHeading(n.key)), 1))), 128))
         ])
       ]),
-      e.items ? (l(), r("tbody", Z, [
-        (l(!0), r(k, null, L(e.items, (i, c) => (l(), r("tr", {
+      e.items ? (o(), l("tbody", te, [
+        (o(!0), l($, null, k(e.items, (n, c) => (o(), l("tr", {
           key: c,
-          "data-row-id": i.rowid
+          "data-row-id": n.rowid
         }, [
-          (l(!0), r(k, null, L(Object.fromEntries(Object.entries(i).filter(([u]) => u !== "rowid")), (u, b) => (l(), r("td", {
-            key: b,
-            innerHTML: u
-          }, null, 8, te))), 128))
-        ], 8, ee))), 128))
-      ])) : h("", !0)
-    ])) : m(t.$slots, "default", { key: 1 })
+          (o(!0), l($, null, k(Object.fromEntries(Object.entries(n).filter(([h]) => h !== "rowid")), (h, _) => (o(), l("td", {
+            key: _,
+            innerHTML: h
+          }, null, 8, se))), 128))
+        ], 8, ae))), 128))
+      ])) : p("", !0)
+    ])) : u(t.$slots, "default", { key: 1 })
   ]);
 }
-const N = /* @__PURE__ */ p(J, [["render", se]]), ae = {
+const C = /* @__PURE__ */ m(Z, [["render", ie]]), ne = {
   name: "Input",
   props: {
     value: {
@@ -281,8 +281,8 @@ const N = /* @__PURE__ */ p(J, [["render", se]]), ae = {
     this.$nextTick(function() {
       let t = this.$refs.wrapper;
       if (t.parentNode && t.parentNode.classList.contains("form-check") || t.classList.length == 0) {
-        const s = document.createDocumentFragment();
-        Array.from(t.childNodes).forEach((e) => s.appendChild(e)), t.parentNode.insertBefore(s, t), t.parentNode.removeChild(t);
+        const a = document.createDocumentFragment();
+        Array.from(t.childNodes).forEach((e) => a.appendChild(e)), t.parentNode.insertBefore(a, t), t.parentNode.removeChild(t);
       }
     });
   },
@@ -294,237 +294,152 @@ const N = /* @__PURE__ */ p(J, [["render", se]]), ae = {
       this.$emit("bus");
     }
   }
-}, ie = ["for", "innerHTML", "title"], ne = ["innerHTML"], oe = ["innerHTML"], le = ["type", "name", "id", "pattern", "list"], re = ["type", "name", "id", "pattern"], ce = {
+}, oe = ["for", "innerHTML", "title"], le = ["innerHTML"], re = ["innerHTML"], de = ["type", "name", "id", "pattern", "list"], ce = ["type", "name", "id", "pattern"], ue = {
   key: 5,
   class: "input-group"
-}, de = ["type", "name", "id", "pattern", "list"], ue = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, me = {
+}, me = ["type", "name", "id", "pattern", "list"], pe = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, he = {
   key: 6,
   class: "input-group"
-}, pe = ["type", "name", "id", "pattern", "list"], he = { class: "input-group-text flex-fill" }, fe = ["type", "name", "id", "pattern"], be = ["value"], ye = ["type", "name", "id"], ge = ["for", "innerHTML"], _e = ["type", "name", "id"], ve = ["for", "innerHTML"], we = ["innerHTML"], $e = ["id"], Ae = ["value"];
-function ke(t, s, e, n, o, a) {
-  return l(), r("div", {
-    class: g(a.wrapperClass()),
+}, fe = ["type", "name", "id", "pattern", "list"], be = { class: "input-group-text flex-fill" }, ye = ["type", "name", "id", "pattern"], _e = ["value"], ge = ["type", "name", "id"], ve = ["for", "innerHTML"], we = ["type", "name", "id"], $e = ["for", "innerHTML"], ke = ["innerHTML"], Ae = ["id"], xe = ["value"];
+function Le(t, a, e, i, r, s) {
+  return o(), l("div", {
+    class: b(s.wrapperClass()),
     ref: "wrapper"
   }, [
-    a.needsLabel() ? (l(), r("label", {
+    s.needsLabel() ? (o(), l("label", {
       key: 0,
-      class: g(`form-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
+      class: b(`form-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
       for: e.id,
-      innerHTML: a.displayLabel(),
+      innerHTML: s.displayLabel(),
       title: e.title
-    }, null, 10, ie)) : h("", !0),
-    e.prefix ? (l(), r("span", {
+    }, null, 10, oe)) : p("", !0),
+    e.prefix ? (o(), l("span", {
       key: 1,
-      class: g(`prefix ${this.prefixClass} ${e.size ? `prefix-${e.size}` : ""}`),
+      class: b(`prefix ${this.prefixClass} ${e.size ? `prefix-${e.size}` : ""}`),
       innerHTML: e.prefix,
       role: "presentation"
-    }, null, 10, ne)) : h("", !0),
-    e.suffix ? (l(), r("span", {
+    }, null, 10, le)) : p("", !0),
+    e.suffix ? (o(), l("span", {
       key: 2,
-      class: g(`suffix ${this.suffixClass} ${e.size ? `suffix-${e.size}` : ""}`),
+      class: b(`suffix ${this.suffixClass} ${e.size ? `suffix-${e.size}` : ""}`),
       innerHTML: e.suffix,
       role: "presentation"
-    }, null, 10, oe)) : h("", !0),
-    a.isInput() ? T((l(), r("input", A({
+    }, null, 10, re)) : p("", !0),
+    s.isInput() ? x((o(), l("input", w({
       key: 3,
-      "onUpdate:modelValue": s[0] || (s[0] = (i) => a.inputVal = i),
+      "onUpdate:modelValue": a[0] || (a[0] = (n) => s.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: a.needPattern(),
-      list: a.hasOptions()
+      pattern: s.needPattern(),
+      list: s.hasOptions()
     }, t.$attrs, {
-      onKeyup: s[1] || (s[1] = (...i) => a.inputKeyup && a.inputKeyup(...i))
-    }), null, 16, le)), [
-      [E, a.inputVal]
-    ]) : h("", !0),
-    e.type == "textarea" ? T((l(), r("textarea", A({
+      onKeyup: a[1] || (a[1] = (...n) => s.inputKeyup && s.inputKeyup(...n))
+    }), null, 16, de)), [
+      [S, s.inputVal]
+    ]) : p("", !0),
+    e.type == "textarea" ? x((o(), l("textarea", w({
       key: 4,
-      "onUpdate:modelValue": s[2] || (s[2] = (i) => a.inputVal = i),
+      "onUpdate:modelValue": a[2] || (a[2] = (n) => s.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: a.needPattern()
-    }, t.$attrs), null, 16, re)), [
-      [I, a.inputVal]
-    ]) : h("", !0),
-    e.type == "range" ? (l(), r("div", ce, [
-      T(d("input", A({
-        "onUpdate:modelValue": s[3] || (s[3] = (i) => a.inputVal = i),
+      pattern: s.needPattern()
+    }, t.$attrs), null, 16, ce)), [
+      [D, s.inputVal]
+    ]) : p("", !0),
+    e.type == "range" ? (o(), l("div", ue, [
+      x(d("input", w({
+        "onUpdate:modelValue": a[3] || (a[3] = (n) => s.inputVal = n),
         class: `form-range${e.inputclass ? ` ${e.inputclass}` : ""}`,
         type: e.type,
         name: e.name ? e.name : e.id,
         id: e.id,
-        pattern: a.needPattern(),
-        list: a.hasOptions()
-      }, t.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, de), [
-        [E, a.inputVal]
+        pattern: s.needPattern(),
+        list: s.hasOptions()
+      }, t.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, me), [
+        [S, s.inputVal]
       ]),
-      d("output", ue, _(e.value), 1)
-    ])) : h("", !0),
-    e.type == "color" ? (l(), r("div", me, [
-      T(d("input", A({
-        "onUpdate:modelValue": s[4] || (s[4] = (i) => a.inputVal = i),
+      d("output", pe, y(e.value), 1)
+    ])) : p("", !0),
+    e.type == "color" ? (o(), l("div", he, [
+      x(d("input", w({
+        "onUpdate:modelValue": a[4] || (a[4] = (n) => s.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: a.needPattern(),
-        list: a.hasOptions()
-      }, t.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, pe), [
-        [E, a.inputVal]
+        pattern: s.needPattern(),
+        list: s.hasOptions()
+      }, t.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, fe), [
+        [S, s.inputVal]
       ]),
-      d("output", he, _(e.value ? t.vale : "#000000"), 1)
-    ])) : h("", !0),
-    e.type == "select" ? T((l(), r("select", A({
+      d("output", be, y(e.value ? t.vale : "#000000"), 1)
+    ])) : p("", !0),
+    e.type == "select" ? x((o(), l("select", w({
       key: 7,
-      "onUpdate:modelValue": s[5] || (s[5] = (i) => a.inputVal = i),
+      "onUpdate:modelValue": a[5] || (a[5] = (n) => s.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: a.needPattern()
+      pattern: s.needPattern()
     }, t.$attrs), [
-      (l(!0), r(k, null, L(e.options, (i, c) => (l(), r("option", {
+      (o(!0), l($, null, k(e.options, (n, c) => (o(), l("option", {
         key: c,
-        value: i.value
-      }, _(i.display ? i.display : i.value), 9, be))), 128))
-    ], 16, fe)), [
-      [D, a.inputVal]
-    ]) : h("", !0),
-    e.type == "checkbox" || e.type == "radio" ? (l(), r("input", A({
+        value: n.value
+      }, y(n.display ? n.display : n.value), 9, _e))), 128))
+    ], 16, ye)), [
+      [V, s.inputVal]
+    ]) : p("", !0),
+    e.type == "checkbox" || e.type == "radio" ? (o(), l("input", w({
       key: 8,
       class: "form-check-input",
       type: e.type,
       name: e.name ? e.name : e.id,
       id: e.id
-    }, t.$attrs), null, 16, ye)) : h("", !0),
-    e.type == "checkbox" || e.type == "radio" ? (l(), r("label", {
+    }, t.$attrs), null, 16, ge)) : p("", !0),
+    e.type == "checkbox" || e.type == "radio" ? (o(), l("label", {
       key: 9,
-      class: g(`form-label form-check-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
+      class: b(`form-label form-check-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
       for: e.id,
       innerHTML: e.label
-    }, null, 10, ge)) : h("", !0),
-    e.type == "checkbox-btn" || e.type == "radio-btn" ? (l(), r("input", A({
+    }, null, 10, ve)) : p("", !0),
+    e.type == "checkbox-btn" || e.type == "radio-btn" ? (o(), l("input", w({
       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)) : h("", !0),
-    e.type == "checkbox-btn" || e.type == "radio-btn" ? (l(), r("label", {
+    }, t.$attrs), null, 16, we)) : p("", !0),
+    e.type == "checkbox-btn" || e.type == "radio-btn" ? (o(), l("label", {
       key: 11,
-      class: g(`btn${e.labelclass ? ` ${e.labelclass}` : ""}`),
+      class: b(`btn${e.labelclass ? ` ${e.labelclass}` : ""}`),
       for: e.id,
       innerHTML: e.label,
-      onClick: s[6] || (s[6] = (...i) => a.clickEvent && a.clickEvent(...i))
-    }, null, 10, ve)) : h("", !0),
-    m(t.$slots, "default"),
-    e.errormsg ? (l(), r("span", {
+      onClick: a[6] || (a[6] = (...n) => s.clickEvent && s.clickEvent(...n))
+    }, null, 10, $e)) : p("", !0),
+    u(t.$slots, "default"),
+    e.errormsg ? (o(), l("span", {
       key: 12,
       class: "invalid-feedback mb-0",
       innerHTML: e.errormsg
-    }, null, 8, we)) : h("", !0),
-    a.allowDatalist() ? (l(), r("datalist", {
+    }, null, 8, ke)) : p("", !0),
+    s.allowDatalist() ? (o(), l("datalist", {
       key: 13,
       id: e.id + "-list"
     }, [
-      (l(!0), r(k, null, L(e.options, (i, c) => (l(), r("option", {
+      (o(!0), l($, null, k(e.options, (n, c) => (o(), l("option", {
         key: c,
-        value: i.value
-      }, _(i.value), 9, Ae))), 128))
-    ], 8, $e)) : h("", !0)
+        value: n.value
+      }, y(n.value), 9, xe))), 128))
+    ], 8, Ae)) : p("", !0)
   ], 2);
 }
-const R = /* @__PURE__ */ p(ae, [["render", ke]]);
-function Le(t, s) {
-  const e = s.querySelector(".files"), n = s.querySelector(".drop-area"), o = t.querySelector("input"), a = t.hasAttribute("data-maxsize") ? t.getAttribute("data-maxsize") : 0, i = o.cloneNode();
-  if (n.append(i), s.addEventListener("click", (c) => {
-    c && c.target instanceof HTMLElement && c.target.closest(".btn-primary") && (c.target.closest(".btn-primary"), (o.hasAttribute("multiple") ? i : o).click());
-  }), s.addEventListener("click", (c) => {
-    if (c && c.target instanceof HTMLElement && c.target.closest(".files button")) {
-      const u = new DataTransfer(), { files: b } = o, y = c.target.closest(".files button");
-      for (let v = 0; v < b.length; v++) {
-        const w = b[v];
-        w.name != y.getAttribute("data-file") && u.items.add(w);
-      }
-      if (o.files = u.files, o.files.length == 0) {
-        const v = new Event("empty");
-        t.dispatchEvent(v);
-      }
-      const f = new Event("change");
-      o.dispatchEvent(f);
-    }
-  }), i.addEventListener("change", (c) => {
-    if (o.hasAttribute("multiple")) {
-      const y = [...o.files, ...i.files];
-      let f = [];
-      const v = new DataTransfer();
-      for (let w = 0; w < y.length; w++) {
-        const S = y[w], q = S.size / 1e3;
-        !f.includes(S.name) && (a == 0 || q < a) && v.items.add(S), f.push(S.name);
-      }
-      o.files = v.files;
-    } else
-      o.files = i.files;
-    const u = new Event("change");
-    o.dispatchEvent(u);
-    const b = new Event("elementChange");
-    t.dispatchEvent(b);
-  }), i.addEventListener("dragenter", (c) => {
-    i.classList.add("focus");
-  }), i.addEventListener("dragleave", (c) => {
-    i.classList.remove("focus");
-  }), i.addEventListener("drop", (c) => {
-    i.classList.remove("focus");
-  }), o.addEventListener("change", (c) => {
-    e.innerHTML = "";
-    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 c = t.getAttribute("data-filename");
-    c && (e.innerHTML += `<span class="file">${c} <button data-file="${c}">Remove</button></span>`);
-  }
-  s.addEventListener("click", (c) => {
-    c && c.target instanceof HTMLElement && c.target.closest(".btn-primary") && (c.target.closest(".btn-primary"), (o.hasAttribute("multiple") ? i : o).click());
-  });
-}
-window.dataLayer = window.dataLayer || [];
-window.dataLayer.push({
-  event: "customElementRegistered",
-  element: "fileupload"
-});
-class Se extends HTMLElement {
-  constructor() {
-    super(), this.attachShadow({ mode: "open" });
-    const s = 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") : `${s}/css/core.min.css`, n = `@import "${s}/css/components/fileupload.css";`, o = document.createElement("template");
-    o.innerHTML = `
-    <style>
-    @import "${e}";
-    ${n}
-    ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
-    </style>
-    <div class="file-upload">
-      <span class="file-upload__title">Upload file</span>
-      <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(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 s = this.shadowRoot.querySelector(".file-upload"), e = this.querySelector("input"), n = this.shadowRoot.querySelector(".helper-text");
-    this.querySelector('[slot="helper"]') || (n.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, s);
-  }
-}
-const xe = {
+const N = /* @__PURE__ */ m(ne, [["render", Le]]), Se = {
   name: "FileUpload",
   props: {
     maxfilesize: {
@@ -536,37 +451,52 @@ const xe = {
       required: !1
     }
   },
-  mounted() {
+  created() {
     this.$nextTick(function() {
-      window.customElements.get("iam-fileupload") || window.customElements.define("iam-fileupload", Se);
+      import("./fileupload.component.min-e0fe586a.mjs").then((t) => {
+        window.customElements.get("iam-fileupload") || window.customElements.define("iam-fileupload", t.default);
+      }).catch((t) => {
+        console.log(t.message);
+      });
     });
   }
-};
-function Te(t, s, e, n, o, a) {
-  return l(), r("iam-fileupload", null, [
-    m(t.$slots, "default")
-  ]);
-}
-const zs = /* @__PURE__ */ p(xe, [["render", Te]]);
+}, Ra = /* @__PURE__ */ Object.assign(Se, {
+  emits: ["elementChange", "empty"],
+  setup(t, { emit: a }) {
+    const e = F(null);
+    return z(() => {
+      e.value.addEventListener("elementChange", function(i) {
+        a("elementChange", i);
+      }), e.value.addEventListener("empty", function(i) {
+        a("empty", i);
+      });
+    }), (i, r) => (o(), l("iam-fileupload", {
+      ref_key: "$component",
+      ref: e
+    }, [
+      u(i.$slots, "default")
+    ], 512));
+  }
+});
 const qe = {
   name: "Accordion",
   props: {},
   mounted() {
     this.$nextTick(function() {
-      import("./accordion.component.min-66585476.mjs").then((t) => {
+      import("./accordion.component.min-04da6019.mjs").then((t) => {
         window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", t.default);
       }).catch((t) => {
         console.log(t.message);
       });
     });
   }
-}, Ee = { ref: "wrapper" };
-function He(t, s, e, n, o, a) {
-  return l(), r("iam-accordion", Ee, [
-    m(t.$slots, "default")
+}, Te = { ref: "wrapper" };
+function Ee(t, a, e, i, r, s) {
+  return o(), l("iam-accordion", Te, [
+    u(t.$slots, "default")
   ], 512);
 }
-const js = /* @__PURE__ */ p(qe, [["render", He]]), Me = {
+const ja = /* @__PURE__ */ m(qe, [["render", Ee]]), He = {
   name: "AccordionItem",
   props: {
     title: {
@@ -593,7 +523,7 @@ const js = /* @__PURE__ */ p(qe, [["render", He]]), Me = {
   },
   computed: {
     createID() {
-      return (t) => `${Y(t)}`;
+      return (t) => `${X(t)}`;
     }
   },
   data() {
@@ -601,22 +531,22 @@ const js = /* @__PURE__ */ p(qe, [["render", He]]), Me = {
       show: !this.lazy
     };
   }
-}, Ce = ["id"];
-function Ne(t, s, e, n, o, a) {
-  return l(), r("details", {
-    id: a.createID(e.title)
+}, Me = ["id"];
+function Ce(t, a, e, i, r, s) {
+  return o(), l("details", {
+    id: s.createID(e.title)
   }, [
     d("summary", null, [
-      F(_(e.title), 1),
-      e.badge ? (l(), r("span", {
+      B(y(e.title), 1),
+      e.badge ? (o(), l("span", {
         key: 0,
-        class: g(`badge bg-${e.badgecolour}`)
-      }, _(e.badge), 3)) : h("", !0)
+        class: b(`badge bg-${e.badgecolour}`)
+      }, y(e.badge), 3)) : p("", !0)
     ]),
-    m(t.$slots, "default")
-  ], 8, Ce);
+    u(t.$slots, "default")
+  ], 8, Me);
 }
-const Is = /* @__PURE__ */ p(Me, [["render", Ne]]), Re = {
+const Ia = /* @__PURE__ */ m(He, [["render", Ce]]), Ne = {
   name: "Header",
   props: {
     title: {
@@ -633,32 +563,32 @@ const Is = /* @__PURE__ */ p(Me, [["render", Ne]]), Re = {
       required: !1
     }
   }
-}, 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, s, e, n, o, a) {
-  return l(), r("div", Pe, [
+}, Pe = { class: "container" }, Re = { 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" }, Ve = ["src"];
+function Fe(t, a, e, i, r, s) {
+  return o(), l("div", Pe, [
     d("div", {
-      class: g("bg-" + e.background + " mb-4")
+      class: b("bg-" + e.background + " mb-4")
     }, [
-      d("div", ze, [
+      d("div", Re, [
         d("div", je, [
           d("div", Ie, [
-            d("h2", null, _(e.title), 1),
-            m(t.$slots, "default")
+            d("h2", null, y(e.title), 1),
+            u(t.$slots, "default")
           ])
         ]),
         d("div", De, [
-          e.image ? (l(), r("img", {
+          e.image ? (o(), l("img", {
             key: 0,
             src: e.image,
             alt: "",
             class: "h-100 w-100 object-cover"
-          }, null, 8, Fe)) : h("", !0)
+          }, null, 8, Ve)) : p("", !0)
         ])
       ])
     ], 2)
   ]);
 }
-const Ds = /* @__PURE__ */ p(Re, [["render", Ve]]), Be = {
+const Da = /* @__PURE__ */ m(Ne, [["render", Fe]]), ze = {
   name: "Card",
   created() {
     this.$nextTick(function() {
@@ -670,12 +600,12 @@ const Ds = /* @__PURE__ */ p(Re, [["render", Ve]]), Be = {
     });
   }
 };
-function Oe(t, s, e, n, o, a) {
-  return l(), r("iam-card", null, [
-    m(t.$slots, "default")
+function Be(t, a, e, i, r, s) {
+  return o(), l("iam-card", null, [
+    u(t.$slots, "default")
   ]);
 }
-const Fs = /* @__PURE__ */ p(Be, [["render", Oe]]), Ue = {
+const Va = /* @__PURE__ */ m(ze, [["render", Be]]), Oe = {
   name: "Header",
   props: {
     title: {
@@ -689,7 +619,7 @@ const Fs = /* @__PURE__ */ p(Be, [["render", Oe]]), Ue = {
   },
   mounted() {
     this.$nextTick(function() {
-      import("./carousel.component.min-26dac62b.mjs").then((t) => {
+      import("./carousel.component.min-594075ef.mjs").then((t) => {
         window.customElements.get("iam-carousel") || window.customElements.define("iam-carousel", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -697,12 +627,12 @@ const Fs = /* @__PURE__ */ p(Be, [["render", Oe]]), Ue = {
     });
   }
 };
-function We(t, s, e, n, o, a) {
-  return l(), r("iam-carousel", null, [
-    m(t.$slots, "default")
+function Ue(t, a, e, i, r, s) {
+  return o(), l("iam-carousel", null, [
+    u(t.$slots, "default")
   ]);
 }
-const Vs = /* @__PURE__ */ p(Ue, [["render", We]]), Ke = {
+const Fa = /* @__PURE__ */ m(Oe, [["render", Ue]]), We = {
   name: "Header",
   props: {
     title: {
@@ -716,54 +646,54 @@ const Vs = /* @__PURE__ */ p(Ue, [["render", We]]), Ke = {
   },
   mounted() {
     this.$nextTick(function() {
-      import("./header.component.min-771b9f3e.mjs").then((t) => {
+      import("./header.component.min-64220aeb.mjs").then((t) => {
         window.customElements.get("iam-header") || window.customElements.define("iam-header", t.default);
       }).catch((t) => {
         console.log(t.message);
       });
     });
   }
-}, Ge = ["image"], Qe = ["innerHTML"];
-function Ye(t, s, e, n, o, a) {
-  return l(), r("iam-header", { image: e.image }, [
-    m(t.$slots, "breadcrumb"),
-    e.title ? (l(), r("h1", {
+}, Ke = ["image"], Ge = ["innerHTML"];
+function Qe(t, a, e, i, r, s) {
+  return o(), l("iam-header", { image: e.image }, [
+    u(t.$slots, "breadcrumb"),
+    e.title ? (o(), l("h1", {
       key: 0,
       innerHTML: e.title
-    }, null, 8, Qe)) : h("", !0),
-    m(t.$slots, "default")
-  ], 8, Ge);
+    }, null, 8, Ge)) : p("", !0),
+    u(t.$slots, "default")
+  ], 8, Ke);
 }
-const Bs = /* @__PURE__ */ p(Ke, [["render", Ye]]);
-function Je(t) {
-  var s;
-  const e = t.querySelector(".testimonial__images"), n = e.querySelectorAll("img").length;
-  if (n == 1)
+const za = /* @__PURE__ */ m(We, [["render", Qe]]);
+function Ye(t) {
+  var a;
+  const e = t.querySelector(".testimonial__images"), i = e.querySelectorAll("img").length;
+  if (i == 1)
     return !1;
   t.classList.add("testimonial--multi");
-  const o = function(a) {
-    const i = t.querySelector(".btn-next"), c = t.querySelector(".btn-prev");
-    i.setAttribute("data-go", a + 1), c.setAttribute("data-go", a - 1), i.removeAttribute("disabled"), c.removeAttribute("disabled"), a == 1 ? c.setAttribute("disabled", !0) : a == n && i.setAttribute("disabled", !0);
+  const r = function(s) {
+    const n = t.querySelector(".btn-next"), c = t.querySelector(".btn-prev");
+    n.setAttribute("data-go", s + 1), c.setAttribute("data-go", s - 1), n.removeAttribute("disabled"), c.removeAttribute("disabled"), s == 1 ? c.setAttribute("disabled", !0) : s == i && n.setAttribute("disabled", !0);
   };
-  e.addEventListener("scroll", function(a) {
-    clearTimeout(s), s = setTimeout(function() {
-      let i = e.scrollWidth, c = e.scrollHeight, u = e.scrollLeft, b = e.scrollTop, y = Math.round(u / i * n) + 1;
-      u == 0 && b != 0 && (y = Math.round(b / c * n) + 1), t.setAttribute("data-show", y), o(y);
+  e.addEventListener("scroll", function(s) {
+    clearTimeout(a), a = setTimeout(function() {
+      let n = e.scrollWidth, c = e.scrollHeight, h = e.scrollLeft, _ = e.scrollTop, g = Math.round(h / n * i) + 1;
+      h == 0 && _ != 0 && (g = Math.round(_ / c * i) + 1), t.setAttribute("data-show", g), r(g);
     }, 300);
-  }, !1), t.addEventListener("click", function(a) {
-    for (var i = a.target; i && i != this; i = i.parentNode)
-      if (i.matches("[data-go]")) {
-        let c = parseInt(i.getAttribute("data-go")), u = 0, b = 0, y = e.scrollWidth, f = e.scrollHeight;
-        y > f ? b = Math.floor(y * ((c - 1) / n)) : u = Math.floor(f * ((c - 1) / n)), e.scroll({
-          top: u,
-          left: b,
+  }, !1), t.addEventListener("click", function(s) {
+    for (var n = s.target; n && n != this; n = n.parentNode)
+      if (n.matches("[data-go]")) {
+        let c = parseInt(n.getAttribute("data-go")), h = 0, _ = 0, g = e.scrollWidth, f = e.scrollHeight;
+        g > f ? _ = Math.floor(g * ((c - 1) / i)) : h = Math.floor(f * ((c - 1) / i)), e.scroll({
+          top: h,
+          left: _,
           behavior: "smooth"
         });
         break;
       }
   }, !1);
 }
-const Xe = {
+const Je = {
   name: "Testimonial",
   props: {
     items: {
@@ -777,13 +707,13 @@ const Xe = {
     }
   },
   mounted() {
-    Je(this.$refs.wrapper);
+    Ye(this.$refs.wrapper);
   }
-}, Ze = {
+}, Xe = {
   class: "container testimonial mb-5",
   "data-show": "1",
   ref: "wrapper"
-}, et = { class: "row" }, tt = { class: "col-md-5 position-relative" }, st = { class: "testimonial__images" }, at = ["src"], it = /* @__PURE__ */ d("div", { class: "testimonial__controls" }, [
+}, Ze = { class: "row" }, et = { class: "col-md-5 position-relative" }, tt = { class: "testimonial__images" }, at = ["src"], st = /* @__PURE__ */ d("div", { class: "testimonial__controls" }, [
   /* @__PURE__ */ d("button", {
     "data-go": "0",
     disabled: "",
@@ -793,50 +723,50 @@ const Xe = {
     "data-go": "2",
     class: "btn-next"
   }, "Next")
-], -1), nt = { class: "col-md-7" }, ot = /* @__PURE__ */ d("h2", null, "What our customers think…", -1), lt = { class: "testimonial__content" }, rt = ["innerHTML"], ct = ["innerHTML"], dt = { class: "testimonial__after" }, ut = /* @__PURE__ */ d("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
-function mt(t, s, e, n, o, a) {
-  return l(), r("div", Ze, [
+], -1), it = { class: "col-md-7" }, nt = /* @__PURE__ */ d("h2", null, "What our customers think…", -1), ot = { class: "testimonial__content" }, lt = ["innerHTML"], rt = ["innerHTML"], dt = { class: "testimonial__after" }, ct = /* @__PURE__ */ d("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
+function ut(t, a, e, i, r, s) {
+  return o(), l("div", Xe, [
     d("div", {
-      class: g("bg-" + e.background)
+      class: b("bg-" + e.background)
     }, [
-      d("div", et, [
-        d("div", tt, [
-          d("div", st, [
-            (l(!0), r(k, null, L(e.items, (i, c) => (l(), r("img", {
+      d("div", Ze, [
+        d("div", et, [
+          d("div", tt, [
+            (o(!0), l($, null, k(e.items, (n, c) => (o(), l("img", {
               key: c,
-              src: i.image ? i.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
+              src: n.image ? n.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
               alt: "",
-              class: g("h-100 w-100 object-cover" + (i.image ? "" : " opacity-0"))
+              class: b("h-100 w-100 object-cover" + (n.image ? "" : " opacity-0"))
             }, null, 10, at))), 128))
           ]),
-          it
+          st
         ]),
-        d("div", nt, [
-          ot,
-          d("div", lt, [
-            (l(!0), r(k, null, L(e.items, (i, c) => (l(), r("blockquote", {
+        d("div", it, [
+          nt,
+          d("div", ot, [
+            (o(!0), l($, null, k(e.items, (n, c) => (o(), l("blockquote", {
               key: c,
-              class: g(i.class)
+              class: b(n.class)
             }, [
               d("div", {
-                innerHTML: i.quote
-              }, null, 8, rt),
+                innerHTML: n.quote
+              }, null, 8, lt),
               d("cite", {
-                innerHTML: i.cite
-              }, null, 8, ct)
+                innerHTML: n.cite
+              }, null, 8, rt)
             ], 2))), 128))
           ]),
           d("div", dt, [
-            m(t.$slots, "default")
+            u(t.$slots, "default")
           ])
         ])
       ]),
-      ut
+      ct
     ], 2)
   ], 512);
 }
-const Os = /* @__PURE__ */ p(Xe, [["render", mt]]);
-const pt = {
+const Ba = /* @__PURE__ */ m(Je, [["render", ut]]);
+const mt = {
   name: "Timeline",
   props: {
     image: {
@@ -844,23 +774,23 @@ const pt = {
       required: !1
     }
   }
-}, ht = { class: "timeline" }, ft = { class: "timeline__content" }, bt = ["src"];
-function yt(t, s, e, n, o, a) {
-  return l(), r("div", ht, [
-    d("div", ft, [
-      m(t.$slots, "default")
+}, pt = { class: "timeline" }, ht = { class: "timeline__content" }, ft = ["src"];
+function bt(t, a, e, i, r, s) {
+  return o(), l("div", pt, [
+    d("div", ht, [
+      u(t.$slots, "default")
     ]),
-    e.image ? (l(), r("img", {
+    e.image ? (o(), l("img", {
       key: 0,
       src: e.image,
       alt: ""
-    }, null, 8, bt)) : h("", !0)
+    }, null, 8, ft)) : p("", !0)
   ]);
 }
-const Us = /* @__PURE__ */ p(pt, [["render", yt]]);
-const gt = {
+const Oa = /* @__PURE__ */ m(mt, [["render", bt]]);
+const yt = {
   components: {
-    Input: R
+    Input: N
   },
   name: "PropertySearchbar",
   props: {
@@ -1007,43 +937,43 @@ const gt = {
 }, _t = {
   class: "container",
   ref: "wrapper"
-}, vt = { class: "property-searchbar" }, wt = ["action", "method"], $t = { class: "col-12 col-md-3" }, At = { class: "col-12 col-md" }, kt = /* @__PURE__ */ d("span", { class: "form-label d-none d-md-block" }, "Price range", -1), Lt = {
+}, gt = { class: "property-searchbar" }, vt = ["action", "method"], wt = { class: "col-12 col-md-3" }, $t = { class: "col-12 col-md" }, kt = /* @__PURE__ */ d("span", { class: "form-label d-none d-md-block" }, "Price range", -1), At = {
   class: "row",
   "data-input-range": ""
-}, St = { class: "col-12 col-md" }, xt = /* @__PURE__ */ d("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), Tt = {
+}, xt = { class: "col-12 col-md" }, Lt = /* @__PURE__ */ d("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), St = {
   class: "row",
   "data-input-range": ""
-}, qt = { class: "col-12 col-md-2" }, Et = /* @__PURE__ */ d("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
+}, qt = { class: "col-12 col-md-2" }, Tt = /* @__PURE__ */ d("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
   /* @__PURE__ */ d("button", {
     class: "btn w-100 me-0",
     type: "submit",
     value: "submit"
   }, "Search")
 ], -1);
-function Ht(t, s, e, n, o, a) {
-  const i = H("Input");
-  return l(), r("div", _t, [
-    m(t.$slots, "default"),
-    d("div", vt, [
+function Et(t, a, e, i, r, s) {
+  const n = q("Input");
+  return o(), l("div", _t, [
+    u(t.$slots, "default"),
+    d("div", gt, [
       d("form", {
         class: "row",
         action: e.formaction,
         method: e.formmethod
       }, [
-        d("fieldset", $t, [
-          $(i, {
+        d("fieldset", wt, [
+          v(n, {
             inputClass: "input--locations",
-            modelValue: a.locationSet,
-            "onUpdate:modelValue": s[0] || (s[0] = (c) => a.locationSet = c),
+            modelValue: s.locationSet,
+            "onUpdate:modelValue": a[0] || (a[0] = (c) => s.locationSet = c),
             label: "Location",
             id: "location",
-            options: a.locationsList(),
+            options: s.locationsList(),
             required: "",
             placeholder: "i.e. Newcastle or NE1",
-            onKeyupEvent: s[1] || (s[1] = (c) => a.locationKeyup(...arguments)),
+            onKeyupEvent: a[1] || (a[1] = (c) => s.locationKeyup(...arguments)),
             ref: "search"
           }, null, 8, ["modelValue", "options"]),
-          $(i, {
+          v(n, {
             class: "select--miles",
             label: "Miles",
             id: "miles",
@@ -1051,10 +981,10 @@ function Ht(t, s, e, n, o, a) {
             options: e.distances
           }, null, 8, ["options"])
         ]),
-        d("fieldset", At, [
+        d("fieldset", $t, [
           kt,
-          d("div", Lt, [
-            $(i, {
+          d("div", At, [
+            v(n, {
               class: "col-6",
               label: "Minimum price",
               id: "price-min",
@@ -1062,7 +992,7 @@ function Ht(t, s, e, n, o, a) {
               type: "select",
               options: e.pricemin
             }, null, 8, ["options"]),
-            $(i, {
+            v(n, {
               class: "col-6",
               label: "Maximum price",
               id: "price-max",
@@ -1072,10 +1002,10 @@ function Ht(t, s, e, n, o, a) {
             }, null, 8, ["options"])
           ])
         ]),
-        d("fieldset", St, [
-          xt,
-          d("div", Tt, [
-            $(i, {
+        d("fieldset", xt, [
+          Lt,
+          d("div", St, [
+            v(n, {
               class: "col-6",
               label: "Minimum beds",
               id: "beds-min",
@@ -1083,7 +1013,7 @@ function Ht(t, s, e, n, o, a) {
               type: "select",
               options: e.bedsmin
             }, null, 8, ["options"]),
-            $(i, {
+            v(n, {
               class: "col-6",
               label: "Maximum beds",
               id: "beds-max",
@@ -1094,25 +1024,25 @@ function Ht(t, s, e, n, o, a) {
           ])
         ]),
         d("fieldset", qt, [
-          $(i, {
+          v(n, {
             label: "Property type",
             id: "property-type",
             type: "select",
             options: e.propertytypes
           }, null, 8, ["options"])
         ]),
-        Et
-      ], 8, wt)
+        Tt
+      ], 8, vt)
     ]),
-    m(t.$slots, "after")
+    u(t.$slots, "after")
   ], 512);
 }
-const Ws = /* @__PURE__ */ p(gt, [["render", Ht]]), Mt = {
+const Ua = /* @__PURE__ */ m(yt, [["render", Et]]), Ht = {
   components: {},
   name: "Nav",
   mounted() {
     this.$nextTick(function() {
-      import("./nav.component.min-e637dda8.mjs").then((t) => {
+      import("./nav.component.min-cb09f2a4.mjs").then((t) => {
         window.customElements.get("iam-nav") || window.customElements.define("iam-nav", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1120,14 +1050,14 @@ const Ws = /* @__PURE__ */ p(gt, [["render", Ht]]), Mt = {
     });
   },
   methods: {}
-}, Ct = { ref: "wrapper" };
-function Nt(t, s, e, n, o, a) {
-  return l(), r("iam-nav", Ct, [
-    m(t.$slots, "default")
+}, Mt = { ref: "wrapper" };
+function Ct(t, a, e, i, r, s) {
+  return o(), l("iam-nav", Mt, [
+    u(t.$slots, "default")
   ], 512);
 }
-const Ks = /* @__PURE__ */ p(Mt, [["render", Nt]]);
-const Rt = {
+const Wa = /* @__PURE__ */ m(Ht, [["render", Ct]]);
+const Nt = {
   name: "Stepper",
   props: {
     label: {
@@ -1140,26 +1070,26 @@ const Rt = {
       default: "Complete"
     }
   }
-}, Pt = { class: "container" }, zt = ["aria-label"], jt = {
+}, Pt = { class: "container" }, Rt = ["aria-label"], jt = {
   key: 0,
   class: "h6 stepper__start"
 }, It = { class: "list-unstyled" }, Dt = { class: "h6 stepper__end" };
-function Ft(t, s, e, n, o, a) {
-  return l(), r("div", Pt, [
+function Vt(t, a, e, i, r, s) {
+  return o(), l("div", Pt, [
     d("nav", {
       class: "stepper",
       "aria-label": e.label ? e.label : "Progress"
     }, [
-      e.label ? (l(), r("span", jt, _(e.label), 1)) : h("", !0),
+      e.label ? (o(), l("span", jt, y(e.label), 1)) : p("", !0),
       d("ol", It, [
-        m(t.$slots, "default")
+        u(t.$slots, "default")
       ]),
-      d("span", Dt, _(e.endlabel), 1)
-    ], 8, zt)
+      d("span", Dt, y(e.endlabel), 1)
+    ], 8, Rt)
   ]);
 }
-const Gs = /* @__PURE__ */ p(Rt, [["render", Ft]]);
-const Vt = {
+const Ka = /* @__PURE__ */ m(Nt, [["render", Vt]]);
+const Ft = {
   name: "Snapshot",
   props: {
     items: {
@@ -1167,33 +1097,33 @@ const Vt = {
       required: !0
     }
   }
-}, Bt = {
+}, zt = {
   class: "container snapshot",
   ref: "wrapper"
-}, Ot = { class: "row" }, Ut = ["href"], Wt = { class: "lead snapshot__title" }, Kt = { class: "stat" };
-function Gt(t, s, e, n, o, a) {
-  return l(), r("div", Bt, [
-    m(t.$slots, "default"),
-    d("div", Ot, [
-      (l(!0), r(k, null, L(e.items, (i, c) => (l(), r("div", {
+}, Bt = { class: "row" }, Ot = ["href"], Ut = { class: "lead snapshot__title" }, Wt = { class: "stat" };
+function Kt(t, a, e, i, r, s) {
+  return o(), l("div", zt, [
+    u(t.$slots, "default"),
+    d("div", Bt, [
+      (o(!0), l($, null, k(e.items, (n, c) => (o(), l("div", {
         class: "col",
         key: c
       }, [
-        i.link ? (l(), r("a", {
+        n.link ? (o(), l("a", {
           key: 0,
-          href: i.link
-        }, "View " + _(i.title), 9, Ut)) : h("", !0),
+          href: n.link
+        }, "View " + y(n.title), 9, Ot)) : p("", !0),
         d("div", {
-          class: g(`snapshot__item ${i.bg ? "bg-" + i.bg : ""}`)
+          class: b(`snapshot__item ${n.bg ? "bg-" + n.bg : ""}`)
         }, [
-          d("span", Wt, _(i.title), 1),
-          d("span", Kt, _(i.number), 1)
+          d("span", Ut, y(n.title), 1),
+          d("span", Wt, y(n.number), 1)
         ], 2)
       ]))), 128))
     ])
   ], 512);
 }
-const Qs = /* @__PURE__ */ p(Vt, [["render", Gt]]), Qt = {
+const Ga = /* @__PURE__ */ m(Ft, [["render", Kt]]), Gt = {
   name: "Stepper",
   props: {
     url: {
@@ -1209,43 +1139,43 @@ const Qs = /* @__PURE__ */ p(Vt, [["render", Gt]]), Qt = {
       required: !1
     }
   }
-}, Yt = ["href", "aria-current"], Jt = {
+}, Qt = ["href", "aria-current"], Yt = {
   key: 0,
   class: "visually-hidden"
 };
-function Xt(t, s, e, n, o, a) {
-  return l(), r("li", null, [
+function Jt(t, a, e, i, r, s) {
+  return o(), l("li", null, [
     d("a", {
       href: e.url,
-      class: g(`${e.status ? "bg-" + e.status : ""}${typeof e.current < "u" ? "current" : ""}`),
+      class: b(`${e.status ? "bg-" + e.status : ""}${typeof e.current < "u" ? "current" : ""}`),
       "aria-current": typeof e.current < "u" ? "step" : !1
     }, [
       d("span", null, [
-        m(t.$slots, "default")
+        u(t.$slots, "default")
       ]),
-      e.status ? (l(), r("em", Jt, " - status: " + _(e.status), 1)) : h("", !0)
-    ], 10, Yt)
+      e.status ? (o(), l("em", Yt, " - status: " + y(e.status), 1)) : p("", !0)
+    ], 10, Qt)
   ]);
 }
-const Ys = /* @__PURE__ */ p(Qt, [["render", Xt]]);
-const Zt = {
+const Qa = /* @__PURE__ */ m(Gt, [["render", Jt]]);
+const Xt = {
   name: "Tabs",
   created() {
     this.$nextTick(function() {
-      import("./tabs.component.min-60bed978.mjs").then((t) => {
+      import("./tabs.component.min-9319b151.mjs").then((t) => {
         window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", t.default);
       }).catch((t) => {
         console.log(t.message);
       });
     });
   }
-}, es = { ref: "wrapper" };
-function ts(t, s, e, n, o, a) {
-  return l(), r("iam-tabs", es, [
-    m(t.$slots, "default")
+}, Zt = { ref: "wrapper" };
+function ea(t, a, e, i, r, s) {
+  return o(), l("iam-tabs", Zt, [
+    u(t.$slots, "default")
   ], 512);
 }
-const Js = /* @__PURE__ */ p(Zt, [["render", ts]]), ss = {
+const Ya = /* @__PURE__ */ m(Xt, [["render", ea]]), ta = {
   name: "Tab",
   props: {
     title: {
@@ -1267,23 +1197,23 @@ const Js = /* @__PURE__ */ p(Zt, [["render", ts]]), ss = {
       isDisabled: !!this.disabled
     };
   }
-}, as = { class: "tab" }, is = ["innerHTML"];
-function ns(t, s, e, n, o, a) {
-  return l(), r("details", as, [
+}, aa = { class: "tab" }, sa = ["innerHTML"];
+function ia(t, a, e, i, r, s) {
+  return o(), l("details", aa, [
     d("summary", {
       innerHTML: e.title,
-      class: g({ disabled: o.isDisabled })
-    }, null, 10, is),
-    m(t.$slots, "default")
+      class: b({ disabled: r.isDisabled })
+    }, null, 10, sa),
+    u(t.$slots, "default")
   ]);
 }
-const Xs = /* @__PURE__ */ p(ss, [["render", ns]]);
-let P = N.props;
+const Ja = /* @__PURE__ */ m(ta, [["render", ia]]);
+let P = C.props;
 P.fields.required = !1;
-const os = {
+const na = {
   components: {
-    Table: N,
-    Input: R
+    Table: C,
+    Input: N
   },
   data() {
     return {
@@ -1294,14 +1224,14 @@ const os = {
   methods: {
     submitForm: function(t) {
       console.log(this);
-      const s = new FormData(t.target);
+      const a = new FormData(t.target);
       let e = /* @__PURE__ */ new Date();
-      const n = e.getFullYear();
-      let o = e.getMonth() + 1, a = e.getDate();
-      a < 10 && (a = "0" + a), o < 10 && (o = "0" + o), e = a + "/" + o + "/" + n, this.itemsData.unshift({
+      const i = e.getFullYear();
+      let r = e.getMonth() + 1, s = e.getDate();
+      s < 10 && (s = "0" + s), r < 10 && (r = "0" + r), e = s + "/" + r + "/" + i, this.itemsData.unshift({
         date_added: e,
-        user: s.get("user"),
-        note: s.get("addNote")
+        user: a.get("user"),
+        note: a.get("addNote")
       }), this.$emit("formSubmitted", t);
     }
   },
@@ -1326,41 +1256,41 @@ const os = {
       required: !1
     }
   }
-}, ls = { class: "container note-feed mb-2" }, rs = ["innerHTML"], cs = ["action", "method"], ds = ["value"], us = /* @__PURE__ */ d("button", { class: "btn btn-tertiary" }, "Submit note", -1);
-function ms(t, s, e, n, o, a) {
-  const i = H("Table"), c = H("Input");
-  return l(), r("div", ls, [
-    e.title ? (l(), r("span", {
+}, oa = { class: "container note-feed mb-2" }, la = ["innerHTML"], ra = ["action", "method"], da = ["value"], ca = /* @__PURE__ */ d("button", { class: "btn btn-tertiary" }, "Submit note", -1);
+function ua(t, a, e, i, r, s) {
+  const n = q("Table"), c = q("Input");
+  return o(), l("div", oa, [
+    e.title ? (o(), l("span", {
       key: 0,
       class: "h3",
       innerHTML: e.title
-    }, null, 8, rs)) : h("", !0),
-    $(i, A({
+    }, null, 8, la)) : p("", !0),
+    v(n, w({
       fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
-      items: o.itemsData
+      items: r.itemsData
     }, t.$props, { class: "mb-0" }), null, 16, ["items"]),
     d("form", {
       action: e.action,
       method: e.method,
-      onSubmit: s[0] || (s[0] = V((u) => a.submitForm(...arguments), ["prevent"]))
+      onSubmit: a[0] || (a[0] = O((h) => s.submitForm(...arguments), ["prevent"]))
     }, [
       d("input", {
         type: "hidden",
         value: e.user,
         name: "user"
-      }, null, 8, ds),
-      $(c, {
+      }, null, 8, da),
+      v(c, {
         id: "addNote",
         type: "textarea",
         label: "Add note",
         required: "",
         class: "mw-100"
       }),
-      us
-    ], 40, cs)
+      ca
+    ], 40, ra)
   ]);
 }
-const Zs = /* @__PURE__ */ p(os, [["render", ms]]), ps = {
+const Xa = /* @__PURE__ */ m(na, [["render", ua]]), ma = {
   name: "Applied Filter",
   mounted() {
     this.$nextTick(function() {
@@ -1372,41 +1302,41 @@ const Zs = /* @__PURE__ */ p(os, [["render", ms]]), ps = {
     });
   }
 };
-function hs(t, s, e, n, o, a) {
-  return l(), r("iam-applied-filters", null, [
-    m(t.$slots, "default")
+function pa(t, a, e, i, r, s) {
+  return o(), l("iam-applied-filters", null, [
+    u(t.$slots, "default")
   ]);
 }
-const ea = /* @__PURE__ */ p(ps, [["render", hs]]);
+const Za = /* @__PURE__ */ m(ma, [["render", pa]]);
 /*!
-  * iamKey v5.6.1-beta4
+  * iamKey v5.6.1-beta6
   * Copyright 2022-2024 iamproperty
   */
-function fs(t, s) {
-  bs(t, s);
+function ha(t, a) {
+  fa(t, a);
 }
-function bs(t, s) {
+function fa(t, a) {
   var e;
-  s.addEventListener("keyup", (n) => {
+  a.addEventListener("keyup", (i) => {
     clearTimeout(e), e = setTimeout(function() {
-      C(t, s.value);
+      M(t, a.value);
     }, 500);
-  }), s.addEventListener("change", (n) => {
-    clearTimeout(e), C(t, s.value);
+  }), a.addEventListener("change", (i) => {
+    clearTimeout(e), M(t, a.value);
   });
 }
-const C = function(t, s) {
-  Array.from(t.querySelectorAll(":scope > li")).forEach((e, n) => {
-    let o = e.textContent.toLowerCase();
-    e.classList.add("d-none"), o.includes(s.toLowerCase()) && e.classList.remove("d-none");
-  }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Filtered list", value: s });
+const M = function(t, a) {
+  Array.from(t.querySelectorAll(":scope > li")).forEach((e, i) => {
+    let r = e.textContent.toLowerCase();
+    e.classList.add("d-none"), r.includes(a.toLowerCase()) && e.classList.remove("d-none");
+  }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Filtered list", value: a });
 };
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "filterlist" });
-class ys extends HTMLElement {
+class ba extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const s = 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") : `${s}/css/core.min.css`, n = document.createElement("template");
-    n.innerHTML = `
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
+    i.innerHTML = `
     <style>
     @import "${e}";
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
@@ -1433,51 +1363,51 @@ class ys extends HTMLElement {
     <div class="list__wrapper">
       <slot></slot>
     </div>
-    `, this.shadowRoot.appendChild(n.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
-    let s = this.classList.toString();
-    this.shadowRoot.querySelector(".list__wrapper").setAttribute("class", `list__wrapper ${s}`), this.querySelector("i.fa-search") || (this.innerHTML += '<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'), fs(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
+    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>'), ha(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
   }
 }
-window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", ys);
-const gs = {
+window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", ba);
+const ya = {
   name: "Filter list"
 };
-function _s(t, s, e, n, o, a) {
-  return l(), r("iam-filterlist", null, [
-    m(t.$slots, "default")
+function _a(t, a, e, i, r, s) {
+  return o(), l("iam-filterlist", null, [
+    u(t.$slots, "default")
   ]);
 }
-const ta = /* @__PURE__ */ p(gs, [["render", _s]]);
-function vs(t) {
+const es = /* @__PURE__ */ m(ya, [["render", _a]]);
+function ga(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(), M(t));
+    event && event.target instanceof HTMLElement && event.target.closest("[data-dismiss-button]") && (e.preventDefault(), T(t));
   }, !1), t.hasAttribute("data-timeout")) {
     let e = t.getAttribute("data-timeout");
-    var s = new ws(function() {
-      M(t);
+    var a = new va(function() {
+      T(t);
     }, e);
-    t.addEventListener("mouseenter", (n) => {
-      s.pause();
-    }), t.addEventListener("mouseleave", (n) => {
-      s.resume();
+    t.addEventListener("mouseenter", (i) => {
+      a.pause();
+    }), t.addEventListener("mouseleave", (i) => {
+      a.resume();
     });
   }
 }
-function ws(t, s) {
-  var e, n, o = s;
+function va(t, a) {
+  var e, i, r = a;
   this.pause = function() {
-    window.clearTimeout(e), o -= /* @__PURE__ */ new Date() - n;
+    window.clearTimeout(e), r -= /* @__PURE__ */ new Date() - i;
   }, this.resume = function() {
-    n = /* @__PURE__ */ new Date(), window.clearTimeout(e), e = window.setTimeout(t, o);
+    i = /* @__PURE__ */ new Date(), window.clearTimeout(e), e = window.setTimeout(t, r);
   }, this.resume();
 }
-const M = function(t) {
+const T = function(t) {
   t.classList.add("d-none");
 };
 window.dataLayer = window.dataLayer || [];
@@ -1485,32 +1415,32 @@ window.dataLayer.push({
   event: "customElementRegistered",
   element: "Notification"
 });
-class $s extends HTMLElement {
+class wa extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const s = 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") : `${s}/css/core.min.css`, n = `@import "${s}/css/components/notification.css";`, o = `@import "${s}/css/components/notification.global.css";`, a = this.querySelectorAll("a,button");
-    Array.from(a).forEach((c, u) => {
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = `@import "${a}/css/components/notification.css";`, r = `@import "${a}/css/components/notification.global.css";`, s = this.querySelectorAll("a,button");
+    Array.from(s).forEach((c, h) => {
       c.setAttribute("slot", "btns"), c.classList.add("link");
-    }), (a.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
-    const i = document.createElement("template");
-    i.innerHTML = `
+    }), (s.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
+    const n = document.createElement("template");
+    n.innerHTML = `
     <style>
     @import "${e}";
-    ${n}
+    ${i}
     ${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>${a.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
+      <div class="notification__inner"><div class="notification__text"><slot></slot></div>${s.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
       ${this.hasAttribute("data-dismiss") ? '<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>' : ""}
     </div>
-    `, this.shadowRoot.appendChild(i.content.cloneNode(!0)), document.getElementById("notificationHolder") || document.head.insertAdjacentHTML("beforeend", `<style id="notificationHolder">${o}</style>`);
+    `, this.shadowRoot.appendChild(n.content.cloneNode(!0)), document.getElementById("notificationHolder") || document.head.insertAdjacentHTML("beforeend", `<style id="notificationHolder">${r}</style>`);
   }
   connectedCallback() {
-    const s = this.shadowRoot.querySelector("[data-dismiss-button]"), e = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
+    const a = this.shadowRoot.querySelector("[data-dismiss-button]"), e = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
     this.hasAttribute("data-type") ? this.classList.add(`bg-${e}`) : this.classList.add(`colour-${e}`);
-    const n = this;
+    const i = this;
     if (!this.querySelector("i"))
       switch (e) {
         case "danger":
@@ -1525,31 +1455,31 @@ class $s extends HTMLElement {
         default:
           this.innerHTML += '<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>';
       }
-    vs(n), s && s.addEventListener("click", function(o) {
-      M(n);
+    ga(i), a && a.addEventListener("click", function(r) {
+      T(i);
     }, !1);
   }
 }
-const As = {
+const $a = {
   name: "Notification",
   props: {},
   created() {
     this.$nextTick(function() {
-      window.customElements.get("iam-notification") || window.customElements.define("iam-notification", $s);
+      window.customElements.get("iam-notification") || window.customElements.define("iam-notification", wa);
     });
   }
 };
-function ks(t, s, e, n, o, a) {
-  return l(), r("iam-notification", null, [
-    m(t.$slots, "default")
+function ka(t, a, e, i, r, s) {
+  return o(), l("iam-notification", null, [
+    u(t.$slots, "default")
   ]);
 }
-const sa = /* @__PURE__ */ p(As, [["render", ks]]), Ls = {
+const ts = /* @__PURE__ */ m($a, [["render", ka]]), Aa = {
   name: "Actionbar",
   props: {},
   mounted() {
     this.$nextTick(function() {
-      import("./actionbar.component.min-4c086d85.mjs").then((t) => {
+      import("./actionbar.component.min-d0782723.mjs").then((t) => {
         window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1557,21 +1487,21 @@ const sa = /* @__PURE__ */ p(As, [["render", ks]]), Ls = {
     });
   }
 };
-function Ss(t, s, e, n, o, a) {
-  return l(), r("iam-actionbar", null, [
-    m(t.$slots, "default")
+function xa(t, a, e, i, r, s) {
+  return o(), l("iam-actionbar", null, [
+    u(t.$slots, "default")
   ]);
 }
-const aa = /* @__PURE__ */ p(Ls, [["render", Ss]]);
+const as = /* @__PURE__ */ m(Aa, [["render", xa]]);
 /*!
-  * iamKey v5.6.1-beta4
+  * iamKey v5.6.1-beta6
   * Copyright 2022-2024 iamproperty
   */
-class z extends HTMLElement {
+class R extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const s = 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") : `${s}/css/core.min.css`, n = document.createElement("template");
-    n.innerHTML = `
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
+    i.innerHTML = `
     <style>
     @import "${e}";
     :host{container-type:inline-size;display:block}.pagination{display:block}@container (width > 23.4375em){.pagination{display:flex;align-items:center;justify-content:space-between !important;padding-top:2rem}}.pagination>div{display:flex;align-items:center}.pagination div:is(.page-jump,.per-page){border:1px solid var(--colour-light);height:3.25rem;display:none;align-items:center;padding-inline:1rem}.pagination div:is(.page-jump,.per-page) .select--minimal{--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 */
@@ -1609,83 +1539,83 @@ class z extends HTMLElement {
         <button class="load-more btn btn-primary m-auto">Load more</a>
       </div>
     </div>
-    `, this.shadowRoot.appendChild(n.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
   }
   connectedCallback() {
-    const s = new URLSearchParams(window.location.search);
-    this.hasAttribute("data-total") || this.setAttribute("data-total", 15), this.hasAttribute("data-page") || this.setAttribute("data-page", s.has("page") ? s.get("page") : 1), this.hasAttribute("data-show") || this.setAttribute("data-show", s.has("show") ? s.get("show") : 15), this.hasAttribute("data-increment") || this.setAttribute("data-increment", this.getAttribute("data-show"));
-    const e = this.shadowRoot.querySelector(".page-jump select"), n = this.shadowRoot.querySelector(".prev"), o = this.shadowRoot.querySelector(".next"), a = this.shadowRoot.querySelector(".per-page select"), i = this.shadowRoot.querySelector(".load-more");
+    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"), i = this.shadowRoot.querySelector(".prev"), r = this.shadowRoot.querySelector(".next"), s = this.shadowRoot.querySelector(".per-page select"), n = this.shadowRoot.querySelector(".load-more");
     this.setup(), e.addEventListener("change", (c) => {
       this.setAttribute("data-show", this.getAttribute("data-increment")), this.setAttribute("data-page", c.target.value);
-    }), o.addEventListener("click", (c) => {
+    }), r.addEventListener("click", (c) => {
       e.value = parseInt(e.value) + 1, e.dispatchEvent(new Event("change"));
-    }), n.addEventListener("click", (c) => {
+    }), i.addEventListener("click", (c) => {
       e.value = parseInt(e.value) - 1, e.dispatchEvent(new Event("change"));
-    }), a.addEventListener("change", (c) => {
+    }), s.addEventListener("change", (c) => {
       this.setAttribute("data-increment", c.target.value);
-    }), i.addEventListener("click", (c) => {
-      let u = parseInt(this.getAttribute("data-show")) + parseInt(this.getAttribute("data-increment"));
-      this.setAttribute("data-show", u), u > parseInt(this.getAttribute("data-total")) && i.remove();
+    }), n.addEventListener("click", (c) => {
+      let h = parseInt(this.getAttribute("data-show")) + parseInt(this.getAttribute("data-increment"));
+      this.setAttribute("data-show", h), h > parseInt(this.getAttribute("data-total")) && n.remove();
     });
   }
   setup() {
-    const s = this.shadowRoot.querySelector(".pagination"), e = this.shadowRoot.querySelector(".page-jump select"), n = this.shadowRoot.querySelector(".prev"), o = this.shadowRoot.querySelector(".next"), a = this.shadowRoot.querySelector(".item-count"), i = this.shadowRoot.querySelector(".per-page select"), c = this.shadowRoot.querySelector(".total-pages"), u = parseInt(this.getAttribute("data-page")), b = parseInt(this.getAttribute("data-total")), y = parseInt(this.getAttribute("data-show")), f = parseInt(this.getAttribute("data-increment")), v = Math.ceil(b / f);
-    b > y && s.classList.remove("d-none");
-    let w = "";
-    for (let x = 1; x <= v; x++)
-      w += `<option value="${x}" ${x == u ? "selected" : ""}>${x}</option>`;
-    e.innerHTML = w, c.innerHTML = `of ${v}`, u == v ? o.setAttribute("disabled", "disabled") : o.removeAttribute("disabled"), u == 1 ? n.setAttribute("disabled", "disabled") : n.removeAttribute("disabled");
-    let S = u == 1 ? 1 : (u - 1) * y + 1, q = u == 1 ? y : u * y;
-    a.innerHTML = `${S} - ${q > b ? b : q} of ${b} items`;
-    const j = [15, 25, 40, 50];
-    f && i.value != f && !j.includes(f) && (i.innerHTML = `<option value="${f}">${f}</option>
+    const a = this.shadowRoot.querySelector(".pagination"), e = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), r = this.shadowRoot.querySelector(".next"), s = this.shadowRoot.querySelector(".item-count"), n = this.shadowRoot.querySelector(".per-page select"), c = this.shadowRoot.querySelector(".total-pages"), h = parseInt(this.getAttribute("data-page")), _ = parseInt(this.getAttribute("data-total")), g = parseInt(this.getAttribute("data-show")), f = parseInt(this.getAttribute("data-increment")), L = Math.ceil(_ / f);
+    _ > g && a.classList.remove("d-none");
+    let E = "";
+    for (let A = 1; A <= L; A++)
+      E += `<option value="${A}" ${A == h ? "selected" : ""}>${A}</option>`;
+    e.innerHTML = E, c.innerHTML = `of ${L}`, h == L ? r.setAttribute("disabled", "disabled") : r.removeAttribute("disabled"), h == 1 ? i.setAttribute("disabled", "disabled") : i.removeAttribute("disabled");
+    let j = h == 1 ? 1 : (h - 1) * g + 1, H = h == 1 ? g : h * g;
+    s.innerHTML = `${j} - ${H > _ ? _ : H} of ${_} items`;
+    const I = [15, 25, 40, 50];
+    f && n.value != f && !I.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>`), i.value = f;
+      <option value="${f * 4}">${f * 4}</option>`), n.value = f;
   }
   static get observedAttributes() {
     return ["data-total", "data-increment", "data-page", "data-show"];
   }
-  attributeChangedCallback(s, e, n) {
-    switch (s) {
+  attributeChangedCallback(a, e, i) {
+    switch (a) {
       case "data-total": {
-        e != n && (this.setAttribute("data-page", 1), this.setup());
+        e != i && (this.setAttribute("data-page", 1), this.setup());
         break;
       }
       case "data-show": {
-        e != n && (this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: n } })));
+        e != i && (this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: i } })));
         break;
       }
       case "data-increment": {
-        e != n && (this.setAttribute("data-show", n), this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: n } })));
+        e != i && (this.setAttribute("data-show", i), this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: i } })));
         break;
       }
       case "data-page": {
-        e && e != n && (this.setup(), this.dispatchEvent(new CustomEvent("update-page", { detail: { page: n } })));
+        e && e != i && (this.setup(), this.dispatchEvent(new CustomEvent("update-page", { detail: { page: i } })));
         break;
       }
     }
   }
 }
-const xs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const La = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: z
-}, Symbol.toStringTag, { value: "Module" })), Ts = {
+  default: R
+}, Symbol.toStringTag, { value: "Module" })), Sa = {
   name: "Pagination",
   props: {},
   computed: {},
   created() {
     this.$nextTick(function() {
-      window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination", z);
+      window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination", R);
     });
   },
   updated() {
   }
 };
-function qs(t, s, e, n, o, a) {
-  return l(), r("iam-pagination");
+function qa(t, a, e, i, r, s) {
+  return o(), l("iam-pagination");
 }
-const ia = /* @__PURE__ */ p(Ts, [["render", qs]]), Es = {
+const ss = /* @__PURE__ */ m(Sa, [["render", qa]]), Ta = {
   name: "Address Lookup",
   mounted() {
     this.$nextTick(function() {
@@ -1697,25 +1627,25 @@ const ia = /* @__PURE__ */ p(Ts, [["render", qs]]), Es = {
     });
   }
 };
-function Hs(t, s, e, n, o, a) {
-  return l(), r("iam-address-lookup", null, [
-    m(t.$slots, "default")
+function Ea(t, a, e, i, r, s) {
+  return o(), l("iam-address-lookup", null, [
+    u(t.$slots, "default")
   ]);
 }
-const na = /* @__PURE__ */ p(Es, [["render", Hs]]);
+const is = /* @__PURE__ */ m(Ta, [["render", Ea]]);
 window.dataLayer = window.dataLayer || [];
 window.dataLayer.push({
   event: "customElementRegistered",
   element: "collapsible side menu"
 });
-class Ms extends HTMLElement {
+class Ha extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const s = 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") : `${s}/css/core.min.css`, n = `@import "${s}/css/components/collapsible-side.css";`, o = document.createElement("template");
-    o.innerHTML = `
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = `@import "${a}/css/components/collapsible-side.css";`, r = document.createElement("template");
+    r.innerHTML = `
     <style class="styles">
     @import "${e}";
-    ${n}
+    ${i}
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
     <link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous">
@@ -1733,68 +1663,68 @@ class Ms extends HTMLElement {
         </div>
 
       </div>
-    `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(r.content.cloneNode(!0));
   }
   connectedCallback() {
-    const s = this.shadowRoot.querySelector(".side-menu"), e = this.shadowRoot.querySelector(".side-menu-content"), n = 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>`), n.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")), this.hasAttribute("open") && window.innerWidth > 992 && (s.classList.add("open"), o.setAttribute("aria-expanded", !0)), o.addEventListener("click", (a) => {
-      s.classList.contains("open") ? (s.classList.remove("open"), o.removeAttribute("aria-expanded"), setTimeout(function() {
+    const a = this.shadowRoot.querySelector(".side-menu"), e = this.shadowRoot.querySelector(".side-menu-content"), i = this.shadowRoot.querySelector(".main-content"), r = this.shadowRoot.querySelector(".side-menu > .btn");
+    this.hasAttribute("data-css") && this.shadowRoot.querySelector(".styles").insertAdjacentHTML("beforeend", `@import "${this.getAttribute("data-css")}";`), this.hasAttribute("data-title") || this.setAttribute("data-title", "configuration"), e.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), i.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)") && (this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("h4"), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("main-content__title")), this.hasAttribute("open") && window.innerWidth > 992 && (a.classList.add("open"), r.setAttribute("aria-expanded", !0)), r.addEventListener("click", (s) => {
+      a.classList.contains("open") ? (a.classList.remove("open"), r.removeAttribute("aria-expanded"), setTimeout(function() {
         e.classList.add("closed");
-      }, 1e3), s.classList.add("pe-none"), setTimeout(function() {
-        s.classList.remove("pe-none");
+      }, 1e3), a.classList.add("pe-none"), setTimeout(function() {
+        a.classList.remove("pe-none");
       }, 1e3)) : (e.classList.remove("closed"), setTimeout(function() {
-        s.classList.add("open"), o.setAttribute("aria-expanded", !0);
+        a.classList.add("open"), r.setAttribute("aria-expanded", !0);
       }, 100));
-    }), s.addEventListener("mouseenter", (a) => {
-      window.innerWidth > 992 && (s.classList.contains("open") || e.classList.remove("closed"), s.classList.add("hover"));
-    }), s.addEventListener("mousemove", (a) => {
-      window.innerWidth > 992 && (s.classList.contains("open") || e.classList.remove("closed"));
-    }), s.addEventListener("mouseleave", (a) => {
-      window.innerWidth > 992 && (s.classList.remove("hover"), s.classList.contains("open") || setTimeout(function() {
+    }), 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() {
         e.classList.add("closed");
       }, 1e3));
     });
   }
 }
-window.customElements.get("iam-collapsible-side") || window.customElements.define("iam-collapsible-side", Ms);
-const Cs = {
+window.customElements.get("iam-collapsible-side") || window.customElements.define("iam-collapsible-side", Ha);
+const Ma = {
   name: "CollapsibleSideMenu",
   props: {},
   mounted() {
   }
 };
-function Ns(t, s, e, n, o, a) {
-  return l(), r("iam-collapsible-side", null, [
-    m(t.$slots, "default")
+function Ca(t, a, e, i, r, s) {
+  return o(), l("iam-collapsible-side", null, [
+    u(t.$slots, "default")
   ]);
 }
-const oa = /* @__PURE__ */ p(Cs, [["render", Ns]]);
+const ns = /* @__PURE__ */ m(Ma, [["render", Ca]]);
 export {
-  js as Accordion,
-  Is as AccordionItem,
-  aa as Actionbar,
-  na as AddressLookup,
-  ea as AppliedFilters,
-  Ds as Banner,
-  Fs as Card,
-  Vs as Carousel,
-  oa as CollapsibleSideMenu,
-  zs as FileUpload,
-  ta as Filterlist,
-  Bs as Header,
-  R as Input,
-  Ps as Logo,
-  Ks as Nav,
-  Zs as NoteFeed,
-  sa as Notification,
-  ia as Pagination,
-  Ws as PropertySearchbar,
-  Qs as Snapshot,
-  Ys as Step,
-  Gs as Stepper,
-  Xs as Tab,
-  N as Table,
-  Js as Tabs,
-  Os as Testimonial,
-  Us as Timeline
+  ja as Accordion,
+  Ia as AccordionItem,
+  as as Actionbar,
+  is as AddressLookup,
+  Za as AppliedFilters,
+  Da as Banner,
+  Va as Card,
+  Fa as Carousel,
+  ns as CollapsibleSideMenu,
+  Ra as FileUpload,
+  es as Filterlist,
+  za as Header,
+  N as Input,
+  Pa as Logo,
+  Wa as Nav,
+  Xa as NoteFeed,
+  ts as Notification,
+  ss as Pagination,
+  Ua as PropertySearchbar,
+  Ga as Snapshot,
+  Qa as Step,
+  Ka as Stepper,
+  Ja as Tab,
+  C as Table,
+  Ya as Tabs,
+  Ba as Testimonial,
+  Oa as Timeline
 };