@iamproperty/components 7.1.0--beta2 → 7.1.0--beta4

package/dist/components.es.js

@@ -1,4 +1,4 @@
-import { openBlock as o, createElementBlock as l, normalizeClass as b, createElementVNode as d, toDisplayString as y, createCommentVNode as p, renderSlot as u, Fragment as w, renderList as $, withDirectives as L, mergeProps as v, vModelDynamic as S, vModelText as D, vModelSelect as V, ref as F, onMounted as z, createTextVNode as B, resolveComponent as q, createVNode as _, withModifiers as O } from "vue";
+import { openBlock as o, createElementBlock as l, normalizeClass as y, createElementVNode as d, toDisplayString as _, createCommentVNode as h, renderSlot as u, Fragment as $, renderList as k, withDirectives as L, mergeProps as w, vModelDynamic as x, vModelText as D, vModelSelect as V, ref as F, onMounted as z, createTextVNode as B, resolveComponent as q, createVNode as g, withModifiers as O } from "vue";
 const m = (t, s) => {
   const e = t.__vccOpts || t;
   for (const [i, r] of s)
@@ -32,10 +32,10 @@ const m = (t, s) => {
 }, W = ["xlink:href"], K = ["innerHTML"];
 function G(t, s, e, i, r, a) {
   return o(), l("div", {
-    class: b(a.className)
+    class: y(a.className)
   }, [
     (o(), l("svg", null, [
-      d("title", null, "iam " + y(e.id), 1),
+      d("title", null, "iam " + _(e.id), 1),
       d("use", {
         "xlink:href": e.path + a.src
       }, null, 8, W)
@@ -43,7 +43,7 @@ function G(t, s, e, i, r, a) {
     e.desc ? (o(), l("span", {
       key: 0,
       innerHTML: e.desc
-    }, null, 8, K)) : p("", !0)
+    }, null, 8, K)) : h("", !0)
   ], 2);
 }
 const qs = /* @__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) {
@@ -67,11 +67,11 @@ const qs = /* @__PURE__ */ m(U, [["render", G]]), Q = (t) => t.charAt(0).toUpper
   },
   created() {
     this.$nextTick(function() {
-      import("./table.component.min-9636d751.mjs").then((t) => {
+      import("./table.component.min-8e15c690.mjs").then((t) => {
         window.customElements.get("iam-table") || window.customElements.define("iam-table", t.default);
       }).catch((t) => {
         console.log(t.message);
-      }), Promise.resolve().then(() => _s).then((t) => {
+      }), Promise.resolve().then(() => gs).then((t) => {
         window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -87,24 +87,24 @@ function ie(t, s, e, i, r, a) {
     e.fields ? (o(), l("table", ee, [
       d("thead", null, [
         d("tr", null, [
-          (o(!0), l(w, null, $(e.fields, (n) => (o(), l("th", {
+          (o(!0), l($, null, k(e.fields, (n) => (o(), l("th", {
             key: n.key
-          }, y(a.cellHeading(n.key)), 1))), 128))
+          }, _(a.cellHeading(n.key)), 1))), 128))
         ])
       ]),
       e.items ? (o(), l("tbody", te, [
-        (o(!0), l(w, null, $(e.items, (n, c) => (o(), l("tr", {
+        (o(!0), l($, null, k(e.items, (n, c) => (o(), l("tr", {
           key: c,
           "data-row-id": n.rowid
         }, [
-          (o(!0), l(w, null, $(Object.fromEntries(
-            Object.entries(n).filter(([h]) => h !== "rowid")
-          ), (h, g) => (o(), l("td", {
-            key: g,
-            innerHTML: h
+          (o(!0), l($, null, k(Object.fromEntries(
+            Object.entries(n).filter(([p]) => p !== "rowid")
+          ), (p, f) => (o(), l("td", {
+            key: f,
+            innerHTML: p
           }, null, 8, ae))), 128))
         ], 8, se))), 128))
-      ])) : p("", !0)
+      ])) : h("", !0)
     ])) : u(t.$slots, "default", { key: 1 })
   ]);
 }
@@ -302,32 +302,32 @@ 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"], ge = ["value"], _e = ["type", "name", "id"], ve = ["for", "innerHTML"], we = ["type", "name", "id"], $e = ["for", "innerHTML"], ke = ["innerHTML"], Ae = ["id"], Le = ["value"];
-function xe(t, s, e, i, r, a) {
+}, 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"];
+function Se(t, s, e, i, r, a) {
   return o(), l("div", {
-    class: b(a.wrapperClass()),
+    class: y(a.wrapperClass()),
     ref: "wrapper"
   }, [
     a.needsLabel() ? (o(), l("label", {
       key: 0,
-      class: b(`form-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
+      class: y(`form-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
       for: e.id,
       innerHTML: a.displayLabel(),
       title: e.title
-    }, null, 10, oe)) : p("", !0),
+    }, null, 10, oe)) : h("", !0),
     e.prefix ? (o(), l("span", {
       key: 1,
-      class: b(`prefix ${this.prefixClass} ${e.size ? `prefix-${e.size}` : ""}`),
+      class: y(`prefix ${this.prefixClass} ${e.size ? `prefix-${e.size}` : ""}`),
       innerHTML: e.prefix,
       role: "presentation"
-    }, null, 10, le)) : p("", !0),
+    }, null, 10, le)) : h("", !0),
     e.suffix ? (o(), l("span", {
       key: 2,
-      class: b(`suffix ${this.suffixClass} ${e.size ? `suffix-${e.size}` : ""}`),
+      class: y(`suffix ${this.suffixClass} ${e.size ? `suffix-${e.size}` : ""}`),
       innerHTML: e.suffix,
       role: "presentation"
-    }, null, 10, re)) : p("", !0),
-    a.isInput() ? L((o(), l("input", v({
+    }, null, 10, re)) : h("", !0),
+    a.isInput() ? L((o(), l("input", w({
       key: 3,
       "onUpdate:modelValue": s[0] || (s[0] = (n) => a.inputVal = n),
       class: `form-control${e.size ? ` form-control-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
@@ -339,9 +339,9 @@ function xe(t, s, e, i, r, a) {
     }, t.$attrs, {
       onKeyup: s[1] || (s[1] = (...n) => a.inputKeyup && a.inputKeyup(...n))
     }), null, 16, de)), [
-      [S, a.inputVal]
-    ]) : p("", !0),
-    e.type == "textarea" ? L((o(), l("textarea", v({
+      [x, a.inputVal]
+    ]) : h("", !0),
+    e.type == "textarea" ? L((o(), l("textarea", w({
       key: 4,
       "onUpdate:modelValue": s[2] || (s[2] = (n) => a.inputVal = n),
       class: `form-control${e.size ? ` form-control-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
@@ -351,9 +351,9 @@ function xe(t, s, e, i, r, a) {
       pattern: a.needPattern()
     }, t.$attrs), null, 16, ce)), [
       [D, a.inputVal]
-    ]) : p("", !0),
+    ]) : h("", !0),
     e.type == "range" ? (o(), l("div", ue, [
-      L(d("input", v({
+      L(d("input", w({
         "onUpdate:modelValue": s[3] || (s[3] = (n) => a.inputVal = n),
         class: `form-range${e.inputclass ? ` ${e.inputclass}` : ""}`,
         type: e.type,
@@ -362,12 +362,12 @@ function xe(t, s, e, i, r, a) {
         pattern: a.needPattern(),
         list: a.hasOptions()
       }, t.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, me), [
-        [S, a.inputVal]
+        [x, a.inputVal]
       ]),
-      d("output", pe, y(e.value), 1)
-    ])) : p("", !0),
+      d("output", pe, _(e.value), 1)
+    ])) : h("", !0),
     e.type == "color" ? (o(), l("div", he, [
-      L(d("input", v({
+      L(d("input", w({
         "onUpdate:modelValue": s[4] || (s[4] = (n) => a.inputVal = n),
         class: `form-control form-control-color${e.inputclass ? ` ${e.inputclass}` : ""}`,
         type: e.type,
@@ -376,11 +376,11 @@ function xe(t, s, e, i, r, a) {
         pattern: a.needPattern(),
         list: a.hasOptions()
       }, t.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, fe), [
-        [S, a.inputVal]
+        [x, a.inputVal]
       ]),
-      d("output", be, y(e.value ? t.vale : "#000000"), 1)
-    ])) : p("", !0),
-    e.type == "select" ? L((o(), l("select", v({
+      d("output", be, _(e.value ? t.vale : "#000000"), 1)
+    ])) : h("", !0),
+    e.type == "select" ? L((o(), l("select", w({
       key: 7,
       "onUpdate:modelValue": s[5] || (s[5] = (n) => a.inputVal = n),
       class: `form-select${e.size ? ` form-select-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
@@ -389,59 +389,59 @@ function xe(t, s, e, i, r, a) {
       id: e.id,
       pattern: a.needPattern()
     }, t.$attrs), [
-      (o(!0), l(w, null, $(e.options, (n, c) => (o(), l("option", {
+      (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, ge))), 128))
+      }, _(n.display ? n.display : n.value), 9, _e))), 128))
     ], 16, ye)), [
       [V, a.inputVal]
-    ]) : p("", !0),
-    e.type == "checkbox" || e.type == "radio" ? (o(), l("input", v({
+    ]) : h("", !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, _e)) : p("", !0),
+    }, t.$attrs), null, 16, ge)) : h("", !0),
     e.type == "checkbox" || e.type == "radio" ? (o(), l("label", {
       key: 9,
-      class: b(`form-label form-check-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
+      class: y(`form-label form-check-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
       for: e.id,
       innerHTML: e.label
-    }, null, 10, ve)) : p("", !0),
-    e.type == "checkbox-btn" || e.type == "radio-btn" ? (o(), l("input", v({
+    }, null, 10, ve)) : h("", !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, we)) : p("", !0),
+    }, t.$attrs), null, 16, we)) : h("", !0),
     e.type == "checkbox-btn" || e.type == "radio-btn" ? (o(), l("label", {
       key: 11,
-      class: b(`btn${e.labelclass ? ` ${e.labelclass}` : ""}`),
+      class: y(`btn${e.labelclass ? ` ${e.labelclass}` : ""}`),
       for: e.id,
       innerHTML: e.label,
       onClick: s[6] || (s[6] = (...n) => a.clickEvent && a.clickEvent(...n))
-    }, null, 10, $e)) : p("", !0),
+    }, null, 10, $e)) : h("", !0),
     u(t.$slots, "default"),
     e.errormsg ? (o(), l("span", {
       key: 12,
       class: "invalid-feedback mb-0",
       innerHTML: e.errormsg
-    }, null, 8, ke)) : p("", !0),
+    }, null, 8, ke)) : h("", !0),
     a.allowDatalist() ? (o(), l("datalist", {
       key: 13,
       id: e.id + "-list"
     }, [
-      (o(!0), l(w, null, $(e.options, (n, c) => (o(), l("option", {
+      (o(!0), l($, null, k(e.options, (n, c) => (o(), l("option", {
         key: c,
         value: n.value
-      }, y(n.value), 9, Le))), 128))
-    ], 8, Ae)) : p("", !0)
+      }, _(n.value), 9, Le))), 128))
+    ], 8, Ae)) : h("", !0)
   ], 2);
 }
-const N = /* @__PURE__ */ m(ne, [["render", xe]]), Se = {
+const N = /* @__PURE__ */ m(ne, [["render", Se]]), xe = {
   name: "FileUpload",
   props: {
     maxfilesize: {
@@ -455,14 +455,14 @@ const N = /* @__PURE__ */ m(ne, [["render", xe]]), Se = {
   },
   created() {
     this.$nextTick(function() {
-      import("./fileupload.component.min-c49f1632.mjs").then((t) => {
+      import("./fileupload.component.min-aa3fc123.mjs").then((t) => {
         window.customElements.get("iam-fileupload") || window.customElements.define("iam-fileupload", t.default);
       }).catch((t) => {
         console.log(t.message);
       });
     });
   }
-}, Ts = /* @__PURE__ */ Object.assign(Se, {
+}, Ts = /* @__PURE__ */ Object.assign(xe, {
   emits: ["elementChange", "empty"],
   setup(t, { emit: s }) {
     const e = s, i = F(null);
@@ -485,7 +485,7 @@ const qe = {
   props: {},
   mounted() {
     this.$nextTick(function() {
-      import("./accordion.component.min-f3b3ca78.mjs").then((t) => {
+      import("./accordion.component.min-fa32c97c.mjs").then((t) => {
         window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -539,11 +539,11 @@ function Ce(t, s, e, i, r, a) {
     id: a.createID(e.title)
   }, [
     d("summary", null, [
-      B(y(e.title), 1),
+      B(_(e.title), 1),
       e.badge ? (o(), l("span", {
         key: 0,
-        class: b(`badge bg-${e.badgecolour}`)
-      }, y(e.badge), 3)) : p("", !0)
+        class: y(`badge bg-${e.badgecolour}`)
+      }, _(e.badge), 3)) : h("", !0)
     ]),
     u(t.$slots, "default")
   ], 8, Me);
@@ -565,16 +565,16 @@ const Hs = /* @__PURE__ */ m(He, [["render", Ce]]), Ne = {
       required: !1
     }
   }
-}, 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"];
+}, Re = { class: "container" }, Pe = { 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, s, e, i, r, a) {
-  return o(), l("div", Pe, [
+  return o(), l("div", Re, [
     d("div", {
-      class: b("bg-" + e.background + " mb-4")
+      class: y("bg-" + e.background + " mb-4")
     }, [
-      d("div", Re, [
+      d("div", Pe, [
         d("div", je, [
           d("div", Ie, [
-            d("h2", null, y(e.title), 1),
+            d("h2", null, _(e.title), 1),
             u(t.$slots, "default")
           ])
         ]),
@@ -584,7 +584,7 @@ function Fe(t, s, e, i, r, a) {
             src: e.image,
             alt: "",
             class: "h-100 w-100 object-cover"
-          }, null, 8, Ve)) : p("", !0)
+          }, null, 8, Ve)) : h("", !0)
         ])
       ])
     ], 2)
@@ -594,7 +594,7 @@ const Ms = /* @__PURE__ */ m(Ne, [["render", Fe]]), ze = {
   name: "Card",
   created() {
     this.$nextTick(function() {
-      import("./card.component.min-8f9ddf79.mjs").then((t) => {
+      import("./card.component.min-ab1c5aa5.mjs").then((t) => {
         window.customElements.get("iam-card") || window.customElements.define("iam-card", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -611,7 +611,7 @@ const Cs = /* @__PURE__ */ m(ze, [["render", Be]]), Oe = {
   name: "Header",
   mounted() {
     this.$nextTick(function() {
-      import("./carousel.component.min-e7835d0a.mjs").then((t) => {
+      import("./carousel.component.min-e11fdfa4.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 @@ const Ns = /* @__PURE__ */ m(Oe, [["render", Ue]]), We = {
   },
   mounted() {
     this.$nextTick(function() {
-      import("./header.component.min-a09cf4f0.mjs").then((t) => {
+      import("./header.component.min-17a66ded.mjs").then((t) => {
         window.customElements.get("iam-header") || window.customElements.define("iam-header", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -652,11 +652,11 @@ function Qe(t, s, e, i, r, a) {
     e.title ? (o(), l("h1", {
       key: 0,
       innerHTML: e.title
-    }, null, 8, Ge)) : p("", !0),
+    }, null, 8, Ge)) : h("", !0),
     u(t.$slots, "default")
   ], 8, Ke);
 }
-const Ps = /* @__PURE__ */ m(We, [["render", Qe]]);
+const Rs = /* @__PURE__ */ m(We, [["render", Qe]]);
 function Ye(t) {
   let s;
   const e = t.querySelector(".testimonial__images"), i = e.querySelectorAll("img").length;
@@ -671,9 +671,9 @@ function Ye(t) {
     "scroll",
     function() {
       clearTimeout(s), s = setTimeout(function() {
-        const a = e.scrollWidth, n = e.scrollHeight, c = e.scrollLeft, h = e.scrollTop;
-        let g = Math.round(c / a * i) + 1;
-        c == 0 && h != 0 && (g = Math.round(h / n * i) + 1), t.setAttribute("data-show", g), r(g);
+        const a = e.scrollWidth, n = e.scrollHeight, c = e.scrollLeft, p = e.scrollTop;
+        let f = Math.round(c / a * i) + 1;
+        c == 0 && p != 0 && (f = Math.round(p / n * i) + 1), t.setAttribute("data-show", f), r(f);
       }, 300);
     },
     !1
@@ -683,11 +683,11 @@ function Ye(t) {
       for (let n = a.target; n && n != this; n = n.parentNode)
         if (n.matches("[data-go]")) {
           const c = parseInt(n.getAttribute("data-go"));
-          let h = 0, g = 0;
-          const k = e.scrollWidth, f = e.scrollHeight;
-          k > f ? g = Math.floor(k * ((c - 1) / i)) : h = Math.floor(f * ((c - 1) / i)), e.scroll({
-            top: h,
-            left: g,
+          let p = 0, f = 0;
+          const v = e.scrollWidth, b = e.scrollHeight;
+          v > b ? f = Math.floor(v * ((c - 1) / i)) : p = Math.floor(b * ((c - 1) / i)), e.scroll({
+            top: p,
+            left: f,
             behavior: "smooth"
           });
           break;
@@ -720,16 +720,16 @@ const Je = {
 function rt(t, s, e, i, r, a) {
   return o(), l("div", Xe, [
     d("div", {
-      class: b("bg-" + e.background)
+      class: y("bg-" + e.background)
     }, [
       d("div", Ze, [
         d("div", et, [
           d("div", tt, [
-            (o(!0), l(w, null, $(e.items, (n, c) => (o(), l("img", {
+            (o(!0), l($, null, k(e.items, (n, c) => (o(), l("img", {
               key: c,
               src: n.image ? n.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
               alt: "",
-              class: b("h-100 w-100 object-cover" + (n.image ? "" : " opacity-0"))
+              class: y("h-100 w-100 object-cover" + (n.image ? "" : " opacity-0"))
             }, null, 10, st))), 128))
           ]),
           s[0] || (s[0] = d("div", { class: "testimonial__controls" }, [
@@ -747,9 +747,9 @@ function rt(t, s, e, i, r, a) {
         d("div", at, [
           s[1] || (s[1] = d("h2", null, "What our customers think…", -1)),
           d("div", it, [
-            (o(!0), l(w, null, $(e.items, (n, c) => (o(), l("blockquote", {
+            (o(!0), l($, null, k(e.items, (n, c) => (o(), l("blockquote", {
               key: c,
-              class: b(n.class)
+              class: y(n.class)
             }, [
               d("div", {
                 innerHTML: n.quote
@@ -768,7 +768,7 @@ function rt(t, s, e, i, r, a) {
     ], 2)
   ], 512);
 }
-const Rs = /* @__PURE__ */ m(Je, [["render", rt]]);
+const Ps = /* @__PURE__ */ m(Je, [["render", rt]]);
 const dt = {
   name: "Timeline",
   props: {
@@ -787,7 +787,7 @@ function pt(t, s, e, i, r, a) {
       key: 0,
       src: e.image,
       alt: ""
-    }, null, 8, mt)) : p("", !0)
+    }, null, 8, mt)) : h("", !0)
   ]);
 }
 const js = /* @__PURE__ */ m(dt, [["render", pt]]);
@@ -938,7 +938,7 @@ const ht = {
 }, ft = {
   class: "container",
   ref: "wrapper"
-}, bt = { class: "property-searchbar" }, yt = ["action", "method"], gt = { class: "col-12 col-md-3" }, _t = { class: "col-12 col-md" }, vt = {
+}, bt = { class: "property-searchbar" }, yt = ["action", "method"], _t = { class: "col-12 col-md-3" }, gt = { class: "col-12 col-md" }, vt = {
   class: "row",
   "data-input-range": ""
 }, wt = { class: "col-12 col-md" }, $t = {
@@ -955,8 +955,8 @@ function At(t, s, e, i, r, a) {
         action: e.formaction,
         method: e.formmethod
       }, [
-        d("fieldset", gt, [
-          _(n, {
+        d("fieldset", _t, [
+          g(n, {
             inputClass: "input--locations",
             modelValue: a.locationSet,
             "onUpdate:modelValue": s[0] || (s[0] = (c) => a.locationSet = c),
@@ -968,7 +968,7 @@ function At(t, s, e, i, r, a) {
             onKeyupEvent: s[1] || (s[1] = (c) => a.locationKeyup(...arguments)),
             ref: "search"
           }, null, 8, ["modelValue", "options"]),
-          _(n, {
+          g(n, {
             class: "select--miles",
             label: "Miles",
             id: "miles",
@@ -976,10 +976,10 @@ function At(t, s, e, i, r, a) {
             options: e.distances
           }, null, 8, ["options"])
         ]),
-        d("fieldset", _t, [
+        d("fieldset", gt, [
           s[2] || (s[2] = d("span", { class: "form-label d-none d-md-block" }, "Price range", -1)),
           d("div", vt, [
-            _(n, {
+            g(n, {
               class: "col-6",
               label: "Minimum price",
               id: "price-min",
@@ -987,7 +987,7 @@ function At(t, s, e, i, r, a) {
               type: "select",
               options: e.pricemin
             }, null, 8, ["options"]),
-            _(n, {
+            g(n, {
               class: "col-6",
               label: "Maximum price",
               id: "price-max",
@@ -1000,7 +1000,7 @@ function At(t, s, e, i, r, a) {
         d("fieldset", wt, [
           s[3] || (s[3] = d("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1)),
           d("div", $t, [
-            _(n, {
+            g(n, {
               class: "col-6",
               label: "Minimum beds",
               id: "beds-min",
@@ -1008,7 +1008,7 @@ function At(t, s, e, i, r, a) {
               type: "select",
               options: e.bedsmin
             }, null, 8, ["options"]),
-            _(n, {
+            g(n, {
               class: "col-6",
               label: "Maximum beds",
               id: "beds-max",
@@ -1019,7 +1019,7 @@ function At(t, s, e, i, r, a) {
           ])
         ]),
         d("fieldset", kt, [
-          _(n, {
+          g(n, {
             label: "Property type",
             id: "property-type",
             type: "select",
@@ -1043,7 +1043,7 @@ const Is = /* @__PURE__ */ m(ht, [["render", At]]), Lt = {
   name: "Nav",
   mounted() {
     this.$nextTick(function() {
-      import("./nav.component.min-e9eadc01.mjs").then((t) => {
+      import("./nav.component.min-e6e7db33.mjs").then((t) => {
         window.customElements.get("iam-nav") || window.customElements.define("iam-nav", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1051,13 +1051,13 @@ const Is = /* @__PURE__ */ m(ht, [["render", At]]), Lt = {
     });
   },
   methods: {}
-}, xt = { ref: "wrapper" };
-function St(t, s, e, i, r, a) {
-  return o(), l("iam-nav", xt, [
+}, St = { ref: "wrapper" };
+function xt(t, s, e, i, r, a) {
+  return o(), l("iam-nav", St, [
     u(t.$slots, "default")
   ], 512);
 }
-const Ds = /* @__PURE__ */ m(Lt, [["render", St]]);
+const Ds = /* @__PURE__ */ m(Lt, [["render", xt]]);
 const qt = {
   name: "Stepper",
   props: {
@@ -1081,16 +1081,16 @@ function Nt(t, s, e, i, r, a) {
       class: "stepper",
       "aria-label": e.label ? e.label : "Progress"
     }, [
-      e.label ? (o(), l("span", Ht, y(e.label), 1)) : p("", !0),
+      e.label ? (o(), l("span", Ht, _(e.label), 1)) : h("", !0),
       d("ol", Mt, [
         u(t.$slots, "default")
       ]),
-      d("span", Ct, y(e.endlabel), 1)
+      d("span", Ct, _(e.endlabel), 1)
     ], 8, Et)
   ]);
 }
 const Vs = /* @__PURE__ */ m(qt, [["render", Nt]]);
-const Pt = {
+const Rt = {
   name: "Snapshot",
   props: {
     items: {
@@ -1098,33 +1098,33 @@ const Pt = {
       required: !0
     }
   }
-}, Rt = {
+}, Pt = {
   class: "container snapshot",
   ref: "wrapper"
 }, jt = { class: "row" }, It = ["href"], Dt = { class: "lead snapshot__title" }, Vt = { class: "stat" };
 function Ft(t, s, e, i, r, a) {
-  return o(), l("div", Rt, [
+  return o(), l("div", Pt, [
     u(t.$slots, "default"),
     d("div", jt, [
-      (o(!0), l(w, null, $(e.items, (n, c) => (o(), l("div", {
+      (o(!0), l($, null, k(e.items, (n, c) => (o(), l("div", {
         class: "col",
         key: c
       }, [
         n.link ? (o(), l("a", {
           key: 0,
           href: n.link
-        }, "View " + y(n.title), 9, It)) : p("", !0),
+        }, "View " + _(n.title), 9, It)) : h("", !0),
         d("div", {
-          class: b(`snapshot__item ${n.bg ? "bg-" + n.bg : ""}`)
+          class: y(`snapshot__item ${n.bg ? "bg-" + n.bg : ""}`)
         }, [
-          d("span", Dt, y(n.title), 1),
-          d("span", Vt, y(n.number), 1)
+          d("span", Dt, _(n.title), 1),
+          d("span", Vt, _(n.number), 1)
         ], 2)
       ]))), 128))
     ])
   ], 512);
 }
-const Fs = /* @__PURE__ */ m(Pt, [["render", Ft]]), zt = {
+const Fs = /* @__PURE__ */ m(Rt, [["render", Ft]]), zt = {
   name: "Stepper",
   props: {
     url: {
@@ -1148,13 +1148,13 @@ function Ut(t, s, e, i, r, a) {
   return o(), l("li", null, [
     d("a", {
       href: e.url,
-      class: b(`${e.status ? "bg-" + e.status : ""}${typeof e.current < "u" ? "current" : ""}`),
+      class: y(`${e.status ? "bg-" + e.status : ""}${typeof e.current < "u" ? "current" : ""}`),
       "aria-current": typeof e.current < "u" ? "step" : !1
     }, [
       d("span", null, [
         u(t.$slots, "default")
       ]),
-      e.status ? (o(), l("em", Ot, " - status: " + y(e.status), 1)) : p("", !0)
+      e.status ? (o(), l("em", Ot, " - status: " + _(e.status), 1)) : h("", !0)
     ], 10, Bt)
   ]);
 }
@@ -1163,7 +1163,7 @@ const Wt = {
   name: "Tabs",
   created() {
     this.$nextTick(function() {
-      import("./tabs.component.min-23690b2c.mjs").then((t) => {
+      import("./tabs.component.min-fdbecb78.mjs").then((t) => {
         window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1203,14 +1203,14 @@ function Xt(t, s, e, i, r, a) {
   return o(), l("details", Yt, [
     d("summary", {
       innerHTML: e.title,
-      class: b({ disabled: r.isDisabled })
+      class: y({ disabled: r.isDisabled })
     }, null, 10, Jt),
     u(t.$slots, "default")
   ]);
 }
 const Os = /* @__PURE__ */ m(Qt, [["render", Xt]]);
-let P = C.props;
-P.fields.required = !1;
+let R = C.props;
+R.fields.required = !1;
 const Zt = {
   components: {
     Table: C,
@@ -1242,7 +1242,7 @@ const Zt = {
       type: String,
       required: !0
     },
-    ...P,
+    ...R,
     title: {
       type: String,
       required: !1
@@ -1265,22 +1265,22 @@ function is(t, s, e, i, r, a) {
       key: 0,
       class: "h3",
       innerHTML: e.title
-    }, null, 8, ts)) : p("", !0),
-    _(n, v({
+    }, null, 8, ts)) : h("", !0),
+    g(n, w({
       fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
       items: r.itemsData
     }, t.$props, { class: "mb-0" }), null, 16, ["items"]),
     d("form", {
       action: e.action,
       method: e.method,
-      onSubmit: s[0] || (s[0] = O((h) => a.submitForm(...arguments), ["prevent"]))
+      onSubmit: s[0] || (s[0] = O((p) => a.submitForm(...arguments), ["prevent"]))
     }, [
       d("input", {
         type: "hidden",
         value: e.user,
         name: "user"
       }, null, 8, as),
-      _(c, {
+      g(c, {
         id: "addNote",
         type: "textarea",
         label: "Add note",
@@ -1310,7 +1310,7 @@ function os(t, s, e, i, r, a) {
 }
 const Ws = /* @__PURE__ */ m(ns, [["render", os]]);
 /*!
-  * iamKey v7.1.0--beta2
+  * iamKey v7.1.0--beta4
   * Copyright 2022-2025 iamproperty
   */
 function ls(t, s) {
@@ -1387,7 +1387,7 @@ function ms(t) {
     s || (s = document.createElement("div"), s.classList.add("notification__holder"), s.classList.add("container"), document.querySelector("body").appendChild(s)), t.closest(".notification__holder") || s.appendChild(t);
   }
   if (t.setAttribute("role", "alert"), t.addEventListener("click", function(s) {
-    event && event.target instanceof HTMLElement && event.target.closest("[data-dismiss-button]") && (s.preventDefault(), T(t));
+    event && event.target instanceof HTMLElement && (event.target.closest("[data-dismiss-button]") || event.target.matches("[data-dismiss-button]")) && (s.preventDefault(), T(t));
   }, !1), t.hasAttribute("data-timeout")) {
     const s = t.getAttribute("data-timeout"), e = new ps(function() {
       T(t);
@@ -1418,12 +1418,8 @@ window.dataLayer.push({
 class hs 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`, i = `@import "${s}/css/components/notification.css";`, r = `@import "${s}/css/components/notification.global.css";`, a = this.querySelectorAll("a,button");
-    Array.from(a).forEach((c, h) => {
-      c.setAttribute("slot", "btns"), c.classList.add("link");
-    }), (a.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
-    const n = document.createElement("template");
-    n.innerHTML = `
+    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`, i = `@import "${s}/css/components/notification.css";`, r = `@import "${s}/css/components/notification.global.css";`, a = document.createElement("template");
+    a.innerHTML = `
     <style>
     @import "${e}";
     ${i}
@@ -1432,17 +1428,16 @@ class hs extends HTMLElement {
 
     <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>
-      ${this.hasAttribute("data-dismiss") ? '<div class="notification__dismiss"><button data-dismiss-button part="dismiss-btn">Dismiss</button></div>' : ""}
+      <div class="notification__inner"><div class="notification__text"><slot></slot></div><div class="notification__btns"><slot name="btns"></slot></div></div>
+      <div class="notification__dismiss"></div>
     </div>
-    `, this.shadowRoot.appendChild(n.content.cloneNode(!0)), document.getElementById("notificationHolder") || document.head.insertAdjacentHTML("beforeend", `<style id="notificationHolder">${r}</style>`);
+    `, this.shadowRoot.appendChild(a.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";
-    this.hasAttribute("data-type") ? this.classList.add(`bg-${e}`) : this.classList.add(`colour-${e}`);
-    const i = this;
-    if (!this.querySelector("i"))
-      switch (e) {
+    var s, e, i, r, a;
+    const n = this, c = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
+    if (this.hasAttribute("data-type") ? this.classList.add(`bg-${c}`) : this.classList.add(`colour-${c}`), !this.querySelector("i"))
+      switch (c) {
         case "danger":
           this.innerHTML += '<i class="fa-solid fa-circle-exclamation" aria-hidden="true" slot="icon"></i>';
           break;
@@ -1455,9 +1450,12 @@ class hs extends HTMLElement {
         default:
           this.innerHTML += '<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>';
       }
-    ms(i), s && s.addEventListener("click", function(r) {
-      T(i);
-    }, !1);
+    const p = this.querySelectorAll("a,button");
+    Array.from(p).forEach((f, v) => {
+      f.setAttribute("slot", "btns"), f.classList.add("link");
+    }), (p.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable"), p.length ? (r = (i = this.shadowRoot) === null || i === void 0 ? void 0 : i.querySelector(".notification__btns")) === null || r === void 0 || r.classList.remove("empty") : (e = (s = this.shadowRoot) === null || s === void 0 ? void 0 : s.querySelector(".notification__btns")) === null || e === void 0 || e.classList.add("empty"), this.hasAttribute("data-dismiss") && ((a = this.shadowRoot.querySelector(".notification__dismiss")) === null || a === void 0 || (a.innerHTML = '<button data-dismiss-button part="dismiss-btn">Dismiss</button>'), this.shadowRoot.querySelector(".notification__dismiss [data-dismiss-button]").addEventListener("click", function(f) {
+      T(n);
+    }, !1)), ms(this);
   }
 }
 const fs = {
@@ -1479,7 +1477,7 @@ const Gs = /* @__PURE__ */ m(fs, [["render", bs]]), ys = {
   props: {},
   mounted() {
     this.$nextTick(function() {
-      import("./actionbar.component.min-69d13be6.mjs").then((t) => {
+      import("./actionbar.component.min-33d2d178.mjs").then((t) => {
         window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1487,17 +1485,17 @@ const Gs = /* @__PURE__ */ m(fs, [["render", bs]]), ys = {
     });
   }
 };
-function gs(t, s, e, i, r, a) {
+function _s(t, s, e, i, r, a) {
   return o(), l("iam-actionbar", null, [
     u(t.$slots, "default")
   ]);
 }
-const Qs = /* @__PURE__ */ m(ys, [["render", gs]]);
+const Qs = /* @__PURE__ */ m(ys, [["render", _s]]);
 /*!
-  * iamKey v7.1.0--beta2
+  * iamKey v7.1.0--beta4
   * Copyright 2022-2025 iamproperty
   */
-class R extends HTMLElement {
+class P 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`, i = document.createElement("template");
@@ -1554,24 +1552,24 @@ class R extends HTMLElement {
     }), a.addEventListener("change", (c) => {
       this.setAttribute("data-increment", c.target.value);
     }), n.addEventListener("click", (c) => {
-      const h = parseInt(this.getAttribute("data-show")) + parseInt(this.getAttribute("data-increment"));
-      this.setAttribute("data-show", h), h > parseInt(this.getAttribute("data-total")) && n.remove();
+      const p = parseInt(this.getAttribute("data-show")) + parseInt(this.getAttribute("data-increment"));
+      this.setAttribute("data-show", p), p > parseInt(this.getAttribute("data-total")) && n.remove();
     });
   }
   setup() {
-    const s = this.shadowRoot.querySelector(".pagination"), e = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), r = this.shadowRoot.querySelector(".next"), a = 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")), k = parseInt(this.getAttribute("data-show")), f = parseInt(this.getAttribute("data-increment")), x = Math.ceil(g / f);
-    g > k && s.classList.remove("d-none");
+    const s = this.shadowRoot.querySelector(".pagination"), e = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), r = this.shadowRoot.querySelector(".next"), a = this.shadowRoot.querySelector(".item-count"), n = this.shadowRoot.querySelector(".per-page select"), c = this.shadowRoot.querySelector(".total-pages"), p = parseInt(this.getAttribute("data-page")), f = parseInt(this.getAttribute("data-total")), v = parseInt(this.getAttribute("data-show")), b = parseInt(this.getAttribute("data-increment")), S = Math.ceil(f / b);
+    f > v && s.classList.remove("d-none");
     let E = "";
-    for (let A = 1; A <= x; A++)
-      E += `<option value="${A}" ${A == h ? "selected" : ""}>${A}</option>`;
-    e.innerHTML = E, c.innerHTML = `of ${x}`, h == x ? r.setAttribute("disabled", "disabled") : r.removeAttribute("disabled"), h == 1 ? i.setAttribute("disabled", "disabled") : i.removeAttribute("disabled");
-    const j = h == 1 ? 1 : (h - 1) * k + 1, H = h == 1 ? k : h * k;
-    a.innerHTML = `${j} - ${H > g ? g : H} of ${g} items`;
+    for (let A = 1; A <= S; A++)
+      E += `<option value="${A}" ${A == p ? "selected" : ""}>${A}</option>`;
+    e.innerHTML = E, c.innerHTML = `of ${S}`, p == S ? r.setAttribute("disabled", "disabled") : r.removeAttribute("disabled"), p == 1 ? i.setAttribute("disabled", "disabled") : i.removeAttribute("disabled");
+    const j = p == 1 ? 1 : (p - 1) * v + 1, H = p == 1 ? v : p * v;
+    a.innerHTML = `${j} - ${H > f ? f : H} of ${f} 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>`), n.value = f;
+    b && n.value != b && !I.includes(b) && (n.innerHTML = `<option value="${b}">${b}</option>
+      <option value="${b * 2}">${b * 2}</option>
+      <option value="${b * 3}">${b * 3}</option>
+      <option value="${b * 4}">${b * 4}</option>`), n.value = b;
   }
   static get observedAttributes() {
     return ["data-total", "data-increment", "data-page", "data-show"];
@@ -1597,16 +1595,16 @@ class R extends HTMLElement {
     }
   }
 }
-const _s = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const gs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: R
+  default: P
 }, Symbol.toStringTag, { value: "Module" })), vs = {
   name: "Pagination",
   props: {},
   computed: {},
   created() {
     this.$nextTick(function() {
-      window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination", R);
+      window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination", P);
     });
   },
   updated() {
@@ -1693,12 +1691,12 @@ const Ls = {
   mounted() {
   }
 };
-function xs(t, s, e, i, r, a) {
+function Ss(t, s, e, i, r, a) {
   return o(), l("iam-collapsible-side", null, [
     u(t.$slots, "default")
   ]);
 }
-const Xs = /* @__PURE__ */ m(Ls, [["render", xs]]);
+const Xs = /* @__PURE__ */ m(Ls, [["render", Ss]]);
 export {
   Es as Accordion,
   Hs as AccordionItem,
@@ -1711,7 +1709,7 @@ export {
   Xs as CollapsibleSideMenu,
   Ts as FileUpload,
   Ks as Filterlist,
-  Ps as Header,
+  Rs as Header,
   N as Input,
   qs as Logo,
   Ds as Nav,
@@ -1725,6 +1723,6 @@ export {
   Os as Tab,
   C as Table,
   Bs as Tabs,
-  Rs as Testimonial,
+  Ps as Testimonial,
   js as Timeline
 };