@iamproperty/components 5.5.1-beta-2 → 5.5.1-beta-5

package/assets/ts/modules/helpers.ts

@@ -79,6 +79,12 @@ export const addGlobalEvents = (body) => {
         form.classList.add('was-validated');
         event.preventDefault();
       }
+
+      if(form.querySelector('iam-multiselect[data-is-required][data-error]')){
+        
+        form.classList.add('was-validated');
+        event.preventDefault();
+      }
     }
 
   });

package/assets/ts/modules/inputs.ts

@@ -11,8 +11,14 @@ const extendInputs = (body) => {
     });
 
     Array.from(document.querySelectorAll('label input')).forEach((input,index) => {
-      if(!input.closest('label').querySelector('.optional-text') && !input.hasAttribute('required'))
-        input.insertAdjacentHTML("beforebegin", `<span class="optional-text"></span>`);
+      if(!input.closest('label').querySelector('.optional-text') && !input.hasAttribute('required')){
+
+        if(input.parentNode.tagName.toLowerCase() == 'span')
+          input.parentElement.insertAdjacentHTML("beforebegin", `<span class="optional-text"></span>`);
+        else
+          input.insertAdjacentHTML("beforebegin", `<span class="optional-text"></span>`);
+      }
+        
     });
     
     // Date restrictions 

package/assets/ts/modules/table.ts

@@ -195,8 +195,9 @@ export const addFilterEventListeners = (table, form, pagination, wrapper, savedT
 
       loadAjaxTable(table, form, pagination,wrapper);
     }
-    else if(form.hasAttribute('data-submit'))
+    else if(form.hasAttribute('data-submit')){
       form.submit();
+    }
     else {
       filterTable(table, form, wrapper);
       populateDataQueries(table,form);
@@ -247,8 +248,9 @@ export const addFilterEventListeners = (table, form, pagination, wrapper, savedT
     
     if (event && event.target instanceof HTMLElement && event.target.closest('[data-sort]')){
       
-      if(!form.hasAttribute('data-submit'))
+      if(!form.hasAttribute('data-submit')){
         sortTable(table, form, savedTableBody);
+      }
 
       formSubmit(event);
     }
@@ -353,8 +355,9 @@ export const addFilterEventListeners = (table, form, pagination, wrapper, savedT
 
       form.classList.remove('processing');
 
-      if(!form.hasAttribute('data-submit'))
+      if(!form.hasAttribute('data-submit')){
         sortTable(table, form, savedTableBody);
+      }
 
       formSubmit(event);
     }
@@ -364,8 +367,9 @@ export const addFilterEventListeners = (table, form, pagination, wrapper, savedT
 
     clearTimeout(timer);
 
-    if(!form.hasAttribute('data-submit'))
+    if(!form.hasAttribute('data-submit')){
       event.preventDefault();
+    }
 
     formSubmit(event);
   });
@@ -396,11 +400,13 @@ export const addFilterEventListeners = (table, form, pagination, wrapper, savedT
 
       let parentForm = mimicInput.closest('form');
 
-      if(!forms.includes(parentForm))
+      if(!forms.includes(parentForm)){
         forms.push(parentForm);
+      }
 
-      if(!fields.includes(mimicField))
+      if(!fields.includes(mimicField)){
         fields.push(mimicField);
+      }
       
     });
   });
@@ -495,20 +501,23 @@ export const sortTable = (table, form, savedTableBody) => {
 
     let rowIndex = tableRow.querySelector('td[data-label="'+sortBy+'"], th[data-label="'+sortBy+'"]').textContent.trim();
 
-    if(tableRow.querySelector('[data-label="'+sortBy+'"] .td__content'))
+    if(tableRow.querySelector('[data-label="'+sortBy+'"] .td__content')){
       rowIndex = tableRow.querySelector('[data-label="'+sortBy+'"] .td__content').textContent.trim();
+    }
 
     // If a predefined order set replace the search term with an ordered numeric value so it can be sorted
     if(orderArray.length && orderArray.includes(rowIndex)){
       rowIndex = orderArray.indexOf(rowIndex);
     }
 
-    if(isNumeric(rowIndex))
-      rowIndex = zeroPad(rowIndex,10)
+    if(isNumeric(rowIndex)){
+      rowIndex = zeroPad(rowIndex,10);
+    }
 
     // If the sort format is date then lets transform the index to a sortable date (this is never displayed)
-    if(format && format == "date")
+    if(format && format == "date"){
       rowIndex = new Date(rowIndex);
+    }
     
     const dataRow = {
       index: rowIndex,
@@ -521,8 +530,10 @@ export const sortTable = (table, form, savedTableBody) => {
   tableArr.sort((a, b) => (a.index > b.index) ? 1 : -1)
 
   // Reverse if descending
-  if(order == "descending" || order == "desc")
+  if(order == "descending" || order == "desc"){
     tableArr = tableArr.reverse();
+  }
+    
 
   // Create a string to return and populate the tbody
   let strTbody = '';
@@ -571,10 +582,13 @@ export const filterTable = (table, form, wrapper) => {
   let filterCount = 0;
   Object.values(filters).forEach((filter, index) => {
 
-    if(typeof filter == "object" && Object.values(filter).length)
+    if(typeof filter == "object" && Object.values(filter).length){
       filterCount += Object.values(filter).length;
-    else
+    }
+    else {
       filterCount++;
+    }
+      
   });
 
   if(filterCount) {
@@ -634,8 +648,9 @@ export const filterTable = (table, form, wrapper) => {
         }
         
         // Dynamic values
-        if(filter && filter == "$today")
+        if(filter && filter == "$today"){
           filter = formatCell('date', new Date());
+        }
         else if(filter && filter == "$yesterday"){
 
           let yesterday = new Date();
@@ -725,8 +740,9 @@ export const filterTable = (table, form, wrapper) => {
 
     });
 
-    if(!isSearched)
+    if(!isSearched){
       row.classList.add('filtered');
+    }
   });
 
   // Work out what to display after pagination
@@ -738,8 +754,9 @@ export const filterTable = (table, form, wrapper) => {
 
     // pagination bit 
     let matchesPage = Math.ceil(matched/showRows);
-    if(matchesPage == parseInt(page))
+    if(matchesPage == parseInt(page)){
       row.classList.add('filtered--show');
+    }
   });
 
   if(wrapper){
@@ -808,10 +825,13 @@ export const populateDataQueries = (table,form,wrapper) => {
       }).length;
     }
 
-    if(queryElement.hasAttribute('data-total'))
+    if(queryElement.hasAttribute('data-total')){
       queryElement.setAttribute('data-total', numberOfMatchedRows);
-    else
+    }
+    else {
       queryElement.innerHTML = numberOfMatchedRows;
+    }
+      
   });
 }
 
@@ -858,8 +878,9 @@ export const addPaginationEventListeners = function(table, form, pagination, wra
 // Export CSV Data
 export const addExportEventListeners = (button, table) => {
 
-  if(!button)
+  if(!button){
     return false;
+  }
 
   button.addEventListener('click', (event) => {
     exportAsCSV(table);

package/dist/components.es.js

@@ -1,5 +1,5 @@
-import { openBlock as r, createElementBlock as l, normalizeClass as w, createElementVNode as c, toDisplayString as $, createCommentVNode as b, Fragment as E, renderList as q, renderSlot as f, withDirectives as T, mergeProps as S, vModelDynamic as H, vModelText as I, vModelSelect as D, createTextVNode as V, resolveComponent as M, createVNode as x, withModifiers as B } from "vue";
-const h = (t, a) => {
+import { openBlock as r, createElementBlock as l, normalizeClass as w, createElementVNode as c, toDisplayString as $, createCommentVNode as b, renderSlot as h, Fragment as E, renderList as q, withDirectives as T, mergeProps as S, vModelDynamic as H, vModelText as I, vModelSelect as D, createTextVNode as V, resolveComponent as M, createVNode as x, withModifiers as B } from "vue";
+const f = (t, a) => {
   const e = t.__vccOpts || t;
   for (const [o, i] of a)
     e[o] = i;
@@ -46,7 +46,7 @@ function K(t, a, e, o, i, s) {
     }, null, 8, W)) : b("", !0)
   ], 2);
 }
-const za = /* @__PURE__ */ h(O, [["render", K]]), G = (t) => t.charAt(0).toUpperCase() + t.slice(1), Q = (t) => t.replace(/_/g, " "), Y = (t) => t.replace(/ /g, "_"), J = function(t) {
+const za = /* @__PURE__ */ f(O, [["render", K]]), G = (t) => t.charAt(0).toUpperCase() + t.slice(1), Q = (t) => t.replace(/_/g, " "), Y = (t) => t.replace(/ /g, "_"), J = function(t) {
   return t = t.toLowerCase(), t = Y(t), t = t.replace(/\W/g, ""), t;
 }, X = {
   name: "Table",
@@ -67,7 +67,7 @@ const za = /* @__PURE__ */ h(O, [["render", K]]), G = (t) => t.charAt(0).toUpper
   },
   created() {
     this.$nextTick(function() {
-      import("./table.component.min-80bee266.mjs").then((t) => {
+      import("./table.component-6aacf1c4.mjs").then((t) => {
         window.customElements.get("iam-table") || window.customElements.define("iam-table", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -83,6 +83,7 @@ const za = /* @__PURE__ */ h(O, [["render", K]]), G = (t) => t.charAt(0).toUpper
 }, Z = { key: 0 }, ee = { key: 0 }, te = ["data-row-id"], ae = ["innerHTML"];
 function se(t, a, e, o, i, s) {
   return r(), l("iam-table", null, [
+    h(t.$slots, "before"),
     e.fields ? (r(), l("table", Z, [
       c("thead", null, [
         c("tr", null, [
@@ -102,10 +103,10 @@ function se(t, a, e, o, i, s) {
           }, null, 8, ae))), 128))
         ], 8, te))), 128))
       ])) : b("", !0)
-    ])) : f(t.$slots, "default", { key: 1 })
+    ])) : h(t.$slots, "default", { key: 1 })
   ]);
 }
-const R = /* @__PURE__ */ h(X, [["render", se]]), ie = {
+const R = /* @__PURE__ */ f(X, [["render", se]]), ie = {
   name: "Input",
   props: {
     value: {
@@ -421,7 +422,7 @@ function xe(t, a, e, o, i, s) {
       innerHTML: e.label,
       onClick: a[6] || (a[6] = (...n) => s.clickEvent && s.clickEvent(...n))
     }, null, 10, we)) : b("", !0),
-    f(t.$slots, "default"),
+    h(t.$slots, "default"),
     e.errormsg ? (r(), l("span", {
       key: 12,
       class: "invalid-feedback mb-0",
@@ -438,7 +439,7 @@ function xe(t, a, e, o, i, s) {
     ], 8, ke)) : b("", !0)
   ], 2);
 }
-const P = /* @__PURE__ */ h(ie, [["render", xe]]);
+const P = /* @__PURE__ */ f(ie, [["render", xe]]);
 function Le(t, a) {
   const e = a.querySelector(".files"), o = a.querySelector(".drop-area"), i = t.querySelector("input"), s = t.hasAttribute("data-maxsize") ? t.getAttribute("data-maxsize") : 0, n = i.cloneNode();
   if (o.append(n), a.addEventListener("click", (d) => {
@@ -540,16 +541,16 @@ const Ee = {
 };
 function qe(t, a, e, o, i, s) {
   return r(), l("iam-fileupload", null, [
-    f(t.$slots, "default")
+    h(t.$slots, "default")
   ]);
 }
-const Ia = /* @__PURE__ */ h(Ee, [["render", qe]]);
+const Ia = /* @__PURE__ */ f(Ee, [["render", qe]]);
 const Te = {
   name: "Accordion",
   props: {},
   mounted() {
     this.$nextTick(function() {
-      import("./accordion.component.min-125bfba8.mjs").then((t) => {
+      import("./accordion.component.min-08078210.mjs").then((t) => {
         window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -559,10 +560,10 @@ const Te = {
 }, He = { ref: "wrapper" };
 function Me(t, a, e, o, i, s) {
   return r(), l("iam-accordion", He, [
-    f(t.$slots, "default")
+    h(t.$slots, "default")
   ], 512);
 }
-const Da = /* @__PURE__ */ h(Te, [["render", Me]]), Ce = {
+const Da = /* @__PURE__ */ f(Te, [["render", Me]]), Ce = {
   name: "AccordionItem",
   props: {
     title: {
@@ -609,10 +610,10 @@ function je(t, a, e, o, i, s) {
         class: w(`badge bg-${e.badgecolour}`)
       }, $(e.badge), 3)) : b("", !0)
     ]),
-    f(t.$slots, "default")
+    h(t.$slots, "default")
   ], 8, Ne);
 }
-const Va = /* @__PURE__ */ h(Ce, [["render", je]]), Re = {
+const Va = /* @__PURE__ */ f(Ce, [["render", je]]), Re = {
   name: "Header",
   props: {
     title: {
@@ -639,7 +640,7 @@ function Be(t, a, e, o, i, s) {
         c("div", ze, [
           c("div", Ie, [
             c("h2", null, $(e.title), 1),
-            f(t.$slots, "default")
+            h(t.$slots, "default")
           ])
         ]),
         c("div", De, [
@@ -654,13 +655,13 @@ function Be(t, a, e, o, i, s) {
     ], 2)
   ]);
 }
-const Ba = /* @__PURE__ */ h(Re, [["render", Be]]), Oe = {
+const Ba = /* @__PURE__ */ f(Re, [["render", Be]]), Oe = {
   name: "Card",
   mounted() {
     this.$nextTick(function() {
       import(
         /* @vite-ignore */
-        "./card.component.min-773dc232.mjs"
+        "./card.component.min-02b47333.mjs"
       ).then((t) => {
         window.customElements.get("iam-card") || window.customElements.define("iam-card", t.default);
       }).catch((t) => {
@@ -671,10 +672,10 @@ const Ba = /* @__PURE__ */ h(Re, [["render", Be]]), Oe = {
 };
 function Ue(t, a, e, o, i, s) {
   return r(), l("iam-card", null, [
-    f(t.$slots, "default")
+    h(t.$slots, "default")
   ]);
 }
-const Oa = /* @__PURE__ */ h(Oe, [["render", Ue]]), N = (t, a) => {
+const Oa = /* @__PURE__ */ f(Oe, [["render", Ue]]), N = (t, a) => {
   const e = t[a];
   return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((o, i) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(i.bind(null, new Error("Unknown variable dynamic import: " + a)));
@@ -703,10 +704,10 @@ const Oa = /* @__PURE__ */ h(Oe, [["render", Ue]]), N = (t, a) => {
 };
 function Ke(t, a, e, o, i, s) {
   return r(), l("iam-carousel", null, [
-    f(t.$slots, "default")
+    h(t.$slots, "default")
   ]);
 }
-const Ua = /* @__PURE__ */ h(We, [["render", Ke]]), Ge = {
+const Ua = /* @__PURE__ */ f(We, [["render", Ke]]), Ge = {
   name: "Header",
   props: {
     title: {
@@ -720,7 +721,7 @@ const Ua = /* @__PURE__ */ h(We, [["render", Ke]]), Ge = {
   },
   mounted() {
     this.$nextTick(function() {
-      import("./header.component.min-ab4270b0.mjs").then((t) => {
+      import("./header.component.min-9f8477b6.mjs").then((t) => {
         window.customElements.get("iam-header") || window.customElements.define("iam-header", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -730,15 +731,15 @@ const Ua = /* @__PURE__ */ h(We, [["render", Ke]]), Ge = {
 }, Qe = ["image"], Ye = ["innerHTML"];
 function Je(t, a, e, o, i, s) {
   return r(), l("iam-header", { image: e.image }, [
-    f(t.$slots, "breadcrumb"),
+    h(t.$slots, "breadcrumb"),
     e.title ? (r(), l("h1", {
       key: 0,
       innerHTML: e.title
     }, null, 8, Ye)) : b("", !0),
-    f(t.$slots, "default")
+    h(t.$slots, "default")
   ], 8, Qe);
 }
-const Wa = /* @__PURE__ */ h(Ge, [["render", Je]]);
+const Wa = /* @__PURE__ */ f(Ge, [["render", Je]]);
 function Xe(t) {
   var a;
   const e = t.querySelector(".testimonial__images"), o = e.querySelectorAll("img").length;
@@ -831,7 +832,7 @@ function pt(t, a, e, o, i, s) {
             ], 2))), 128))
           ]),
           c("div", ut, [
-            f(t.$slots, "default")
+            h(t.$slots, "default")
           ])
         ])
       ]),
@@ -839,7 +840,7 @@ function pt(t, a, e, o, i, s) {
     ], 2)
   ], 512);
 }
-const Ka = /* @__PURE__ */ h(Ze, [["render", pt]]);
+const Ka = /* @__PURE__ */ f(Ze, [["render", pt]]);
 const ht = {
   name: "Timeline",
   props: {
@@ -852,7 +853,7 @@ const ht = {
 function yt(t, a, e, o, i, s) {
   return r(), l("div", ft, [
     c("div", bt, [
-      f(t.$slots, "default")
+      h(t.$slots, "default")
     ]),
     e.image ? (r(), l("img", {
       key: 0,
@@ -861,7 +862,7 @@ function yt(t, a, e, o, i, s) {
     }, null, 8, gt)) : b("", !0)
   ]);
 }
-const Ga = /* @__PURE__ */ h(ht, [["render", yt]]);
+const Ga = /* @__PURE__ */ f(ht, [["render", yt]]);
 const vt = {
   components: {
     Input: P
@@ -1027,7 +1028,7 @@ const vt = {
 function Mt(t, a, e, o, i, s) {
   const n = M("Input");
   return r(), l("div", _t, [
-    f(t.$slots, "default"),
+    h(t.$slots, "default"),
     c("div", wt, [
       c("form", {
         class: "row",
@@ -1108,15 +1109,15 @@ function Mt(t, a, e, o, i, s) {
         Ht
       ], 8, $t)
     ]),
-    f(t.$slots, "after")
+    h(t.$slots, "after")
   ], 512);
 }
-const Qa = /* @__PURE__ */ h(vt, [["render", Mt]]), Ct = {
+const Qa = /* @__PURE__ */ f(vt, [["render", Mt]]), Ct = {
   components: {},
   name: "Nav",
   mounted() {
     this.$nextTick(function() {
-      import("./nav.component.min-3448e6b7.mjs").then((t) => {
+      import("./nav.component.min-cf39edaa.mjs").then((t) => {
         window.customElements.get("iam-nav") || window.customElements.define("iam-nav", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1127,10 +1128,10 @@ const Qa = /* @__PURE__ */ h(vt, [["render", Mt]]), Ct = {
 }, Nt = { ref: "wrapper" };
 function jt(t, a, e, o, i, s) {
   return r(), l("iam-nav", Nt, [
-    f(t.$slots, "default")
+    h(t.$slots, "default")
   ], 512);
 }
-const Ya = /* @__PURE__ */ h(Ct, [["render", jt]]);
+const Ya = /* @__PURE__ */ f(Ct, [["render", jt]]);
 const Rt = {
   name: "Stepper",
   props: {
@@ -1156,13 +1157,13 @@ function Vt(t, a, e, o, i, s) {
     }, [
       e.label ? (r(), l("span", zt, $(e.label), 1)) : b("", !0),
       c("ol", It, [
-        f(t.$slots, "default")
+        h(t.$slots, "default")
       ]),
       c("span", Dt, $(e.endlabel), 1)
     ], 8, Ft)
   ]);
 }
-const Ja = /* @__PURE__ */ h(Rt, [["render", Vt]]);
+const Ja = /* @__PURE__ */ f(Rt, [["render", Vt]]);
 const Bt = {
   name: "Snapshot",
   props: {
@@ -1177,7 +1178,7 @@ const Bt = {
 }, Ut = { class: "row" }, Wt = ["href"], Kt = { class: "lead snapshot__title" }, Gt = { class: "stat" };
 function Qt(t, a, e, o, i, s) {
   return r(), l("div", Ot, [
-    f(t.$slots, "default"),
+    h(t.$slots, "default"),
     c("div", Ut, [
       (r(!0), l(E, null, q(e.items, (n, d) => (r(), l("div", {
         class: "col",
@@ -1197,7 +1198,7 @@ function Qt(t, a, e, o, i, s) {
     ])
   ], 512);
 }
-const Xa = /* @__PURE__ */ h(Bt, [["render", Qt]]), Yt = {
+const Xa = /* @__PURE__ */ f(Bt, [["render", Qt]]), Yt = {
   name: "Stepper",
   props: {
     url: {
@@ -1225,18 +1226,18 @@ function Zt(t, a, e, o, i, s) {
       "aria-current": typeof e.current < "u" ? "step" : !1
     }, [
       c("span", null, [
-        f(t.$slots, "default")
+        h(t.$slots, "default")
       ]),
       e.status ? (r(), l("em", Xt, " - status: " + $(e.status), 1)) : b("", !0)
     ], 10, Jt)
   ]);
 }
-const Za = /* @__PURE__ */ h(Yt, [["render", Zt]]);
+const Za = /* @__PURE__ */ f(Yt, [["render", Zt]]);
 const ea = {
   name: "Tabs",
   mounted() {
     this.$nextTick(function() {
-      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/tabs/tabs.component.js": () => import("./tabs.component-1dfbdb3b.mjs"), "../../../assets/js/components/tabs/tabs.component.min.js": () => import("./tabs.component.min-df805e37.mjs") }), "../../../assets/js/components/tabs/tabs.component.js").then((t) => {
+      N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/tabs/tabs.component.js": () => import("./tabs.component-1dfbdb3b.mjs"), "../../../assets/js/components/tabs/tabs.component.min.js": () => import("./tabs.component.min-222bebe6.mjs") }), "../../../assets/js/components/tabs/tabs.component.js").then((t) => {
         window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1246,10 +1247,10 @@ const ea = {
 }, ta = { ref: "wrapper" };
 function aa(t, a, e, o, i, s) {
   return r(), l("iam-tabs", ta, [
-    f(t.$slots, "default")
+    h(t.$slots, "default")
   ], 512);
 }
-const es = /* @__PURE__ */ h(ea, [["render", aa]]), sa = {
+const es = /* @__PURE__ */ f(ea, [["render", aa]]), sa = {
   name: "Tab",
   props: {
     title: {
@@ -1278,10 +1279,10 @@ function oa(t, a, e, o, i, s) {
       innerHTML: e.title,
       class: w({ disabled: i.isDisabled })
     }, null, 10, na),
-    f(t.$slots, "default")
+    h(t.$slots, "default")
   ]);
 }
-const ts = /* @__PURE__ */ h(sa, [["render", oa]]);
+const ts = /* @__PURE__ */ f(sa, [["render", oa]]);
 let F = R.props;
 F.fields.required = !1;
 const ra = {
@@ -1364,7 +1365,7 @@ function pa(t, a, e, o, i, s) {
     ], 40, ca)
   ]);
 }
-const as = /* @__PURE__ */ h(ra, [["render", pa]]);
+const as = /* @__PURE__ */ f(ra, [["render", pa]]);
 function ha(t, a) {
   function e(i, s, n = !0) {
     let d = !1, u = s.getAttribute("name");
@@ -1468,12 +1469,12 @@ const ba = {
 };
 function ga(t, a, e, o, i, s) {
   return r(), l("iam-applied-filters", null, [
-    f(t.$slots, "default")
+    h(t.$slots, "default")
   ]);
 }
-const ss = /* @__PURE__ */ h(ba, [["render", ga]]);
+const ss = /* @__PURE__ */ f(ba, [["render", ga]]);
 /*!
-  * iamKey v5.5.1-beta-2
+  * iamKey v5.5.1-beta-5
   * Copyright 2022-2024 iamproperty
   */
 function ya(t, a) {
@@ -1540,10 +1541,10 @@ const wa = {
 };
 function $a(t, a, e, o, i, s) {
   return r(), l("iam-filterlist", null, [
-    f(t.$slots, "default")
+    h(t.$slots, "default")
   ]);
 }
-const is = /* @__PURE__ */ h(wa, [["render", $a]]);
+const is = /* @__PURE__ */ f(wa, [["render", $a]]);
 function ka(t) {
   if (t.hasAttribute("data-type") && t.getAttribute("data-type") == "toast") {
     let e = document.querySelector(".notification__holder");
@@ -1635,15 +1636,15 @@ const La = {
 };
 function Sa(t, a, e, o, i, s) {
   return r(), l("iam-notification", null, [
-    f(t.$slots, "default")
+    h(t.$slots, "default")
   ]);
 }
-const ns = /* @__PURE__ */ h(La, [["render", Sa]]), Ea = {
+const ns = /* @__PURE__ */ f(La, [["render", Sa]]), Ea = {
   name: "Actionbar",
   props: {},
   mounted() {
     this.$nextTick(function() {
-      import("./actionbar.component.min-b204f76f.mjs").then((t) => {
+      import("./actionbar.component.min-3bd81694.mjs").then((t) => {
         window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1653,12 +1654,12 @@ const ns = /* @__PURE__ */ h(La, [["render", Sa]]), Ea = {
 };
 function qa(t, a, e, o, i, s) {
   return r(), l("iam-actionbar", null, [
-    f(t.$slots, "default")
+    h(t.$slots, "default")
   ]);
 }
-const os = /* @__PURE__ */ h(Ea, [["render", qa]]);
+const os = /* @__PURE__ */ f(Ea, [["render", qa]]);
 /*!
-  * iamKey v5.5.1-beta-2
+  * iamKey v5.5.1-beta-5
   * Copyright 2022-2024 iamproperty
   */
 class z extends HTMLElement {
@@ -1779,7 +1780,7 @@ const Ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 function Ma(t, a, e, o, i, s) {
   return r(), l("iam-pagination");
 }
-const rs = /* @__PURE__ */ h(Ha, [["render", Ma]]), Ca = {
+const rs = /* @__PURE__ */ f(Ha, [["render", Ma]]), Ca = {
   name: "Address Lookup",
   mounted() {
     this.$nextTick(function() {
@@ -1793,12 +1794,12 @@ const rs = /* @__PURE__ */ h(Ha, [["render", Ma]]), Ca = {
 };
 function Na(t, a, e, o, i, s) {
   return r(), l("iam-address-lookup", null, [
-    f(t.$slots, "default")
+    h(t.$slots, "default")
   ]);
 }
-const ls = /* @__PURE__ */ h(Ca, [["render", Na]]);
+const ls = /* @__PURE__ */ f(Ca, [["render", Na]]);
 /*!
-  * iamKey v5.5.1-beta-2
+  * iamKey v5.5.1-beta-5
   * Copyright 2022-2024 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "collapsible side menu" });
@@ -1860,10 +1861,10 @@ const Ra = {
 };
 function Pa(t, a, e, o, i, s) {
   return r(), l("iam-collapsible-side", null, [
-    f(t.$slots, "default")
+    h(t.$slots, "default")
   ]);
 }
-const ds = /* @__PURE__ */ h(Ra, [["render", Pa]]);
+const ds = /* @__PURE__ */ f(Ra, [["render", Pa]]);
 export {
   Da as Accordion,
   Va as AccordionItem,