@iamproperty/components 6.0.0 → 6.1.0--beta

package/dist/components.es.js

@@ -46,7 +46,7 @@ function G(t, a, e, i, r, s) {
     }, null, 8, K)) : p("", !0)
   ], 2);
 }
-const Ra = /* @__PURE__ */ m(U, [["render", G]]), J = (t) => t.charAt(0).toUpperCase() + t.slice(1), Q = (t) => t.replace(/_/g, " "), Y = (t) => t.replace(/ /g, "_"), X = function(t) {
+const Ta = /* @__PURE__ */ m(U, [["render", G]]), J = (t) => t.charAt(0).toUpperCase() + t.slice(1), Q = (t) => t.replace(/_/g, " "), Y = (t) => t.replace(/ /g, "_"), X = function(t) {
   return t = t.toLowerCase(), t = Y(t), t = t.replace(/\W/g, ""), t;
 }, Z = {
   name: "Table",
@@ -67,11 +67,11 @@ const Ra = /* @__PURE__ */ m(U, [["render", G]]), J = (t) => t.charAt(0).toUpper
   },
   created() {
     this.$nextTick(function() {
-      import("./table.component.min-e37ebd8f.mjs").then((t) => {
+      import("./table.component.min-9da9f9e4.mjs").then((t) => {
         window.customElements.get("iam-table") || window.customElements.define("iam-table", t.default);
       }).catch((t) => {
         console.log(t.message);
-      }), Promise.resolve().then(() => xa).then((t) => {
+      }), Promise.resolve().then(() => va).then((t) => {
         window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -97,8 +97,8 @@ function ie(t, a, e, i, r, s) {
           key: c,
           "data-row-id": n.rowid
         }, [
-          (o(!0), l($, null, k(Object.fromEntries(Object.entries(n).filter(([h]) => h !== "rowid")), (h, _) => (o(), l("td", {
-            key: _,
+          (o(!0), l($, null, k(Object.fromEntries(Object.entries(n).filter(([h]) => h !== "rowid")), (h, g) => (o(), l("td", {
+            key: g,
             innerHTML: h
           }, null, 8, se))), 128))
         ], 8, ae))), 128))
@@ -300,7 +300,7 @@ const C = /* @__PURE__ */ m(Z, [["render", ie]]), ne = {
 }, 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"
-}, 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"], Le = ["value"];
+}, fe = ["type", "name", "id", "pattern", "list"], be = { class: "input-group-text flex-fill" }, ye = ["type", "name", "id", "pattern"], ge = ["value"], _e = ["type", "name", "id"], ve = ["for", "innerHTML"], we = ["type", "name", "id"], $e = ["for", "innerHTML"], ke = ["innerHTML"], Ae = ["id"], Le = ["value"];
 function Se(t, a, e, i, r, s) {
   return o(), l("div", {
     class: b(s.wrapperClass()),
@@ -390,7 +390,7 @@ function Se(t, a, e, i, r, s) {
       (o(!0), l($, null, k(e.options, (n, c) => (o(), l("option", {
         key: c,
         value: n.value
-      }, y(n.display ? n.display : n.value), 9, _e))), 128))
+      }, y(n.display ? n.display : n.value), 9, ge))), 128))
     ], 16, ye)), [
       [V, s.inputVal]
     ]) : p("", !0),
@@ -400,7 +400,7 @@ function Se(t, a, e, i, r, s) {
       type: e.type,
       name: e.name ? e.name : e.id,
       id: e.id
-    }, t.$attrs), null, 16, ge)) : p("", !0),
+    }, t.$attrs), null, 16, _e)) : p("", !0),
     e.type == "checkbox" || e.type == "radio" ? (o(), l("label", {
       key: 9,
       class: b(`form-label form-check-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
@@ -453,28 +453,28 @@ const N = /* @__PURE__ */ m(ne, [["render", Se]]), xe = {
   },
   created() {
     this.$nextTick(function() {
-      import("./fileupload.component.min-1428f816.mjs").then((t) => {
+      import("./fileupload.component.min-fa34ba36.mjs").then((t) => {
         window.customElements.get("iam-fileupload") || window.customElements.define("iam-fileupload", t.default);
       }).catch((t) => {
         console.log(t.message);
       });
     });
   }
-}, ja = /* @__PURE__ */ Object.assign(xe, {
+}, Ea = /* @__PURE__ */ Object.assign(xe, {
   emits: ["elementChange", "empty"],
   setup(t, { emit: a }) {
-    const e = F(null);
+    const e = a, i = F(null);
     return z(() => {
-      e.value.addEventListener("elementChange", function(i) {
-        a("elementChange", i);
-      }), e.value.addEventListener("empty", function(i) {
-        a("empty", i);
+      i.value.addEventListener("elementChange", function(r) {
+        e("elementChange", r);
+      }), i.value.addEventListener("empty", function(r) {
+        e("empty", r);
       });
-    }), (i, r) => (o(), l("iam-fileupload", {
+    }), (r, s) => (o(), l("iam-fileupload", {
       ref_key: "$component",
-      ref: e
+      ref: i
     }, [
-      u(i.$slots, "default")
+      u(r.$slots, "default")
     ], 512));
   }
 });
@@ -483,7 +483,7 @@ const qe = {
   props: {},
   mounted() {
     this.$nextTick(function() {
-      import("./accordion.component.min-62ce9a03.mjs").then((t) => {
+      import("./accordion.component.min-4f944cb0.mjs").then((t) => {
         window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -496,7 +496,7 @@ function Ee(t, a, e, i, r, s) {
     u(t.$slots, "default")
   ], 512);
 }
-const Ia = /* @__PURE__ */ m(qe, [["render", Ee]]), He = {
+const Ha = /* @__PURE__ */ m(qe, [["render", Ee]]), He = {
   name: "AccordionItem",
   props: {
     title: {
@@ -546,7 +546,7 @@ function Ce(t, a, e, i, r, s) {
     u(t.$slots, "default")
   ], 8, Me);
 }
-const Da = /* @__PURE__ */ m(He, [["render", Ce]]), Ne = {
+const Ma = /* @__PURE__ */ m(He, [["render", Ce]]), Ne = {
   name: "Header",
   props: {
     title: {
@@ -588,11 +588,11 @@ function Fe(t, a, e, i, r, s) {
     ], 2)
   ]);
 }
-const Va = /* @__PURE__ */ m(Ne, [["render", Fe]]), ze = {
+const Ca = /* @__PURE__ */ m(Ne, [["render", Fe]]), ze = {
   name: "Card",
   created() {
     this.$nextTick(function() {
-      import("./card.component.min-c7fcb932.mjs").then((t) => {
+      import("./card.component.min-63a7ea69.mjs").then((t) => {
         window.customElements.get("iam-card") || window.customElements.define("iam-card", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -605,7 +605,7 @@ function Be(t, a, e, i, r, s) {
     u(t.$slots, "default")
   ]);
 }
-const Fa = /* @__PURE__ */ m(ze, [["render", Be]]), Oe = {
+const Na = /* @__PURE__ */ m(ze, [["render", Be]]), Oe = {
   name: "Header",
   props: {
     title: {
@@ -623,7 +623,7 @@ const Fa = /* @__PURE__ */ m(ze, [["render", Be]]), Oe = {
   },
   mounted() {
     this.$nextTick(function() {
-      import("./carousel.component.min-561f6fb9.mjs").then((t) => {
+      import("./carousel.component.min-69926bda.mjs").then((t) => {
         window.customElements.get("iam-carousel") || window.customElements.define("iam-carousel", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -638,7 +638,7 @@ function We(t, a, e, i, r, s) {
     u(t.$slots, "default")
   ], 8, Ue);
 }
-const za = /* @__PURE__ */ m(Oe, [["render", We]]), Ke = {
+const Pa = /* @__PURE__ */ m(Oe, [["render", We]]), Ke = {
   name: "Header",
   props: {
     title: {
@@ -652,7 +652,7 @@ const za = /* @__PURE__ */ m(Oe, [["render", We]]), Ke = {
   },
   mounted() {
     this.$nextTick(function() {
-      import("./header.component.min-98618cb0.mjs").then((t) => {
+      import("./header.component.min-06c52a72.mjs").then((t) => {
         window.customElements.get("iam-header") || window.customElements.define("iam-header", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -670,7 +670,7 @@ function Qe(t, a, e, i, r, s) {
     u(t.$slots, "default")
   ], 8, Ge);
 }
-const Ba = /* @__PURE__ */ m(Ke, [["render", Qe]]);
+const Ra = /* @__PURE__ */ m(Ke, [["render", Qe]]);
 function Ye(t) {
   var a;
   const e = t.querySelector(".testimonial__images"), i = e.querySelectorAll("img").length;
@@ -683,16 +683,16 @@ function Ye(t) {
   };
   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);
+      let n = e.scrollWidth, c = e.scrollHeight, h = e.scrollLeft, g = e.scrollTop, _ = Math.round(h / n * i) + 1;
+      h == 0 && g != 0 && (_ = Math.round(g / c * i) + 1), t.setAttribute("data-show", _), r(_);
     }, 300);
   }, !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({
+        let c = parseInt(n.getAttribute("data-go")), h = 0, g = 0, _ = e.scrollWidth, f = e.scrollHeight;
+        _ > f ? g = Math.floor(_ * ((c - 1) / i)) : h = Math.floor(f * ((c - 1) / i)), e.scroll({
           top: h,
-          left: _,
+          left: g,
           behavior: "smooth"
         });
         break;
@@ -719,18 +719,8 @@ const Xe = {
   class: "container testimonial mb-5",
   "data-show": "1",
   ref: "wrapper"
-}, et = { class: "row" }, tt = { class: "col-md-5 position-relative" }, at = { class: "testimonial__images" }, st = ["src"], it = /* @__PURE__ */ d("div", { class: "testimonial__controls" }, [
-  /* @__PURE__ */ d("button", {
-    "data-go": "0",
-    disabled: "",
-    class: "btn-prev"
-  }, "Previous"),
-  /* @__PURE__ */ d("button", {
-    "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"], dt = ["innerHTML"], ct = { class: "testimonial__after" }, ut = /* @__PURE__ */ d("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
-function mt(t, a, e, i, r, s) {
+}, et = { class: "row" }, tt = { class: "col-md-5 position-relative" }, at = { class: "testimonial__images" }, st = ["src"], it = { class: "col-md-7" }, nt = { class: "testimonial__content" }, ot = ["innerHTML"], lt = ["innerHTML"], rt = { class: "testimonial__after" };
+function dt(t, a, e, i, r, s) {
   return o(), l("div", Ze, [
     d("div", {
       class: b("bg-" + e.background)
@@ -745,34 +735,44 @@ function mt(t, a, e, i, r, s) {
               class: b("h-100 w-100 object-cover" + (n.image ? "" : " opacity-0"))
             }, null, 10, st))), 128))
           ]),
-          it
+          a[0] || (a[0] = d("div", { class: "testimonial__controls" }, [
+            d("button", {
+              "data-go": "0",
+              disabled: "",
+              class: "btn-prev"
+            }, "Previous"),
+            d("button", {
+              "data-go": "2",
+              class: "btn-next"
+            }, "Next")
+          ], -1))
         ]),
-        d("div", nt, [
-          ot,
-          d("div", lt, [
+        d("div", it, [
+          a[1] || (a[1] = d("h2", null, "What our customers think…", -1)),
+          d("div", nt, [
             (o(!0), l($, null, k(e.items, (n, c) => (o(), l("blockquote", {
               key: c,
               class: b(n.class)
             }, [
               d("div", {
                 innerHTML: n.quote
-              }, null, 8, rt),
+              }, null, 8, ot),
               d("cite", {
                 innerHTML: n.cite
-              }, null, 8, dt)
+              }, null, 8, lt)
             ], 2))), 128))
           ]),
-          d("div", ct, [
+          d("div", rt, [
             u(t.$slots, "default")
           ])
         ])
       ]),
-      ut
+      a[2] || (a[2] = d("span", { class: "circle circle--dots d-none d-md-block" }, null, -1))
     ], 2)
   ], 512);
 }
-const Oa = /* @__PURE__ */ m(Xe, [["render", mt]]);
-const pt = {
+const ja = /* @__PURE__ */ m(Xe, [["render", dt]]);
+const ct = {
   name: "Timeline",
   props: {
     image: {
@@ -780,21 +780,21 @@ const pt = {
       required: !1
     }
   }
-}, ht = { class: "timeline" }, ft = { class: "timeline__content" }, bt = ["src"];
-function yt(t, a, e, i, r, s) {
-  return o(), l("div", ht, [
-    d("div", ft, [
+}, ut = { class: "timeline" }, mt = { class: "timeline__content" }, pt = ["src"];
+function ht(t, a, e, i, r, s) {
+  return o(), l("div", ut, [
+    d("div", mt, [
       u(t.$slots, "default")
     ]),
     e.image ? (o(), l("img", {
       key: 0,
       src: e.image,
       alt: ""
-    }, null, 8, bt)) : p("", !0)
+    }, null, 8, pt)) : p("", !0)
   ]);
 }
-const Ua = /* @__PURE__ */ m(pt, [["render", yt]]);
-const _t = {
+const Ia = /* @__PURE__ */ m(ct, [["render", ht]]);
+const ft = {
   components: {
     Input: N
   },
@@ -940,33 +940,27 @@ const _t = {
       ];
     }
   }
-}, gt = {
+}, bt = {
   class: "container",
   ref: "wrapper"
-}, vt = { class: "property-searchbar" }, wt = ["action", "method"], $t = { class: "col-12 col-md-3" }, kt = { class: "col-12 col-md" }, At = /* @__PURE__ */ d("span", { class: "form-label d-none d-md-block" }, "Price range", -1), Lt = {
+}, yt = { class: "property-searchbar" }, gt = ["action", "method"], _t = { class: "col-12 col-md-3" }, vt = { class: "col-12 col-md" }, wt = {
   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), qt = {
+}, $t = { class: "col-12 col-md" }, kt = {
   class: "row",
   "data-input-range": ""
-}, Tt = { class: "col-12 col-md-2" }, Et = /* @__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, a, e, i, r, s) {
+}, At = { class: "col-12 col-md-2" };
+function Lt(t, a, e, i, r, s) {
   const n = q("Input");
-  return o(), l("div", gt, [
+  return o(), l("div", bt, [
     u(t.$slots, "default"),
-    d("div", vt, [
+    d("div", yt, [
       d("form", {
         class: "row",
         action: e.formaction,
         method: e.formmethod
       }, [
-        d("fieldset", $t, [
+        d("fieldset", _t, [
           v(n, {
             inputClass: "input--locations",
             modelValue: s.locationSet,
@@ -987,9 +981,9 @@ function Ht(t, a, e, i, r, s) {
             options: e.distances
           }, null, 8, ["options"])
         ]),
-        d("fieldset", kt, [
-          At,
-          d("div", Lt, [
+        d("fieldset", vt, [
+          a[2] || (a[2] = d("span", { class: "form-label d-none d-md-block" }, "Price range", -1)),
+          d("div", wt, [
             v(n, {
               class: "col-6",
               label: "Minimum price",
@@ -1008,9 +1002,9 @@ function Ht(t, a, e, i, r, s) {
             }, null, 8, ["options"])
           ])
         ]),
-        d("fieldset", St, [
-          xt,
-          d("div", qt, [
+        d("fieldset", $t, [
+          a[3] || (a[3] = d("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1)),
+          d("div", kt, [
             v(n, {
               class: "col-6",
               label: "Minimum beds",
@@ -1029,7 +1023,7 @@ function Ht(t, a, e, i, r, s) {
             }, null, 8, ["options"])
           ])
         ]),
-        d("fieldset", Tt, [
+        d("fieldset", At, [
           v(n, {
             label: "Property type",
             id: "property-type",
@@ -1037,18 +1031,24 @@ function Ht(t, a, e, i, r, s) {
             options: e.propertytypes
           }, null, 8, ["options"])
         ]),
-        Et
-      ], 8, wt)
+        a[4] || (a[4] = d("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
+          d("button", {
+            class: "btn w-100 me-0",
+            type: "submit",
+            value: "submit"
+          }, "Search")
+        ], -1))
+      ], 8, gt)
     ]),
     u(t.$slots, "after")
   ], 512);
 }
-const Wa = /* @__PURE__ */ m(_t, [["render", Ht]]), Mt = {
+const Da = /* @__PURE__ */ m(ft, [["render", Lt]]), St = {
   components: {},
   name: "Nav",
   mounted() {
     this.$nextTick(function() {
-      import("./nav.component.min-78e6bbef.mjs").then((t) => {
+      import("./nav.component.min-8369abc9.mjs").then((t) => {
         window.customElements.get("iam-nav") || window.customElements.define("iam-nav", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1056,14 +1056,14 @@ const Wa = /* @__PURE__ */ m(_t, [["render", Ht]]), Mt = {
     });
   },
   methods: {}
-}, Ct = { ref: "wrapper" };
-function Nt(t, a, e, i, r, s) {
-  return o(), l("iam-nav", Ct, [
+}, xt = { ref: "wrapper" };
+function qt(t, a, e, i, r, s) {
+  return o(), l("iam-nav", xt, [
     u(t.$slots, "default")
   ], 512);
 }
-const Ka = /* @__PURE__ */ m(Mt, [["render", Nt]]);
-const Pt = {
+const Va = /* @__PURE__ */ m(St, [["render", qt]]);
+const Tt = {
   name: "Stepper",
   props: {
     label: {
@@ -1076,26 +1076,26 @@ const Pt = {
       default: "Complete"
     }
   }
-}, Rt = { class: "container" }, jt = ["aria-label"], It = {
+}, Et = { class: "container" }, Ht = ["aria-label"], Mt = {
   key: 0,
   class: "h6 stepper__start"
-}, Dt = { class: "list-unstyled" }, Vt = { class: "h6 stepper__end" };
-function Ft(t, a, e, i, r, s) {
-  return o(), l("div", Rt, [
+}, Ct = { class: "list-unstyled" }, Nt = { class: "h6 stepper__end" };
+function Pt(t, a, e, i, r, s) {
+  return o(), l("div", Et, [
     d("nav", {
       class: "stepper",
       "aria-label": e.label ? e.label : "Progress"
     }, [
-      e.label ? (o(), l("span", It, y(e.label), 1)) : p("", !0),
-      d("ol", Dt, [
+      e.label ? (o(), l("span", Mt, y(e.label), 1)) : p("", !0),
+      d("ol", Ct, [
         u(t.$slots, "default")
       ]),
-      d("span", Vt, y(e.endlabel), 1)
-    ], 8, jt)
+      d("span", Nt, y(e.endlabel), 1)
+    ], 8, Ht)
   ]);
 }
-const Ga = /* @__PURE__ */ m(Pt, [["render", Ft]]);
-const zt = {
+const Fa = /* @__PURE__ */ m(Tt, [["render", Pt]]);
+const Rt = {
   name: "Snapshot",
   props: {
     items: {
@@ -1103,14 +1103,14 @@ const zt = {
       required: !0
     }
   }
-}, Bt = {
+}, jt = {
   class: "container snapshot",
   ref: "wrapper"
-}, Ot = { class: "row" }, Ut = ["href"], Wt = { class: "lead snapshot__title" }, Kt = { class: "stat" };
-function Gt(t, a, e, i, r, s) {
-  return o(), l("div", Bt, [
+}, It = { class: "row" }, Dt = ["href"], Vt = { class: "lead snapshot__title" }, Ft = { class: "stat" };
+function zt(t, a, e, i, r, s) {
+  return o(), l("div", jt, [
     u(t.$slots, "default"),
-    d("div", Ot, [
+    d("div", It, [
       (o(!0), l($, null, k(e.items, (n, c) => (o(), l("div", {
         class: "col",
         key: c
@@ -1118,18 +1118,18 @@ function Gt(t, a, e, i, r, s) {
         n.link ? (o(), l("a", {
           key: 0,
           href: n.link
-        }, "View " + y(n.title), 9, Ut)) : p("", !0),
+        }, "View " + y(n.title), 9, Dt)) : p("", !0),
         d("div", {
           class: b(`snapshot__item ${n.bg ? "bg-" + n.bg : ""}`)
         }, [
-          d("span", Wt, y(n.title), 1),
-          d("span", Kt, y(n.number), 1)
+          d("span", Vt, y(n.title), 1),
+          d("span", Ft, y(n.number), 1)
         ], 2)
       ]))), 128))
     ])
   ], 512);
 }
-const Ja = /* @__PURE__ */ m(zt, [["render", Gt]]), Jt = {
+const za = /* @__PURE__ */ m(Rt, [["render", zt]]), Bt = {
   name: "Stepper",
   props: {
     url: {
@@ -1145,11 +1145,11 @@ const Ja = /* @__PURE__ */ m(zt, [["render", Gt]]), Jt = {
       required: !1
     }
   }
-}, Qt = ["href", "aria-current"], Yt = {
+}, Ot = ["href", "aria-current"], Ut = {
   key: 0,
   class: "visually-hidden"
 };
-function Xt(t, a, e, i, r, s) {
+function Wt(t, a, e, i, r, s) {
   return o(), l("li", null, [
     d("a", {
       href: e.url,
@@ -1159,29 +1159,29 @@ function Xt(t, a, e, i, r, s) {
       d("span", null, [
         u(t.$slots, "default")
       ]),
-      e.status ? (o(), l("em", Yt, " - status: " + y(e.status), 1)) : p("", !0)
-    ], 10, Qt)
+      e.status ? (o(), l("em", Ut, " - status: " + y(e.status), 1)) : p("", !0)
+    ], 10, Ot)
   ]);
 }
-const Qa = /* @__PURE__ */ m(Jt, [["render", Xt]]);
-const Zt = {
+const Ba = /* @__PURE__ */ m(Bt, [["render", Wt]]);
+const Kt = {
   name: "Tabs",
   created() {
     this.$nextTick(function() {
-      import("./tabs.component.min-6a848435.mjs").then((t) => {
+      import("./tabs.component.min-87d3f7d7.mjs").then((t) => {
         window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", t.default);
       }).catch((t) => {
         console.log(t.message);
       });
     });
   }
-}, ea = { ref: "wrapper" };
-function ta(t, a, e, i, r, s) {
-  return o(), l("iam-tabs", ea, [
+}, Gt = { ref: "wrapper" };
+function Jt(t, a, e, i, r, s) {
+  return o(), l("iam-tabs", Gt, [
     u(t.$slots, "default")
   ], 512);
 }
-const Ya = /* @__PURE__ */ m(Zt, [["render", ta]]), aa = {
+const Oa = /* @__PURE__ */ m(Kt, [["render", Jt]]), Qt = {
   name: "Tab",
   props: {
     title: {
@@ -1203,20 +1203,20 @@ const Ya = /* @__PURE__ */ m(Zt, [["render", ta]]), aa = {
       isDisabled: !!this.disabled
     };
   }
-}, sa = { class: "tab" }, ia = ["innerHTML"];
-function na(t, a, e, i, r, s) {
-  return o(), l("details", sa, [
+}, Yt = { class: "tab" }, Xt = ["innerHTML"];
+function Zt(t, a, e, i, r, s) {
+  return o(), l("details", Yt, [
     d("summary", {
       innerHTML: e.title,
       class: b({ disabled: r.isDisabled })
-    }, null, 10, ia),
+    }, null, 10, Xt),
     u(t.$slots, "default")
   ]);
 }
-const Xa = /* @__PURE__ */ m(aa, [["render", na]]);
+const Ua = /* @__PURE__ */ m(Qt, [["render", Zt]]);
 let P = C.props;
 P.fields.required = !1;
-const oa = {
+const ea = {
   components: {
     Table: C,
     Input: N
@@ -1262,15 +1262,15 @@ const oa = {
       required: !1
     }
   }
-}, la = { class: "container note-feed mb-2" }, ra = ["innerHTML"], da = ["action", "method"], ca = ["value"], ua = /* @__PURE__ */ d("button", { class: "btn btn-tertiary" }, "Submit note", -1);
-function ma(t, a, e, i, r, s) {
+}, ta = { class: "container note-feed mb-2" }, aa = ["innerHTML"], sa = ["action", "method"], ia = ["value"];
+function na(t, a, e, i, r, s) {
   const n = q("Table"), c = q("Input");
-  return o(), l("div", la, [
+  return o(), l("div", ta, [
     e.title ? (o(), l("span", {
       key: 0,
       class: "h3",
       innerHTML: e.title
-    }, null, 8, ra)) : p("", !0),
+    }, null, 8, aa)) : p("", !0),
     v(n, w({
       fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
       items: r.itemsData
@@ -1284,7 +1284,7 @@ function ma(t, a, e, i, r, s) {
         type: "hidden",
         value: e.user,
         name: "user"
-      }, null, 8, ca),
+      }, null, 8, ia),
       v(c, {
         id: "addNote",
         type: "textarea",
@@ -1292,11 +1292,11 @@ function ma(t, a, e, i, r, s) {
         required: "",
         class: "mw-100"
       }),
-      ua
-    ], 40, da)
+      a[1] || (a[1] = d("button", { class: "btn btn-tertiary" }, "Submit note", -1))
+    ], 40, sa)
   ]);
 }
-const Za = /* @__PURE__ */ m(oa, [["render", ma]]), pa = {
+const Wa = /* @__PURE__ */ m(ea, [["render", na]]), oa = {
   name: "Applied Filter",
   mounted() {
     this.$nextTick(function() {
@@ -1308,20 +1308,20 @@ const Za = /* @__PURE__ */ m(oa, [["render", ma]]), pa = {
     });
   }
 };
-function ha(t, a, e, i, r, s) {
+function la(t, a, e, i, r, s) {
   return o(), l("iam-applied-filters", null, [
     u(t.$slots, "default")
   ]);
 }
-const es = /* @__PURE__ */ m(pa, [["render", ha]]);
+const Ka = /* @__PURE__ */ m(oa, [["render", la]]);
 /*!
-  * iamKey v6.0.0
+  * iamKey v6.1.0--beta
   * Copyright 2022-2024 iamproperty
   */
-function fa(t, a) {
-  ba(t, a);
+function ra(t, a) {
+  da(t, a);
 }
-function ba(t, a) {
+function da(t, a) {
   var e;
   a.addEventListener("keyup", (i) => {
     clearTimeout(e), e = setTimeout(function() {
@@ -1338,7 +1338,7 @@ const M = function(t, a) {
   }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Filtered list", value: a });
 };
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "filterlist" });
-class ya extends HTMLElement {
+class ca 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`, i = document.createElement("template");
@@ -1373,20 +1373,20 @@ class ya extends HTMLElement {
   }
   connectedCallback() {
     let a = this.classList.toString();
-    this.shadowRoot.querySelector(".list__wrapper").setAttribute("class", `list__wrapper ${a}`), this.querySelector("i.fa-search") || (this.innerHTML += '<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'), fa(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
+    this.shadowRoot.querySelector(".list__wrapper").setAttribute("class", `list__wrapper ${a}`), this.querySelector("i.fa-search") || (this.innerHTML += '<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'), ra(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
   }
 }
-window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", ya);
-const _a = {
+window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", ca);
+const ua = {
   name: "Filter list"
 };
-function ga(t, a, e, i, r, s) {
+function ma(t, a, e, i, r, s) {
   return o(), l("iam-filterlist", null, [
     u(t.$slots, "default")
   ]);
 }
-const ts = /* @__PURE__ */ m(_a, [["render", ga]]);
-function va(t) {
+const Ga = /* @__PURE__ */ m(ua, [["render", ma]]);
+function pa(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);
@@ -1395,7 +1395,7 @@ function va(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 a = new wa(function() {
+    var a = new ha(function() {
       T(t);
     }, e);
     t.addEventListener("mouseenter", (i) => {
@@ -1405,7 +1405,7 @@ function va(t) {
     });
   }
 }
-function wa(t, a) {
+function ha(t, a) {
   var e, i, r = a;
   this.pause = function() {
     window.clearTimeout(e), r -= /* @__PURE__ */ new Date() - i;
@@ -1421,7 +1421,7 @@ window.dataLayer.push({
   event: "customElementRegistered",
   element: "Notification"
 });
-class $a extends HTMLElement {
+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`, i = `@import "${a}/css/components/notification.css";`, r = `@import "${a}/css/components/notification.global.css";`, s = this.querySelectorAll("a,button");
@@ -1461,31 +1461,31 @@ class $a extends HTMLElement {
         default:
           this.innerHTML += '<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>';
       }
-    va(i), a && a.addEventListener("click", function(r) {
+    pa(i), a && a.addEventListener("click", function(r) {
       T(i);
     }, !1);
   }
 }
-const ka = {
+const ba = {
   name: "Notification",
   props: {},
   created() {
     this.$nextTick(function() {
-      window.customElements.get("iam-notification") || window.customElements.define("iam-notification", $a);
+      window.customElements.get("iam-notification") || window.customElements.define("iam-notification", fa);
     });
   }
 };
-function Aa(t, a, e, i, r, s) {
+function ya(t, a, e, i, r, s) {
   return o(), l("iam-notification", null, [
     u(t.$slots, "default")
   ]);
 }
-const as = /* @__PURE__ */ m(ka, [["render", Aa]]), La = {
+const Ja = /* @__PURE__ */ m(ba, [["render", ya]]), ga = {
   name: "Actionbar",
   props: {},
   mounted() {
     this.$nextTick(function() {
-      import("./actionbar.component.min-80250f38.mjs").then((t) => {
+      import("./actionbar.component.min-0fa90828.mjs").then((t) => {
         window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1493,14 +1493,14 @@ const as = /* @__PURE__ */ m(ka, [["render", Aa]]), La = {
     });
   }
 };
-function Sa(t, a, e, i, r, s) {
+function _a(t, a, e, i, r, s) {
   return o(), l("iam-actionbar", null, [
     u(t.$slots, "default")
   ]);
 }
-const ss = /* @__PURE__ */ m(La, [["render", Sa]]);
+const Qa = /* @__PURE__ */ m(ga, [["render", _a]]);
 /*!
-  * iamKey v6.0.0
+  * iamKey v6.1.0--beta
   * Copyright 2022-2024 iamproperty
   */
 class R extends HTMLElement {
@@ -1565,14 +1565,14 @@ class R extends HTMLElement {
     });
   }
   setup() {
-    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")), S = Math.ceil(_ / f);
-    _ > g && a.classList.remove("d-none");
+    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")), g = parseInt(this.getAttribute("data-total")), _ = parseInt(this.getAttribute("data-show")), f = parseInt(this.getAttribute("data-increment")), S = Math.ceil(g / f);
+    g > _ && a.classList.remove("d-none");
     let E = "";
     for (let A = 1; A <= S; A++)
       E += `<option value="${A}" ${A == h ? "selected" : ""}>${A}</option>`;
     e.innerHTML = E, c.innerHTML = `of ${S}`, h == S ? 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`;
+    let j = h == 1 ? 1 : (h - 1) * _ + 1, H = h == 1 ? _ : h * _;
+    s.innerHTML = `${j} - ${H > g ? g : H} of ${g} 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>
@@ -1603,10 +1603,10 @@ class R extends HTMLElement {
     }
   }
 }
-const xa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const va = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: R
-}, Symbol.toStringTag, { value: "Module" })), qa = {
+}, Symbol.toStringTag, { value: "Module" })), wa = {
   name: "Pagination",
   props: {},
   computed: {},
@@ -1618,10 +1618,10 @@ const xa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   updated() {
   }
 };
-function Ta(t, a, e, i, r, s) {
+function $a(t, a, e, i, r, s) {
   return o(), l("iam-pagination");
 }
-const is = /* @__PURE__ */ m(qa, [["render", Ta]]), Ea = {
+const Ya = /* @__PURE__ */ m(wa, [["render", $a]]), ka = {
   name: "Address Lookup",
   mounted() {
     this.$nextTick(function() {
@@ -1633,18 +1633,18 @@ const is = /* @__PURE__ */ m(qa, [["render", Ta]]), Ea = {
     });
   }
 };
-function Ha(t, a, e, i, r, s) {
+function Aa(t, a, e, i, r, s) {
   return o(), l("iam-address-lookup", null, [
     u(t.$slots, "default")
   ]);
 }
-const ns = /* @__PURE__ */ m(Ea, [["render", Ha]]);
+const Xa = /* @__PURE__ */ m(ka, [["render", Aa]]);
 window.dataLayer = window.dataLayer || [];
 window.dataLayer.push({
   event: "customElementRegistered",
   element: "collapsible side menu"
 });
-class Ma extends HTMLElement {
+class La extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = `@import "${a}/css/components/collapsible-side.css";`, r = document.createElement("template");
@@ -1692,45 +1692,45 @@ class Ma extends HTMLElement {
     });
   }
 }
-window.customElements.get("iam-collapsible-side") || window.customElements.define("iam-collapsible-side", Ma);
-const Ca = {
+window.customElements.get("iam-collapsible-side") || window.customElements.define("iam-collapsible-side", La);
+const Sa = {
   name: "CollapsibleSideMenu",
   props: {},
   mounted() {
   }
 };
-function Na(t, a, e, i, r, s) {
+function xa(t, a, e, i, r, s) {
   return o(), l("iam-collapsible-side", null, [
     u(t.$slots, "default")
   ]);
 }
-const os = /* @__PURE__ */ m(Ca, [["render", Na]]);
+const Za = /* @__PURE__ */ m(Sa, [["render", xa]]);
 export {
-  Ia as Accordion,
-  Da as AccordionItem,
-  ss as Actionbar,
-  ns as AddressLookup,
-  es as AppliedFilters,
-  Va as Banner,
-  Fa as Card,
-  za as Carousel,
-  os as CollapsibleSideMenu,
-  ja as FileUpload,
-  ts as Filterlist,
-  Ba as Header,
+  Ha as Accordion,
+  Ma as AccordionItem,
+  Qa as Actionbar,
+  Xa as AddressLookup,
+  Ka as AppliedFilters,
+  Ca as Banner,
+  Na as Card,
+  Pa as Carousel,
+  Za as CollapsibleSideMenu,
+  Ea as FileUpload,
+  Ga as Filterlist,
+  Ra as Header,
   N as Input,
-  Ra as Logo,
-  Ka as Nav,
-  Za as NoteFeed,
-  as as Notification,
-  is as Pagination,
-  Wa as PropertySearchbar,
-  Ja as Snapshot,
-  Qa as Step,
-  Ga as Stepper,
-  Xa as Tab,
+  Ta as Logo,
+  Va as Nav,
+  Wa as NoteFeed,
+  Ja as Notification,
+  Ya as Pagination,
+  Da as PropertySearchbar,
+  za as Snapshot,
+  Ba as Step,
+  Fa as Stepper,
+  Ua as Tab,
   C as Table,
-  Ya as Tabs,
-  Oa as Testimonial,
-  Ua as Timeline
+  Oa as Tabs,
+  ja as Testimonial,
+  Ia as Timeline
 };