@iamproperty/components 3.5.0 → 3.6.0

package/dist/components.es.js

@@ -1,4 +1,4 @@
-import { openBlock as c, createElementBlock as d, createElementVNode as o, toDisplayString as L, normalizeClass as v, createCommentVNode as _, Fragment as $, renderList as T, renderSlot as p, withDirectives as N, mergeProps as H, vModelDynamic as P, vModelText as se, vModelSelect as ie, resolveComponent as E, createVNode as S, createTextVNode as le, normalizeStyle as ne, withModifiers as re } from "vue";
+import { openBlock as c, createElementBlock as d, createElementVNode as o, toDisplayString as L, normalizeClass as v, createCommentVNode as p, Fragment as $, renderList as T, renderSlot as _, withDirectives as N, mergeProps as H, vModelDynamic as P, vModelText as se, vModelSelect as ie, resolveComponent as E, createVNode as S, createTextVNode as le, normalizeStyle as ne, withModifiers as re } from "vue";
 const A = (t, a) => {
   const e = t.__vccOpts || t;
   for (const [s, r] of a)
@@ -66,10 +66,10 @@ function be(t, a, e, s, r, n) {
     e.desc ? (c(), d("span", {
       key: 0,
       innerHTML: e.desc
-    }, null, 8, ye)) : _("", !0)
+    }, null, 8, ye)) : p("", !0)
   ], 2);
 }
-const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
+const pe = /* @__PURE__ */ A(me, [["render", be]]), _e = function(t) {
   return typeof t != "string" ? !1 : !isNaN(t) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...
   !isNaN(parseFloat(t));
 }, ge = (t, a) => String(t).padStart(a, "0"), ve = (t) => t.charAt(0).toUpperCase() + t.slice(1), F = function(t, a) {
@@ -90,7 +90,7 @@ const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
   <span class="d-block pb-2">You've viewed ${n} of ${r} results</span>
   <a href="?show=${parseInt(n) + parseInt(i)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(n) + parseInt(i)}">Load more results</a>
   </div>`, !0;
-}, G = (t) => {
+}, Q = (t) => {
   const a = Array.from(t.querySelectorAll("thead th"));
   Array.from(t.querySelectorAll("tbody tr")).forEach((s, r) => {
     const n = Array.from(s.querySelectorAll("th, td")), i = ["Low", "Medium", "High", "N/A", "Pending", "Verified", "Incomplete", "Completed", "Requires approval"];
@@ -100,7 +100,7 @@ const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
         let m = document.createElement("div");
         m.innerHTML = u.innerHTML;
         let f = m.textContent || m.innerText || "";
-        l.setAttribute("data-label", f), u.hasAttribute("class") && l.setAttribute("class", u.getAttribute("class")), u.hasAttribute("data-format") && (l.setAttribute("data-format", u.getAttribute("data-format")), l.innerHTML = D("date", l.textContent.trim())), i.includes(l.textContent.trim()) && l.setAttribute("data-content", l.textContent.trim());
+        l.setAttribute("data-label", f), u.hasAttribute("data-td-class") && l.setAttribute("class", u.getAttribute("data-td-class")), u.hasAttribute("data-format") && (l.setAttribute("data-format", u.getAttribute("data-format")), l.innerHTML = D("date", l.textContent.trim())), i.includes(l.textContent.trim()) && l.setAttribute("data-content", l.textContent.trim());
       }
     });
   });
@@ -120,7 +120,12 @@ const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
     return !1;
   Array.from(t.querySelectorAll("tbody tr")).forEach((a, e) => {
     let s = a.querySelector(":scope > :is(td,th):first-child"), r = s.textContent;
-    s.innerHTML = `<span class="td__content">${r}</span><button type="button" class="d-none">${r}</button>`;
+    if (r != "")
+      s.innerHTML = `<span class="td__content">${r}</span><button type="button" class="d-none">${r}</button>`;
+    else {
+      let n = a.querySelector(":scope > :is(td,th):nth-child(2)"), i = n.textContent;
+      n.innerHTML = `<span class="td__content">${i}</span><button type="button" class="d-none">${i}</button>`;
+    }
   });
 }, Se = (t) => {
   t.addEventListener("click", (a) => {
@@ -129,7 +134,7 @@ const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
       s.getAttribute("data-view") == "full" ? s.setAttribute("data-view", "default") : s.setAttribute("data-view", "full"), e.blur();
     }
   });
-}, Q = (t, a) => {
+}, Y = (t, a) => {
   let e = a.querySelector("[data-search]");
   if (!e)
     return !1;
@@ -143,31 +148,33 @@ const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
 }, Le = (t, a, e, s, r) => {
   var n;
   let i = function() {
-    a.hasAttribute("data-ajax") ? J(t, a, e, s) : a.hasAttribute("data-submit") ? a.submit() : (Y(t, a, s), F(s, e));
+    a.hasAttribute("data-ajax") ? J(t, a, e, s) : a.hasAttribute("data-submit") ? a.submit() : (Z(t, a, s), F(s, e), B(t, a));
   };
   a.addEventListener("keyup", (l) => {
     clearTimeout(n), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && (n = setTimeout(function() {
       i();
     }, 500));
   }), a.addEventListener("change", (l) => {
-    clearTimeout(n), l && l.target instanceof HTMLElement && l.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || U(t, a, r), i()), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && i(), l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && !l.target.closest("form dialog") && i(), l && l.target instanceof HTMLElement && l.target.closest("[data-show]") && i();
+    clearTimeout(n), l && l.target instanceof HTMLElement && l.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || K(t, a, r), i()), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && i(), l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && l.target.closest("form .dialog__wrapper > dialog") && i(), l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && !l.target.closest("form dialog") && i(), l && l.target instanceof HTMLElement && l.target.closest("[data-show]") && i();
   }), a.addEventListener("click", (l) => {
-    clearTimeout(n), l && l.target instanceof HTMLElement && l.target.closest('dialog button:not([type="button"])') && l.target.closest('dialog button:not([type="button"])').closest("dialog").close(), l && l.target instanceof HTMLElement && l.target.closest(".dialog__close") && (l.preventDefault(), l.stopPropagation()), l && l.target instanceof HTMLElement && l.target.closest("[data-clear]") && (a.reset(), a.hasAttribute("data-submit") || U(t, a, r), i());
+    clearTimeout(n), l && l.target instanceof HTMLElement && l.target.closest('dialog button:not([type="button"])') && l.target.closest('dialog button:not([type="button"])').closest("dialog").close(), l && l.target instanceof HTMLElement && l.target.closest(".dialog__close") && (l.preventDefault(), l.stopPropagation()), l && l.target instanceof HTMLElement && l.target.closest("[data-clear]") && (a.reset(), a.hasAttribute("data-submit") || K(t, a, r), i());
   }), a.addEventListener("submit", (l) => {
     clearTimeout(n), a.hasAttribute("data-submit") || l.preventDefault(), i();
+  }), a.addEventListener("force", (l) => {
+    i();
   });
-}, U = (t, a, e) => {
+}, K = (t, a, e) => {
   if (a.getAttribute("data-ajax"))
     return !1;
   let s = t.querySelector("tbody"), r = a.querySelector("[data-sort]"), n = r.querySelector(`option:nth-child(${r.selectedIndex + 1})`), i = n.getAttribute("data-sort"), l = n.getAttribute("data-order"), h = n.getAttribute("data-format");
   if (!i)
-    return s.innerHTML = e.innerHTML, G(t), !1;
+    return s.innerHTML = e.innerHTML, Q(t), !1;
   let u = [];
   ["asc", "desc", "descending"].includes(l) || (u = l.split(","));
   let m = [];
   Array.from(s.querySelectorAll("tr")).forEach((b, g) => {
     let y = b.querySelector('td[data-label="' + i + '"], th[data-label="' + i + '"]').textContent.trim();
-    u.length && u.includes(y) && (y = u.indexOf(y)), pe(y) && (y = ge(y, 10)), h && h == "date" && (y = new Date(y));
+    u.length && u.includes(y) && (y = u.indexOf(y)), _e(y) && (y = ge(y, 10)), h && h == "date" && (y = new Date(y));
     const C = {
       index: y,
       row: b
@@ -178,10 +185,12 @@ const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
   m.forEach((b, g) => {
     f += b.row.outerHTML;
   }), s.innerHTML = f;
-}, Y = (t, a, e) => {
+}, Z = (t, a, e) => {
   t.classList.remove("table--filtered");
   let s = [], r = [], n = 0, i = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, l = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
-  if (Array.from(a.querySelectorAll("[data-filter]")).forEach((u, m) => {
+  if (Array.from(t.querySelectorAll("tbody tr")).forEach((u, m) => {
+    u.classList.remove("filtered"), u.classList.remove("filtered--matched"), u.classList.remove("filtered--show"), u.removeAttribute("data-filtered-by");
+  }), Array.from(a.querySelectorAll("[data-filter]")).forEach((u, m) => {
     if (!(u.type == "radio" && !u.checked) && !(u.type == "checkbox" && !u.checked))
       if (u.getAttribute("data-filter") == "multi")
         for (const [f, b] of Object.entries(JSON.parse(u.value)))
@@ -200,9 +209,7 @@ const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
     u.innerHTML += `(${s.length})`;
   }), !Object.keys(r).length && !Object.keys(s).length)
     return !1;
-  t.classList.add("table--filtered"), Array.from(t.querySelectorAll("tbody tr")).forEach((u, m) => {
-    u.classList.remove("filtered"), u.classList.remove("filtered--matched"), u.classList.remove("filtered--show"), u.removeAttribute("data-filtered-by");
-  });
+  t.classList.add("table--filtered");
   for (const [u, m] of Object.entries(s))
     Array.from(t.querySelectorAll("tbody tr:not(.filtered)")).forEach((f, b) => {
       let g = !1;
@@ -218,19 +225,19 @@ const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
           if (w.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), x.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), y == "$thisWeek")
             g = k >= q && k <= x;
           else {
-            let W = new Date(q.setDate(q.getDate() - 7)), j = new Date(x.setDate(x.getDate() - 7));
-            W.setHours(0, 0, 0, 0), j.setHours(0, 0, 0, 0), g = k >= W && k <= j;
+            let j = new Date(q.setDate(q.getDate() - 7)), U = new Date(x.setDate(x.getDate() - 7));
+            j.setHours(0, 0, 0, 0), U.setHours(0, 0, 0, 0), g = k >= j && k <= U;
           }
         } else if (y && y == "$thisMonth") {
           let w = /* @__PURE__ */ new Date(), q = w.getFullYear(), x = w.getMonth();
-          var B = new Date(q, x, 1), V = new Date(q, x + 1, 0);
+          var V = new Date(q, x, 1), z = new Date(q, x + 1, 0);
           let k = new Date(M.textContent.toLowerCase());
-          B.setHours(0, 0, 0, 0), V.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), g = k >= B && k <= V;
+          V.setHours(0, 0, 0, 0), z.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), g = k >= V && k <= z;
         } else if (y && y == "$lastMonth") {
           let w = /* @__PURE__ */ new Date(), q = w.getFullYear(), x = w.getMonth();
-          var z = new Date(q, x - 1, 1), O = new Date(q, x, 0);
+          var O = new Date(q, x - 1, 1), W = new Date(q, x, 0);
           let k = new Date(M.textContent.toLowerCase());
-          z.setHours(0, 0, 0, 0), O.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), g = k >= z && k <= O;
+          O.setHours(0, 0, 0, 0), W.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), g = k >= O && k <= W;
         }
         M && M.textContent.toLowerCase().includes(y.toLowerCase()) && (g = !0);
       }), g || (f.classList.add("filtered"), f.setAttribute("data-filtered-by", u));
@@ -243,12 +250,12 @@ const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
     }), f || u.classList.add("filtered");
   }), Array.from(t.querySelectorAll("tbody tr:not(.filtered")).forEach((u, m) => {
     n++, u.classList.add("filtered--matched"), Math.ceil(n / l) == parseInt(i) && u.classList.add("filtered--show");
-  }), e && (e.setAttribute("data-page", i), e.setAttribute("data-pages", Math.ceil(n / l)), e.setAttribute("data-total", n), e.setAttribute("data-show", l)), Z(t, a);
-}, Z = (t, a) => {
+  }), e && (e.setAttribute("data-page", i), e.setAttribute("data-pages", Math.ceil(n / l)), e.setAttribute("data-total", n), e.setAttribute("data-show", l));
+}, B = (t, a) => {
   Array.from(a.querySelectorAll("[data-query]")).forEach((s, r) => {
     let n = s.getAttribute("data-query"), i;
     if (n == "total")
-      i = t.classList.contains("table--filtered") ? t.querySelectorAll("tbody tr:not(.filtered)").length : t.querySelectorAll("tbody tr").length;
+      i = (t.classList.contains("table--filtered"), t.querySelectorAll("tbody tr").length);
     else if (!n.includes(" == ") && n.includes(" & ")) {
       let l = n.split(" & "), h = "";
       l.forEach((u) => {
@@ -268,7 +275,7 @@ const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
       }).length;
     } else {
       let l = n.split(" == ");
-      i = Array.from(t.querySelectorAll(`tbody tr:not([class*="filtered"]) td[data-label="${l[0]}"], tbody tr[data-filtered-by="${l[0]}"] td[data-label="${l[0]}"]`)).filter(function(h) {
+      i = Array.from(t.querySelectorAll(`tbody tr.filtered--matched td[data-label="${l[0]}"], tbody tr[data-filtered-by="${l[0]}"] td[data-label="${l[0]}"]`)).filter(function(h) {
         return h.textContent === l[1];
       }).length;
     }
@@ -311,7 +318,7 @@ const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
   var u = window.URL.createObjectURL(l);
   h.href = u, h.style.display = "none", document.body.appendChild(h), h.click(), document.body.removeChild(h);
 }, X = function(t, a, e, s) {
-  if (we(t), G(t), Z(t, a), s && s.classList.contains("table--cta")) {
+  if (we(t), Q(t), B(t, a), s && s.classList.contains("table--cta")) {
     const r = Ae(t);
     s.style.setProperty("--cta-width", `${r}rem`);
   }
@@ -341,7 +348,7 @@ const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
         }
         f.hasAttribute("data-format") && (g = D(f.getAttribute("data-format"), g)), y.innerHTML = g, m.appendChild(y);
       }), i.appendChild(m);
-    }), Q(t, a), X(t, a, e, s), s.setAttribute("data-total", l.meta.total ? l.meta.total : 1), s.setAttribute("data-page", l.meta.current_page ? l.meta.current_page : 1), s.setAttribute("data-pages", Math.ceil(s.getAttribute("data-total") / s.getAttribute("data-show"))), F(s, e), l.data.length == 0 && (i.innerHTML = '<tr><td colspan="100%"><span class="h4 m-0">No results found</span></td></tr>')) : i.innerHTML = '<tr><td colspan="100%"><span class="h6 m-0">Error loading table</span></td></tr>';
+    }), Y(t, a), X(t, a, e, s), s.setAttribute("data-total", l.meta.total ? l.meta.total : 1), s.setAttribute("data-page", l.meta.current_page ? l.meta.current_page : 1), s.setAttribute("data-pages", Math.ceil(s.getAttribute("data-total") / s.getAttribute("data-show"))), F(s, e), l.data.length == 0 && (i.innerHTML = '<tr><td colspan="100%"><span class="h4 m-0">No results found</span></td></tr>')) : i.innerHTML = '<tr><td colspan="100%"><span class="h6 m-0">Error loading table</span></td></tr>';
   });
 }, D = (t, a) => {
   switch (t) {
@@ -364,6 +371,16 @@ class $e extends HTMLElement {
     n.innerHTML = `
     <style>
     @import "${a}/css/core.min.css";
+
+    :host(.mh-sm){
+      max-height: none!important;
+    }
+    :host(.mh-md){
+      max-height: none!important;
+    }
+    :host(.mh-lg){
+      max-height: none!important;
+    }
     </style>
     ${e ? '<div class="table--cta">' : ""}
     <div class="table__wrapper ${r}">
@@ -377,7 +394,7 @@ class $e extends HTMLElement {
     this.hasAttribute("data-total") || this.setAttribute("data-total", this.querySelectorAll("table tbody tr").length), this.hasAttribute("data-page") || this.setAttribute("data-page", i.has("page") ? i.get("page") : 1), this.hasAttribute("data-show") || this.setAttribute("data-show", 15), this.setAttribute("data-pages", Math.ceil(this.getAttribute("data-total") / this.getAttribute("data-show")));
   }
   connectedCallback() {
-    this.table = this.querySelector("table"), this.savedTableBody = this.querySelector("tbody").cloneNode(!0), this.pagination = this.shadowRoot.querySelector(".table__pagination"), this.form = document.createElement("form"), this.hasAttribute("data-filterby") && (this.form = document.querySelector(`#${this.getAttribute("data-filterby")}`), Q(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" />`)), Se(this.table), Le(this.table, this.form, this.pagination, this, this.savedTableBody), ke(this.table, this.form, this.pagination, this), qe(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax") ? J(this.table, this.form, this.pagination, this) : (X(this.table, this.form, this.pagination, this), Y(this.table, this.form, this), F(this, this.pagination)), this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (a) => {
+    this.table = this.querySelector("table"), this.savedTableBody = this.table.querySelector("tbody").cloneNode(!0), this.pagination = this.shadowRoot.querySelector(".table__pagination"), this.form = document.createElement("form"), this.hasAttribute("data-filterby") && (this.form = document.querySelector(`#${this.getAttribute("data-filterby")}`), Y(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" />`)), Se(this.table), Le(this.table, this.form, this.pagination, this, this.savedTableBody), ke(this.table, this.form, this.pagination, this), qe(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax") ? J(this.table, this.form, this.pagination, this) : (X(this.table, this.form, this.pagination, this), Z(this.table, this.form, this), F(this, this.pagination), B(this.table, this.form)), this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (a) => {
       this.table.querySelector("dialog[open]") && this.table.querySelector("dialog[open]").close();
     });
   }
@@ -434,8 +451,8 @@ function Ie(t, a, e, s, r, n) {
             innerHTML: h
           }, null, 8, Pe))), 128))
         ], 8, Re))), 128))
-      ])) : _("", !0)
-    ])) : p(t.$slots, "default", { key: 1 })
+      ])) : p("", !0)
+    ])) : _(t.$slots, "default", { key: 1 })
   ]);
 }
 const ee = /* @__PURE__ */ A(Ee, [["render", Ie]]), Fe = {
@@ -640,19 +657,19 @@ function nt(t, a, e, s, r, n) {
       for: e.id,
       innerHTML: n.displayLabel(),
       title: e.title
-    }, null, 10, Be)) : _("", !0),
+    }, null, 10, Be)) : p("", !0),
     e.prefix ? (c(), d("span", {
       key: 1,
       class: v(`prefix ${this.prefixClass} ${e.size ? `prefix-${e.size}` : ""}`),
       innerHTML: e.prefix,
       role: "presentation"
-    }, null, 10, Ve)) : _("", !0),
+    }, null, 10, Ve)) : p("", !0),
     e.suffix ? (c(), d("span", {
       key: 2,
       class: v(`suffix ${this.suffixClass} ${e.size ? `suffix-${e.size}` : ""}`),
       innerHTML: e.suffix,
       role: "presentation"
-    }, null, 10, ze)) : _("", !0),
+    }, null, 10, ze)) : p("", !0),
     n.isInput() ? N((c(), d("input", H({
       key: 3,
       "onUpdate:modelValue": a[0] || (a[0] = (i) => n.inputVal = i),
@@ -666,7 +683,7 @@ function nt(t, a, e, s, r, n) {
       onKeyup: a[1] || (a[1] = (...i) => n.inputKeyup && n.inputKeyup(...i))
     }), null, 16, Oe)), [
       [P, n.inputVal]
-    ]) : _("", !0),
+    ]) : p("", !0),
     e.type == "textarea" ? N((c(), d("textarea", H({
       key: 4,
       "onUpdate:modelValue": a[2] || (a[2] = (i) => n.inputVal = i),
@@ -677,7 +694,7 @@ function nt(t, a, e, s, r, n) {
       pattern: n.needPattern()
     }, t.$attrs), null, 16, We)), [
       [se, n.inputVal]
-    ]) : _("", !0),
+    ]) : p("", !0),
     e.type == "range" ? (c(), d("div", je, [
       N(o("input", H({
         "onUpdate:modelValue": a[3] || (a[3] = (i) => n.inputVal = i),
@@ -691,7 +708,7 @@ function nt(t, a, e, s, r, n) {
         [P, n.inputVal]
       ]),
       o("output", Ke, L(e.value), 1)
-    ])) : _("", !0),
+    ])) : p("", !0),
     e.type == "color" ? (c(), d("div", Ge, [
       N(o("input", H({
         "onUpdate:modelValue": a[4] || (a[4] = (i) => n.inputVal = i),
@@ -705,7 +722,7 @@ function nt(t, a, e, s, r, n) {
         [P, n.inputVal]
       ]),
       o("output", Ye, L(e.value ? t.vale : "#000000"), 1)
-    ])) : _("", !0),
+    ])) : p("", !0),
     e.type == "select" ? N((c(), d("select", H({
       key: 7,
       "onUpdate:modelValue": a[5] || (a[5] = (i) => n.inputVal = i),
@@ -721,7 +738,7 @@ function nt(t, a, e, s, r, n) {
       }, L(i.display ? i.display : i.value), 9, Xe))), 128))
     ], 16, Ze)), [
       [ie, n.inputVal]
-    ]) : _("", !0),
+    ]) : p("", !0),
     n.allowDatalist() ? (c(), d("datalist", {
       key: 8,
       id: e.id + "-list"
@@ -730,20 +747,20 @@ function nt(t, a, e, s, r, n) {
         key: l,
         value: i.value
       }, L(i.value), 9, et))), 128))
-    ], 8, Je)) : _("", !0),
+    ], 8, Je)) : p("", !0),
     e.type == "checkbox" || e.type == "radio" ? (c(), d("input", H({
       key: 9,
       class: "form-check-input",
       type: e.type,
       name: e.name ? e.name : e.id,
       id: e.id
-    }, t.$attrs), null, 16, tt)) : _("", !0),
+    }, t.$attrs), null, 16, tt)) : p("", !0),
     e.type == "checkbox" || e.type == "radio" ? (c(), d("label", {
       key: 10,
       class: v(`form-label form-check-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
       for: e.id,
       innerHTML: e.label
-    }, null, 10, at)) : _("", !0),
+    }, null, 10, at)) : p("", !0),
     e.type == "checkbox-btn" || e.type == "radio-btn" ? (c(), d("input", H({
       key: 11,
       class: `btn-check${e.inputclass ? ` ${e.inputclass}` : ""}`,
@@ -751,20 +768,20 @@ function nt(t, a, e, s, r, n) {
       autocomplete: "off",
       name: e.name ? e.name : e.id,
       id: e.id
-    }, t.$attrs), null, 16, st)) : _("", !0),
+    }, t.$attrs), null, 16, st)) : p("", !0),
     e.type == "checkbox-btn" || e.type == "radio-btn" ? (c(), d("label", {
       key: 12,
       class: v(`btn${e.labelclass ? ` ${e.labelclass}` : ""}`),
       for: e.id,
       innerHTML: e.label,
       onClick: a[6] || (a[6] = (...i) => n.clickEvent && n.clickEvent(...i))
-    }, null, 10, it)) : _("", !0),
+    }, null, 10, it)) : p("", !0),
     e.errormsg ? (c(), d("p", {
       key: 13,
       class: "invalid-feedback mb-0",
       innerHTML: e.errormsg
-    }, null, 8, lt)) : _("", !0),
-    p(t.$slots, "default")
+    }, null, 8, lt)) : p("", !0),
+    _(t.$slots, "default")
   ], 2);
 }
 const R = /* @__PURE__ */ A(Fe, [["render", nt]]), rt = {
@@ -816,7 +833,7 @@ function mt(t, a, e, s, r, n) {
         }, null, 8, ["id", "name", "data-filesize"])
       ], 2),
       o("div", dt, [
-        p(t.$slots, "default")
+        _(t.$slots, "default")
       ]),
       ut
     ]),
@@ -877,13 +894,13 @@ const bt = {
   props: {},
   mounted() {
   }
-}, _t = { ref: "wrapper" };
-function pt(t, a, e, s, r, n) {
-  return c(), d("iam-accordion", _t, [
-    p(t.$slots, "default")
+}, pt = { ref: "wrapper" };
+function _t(t, a, e, s, r, n) {
+  return c(), d("iam-accordion", pt, [
+    _(t.$slots, "default")
   ], 512);
 }
-const ci = /* @__PURE__ */ A(bt, [["render", pt]]), gt = {
+const ci = /* @__PURE__ */ A(bt, [["render", _t]]), gt = {
   name: "AccordionItem",
   props: {
     title: {
@@ -930,9 +947,9 @@ function wt(t, a, e, s, r, n) {
       e.badge ? (c(), d("span", {
         key: 0,
         class: v(`badge bg-${e.badgecolour}`)
-      }, L(e.badge), 3)) : _("", !0)
+      }, L(e.badge), 3)) : p("", !0)
     ], 8, At),
-    p(t.$slots, "default")
+    _(t.$slots, "default")
   ], 8, vt);
 }
 const di = /* @__PURE__ */ A(gt, [["render", wt]]), St = {
@@ -962,7 +979,7 @@ function Ht(t, a, e, s, r, n) {
         o("div", qt, [
           o("div", xt, [
             o("h2", null, L(e.title), 1),
-            p(t.$slots, "default")
+            _(t.$slots, "default")
           ])
         ]),
         o("div", $t, [
@@ -971,7 +988,7 @@ function Ht(t, a, e, s, r, n) {
             src: e.image,
             alt: "",
             class: "h-100 w-100 object-cover"
-          }, null, 8, Tt)) : _("", !0)
+          }, null, 8, Tt)) : p("", !0)
         ])
       ])
     ], 2)
@@ -982,7 +999,7 @@ class Ct extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = `@import "${a}/css/components/card.css";`;
-    this.querySelector(".icon") && this.classList.add("card--has-icon");
+    this.querySelector(".fa") && this.classList.add("card--has-icon");
     let s = this.classList.toString();
     const r = document.createElement("template");
     r.innerHTML = `
@@ -1042,7 +1059,7 @@ const Mt = {
 };
 function Et(t, a, e, s, r, n) {
   return c(), d("iam-card", null, [
-    p(t.$slots, "default")
+    _(t.$slots, "default")
   ]);
 }
 const Nt = /* @__PURE__ */ A(Mt, [["render", Et]]);
@@ -1183,7 +1200,7 @@ function jt(t, a, e, s, r, n) {
     "data-sm-cols": e.smcols,
     "data-md-cols": e.mdcols
   }, [
-    p(t.$slots, "default"),
+    _(t.$slots, "default"),
     o("div", It, [
       o("div", Ft, [
         e.type == "card" ? (c(), d("div", {
@@ -1204,7 +1221,7 @@ function jt(t, a, e, s, r, n) {
               hidectatext: e.hidectatext
             }), null, 16, ["class", "type", "btnyype", "titleclass", "ctatext", "hidectatext"])
           ], 10, Bt))), 128))
-        ], 2)) : _("", !0),
+        ], 2)) : p("", !0),
         e.type != "card" ? (c(), d("div", {
           key: 1,
           class: v(`row row-cols-${e.cols} row-cols-sm-${e.smcols} row-cols-md-${e.mdcols} ${e.gap ? `g-${e.gap}` : ""}`)
@@ -1215,7 +1232,7 @@ function jt(t, a, e, s, r, n) {
             innerHTML: n.content(l),
             id: "carousel" + r.id + "slide" + (h + 1)
           }, null, 10, Vt))), 128))
-        ], 2)) : _("", !0)
+        ], 2)) : p("", !0)
       ]),
       o("div", {
         class: v(`carousel__controls cols-${e.cols} cols-sm-${e.smcols} cols-md-${e.mdcols}`)
@@ -1291,12 +1308,12 @@ function Yt(t, a, e, s, r, n) {
     class: "bg-secondary",
     image: e.image
   }, [
-    p(t.$slots, "breadcrumb"),
+    _(t.$slots, "breadcrumb"),
     e.title ? (c(), d("h1", {
       key: 0,
       innerHTML: e.title
-    }, null, 8, Qt)) : _("", !0),
-    p(t.$slots, "default")
+    }, null, 8, Qt)) : p("", !0),
+    _(t.$slots, "default")
   ], 8, Gt);
 }
 const mi = /* @__PURE__ */ A(Kt, [["render", Yt]]);
@@ -1392,7 +1409,7 @@ function ha(t, a, e, s, r, n) {
             ], 2))), 128))
           ]),
           o("div", da, [
-            p(t.$slots, "default")
+            _(t.$slots, "default")
           ])
         ])
       ]),
@@ -1550,7 +1567,7 @@ const ma = {
 }, fa = {
   class: "container",
   ref: "wrapper"
-}, ya = { class: "property-searchbar" }, ba = ["action", "method"], _a = { class: "col-12 col-md-3" }, pa = { class: "col-12 col-md" }, ga = /* @__PURE__ */ o("span", { class: "form-label d-none d-md-block" }, "Price range", -1), va = {
+}, ya = { class: "property-searchbar" }, ba = ["action", "method"], pa = { class: "col-12 col-md-3" }, _a = { class: "col-12 col-md" }, ga = /* @__PURE__ */ o("span", { class: "form-label d-none d-md-block" }, "Price range", -1), va = {
   class: "row",
   "data-input-range": ""
 }, Aa = { class: "col-12 col-md" }, wa = /* @__PURE__ */ o("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), Sa = {
@@ -1566,14 +1583,14 @@ const ma = {
 function qa(t, a, e, s, r, n) {
   const i = E("Input");
   return c(), d("div", fa, [
-    p(t.$slots, "default"),
+    _(t.$slots, "default"),
     o("div", ya, [
       o("form", {
         class: "row",
         action: e.formaction,
         method: e.formmethod
       }, [
-        o("fieldset", _a, [
+        o("fieldset", pa, [
           S(i, {
             inputClass: "input--locations",
             modelValue: n.locationSet,
@@ -1594,7 +1611,7 @@ function qa(t, a, e, s, r, n) {
             options: e.distances
           }, null, 8, ["options"])
         ]),
-        o("fieldset", pa, [
+        o("fieldset", _a, [
           ga,
           o("div", va, [
             S(i, {
@@ -1647,7 +1664,7 @@ function qa(t, a, e, s, r, n) {
         ka
       ], 8, ba)
     ]),
-    p(t.$slots, "after")
+    _(t.$slots, "after")
   ], 512);
 }
 const yi = /* @__PURE__ */ A(ma, [["render", qa]]), xa = (t) => {
@@ -1665,7 +1682,7 @@ const yi = /* @__PURE__ */ A(ma, [["render", qa]]), xa = (t) => {
 const $a = {
   components: {
     Input: R,
-    Logo: _e,
+    Logo: pe,
     Icon: he
   },
   name: "Nav",
@@ -1859,7 +1876,7 @@ function ys(t, a, e, s, r, n) {
       o("div", Ea, [
         o("div", Na, [
           n.hasLogoSlot ? (c(), d("div", Da, [
-            p(t.$slots, "logo")
+            _(t.$slots, "logo")
           ])) : (c(), d("div", Ra, [
             o("a", Pa, [
               S(i, {
@@ -1878,7 +1895,7 @@ function ys(t, a, e, s, r, n) {
       o("div", Ba, [
         o("div", Va, [
           n.hasLogoSlot ? (c(), d("div", za, [
-            p(t.$slots, "logo")
+            _(t.$slots, "logo")
           ])) : (c(), d("div", Oa, [
             o("a", Wa, [
               S(i, {
@@ -1889,39 +1906,39 @@ function ys(t, a, e, s, r, n) {
               }, null, 8, ["id", "path", "desc"])
             ])
           ])),
-          n.hasSearchSlot ? (c(), d("div", ja, Ka)) : _("", !0),
+          n.hasSearchSlot ? (c(), d("div", ja, Ka)) : p("", !0),
           Ga,
           o("div", Qa, [
-            p(t.$slots, "default")
+            _(t.$slots, "default")
           ]),
-          n.hasAccountSlot ? (c(), d("div", Ya, Xa)) : _("", !0),
+          n.hasAccountSlot ? (c(), d("div", Ya, Xa)) : p("", !0),
           e.btnlink ? (c(), d("div", Ja, [
             o("a", {
               href: e.btnlink,
               class: "btn me-0",
               innerHTML: e.btntext
             }, null, 8, es)
-          ])) : _("", !0)
+          ])) : p("", !0)
         ])
       ]),
       n.hasSecondarySlot ? (c(), d("div", ts, [
         o("div", as, [
-          p(t.$slots, "secondary")
+          _(t.$slots, "secondary")
         ])
-      ])) : _("", !0),
+      ])) : p("", !0),
       n.hasSearchSlot ? (c(), d("div", ss, [
         o("div", is, [
           o("div", ls, [
-            p(t.$slots, "search")
+            _(t.$slots, "search")
           ])
         ])
-      ])) : _("", !0)
+      ])) : p("", !0)
     ]),
     n.hasAccountSlot ? (c(), d("div", ns, [
       o("div", rs, [
         o("div", os, [
           n.hasLogoSlot ? (c(), d("div", cs, [
-            p(t.$slots, "logo")
+            _(t.$slots, "logo")
           ])) : (c(), d("div", ds, [
             o("a", us, [
               S(i, {
@@ -1936,9 +1953,9 @@ function ys(t, a, e, s, r, n) {
         ])
       ]),
       o("div", ms, [
-        p(t.$slots, "account")
+        _(t.$slots, "account")
       ])
-    ])) : _("", !0),
+    ])) : p("", !0),
     fs
   ], 2);
 }
@@ -1956,25 +1973,25 @@ const bs = {
       default: "Complete"
     }
   }
-}, _s = { class: "container" }, ps = ["aria-label"], gs = {
+}, ps = { class: "container" }, _s = ["aria-label"], gs = {
   key: 0,
   class: "h6 stepper__start"
 }, vs = { class: "list-unstyled" }, As = { class: "h6 stepper__end" };
 function ws(t, a, e, s, r, n) {
-  return c(), d("div", _s, [
+  return c(), d("div", ps, [
     o("nav", {
       class: "stepper",
       "aria-label": e.label ? e.label : "Progress"
     }, [
-      e.label ? (c(), d("span", gs, L(e.label), 1)) : _("", !0),
+      e.label ? (c(), d("span", gs, L(e.label), 1)) : p("", !0),
       o("ol", vs, [
-        p(t.$slots, "default")
+        _(t.$slots, "default")
       ]),
       o("span", As, L(e.endlabel), 1)
-    ], 8, ps)
+    ], 8, _s)
   ]);
 }
-const _i = /* @__PURE__ */ A(bs, [["render", ws]]), Ss = {
+const pi = /* @__PURE__ */ A(bs, [["render", ws]]), Ss = {
   name: "Stepper",
   props: {
     url: {
@@ -2002,13 +2019,13 @@ function qs(t, a, e, s, r, n) {
       "aria-current": typeof e.current < "u"
     }, [
       o("span", null, [
-        p(t.$slots, "default")
+        _(t.$slots, "default")
       ]),
-      e.status ? (c(), d("em", ks, " - status: " + L(e.status), 1)) : _("", !0)
+      e.status ? (c(), d("em", ks, " - status: " + L(e.status), 1)) : p("", !0)
     ], 10, Ls)
   ]);
 }
-const pi = /* @__PURE__ */ A(Ss, [["render", qs]]), xs = function(t) {
+const _i = /* @__PURE__ */ A(Ss, [["render", qs]]), xs = function(t) {
   const a = t.querySelectorAll(":scope > details");
   t.querySelectorAll(":scope > details > summary");
   let e = t.querySelector(":scope > .tabs__links");
@@ -2019,10 +2036,10 @@ const pi = /* @__PURE__ */ A(Ss, [["render", qs]]), xs = function(t) {
     s.hasAttribute("id") && (i = document.createElement("a"), i.setAttribute("href", `#${s.getAttribute("id")}`)), s.hasAttribute("open") && i.setAttribute("aria-pressed", !0), i.innerHTML = `${n.innerText}`, i.classList.add("link"), i.setAttribute("data-index", r), i.setAttribute("tabindex", "-1"), e.appendChild(i);
   });
 }, $s = function(t) {
-  let a = t.querySelectorAll(":scope > details"), e = t.querySelectorAll(":scope > details > summary"), s = t.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");
-  t.shadowRoot && (s = t.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")), s.forEach((r) => {
+  let a = t.querySelectorAll(":scope > details"), e = t.querySelectorAll(":scope > details > summary"), s = t.querySelectorAll(":scope .tabs__links > .link");
+  t.shadowRoot && (s = t.shadowRoot.querySelectorAll(".tabs__links > .link")), console.log(s), s.forEach((r) => {
     r.addEventListener("click", (n) => {
-      n.preventDefault(), s.forEach((i) => {
+      console.log("hi"), n.preventDefault(), s.forEach((i) => {
         let l = i == r;
         i.setAttribute("aria-pressed", l);
       }), a.forEach((i, l) => {
@@ -2056,11 +2073,14 @@ window.dataLayer.push({
 class Cs extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
-    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = `@import "${a}/css/components/tabs.css";`, s = document.createElement("template");
-    s.innerHTML = `
+    const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.createElement("template");
+    e.innerHTML = `
     <style>
     @import "${a}/css/core.min.css";
-    ${e}
+
+    :host(.admin-panel){
+      display: contents!important;
+    }
     
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
@@ -2068,10 +2088,11 @@ class Cs extends HTMLElement {
       <div class="tabs__links"></div>
       <slot></slot>
     </div>
-    `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(e.content.cloneNode(!0));
   }
   connectedCallback() {
-    Hs(this);
+    let a = this.classList.toString().replace("container", "");
+    this.shadowRoot.querySelector(".tabs").setAttribute("class", `tabs ${a}`), Hs(this);
   }
 }
 window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", Cs);
@@ -2080,7 +2101,7 @@ const Ms = {
 }, Es = { ref: "wrapper" };
 function Ns(t, a, e, s, r, n) {
   return c(), d("iam-tabs", Es, [
-    p(t.$slots, "default")
+    _(t.$slots, "default")
   ], 512);
 }
 const gi = /* @__PURE__ */ A(Ms, [["render", Ns]]), Ds = {
@@ -2109,7 +2130,7 @@ const gi = /* @__PURE__ */ A(Ms, [["render", Ns]]), Ds = {
 function Is(t, a, e, s, r, n) {
   return c(), d("details", Rs, [
     o("summary", { innerHTML: e.title }, null, 8, Ps),
-    p(t.$slots, "default")
+    _(t.$slots, "default")
   ]);
 }
 const vi = /* @__PURE__ */ A(Ds, [["render", Is]]);
@@ -2177,8 +2198,8 @@ function Os(t, a, e, s, r, n) {
       class: v(`alert__inner bg-${e.colour}`),
       role: "alert"
     }, [
-      e.dismissible ? (c(), d("button", zs)) : _("", !0),
-      p(t.$slots, "default")
+      e.dismissible ? (c(), d("button", zs)) : p("", !0),
+      _(t.$slots, "default")
     ], 2)
   ], 14, Vs);
 }
@@ -2239,7 +2260,7 @@ function Ys(t, a, e, s, r, n) {
       key: 0,
       class: "h3",
       innerHTML: e.title
-    }, null, 8, Us)) : _("", !0),
+    }, null, 8, Us)) : p("", !0),
     S(i, H({
       fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
       items: r.itemsData
@@ -2312,7 +2333,13 @@ function Zs(t, a) {
         let m = t.querySelectorAll(u);
         for (var n = 0; n < m.length; n++) {
           let f = m[n];
-          f.getAttribute("type") != "radio" && f.getAttribute("type") != "checkbox" && (m[n].value = ""), m[n].checked = !1;
+          if (f.getAttribute("type") != "radio" && f.getAttribute("type") != "checkbox")
+            f.value = "";
+          else {
+            f.checked = !1;
+            var s = new Event("force");
+            f.closest("form").dispatchEvent(s);
+          }
         }
       }
       i.remove();
@@ -2345,7 +2372,7 @@ const ei = {
 };
 function ti(t, a, e, s, r, n) {
   return c(), d("iam-applied-filters", null, [
-    p(t.$slots, "default")
+    _(t.$slots, "default")
   ]);
 }
 const Si = /* @__PURE__ */ A(ei, [["render", ti]]);
@@ -2356,13 +2383,13 @@ function si(t, a) {
   var e;
   a.addEventListener("keyup", (s) => {
     clearTimeout(e), e = setTimeout(function() {
-      K(t, a.value);
+      G(t, a.value);
     }, 500);
   }), a.addEventListener("change", (s) => {
-    clearTimeout(e), K(t, a.value);
+    clearTimeout(e), G(t, a.value);
   });
 }
-const K = function(t, a) {
+const G = function(t, a) {
   Array.from(t.querySelectorAll(":scope > li")).forEach((e, s) => {
     let r = e.textContent.toLowerCase();
     e.classList.add("d-none"), r.includes(a.toLowerCase()) && e.classList.remove("d-none");
@@ -2386,14 +2413,23 @@ class ii extends HTMLElement {
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     
     :host {
-      margin-bottom: 3rem;
+      margin-bottom: 1rem;
       display:block;
     }
+    :host(.mh-sm){
+      max-height: none!important;
+    }
+    :host(.mh-md){
+      max-height: none!important;
+    }
+    :host(.mh-lg){
+      max-height: none!important;
+    }
     </style>
     <div class="form-control__wrapper">
       <label for="search" class="visually-hidden">Search</label>
       <span class="suffix" role="presentation"><slot name="icon"></slot></span>
-      <input name="search" id="search" type="text" class="form-control" autocomplete="off">
+      <input name="search" id="search" type="text" class="form-control" autocomplete="off" placeholder="Search" />
     </div>
     <div class="list__wrapper">
       <slot></slot>
@@ -2401,13 +2437,8 @@ class ii extends HTMLElement {
     `, this.shadowRoot.appendChild(e.content.cloneNode(!0));
   }
   connectedCallback() {
-    const a = {
-      small: "12.5rem",
-      medium: "25rem",
-      large: "37.5rem"
-    };
-    let e = this.hasAttribute("data-max-height") && a[this.getAttribute("data-max-height")] ? "list__wrapper--" + this.getAttribute("data-max-height") : "";
-    this.shadowRoot.querySelector(".list__wrapper").classList.add(e), this.querySelector("i.fa-search") || (this.innerHTML += '<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'), ai(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
+    let a = this.classList.toString();
+    this.shadowRoot.querySelector(".list__wrapper").setAttribute("class", `list__wrapper ${a}`), this.querySelector("i.fa-search") || (this.innerHTML += '<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'), ai(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
   }
 }
 window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", ii);
@@ -2416,7 +2447,7 @@ const li = {
 };
 function ni(t, a, e, s, r, n) {
   return c(), d("iam-filterlist", null, [
-    p(t.$slots, "default")
+    _(t.$slots, "default")
   ]);
 }
 const Li = /* @__PURE__ */ A(li, [["render", ni]]);
@@ -2433,12 +2464,12 @@ export {
   mi as Header,
   he as Icon,
   R as Input,
-  _e as Logo,
+  pe as Logo,
   bi as Nav,
   wi as NoteFeed,
   yi as PropertySearchbar,
-  pi as Step,
-  _i as Stepper,
+  _i as Step,
+  pi as Stepper,
   vi as Tab,
   ee as Table,
   gi as Tabs,