@iamproperty/components 4.1.0-beta-2 → 4.1.0-beta-3

package/dist/components.es.js

@@ -48,7 +48,7 @@ function At(e, a, t, i, o, s) {
 }
 const Gr = /* @__PURE__ */ _(yt, [["render", At]]);
 /*!
-  * iamKey v4.1.0-beta-2
+  * iamKey v4.1.0-beta-3
   * Copyright 2022-2023 iamproperty
   */
 const _t = function(e) {
@@ -270,7 +270,7 @@ const at = (e) => {
   }), i.innerHTML = d;
 }, G = (e, a, t) => {
   e.classList.remove("table--filtered");
-  let i = it(a), o = [], s = 0, r = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, n = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
+  let i = st(a), o = [], s = 0, r = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, n = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
   if (Array.from(e.querySelectorAll("tbody tr")).forEach((l, m) => {
     l.classList.remove("filtered"), l.classList.remove("filtered--matched"), l.classList.remove("filtered--show"), l.removeAttribute("data-filtered-by");
   }), a.querySelector("[data-search]")) {
@@ -313,9 +313,9 @@ const at = (e) => {
           y.setHours(0, 0, 0, 0), I.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), b = w >= y && w <= I;
         } else if (u && u == "$lastMonth") {
           let L = /* @__PURE__ */ new Date(), E = L.getFullYear(), $ = L.getMonth();
-          var R = new Date(E, $ - 1, 1), P = new Date(E, $, 0);
+          var R = new Date(E, $ - 1, 1), j = new Date(E, $, 0);
           let w = new Date(q.textContent.toLowerCase());
-          R.setHours(0, 0, 0, 0), P.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), b = w >= R && w <= P;
+          R.setHours(0, 0, 0, 0), j.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), b = w >= R && w <= j;
         }
         q && q.textContent.toLowerCase().includes(u.toLowerCase()) && (b = !0);
       }), b || (d.classList.add("filtered"), d.setAttribute("data-filtered-by", l));
@@ -396,7 +396,7 @@ const at = (e) => {
   c.download = "export.csv";
   var l = window.URL.createObjectURL(n);
   c.href = l, c.style.display = "none", document.body.appendChild(c), c.click(), document.body.removeChild(c);
-}, st = function(e, a, t, i) {
+}, it = function(e, a, t, i) {
   if (at(e), $t(e), F(e, a, i), i && i.classList.contains("table--cta")) {
     let o = function() {
       Array.from(e.querySelectorAll("tr")).forEach((r, n) => {
@@ -407,7 +407,7 @@ const at = (e) => {
     const s = qt(e);
     i.style.setProperty("--cta-width", `${s}rem`), new ResizeObserver(o).observe(e);
   }
-}, it = function(e) {
+}, st = function(e) {
   let a = new Object();
   return Array.from(e.querySelectorAll("[data-filter]")).forEach((t, i) => {
     if (!(t.type == "radio" && !t.checked) && !(t.type == "checkbox" && !t.checked) && t && t.value) {
@@ -420,7 +420,7 @@ const at = (e) => {
     const o = (b, u, v) => u.split(/[\.\[\]\'\"]/).filter((q) => q).reduce((q, y) => q ? q[y] : v, b);
     let s = new FormData(a), r = new URLSearchParams(s).toString(), n = e.querySelectorAll("thead tr th"), c = e.querySelector("tbody"), l = a.getAttribute("data-ajax");
     i.classList.add("table--loading");
-    let m = it(a);
+    let m = st(a);
     Array.from(a.querySelectorAll("[data-filter-count]")).forEach((b, u) => {
       b.innerHTML = "", b.parentNode.classList.remove("hover");
     });
@@ -433,7 +433,7 @@ const at = (e) => {
     const { signal: f } = controller[l];
     try {
       yield fetch(l + "?" + r, { signal: f, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((b) => b.json()).then((b) => {
-        let u = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", v = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", q = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", y = o(b, v, 1), I = o(b, q, 1), R = o(b, u), P = i.hasAttribute("data-empty-msg") ? i.getAttribute("data-empty-msg") : "No results found";
+        let u = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", v = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", q = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", y = o(b, v, 1), I = o(b, q, 1), R = o(b, u), j = i.hasAttribute("data-empty-msg") ? i.getAttribute("data-empty-msg") : "No results found";
         R ? (c.innerHTML = "", R.forEach((L, E) => {
           var $ = document.createElement("tr");
           n.forEach((w, O) => {
@@ -449,22 +449,22 @@ const at = (e) => {
               var W = w.getAttribute("data-output");
               let ut = o(L, W.replace("{", "").replace("}", ""));
               T = "", ut.forEach((J, Ur) => {
-                let mt = w.getAttribute("data-output-array"), j = "";
+                let mt = w.getAttribute("data-output-array"), P = "";
                 if (w.hasAttribute("data-output-array-property") && w.hasAttribute("data-output-array-transform")) {
                   const U = o(J, w.getAttribute("data-output-array-property")), ht = JSON.parse(w.getAttribute("data-output-array-transform"))[U];
-                  j = mt.replace(`{${w.getAttribute("data-output-array-property")}}`, ht);
+                  P = mt.replace(`{${w.getAttribute("data-output-array-property")}}`, ht);
                 }
-                j = j.replace(new RegExp(/{(.*?)}/, "gm"), function(U) {
+                P = P.replace(new RegExp(/{(.*?)}/, "gm"), function(U) {
                   return o(J, U.replace("{", "").replace("}", ""));
-                }), T += j;
+                }), T += P;
               });
             }
             w.hasAttribute("data-transform") && (T = JSON.parse(w.getAttribute("data-transform"))[T], !T && w.hasAttribute("data-default") && (T = w.getAttribute("data-default"))), V.innerHTML = T, $.appendChild(V);
           }), c.appendChild($);
-        }), rt(e, a), i.setAttribute("data-total", parseInt(y)), i.setAttribute("data-page", parseInt(I)), i.setAttribute("data-pages", Math.ceil(i.getAttribute("data-total") / i.getAttribute("data-show"))), st(e, a, t, i), B(i, t), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((L, E) => {
+        }), rt(e, a), i.setAttribute("data-total", parseInt(y)), i.setAttribute("data-page", parseInt(I)), i.setAttribute("data-pages", Math.ceil(i.getAttribute("data-total") / i.getAttribute("data-show"))), it(e, a, t, i), B(i, t), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((L, E) => {
           let $ = o(b, L.getAttribute("data-ajax-query"), "");
           L.hasAttribute("data-total") ? L.setAttribute("data-total", $) : L.innerHTML = $;
-        }), parseInt(y) == 0 && (c.innerHTML = `<tr><td colspan="100%"><span>${P}</span></td></tr>`), i.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: l, formData: r })) : c.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>';
+        }), parseInt(y) == 0 && (c.innerHTML = `<tr><td colspan="100%"><span>${j}</span></td></tr>`), i.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: l, formData: r })) : c.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>';
       });
     } catch (b) {
       console.log(b);
@@ -513,7 +513,7 @@ class Ct extends HTMLElement {
     const a = new URLSearchParams(window.location.search);
     this.hasAttribute("data-total") || this.setAttribute("data-total", this.querySelectorAll("table tbody tr").length), this.hasAttribute("data-page") || this.setAttribute("data-page", a.has("page") ? a.get("page") : 1), this.hasAttribute("data-show") || this.setAttribute("data-show", 15), this.hasAttribute("data-increment") || this.setAttribute("data-increment", 15), this.setAttribute("data-pages", Math.ceil(this.getAttribute("data-total") / this.getAttribute("data-show")));
     let t = this.classList.toString();
-    if (t = t.replace("table--cta", ""), t = t.replace("table--loading", ""), this.shadowRoot.querySelector(".table__wrapper").className += ` ${t}`, this.querySelector(".actionbar__sticky") && this.shadowRoot.querySelector(".table__wrapper").classList.add("has-actionbar"), this.table = this.querySelector("table"), this.savedTableBody = this.table.querySelector("tbody").cloneNode(!0), this.pagination = this.shadowRoot.querySelector(".table__pagination"), this.classList.contains("table--cta") || this.shadowRoot.querySelector(".table--cta").classList.remove("table--cta"), this.form = document.createElement("form"), this.hasAttribute("data-filterby") ? this.form = document.querySelector(`#${this.getAttribute("data-filterby")}`) : this.table.parentNode.insertBefore(this.form, this.table.nextSibling), this.form.hasAttribute("data-ajax") && this.table.classList.add("table--ajax"), rt(this.table, this.form), this.form.querySelector("[data-page]") || (this.form.innerHTML += `<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`), this.form.querySelector("[data-show]") || (this.form.innerHTML += `<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`), xt(this.table), Et(this.table, this.form, this.pagination, this, this.savedTableBody), Tt(this.table, this.form, this.pagination, this), Mt(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax") ? ot(this.table, this.form, this.pagination, this) : (st(this.table, this.form, this.pagination, this), G(this.table, this.form, this), B(this, this.pagination), F(this.table, this.form)), this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (i) => {
+    if (t = t.replace("table--cta", ""), t = t.replace("table--loading", ""), this.shadowRoot.querySelector(".table__wrapper").className += ` ${t}`, this.querySelector(".actionbar__sticky") && this.shadowRoot.querySelector(".table__wrapper").classList.add("has-actionbar"), this.table = this.querySelector("table"), this.savedTableBody = this.table.querySelector("tbody").cloneNode(!0), this.pagination = this.shadowRoot.querySelector(".table__pagination"), this.classList.contains("table--cta") || this.shadowRoot.querySelector(".table--cta").classList.remove("table--cta"), this.form = document.createElement("form"), this.hasAttribute("data-filterby") ? this.form = document.querySelector(`#${this.getAttribute("data-filterby")}`) : this.table.parentNode.insertBefore(this.form, this.table.nextSibling), this.form.hasAttribute("data-ajax") && this.table.classList.add("table--ajax"), rt(this.table, this.form), this.form.querySelector("[data-page]") || (this.form.innerHTML += `<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`), this.form.querySelector("[data-show]") || (this.form.innerHTML += `<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`), xt(this.table), Et(this.table, this.form, this.pagination, this, this.savedTableBody), Tt(this.table, this.form, this.pagination, this), Mt(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax") ? ot(this.table, this.form, this.pagination, this) : (it(this.table, this.form, this.pagination, this), G(this.table, this.form, this), B(this, this.pagination), F(this.table, this.form)), this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (i) => {
       this.table.querySelector("dialog[open]") && (this.table.querySelector("dialog[open]").close(), this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"));
     }), this.querySelector("iam-actionbar[data-selectall]")) {
       const i = this.querySelector("iam-actionbar[data-selectall]");
@@ -543,7 +543,7 @@ class Ct extends HTMLElement {
 }
 const Nt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Rt = (e) => e.replace(/_/g, " "), Dt = (e) => e.replace(/ /g, "_"), It = function(e) {
   return e = e.toLowerCase(), e = Dt(e), e = e.replace(/\W/g, ""), e;
-}, Pt = {
+}, jt = {
   name: "Table",
   props: {
     items: {
@@ -567,10 +567,10 @@ const Nt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Rt = (e) => e.replace(
   },
   updated() {
   }
-}, jt = { key: 0 }, zt = { key: 0 }, Bt = ["data-row-id"], Ft = ["innerHTML"];
+}, Pt = { key: 0 }, zt = { key: 0 }, Bt = ["data-row-id"], Ft = ["innerHTML"];
 function Ot(e, a, t, i, o, s) {
   return h(), p("iam-table", null, [
-    t.fields ? (h(), p("table", jt, [
+    t.fields ? (h(), p("table", Pt, [
       g("thead", null, [
         g("tr", null, [
           (h(!0), p(M, null, H(t.fields, (r) => (h(), p("th", {
@@ -592,7 +592,7 @@ function Ot(e, a, t, i, o, s) {
     ])) : S(e.$slots, "default", { key: 1 })
   ]);
 }
-const nt = /* @__PURE__ */ _(Pt, [["render", Ot]]), Vt = {
+const nt = /* @__PURE__ */ _(jt, [["render", Ot]]), Vt = {
   name: "Input",
   props: {
     value: {
@@ -786,7 +786,7 @@ const nt = /* @__PURE__ */ _(Pt, [["render", Ot]]), Vt = {
 }, Jt = ["type", "name", "id", "pattern", "list"], Qt = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Zt = {
   key: 6,
   class: "input-group"
-}, te = ["type", "name", "id", "pattern", "list"], ee = { class: "input-group-text flex-fill" }, ae = ["type", "name", "id", "pattern"], re = ["value"], se = ["type", "name", "id"], ie = ["for", "innerHTML"], oe = ["type", "name", "id"], ne = ["for", "innerHTML"], le = ["innerHTML"], ce = ["id"], de = ["value"];
+}, te = ["type", "name", "id", "pattern", "list"], ee = { class: "input-group-text flex-fill" }, ae = ["type", "name", "id", "pattern"], re = ["value"], ie = ["type", "name", "id"], se = ["for", "innerHTML"], oe = ["type", "name", "id"], ne = ["for", "innerHTML"], le = ["innerHTML"], ce = ["id"], de = ["value"];
 function ue(e, a, t, i, o, s) {
   return h(), p("div", {
     class: k(s.wrapperClass()),
@@ -886,13 +886,13 @@ function ue(e, a, t, i, o, s) {
       type: t.type,
       name: t.name ? t.name : t.id,
       id: t.id
-    }, e.$attrs), null, 16, se)) : A("", !0),
+    }, e.$attrs), null, 16, ie)) : A("", !0),
     t.type == "checkbox" || t.type == "radio" ? (h(), p("label", {
       key: 9,
       class: k(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: t.label
-    }, null, 10, ie)) : A("", !0),
+    }, null, 10, se)) : A("", !0),
     t.type == "checkbox-btn" || t.type == "radio-btn" ? (h(), p("input", N({
       key: 10,
       class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
@@ -1024,7 +1024,7 @@ function be(e, a, t, i, o, s) {
 }
 const Kr = /* @__PURE__ */ _(pe, [["render", be]]);
 /*!
-  * iamKey v4.1.0-beta-2
+  * iamKey v4.1.0-beta-3
   * Copyright 2022-2023 iamproperty
   */
 function fe(e) {
@@ -1175,7 +1175,7 @@ const Zr = /* @__PURE__ */ _(ke, [["render", He]]), Ce = {
   name: "Card",
   mounted() {
     this.$nextTick(function() {
-      import("./card.component.min-5ccb4a76.mjs").then((e) => {
+      import("./card.component.min-a0ba76d0.mjs").then((e) => {
         window.customElements.get("iam-card") || window.customElements.define("iam-card", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1308,7 +1308,7 @@ const Ie = {
       De(this.$refs.wrapper);
     });
   }
-}, Pe = ["id", "data-cols", "data-sm-cols", "data-md-cols"], je = { class: "carousel__wrapper" }, ze = { class: "carousel__inner" }, Be = ["id"], Fe = ["innerHTML", "id"], Oe = ["href"], Ve = /* @__PURE__ */ g("button", {
+}, je = ["id", "data-cols", "data-sm-cols", "data-md-cols"], Pe = { class: "carousel__wrapper" }, ze = { class: "carousel__inner" }, Be = ["id"], Fe = ["innerHTML", "id"], Oe = ["href"], Ve = /* @__PURE__ */ g("button", {
   class: "btn btn-prev",
   "data-go": "0",
   disabled: ""
@@ -1327,7 +1327,7 @@ function Ue(e, a, t, i, o, s) {
     "data-md-cols": t.mdcols
   }, [
     S(e.$slots, "default"),
-    g("div", je, [
+    g("div", Pe, [
       g("div", ze, [
         t.type == "card" ? (h(), p("div", {
           key: 0,
@@ -1372,11 +1372,11 @@ function Ue(e, a, t, i, o, s) {
       Ve,
       We
     ])
-  ], 8, Pe);
+  ], 8, je);
 }
-const ts = /* @__PURE__ */ _(Ie, [["render", Ue]]);
+const ti = /* @__PURE__ */ _(Ie, [["render", Ue]]);
 /*!
-  * iamKey v4.1.0-beta-2
+  * iamKey v4.1.0-beta-3
   * Copyright 2022-2023 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "header" });
@@ -1444,7 +1444,7 @@ function Je(e, a, t, i, o, s) {
     S(e.$slots, "default")
   ], 8, Ke);
 }
-const es = /* @__PURE__ */ _(Ge, [["render", Je]]);
+const ei = /* @__PURE__ */ _(Ge, [["render", Je]]);
 function Qe(e) {
   var a;
   const t = e.querySelector(".testimonial__images"), i = t.querySelectorAll("img").length;
@@ -1493,7 +1493,7 @@ const Ze = {
   class: "container testimonial mb-5",
   "data-show": "1",
   ref: "wrapper"
-}, ea = { class: "row" }, aa = { class: "col-md-5 position-relative" }, ra = { class: "testimonial__images" }, sa = ["src"], ia = /* @__PURE__ */ g("div", { class: "testimonial__controls" }, [
+}, ea = { class: "row" }, aa = { class: "col-md-5 position-relative" }, ra = { class: "testimonial__images" }, ia = ["src"], sa = /* @__PURE__ */ g("div", { class: "testimonial__controls" }, [
   /* @__PURE__ */ g("button", {
     "data-go": "0",
     disabled: "",
@@ -1517,9 +1517,9 @@ function ha(e, a, t, i, o, s) {
               src: r.image ? r.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
               alt: "",
               class: k("h-100 w-100 object-cover" + (r.image ? "" : " opacity-0"))
-            }, null, 10, sa))), 128))
+            }, null, 10, ia))), 128))
           ]),
-          ia
+          sa
         ]),
         g("div", oa, [
           na,
@@ -1545,7 +1545,7 @@ function ha(e, a, t, i, o, s) {
     ], 2)
   ], 512);
 }
-const as = /* @__PURE__ */ _(Ze, [["render", ha]]);
+const ai = /* @__PURE__ */ _(Ze, [["render", ha]]);
 const pa = {
   name: "Timeline",
   props: {
@@ -1567,7 +1567,7 @@ function ya(e, a, t, i, o, s) {
     }, null, 8, ga)) : A("", !0)
   ]);
 }
-const rs = /* @__PURE__ */ _(pa, [["render", ya]]);
+const ri = /* @__PURE__ */ _(pa, [["render", ya]]);
 const va = {
   components: {
     Input: lt
@@ -1817,12 +1817,12 @@ function Ha(e, a, t, i, o, s) {
     S(e.$slots, "after")
   ], 512);
 }
-const ss = /* @__PURE__ */ _(va, [["render", Ha]]), Ca = {
+const ii = /* @__PURE__ */ _(va, [["render", Ha]]), Ca = {
   components: {},
   name: "Nav",
   mounted() {
     this.$nextTick(function() {
-      import("./nav.component.min-cbbbb803.mjs").then((e) => {
+      import("./nav.component.min-4c35b68c.mjs").then((e) => {
         window.customElements.get("iam-nav") || window.customElements.define("iam-nav", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1836,7 +1836,7 @@ function Ra(e, a, t, i, o, s) {
     S(e.$slots, "default")
   ], 512);
 }
-const is = /* @__PURE__ */ _(Ca, [["render", Ra]]);
+const si = /* @__PURE__ */ _(Ca, [["render", Ra]]);
 const Da = {
   name: "Stepper",
   props: {
@@ -1850,7 +1850,7 @@ const Da = {
       default: "Complete"
     }
   }
-}, Ia = { class: "container" }, Pa = ["aria-label"], ja = {
+}, Ia = { class: "container" }, ja = ["aria-label"], Pa = {
   key: 0,
   class: "h6 stepper__start"
 }, za = { class: "list-unstyled" }, Ba = { class: "h6 stepper__end" };
@@ -1860,15 +1860,15 @@ function Fa(e, a, t, i, o, s) {
       class: "stepper",
       "aria-label": t.label ? t.label : "Progress"
     }, [
-      t.label ? (h(), p("span", ja, x(t.label), 1)) : A("", !0),
+      t.label ? (h(), p("span", Pa, x(t.label), 1)) : A("", !0),
       g("ol", za, [
         S(e.$slots, "default")
       ]),
       g("span", Ba, x(t.endlabel), 1)
-    ], 8, Pa)
+    ], 8, ja)
   ]);
 }
-const os = /* @__PURE__ */ _(Da, [["render", Fa]]);
+const oi = /* @__PURE__ */ _(Da, [["render", Fa]]);
 const Oa = {
   name: "Snapshot",
   props: {
@@ -1903,7 +1903,7 @@ function Ka(e, a, t, i, o, s) {
     ])
   ], 512);
 }
-const ns = /* @__PURE__ */ _(Oa, [["render", Ka]]), Xa = {
+const ni = /* @__PURE__ */ _(Oa, [["render", Ka]]), Xa = {
   name: "Stepper",
   props: {
     url: {
@@ -1937,9 +1937,9 @@ function Za(e, a, t, i, o, s) {
     ], 10, Ja)
   ]);
 }
-const ls = /* @__PURE__ */ _(Xa, [["render", Za]]);
+const li = /* @__PURE__ */ _(Xa, [["render", Za]]);
 /*!
-  * iamKey v4.1.0-beta-2
+  * iamKey v4.1.0-beta-3
   * Copyright 2022-2023 iamproperty
   */
 const tr = function(e) {
@@ -1980,7 +1980,7 @@ const tr = function(e) {
   tr(e), er(e), ar(e);
 };
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "tabs" });
-let sr = class extends HTMLElement {
+let ir = class extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
@@ -2005,8 +2005,8 @@ let sr = class extends HTMLElement {
     this.shadowRoot.querySelector(".tabs").setAttribute("class", `tabs ${a}`), rr(this);
   }
 };
-window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", sr);
-const ir = {
+window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", ir);
+const sr = {
   name: "Tabs"
 }, or = { ref: "wrapper" };
 function nr(e, a, t, i, o, s) {
@@ -2014,7 +2014,7 @@ function nr(e, a, t, i, o, s) {
     S(e.$slots, "default")
   ], 512);
 }
-const ds = /* @__PURE__ */ _(ir, [["render", nr]]), lr = {
+const di = /* @__PURE__ */ _(sr, [["render", nr]]), lr = {
   name: "Tab",
   props: {
     title: {
@@ -2043,7 +2043,7 @@ function ur(e, a, t, i, o, s) {
     S(e.$slots, "default")
   ]);
 }
-const us = /* @__PURE__ */ _(lr, [["render", ur]]);
+const ui = /* @__PURE__ */ _(lr, [["render", ur]]);
 let ct = nt.props;
 ct.fields.required = !1;
 const mr = {
@@ -2126,9 +2126,9 @@ function yr(e, a, t, i, o, s) {
     ], 40, br)
   ]);
 }
-const ms = /* @__PURE__ */ _(mr, [["render", yr]]);
+const mi = /* @__PURE__ */ _(mr, [["render", yr]]);
 /*!
-  * iamKey v4.1.0-beta-2
+  * iamKey v4.1.0-beta-3
   * Copyright 2022-2023 iamproperty
   */
 function vr(e, a) {
@@ -2218,9 +2218,9 @@ function _r(e, a, t, i, o, s) {
     S(e.$slots, "default")
   ]);
 }
-const ps = /* @__PURE__ */ _(Ar, [["render", _r]]);
+const pi = /* @__PURE__ */ _(Ar, [["render", _r]]);
 /*!
-  * iamKey v4.1.0-beta-2
+  * iamKey v4.1.0-beta-3
   * Copyright 2022-2023 iamproperty
   */
 function Lr(e, a) {
@@ -2290,7 +2290,7 @@ function $r(e, a, t, i, o, s) {
     S(e.$slots, "default")
   ]);
 }
-const fs = /* @__PURE__ */ _(qr, [["render", $r]]);
+const fi = /* @__PURE__ */ _(qr, [["render", $r]]);
 function xr(e) {
   if (e.hasAttribute("data-type") && e.getAttribute("data-type") == "toast") {
     let t = document.querySelector(".notification__holder");
@@ -2385,9 +2385,9 @@ function Hr(e, a, t, i, o, s) {
     S(e.$slots, "default")
   ]);
 }
-const gs = /* @__PURE__ */ _(Mr, [["render", Hr]]);
+const gi = /* @__PURE__ */ _(Mr, [["render", Hr]]);
 /*!
-  * iamKey v4.1.0-beta-2
+  * iamKey v4.1.0-beta-3
   * Copyright 2022-2023 iamproperty
   */
 const Cr = function(e) {
@@ -2491,62 +2491,67 @@ const Cr = function(e) {
   }
   e.querySelector(":scope > button:first-child") || e.insertAdjacentHTML("afterbegin", '<button class="dialog__close">Close</button>');
 }, Rr = (e) => {
-  let a = "", t = Array.from(e.querySelectorAll("fieldset[data-title]"));
-  t.forEach((s, r) => {
-    a += `<button data-title="${s.getAttribute("data-title")}" type="button" class="${r == 0 ? "active" : ""}" tabindex="-1">${s.getAttribute("data-title")}</button>`;
-    const n = document.createElement("div");
-    n.classList.add("btn--wrapper"), s.appendChild(n), r != 0 && (n.innerHTML += `<button data-title="${t[r - 1].getAttribute("data-title")}" class="btn btn-secondary mb-0" data-previous type="button">Previous</button>`), r != t.length - 1 && (n.innerHTML += `<button data-title="${t[r + 1].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="button">Next</button>`), r == t.length - 1 && (n.innerHTML += `<button data-title="${t[r].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="submit">Submit</button>`);
+  let a = "", t = Array.from(e.querySelectorAll("fieldset[data-title]")), i = e.querySelector("form");
+  t.forEach((r, n) => {
+    a += `<button data-title="${r.getAttribute("data-title")}" type="button" class="${n == 0 ? "active" : ""}" tabindex="-1">${r.getAttribute("data-title")}</button>`;
+    const c = document.createElement("div");
+    if (c.classList.add("btn--wrapper"), r.appendChild(c), n != 0 && (c.innerHTML += `<button data-title="${t[n - 1].getAttribute("data-title")}" class="btn btn-secondary mb-0" data-previous type="button">Previous</button>`), n != t.length - 1 && (c.innerHTML += `<button data-title="${t[n + 1].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="button">Next</button>`), n == t.length - 1)
+      if (i && i.querySelector(':scope > button[type="submit"]')) {
+        let l = i.querySelector(':scope > button[type="submit"]');
+        l.classList.add("mb-0"), c.insertAdjacentElement("beforeend", l);
+      } else
+        c.innerHTML += `<button data-title="${t[n].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="submit">Submit</button>`;
   }), e.insertAdjacentHTML("afterbegin", `<div class="steps bg-primary">${a}</div>`);
-  let i = Array.from(e.querySelectorAll("fieldset.was-validated"));
-  for (let s = 0; s < i.length; s++) {
-    let r = i[s], n = r.getAttribute("data-title");
-    if (r.querySelector(".is-invalid")) {
-      Array.from(e.querySelectorAll(`[data-title="${n}"]`)).forEach((c, l) => {
-        c.classList.add("active");
+  let o = Array.from(e.querySelectorAll("fieldset.was-validated"));
+  for (let r = 0; r < o.length; r++) {
+    let n = o[r], c = n.getAttribute("data-title");
+    if (n.querySelector(".is-invalid")) {
+      Array.from(e.querySelectorAll(`[data-title="${c}"]`)).forEach((l, m) => {
+        l.classList.add("active");
       });
       break;
     } else
-      Array.from(e.querySelectorAll(`[data-title="${n}"]`)).forEach((c, l) => {
-        c.classList.add("valid");
+      Array.from(e.querySelectorAll(`[data-title="${c}"]`)).forEach((l, m) => {
+        l.classList.add("valid");
       });
   }
   e.addEventListener("invalid", function() {
-    return function(s) {
-      s.preventDefault();
+    return function(r) {
+      r.preventDefault();
     };
   }(), !0);
-  function o(s) {
-    const r = e.querySelector("fieldset.active") ? e.querySelector("fieldset.active") : e.querySelector("fieldset[data-title]"), n = r.getAttribute("data-title");
-    let c = !0;
-    if (r.classList.add("was-validated"), Array.from(r.querySelectorAll("input")).forEach((d, f) => {
-      d.checkValidity() || (c = !1);
-    }), c ? Array.from(e.querySelectorAll(`[data-title="${n}"]`)).forEach((d, f) => {
-      d.classList.add("valid");
-    }) : Array.from(e.querySelectorAll(`[data-title="${n}"]`)).forEach((d, f) => {
-      d.classList.remove("valid");
-    }), c || !s.hasAttribute("data-next")) {
-      const d = e.querySelector(`fieldset[data-title="${s.getAttribute("data-title")}"]`), f = e.querySelector(`.steps button[data-title="${s.getAttribute("data-title")}"]`);
-      Array.from(e.querySelectorAll("button")).forEach((b, u) => {
-        b.classList.remove("active");
-      }), Array.from(e.querySelectorAll("fieldset")).forEach((b, u) => {
-        b.classList.remove("active");
-      }), f.classList.add("active"), d.classList.add("active");
-    }
-    let l = Array.from(e.querySelectorAll("fieldset")).length, m = Array.from(e.querySelectorAll("fieldset.valid")).length;
-    e.style.setProperty("--progress", `${m / (l - 1) * 100}%`);
-  }
-  e.addEventListener("keydown", (s) => {
-    if (s && s.target instanceof HTMLElement && s.target.closest("button")) {
-      const r = s.target.closest("button");
-      s.keyCode == 13 && (s.preventDefault(), o(r));
-    }
-    s && s.target instanceof HTMLElement && s.target.closest("input") && s.target.closest("input").classList.remove("is-invalid");
-  }), e.addEventListener("click", (s) => {
-    if (s && s.target instanceof HTMLElement && s.target.closest('button[type="submit"]'))
-      s.target.closest("form").classList.add("was-validated");
-    else if (s && s.target instanceof HTMLElement && s.target.closest("button[data-title]")) {
-      const r = s.target.closest("button[data-title]");
-      o(r);
+  function s(r) {
+    const n = e.querySelector("fieldset.active") ? e.querySelector("fieldset.active") : e.querySelector("fieldset[data-title]"), c = n.getAttribute("data-title");
+    let l = !0;
+    if (n.classList.add("was-validated"), Array.from(n.querySelectorAll("input")).forEach((f, b) => {
+      f.checkValidity() || (l = !1);
+    }), l ? Array.from(e.querySelectorAll(`[data-title="${c}"]`)).forEach((f, b) => {
+      f.classList.add("valid");
+    }) : Array.from(e.querySelectorAll(`[data-title="${c}"]`)).forEach((f, b) => {
+      f.classList.remove("valid");
+    }), l || !r.hasAttribute("data-next")) {
+      const f = e.querySelector(`fieldset[data-title="${r.getAttribute("data-title")}"]`), b = e.querySelector(`.steps button[data-title="${r.getAttribute("data-title")}"]`);
+      Array.from(e.querySelectorAll("button")).forEach((u, v) => {
+        u.classList.remove("active");
+      }), Array.from(e.querySelectorAll("fieldset")).forEach((u, v) => {
+        u.classList.remove("active");
+      }), b.classList.add("active"), f.classList.add("active");
+    }
+    let m = Array.from(e.querySelectorAll("fieldset")).length, d = Array.from(e.querySelectorAll("fieldset.valid")).length;
+    e.style.setProperty("--progress", `${d / (m - 1) * 100}%`);
+  }
+  e.addEventListener("keydown", (r) => {
+    if (r && r.target instanceof HTMLElement && r.target.closest("button")) {
+      const n = r.target.closest("button");
+      r.keyCode == 13 && n.getAttribute("type") != "submit" && (r.preventDefault(), s(n));
+    }
+    r && r.target instanceof HTMLElement && r.target.closest("input") && (r.target.closest("input").classList.remove("is-invalid"), r.keyCode == 13 && r.preventDefault());
+  }), e.addEventListener("click", (r) => {
+    if (r && r.target instanceof HTMLElement && r.target.closest('button[type="submit"]'))
+      r.target.closest("form").classList.add("was-validated");
+    else if (r && r.target instanceof HTMLElement && r.target.closest("button[data-title]")) {
+      const n = r.target.closest("button[data-title]");
+      s(n);
     }
     return null;
   });
@@ -2738,17 +2743,17 @@ const Ir = {
   mounted() {
   }
 };
-function Pr(e, a, t, i, o, s) {
+function jr(e, a, t, i, o, s) {
   return h(), p("iam-actionbar", null, [
     S(e.$slots, "default")
   ]);
 }
-const ys = /* @__PURE__ */ _(Ir, [["render", Pr]]);
+const yi = /* @__PURE__ */ _(Ir, [["render", jr]]);
 /*!
-  * iamKey v4.1.0-beta-2
+  * iamKey v4.1.0-beta-3
   * Copyright 2022-2023 iamproperty
   */
-const jr = function(e, a) {
+const Pr = function(e, a) {
   if (!e.getAttribute("data-pages"))
     return !1;
   e.getAttribute("data-page") || e.setAttribute("data-page", 1);
@@ -2783,7 +2788,7 @@ class zr extends HTMLElement {
   }
   connectedCallback() {
     const a = new URLSearchParams(window.location.search);
-    this.hasAttribute("data-total") || this.setAttribute("data-total", this.querySelectorAll("table tbody tr").length), 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", 15), this.setAttribute("data-pages", Math.ceil(this.getAttribute("data-total") / this.getAttribute("data-show"))), jr(this, this.shadowRoot.querySelector(".pagination__wrapper")), this.shadowRoot.querySelector(".pagination__wrapper").classList.remove("d-none");
+    this.hasAttribute("data-total") || this.setAttribute("data-total", this.querySelectorAll("table tbody tr").length), 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", 15), this.setAttribute("data-pages", Math.ceil(this.getAttribute("data-total") / this.getAttribute("data-show"))), Pr(this, this.shadowRoot.querySelector(".pagination__wrapper")), this.shadowRoot.querySelector(".pagination__wrapper").classList.remove("d-none");
   }
 }
 const Br = {
@@ -2801,9 +2806,9 @@ const Br = {
 function Fr(e, a, t, i, o, s) {
   return h(), p("iam-pagination");
 }
-const vs = /* @__PURE__ */ _(Br, [["render", Fr]]);
+const vi = /* @__PURE__ */ _(Br, [["render", Fr]]);
 /*!
-  * iamKey v4.1.0-beta-2
+  * iamKey v4.1.0-beta-3
   * Copyright 2022-2023 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "collapsible side menu" });
@@ -2868,32 +2873,32 @@ function Wr(e, a, t, i, o, s) {
     S(e.$slots, "default")
   ]);
 }
-const ws = /* @__PURE__ */ _(Vr, [["render", Wr]]);
+const wi = /* @__PURE__ */ _(Vr, [["render", Wr]]);
 export {
   Jr as Accordion,
   Qr as AccordionItem,
-  ys as Actionbar,
-  ps as AppliedFilters,
+  yi as Actionbar,
+  pi as AppliedFilters,
   Zr as Banner,
   Re as Card,
-  ts as Carousel,
-  ws as CollapsibleSideMenu,
+  ti as Carousel,
+  wi as CollapsibleSideMenu,
   Kr as FileUpload,
-  fs as Filterlist,
-  es as Header,
+  fi as Filterlist,
+  ei as Header,
   lt as Input,
   Gr as Logo,
-  is as Nav,
-  ms as NoteFeed,
-  gs as Notification,
-  vs as Pagination,
-  ss as PropertySearchbar,
-  ns as Snapshot,
-  ls as Step,
-  os as Stepper,
-  us as Tab,
+  si as Nav,
+  mi as NoteFeed,
+  gi as Notification,
+  vi as Pagination,
+  ii as PropertySearchbar,
+  ni as Snapshot,
+  li as Step,
+  oi as Stepper,
+  ui as Tab,
   nt as Table,
-  ds as Tabs,
-  as as Testimonial,
-  rs as Timeline
+  di as Tabs,
+  ai as Testimonial,
+  ri as Timeline
 };