@iamproperty/components 3.7.5 → 3.7.6

package/assets/ts/components/table/table.component.ts

@@ -10,14 +10,6 @@ class iamTable extends HTMLElement {
     const assetLocation = document.body.hasAttribute('data-assets-location') ? document.body.getAttribute('data-assets-location') : '/assets';
     const coreCSS = document.body.hasAttribute('data-core-css') ? document.body.getAttribute('data-core-css') : `${assetLocation}/css/core.min.css`;
 
-    const isCTA = this.classList.contains('table--cta');
-    const isExportable = this.classList.contains('table--export');
-    
-    let classList = this.classList.toString();
-
-    classList = classList.replace('table--cta','');
-    classList = classList.replace('table--loading','');
-
     const template = document.createElement('template');
     template.innerHTML = `
     <style>
@@ -35,12 +27,11 @@ class iamTable extends HTMLElement {
     
     ${this.hasAttribute('css') ? `@import "${this.getAttribute('css')}";` : ``}
     </style>
-    ${isCTA ? '<div class="table--cta">' : ''}
-    <div class="table__wrapper ${classList}">
+    <div class="table--cta">
+    <div class="table__wrapper">
       <slot></slot>
     </div>
-    ${isCTA ? '</div>' : ''}
-    ${isExportable ? '<button class="link" type="button" data-export>Export table as CSV</button>' : ''}
+    </div>
     <div class="table__pagination"></div>
     `;
     this.shadowRoot.appendChild(template.content.cloneNode(true));
@@ -50,6 +41,7 @@ class iamTable extends HTMLElement {
 	connectedCallback() {
 
     const params = new URLSearchParams(window.location.search)
+
     // Set default attributes
     if(!this.hasAttribute('data-total'))
       this.setAttribute('data-total', this.querySelectorAll('table tbody tr').length);
@@ -65,10 +57,23 @@ class iamTable extends HTMLElement {
 
     this.setAttribute('data-pages', Math.ceil(this.getAttribute('data-total') / this.getAttribute('data-show')));
 
+    // Update table__wrapper class
+    let classList = this.classList.toString();
+
+    classList = classList.replace('table--cta','');
+    classList = classList.replace('table--loading','');
+    this.shadowRoot.querySelector('.table__wrapper').className += ` ${classList}`;
+
     this.table = this.querySelector('table');
     this.savedTableBody = this.table.querySelector('tbody').cloneNode(true);
     this.pagination = this.shadowRoot.querySelector('.table__pagination');
 
+    // Remove table CTA
+    const isCTA = this.classList.contains('table--cta');
+
+    if(!isCTA)
+      this.shadowRoot.querySelector('.table--cta').classList.remove('table--cta');
+
     // Set events on the filter table
     this.form = document.createElement('form');
     if(this.hasAttribute('data-filterby')){

package/dist/components.es.js

@@ -1,4 +1,4 @@
-import { openBlock as u, createElementBlock as m, normalizeClass as A, createElementVNode as d, toDisplayString as q, createCommentVNode as g, Fragment as T, renderList as M, renderSlot as _, withDirectives as z, mergeProps as H, vModelDynamic as V, vModelText as ct, vModelSelect as dt, resolveComponent as N, createVNode as x, createTextVNode as ut, withModifiers as mt } from "vue";
+import { openBlock as u, createElementBlock as m, normalizeClass as A, createElementVNode as d, toDisplayString as $, createCommentVNode as g, Fragment as T, renderList as M, renderSlot as _, withDirectives as z, mergeProps as H, vModelDynamic as V, vModelText as ct, vModelSelect as dt, resolveComponent as N, createVNode as x, createTextVNode as ut, withModifiers as mt } from "vue";
 const S = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [r, s] of a)
@@ -35,7 +35,7 @@ function pt(e, a, t, r, s, i) {
     class: A(i.className)
   }, [
     (u(), m("svg", null, [
-      d("title", null, "iam " + q(t.id), 1),
+      d("title", null, "iam " + $(t.id), 1),
       d("use", {
         "xlink:href": t.path + i.src
       }, null, 8, ft)
@@ -48,7 +48,7 @@ function pt(e, a, t, r, s, i) {
 }
 const yt = /* @__PURE__ */ S(ht, [["render", pt]]);
 /*!
-  * iamKey v3.7.5
+  * iamKey v3.7.6
   * Copyright 2022-2023 iamproperty
   */
 const gt = function(e) {
@@ -265,21 +265,21 @@ const X = (e) => {
           let k = /* @__PURE__ */ new Date();
           k.setDate(k.getDate() - 1), y = U("date", k);
         } else if (y && (y == "$thisWeek" || y == "$lastWeek")) {
-          let k = /* @__PURE__ */ new Date(), $ = new Date(k.setDate(k.getDate() - (k.getDay() - 1))), v = new Date(k.setDate(k.getDate() - k.getDay() + 7)), L = new Date(w.textContent.toLowerCase());
-          if (k.setHours(0, 0, 0, 0), $.setHours(0, 0, 0, 0), v.setHours(0, 0, 0, 0), L.setHours(0, 0, 0, 0), y == "$thisWeek")
-            b = L >= $ && L <= v;
+          let k = /* @__PURE__ */ new Date(), q = new Date(k.setDate(k.getDate() - (k.getDay() - 1))), v = new Date(k.setDate(k.getDate() - k.getDay() + 7)), L = new Date(w.textContent.toLowerCase());
+          if (k.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), v.setHours(0, 0, 0, 0), L.setHours(0, 0, 0, 0), y == "$thisWeek")
+            b = L >= q && L <= v;
           else {
-            let E = new Date($.setDate($.getDate() - 7)), D = new Date(v.setDate(v.getDate() - 7));
+            let E = new Date(q.setDate(q.getDate() - 7)), D = new Date(v.setDate(v.getDate() - 7));
             E.setHours(0, 0, 0, 0), D.setHours(0, 0, 0, 0), b = L >= E && L <= D;
           }
         } else if (y && y == "$thisMonth") {
-          let k = /* @__PURE__ */ new Date(), $ = k.getFullYear(), v = k.getMonth();
-          var I = new Date($, v, 1), R = new Date($, v + 1, 0);
+          let k = /* @__PURE__ */ new Date(), q = k.getFullYear(), v = k.getMonth();
+          var I = new Date(q, v, 1), R = new Date(q, v + 1, 0);
           let L = new Date(w.textContent.toLowerCase());
           I.setHours(0, 0, 0, 0), R.setHours(0, 0, 0, 0), L.setHours(0, 0, 0, 0), b = L >= I && L <= R;
         } else if (y && y == "$lastMonth") {
-          let k = /* @__PURE__ */ new Date(), $ = k.getFullYear(), v = k.getMonth();
-          var P = new Date($, v - 1, 1), C = new Date($, v, 0);
+          let k = /* @__PURE__ */ new Date(), q = k.getFullYear(), v = k.getMonth();
+          var P = new Date(q, v - 1, 1), C = new Date(q, v, 0);
           let L = new Date(w.textContent.toLowerCase());
           P.setHours(0, 0, 0, 0), C.setHours(0, 0, 0, 0), L.setHours(0, 0, 0, 0), b = L >= P && L <= C;
         }
@@ -343,13 +343,13 @@ const X = (e) => {
       i.value = o, r.setAttribute("data-show", o), a.dispatchEvent(new Event("submit"));
     }
   });
-}, $t = (e, a) => {
+}, qt = (e, a) => {
   if (!e)
     return !1;
   e.addEventListener("click", (t) => {
-    qt(a);
+    $t(a);
   });
-}, qt = function(e) {
+}, $t = function(e) {
   for (var a = [], t = e.getElementsByTagName("tr"), r = 0; r < t.length; r++) {
     for (var s = t[r].querySelectorAll("td,th"), i = [], o = 0; o < s.length; o++)
       i.push(`"${s[o].textContent}"`);
@@ -386,7 +386,7 @@ const X = (e) => {
       yield fetch(l + "?" + o, { signal: h, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((f) => f.json()).then((f) => {
         let b = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", y = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", p = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", w = s(f, y, 1), I = s(f, p, 1), R = s(f, b), P = r.hasAttribute("data-empty-msg") ? r.getAttribute("data-empty-msg") : "No results found";
         if (R ? (n.innerHTML = "", R.forEach((C, k) => {
-          var $ = document.createElement("tr");
+          var q = document.createElement("tr");
           c.forEach((v, L) => {
             let E = "";
             var D = document.createElement("td");
@@ -410,8 +410,8 @@ const X = (e) => {
                 }), E += B;
               });
             }
-            v.hasAttribute("data-transform") && (E = JSON.parse(v.getAttribute("data-transform"))[E], !E && v.hasAttribute("data-default") && (E = v.getAttribute("data-default"))), D.innerHTML = E, $.appendChild(D);
-          }), n.appendChild($);
+            v.hasAttribute("data-transform") && (E = JSON.parse(v.getAttribute("data-transform"))[E], !E && v.hasAttribute("data-default") && (E = v.getAttribute("data-default"))), D.innerHTML = E, q.appendChild(D);
+          }), n.appendChild(q);
         }), Q(e, a), r.setAttribute("data-total", parseInt(w)), r.setAttribute("data-page", parseInt(I)), r.setAttribute("data-pages", Math.ceil(r.getAttribute("data-total") / r.getAttribute("data-show"))), et(e, a, t, r), G(r, t), parseInt(w) == 0 && (n.innerHTML = `<tr><td colspan="100%"><span>${P}</span></td></tr>`), r.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: l, formData: o })) : n.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>', a.hasAttribute("data-ajax-post")) {
           const C = new XMLHttpRequest();
           C.open("GET", `${window.location.href}?ajax=true&${o}`), C.send();
@@ -434,11 +434,8 @@ const X = (e) => {
 class Et 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`, r = this.classList.contains("table--cta"), s = this.classList.contains("table--export");
-    let i = this.classList.toString();
-    i = i.replace("table--cta", ""), i = i.replace("table--loading", "");
-    const o = document.createElement("template");
-    o.innerHTML = `
+    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`, r = document.createElement("template");
+    r.innerHTML = `
     <style>
     @import "${t}";
 
@@ -454,18 +451,19 @@ class Et extends HTMLElement {
     
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
-    ${r ? '<div class="table--cta">' : ""}
-    <div class="table__wrapper ${i}">
+    <div class="table--cta">
+    <div class="table__wrapper">
       <slot></slot>
     </div>
-    ${r ? "</div>" : ""}
-    ${s ? '<button class="link" type="button" data-export>Export table as CSV</button>' : ""}
+    </div>
     <div class="table__pagination"></div>
-    `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
+    `, this.shadowRoot.appendChild(r.content.cloneNode(!0));
   }
   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", 15), this.hasAttribute("data-increment") || this.setAttribute("data-increment", 15), this.setAttribute("data-pages", Math.ceil(this.getAttribute("data-total") / this.getAttribute("data-show"))), 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")}`) : this.table.parentNode.insertBefore(this.form, this.table.nextSibling), this.form.hasAttribute("data-ajax") && this.table.classList.add("table--ajax"), 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" />`), kt(this.table), Lt(this.table, this.form, this.pagination, this, this.savedTableBody), xt(this.table, this.form, this.pagination, this), $t(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax") ? at(this.table, this.form, this.pagination, this) : (et(this.table, this.form, this.pagination, this), tt(this.table, this.form, this), G(this, this.pagination), K(this.table, this.form)), this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (t) => {
+    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();
+    t = t.replace("table--cta", ""), t = t.replace("table--loading", ""), this.shadowRoot.querySelector(".table__wrapper").className += ` ${t}`, 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"), 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" />`), kt(this.table), Lt(this.table, this.form, this.pagination, this, this.savedTableBody), xt(this.table, this.form, this.pagination, this), qt(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax") ? at(this.table, this.form, this.pagination, this) : (et(this.table, this.form, this.pagination, this), tt(this.table, this.form, this), G(this, this.pagination), K(this.table, this.form)), this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (r) => {
       this.table.querySelector("dialog[open]") && (this.table.querySelector("dialog[open]").close(), this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"));
     });
   }
@@ -509,7 +507,7 @@ function Pt(e, a, t, r, s, i) {
         d("tr", null, [
           (u(!0), m(T, null, M(t.fields, (o) => (u(), m("th", {
             key: o.key
-          }, q(i.cellHeading(o.key)), 1))), 128))
+          }, $(i.cellHeading(o.key)), 1))), 128))
         ])
       ]),
       t.items ? (u(), m("tbody", Rt, [
@@ -778,7 +776,7 @@ function ne(e, a, t, r, s, i) {
       }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Gt), [
         [V, i.inputVal]
       ]),
-      d("output", Kt, q(t.value), 1)
+      d("output", Kt, $(t.value), 1)
     ])) : g("", !0),
     t.type == "color" ? (u(), m("div", Yt, [
       z(d("input", H({
@@ -792,7 +790,7 @@ function ne(e, a, t, r, s, i) {
       }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Zt), [
         [V, i.inputVal]
       ]),
-      d("output", Jt, q(t.value ? e.vale : "#000000"), 1)
+      d("output", Jt, $(t.value ? e.vale : "#000000"), 1)
     ])) : g("", !0),
     t.type == "select" ? z((u(), m("select", H({
       key: 7,
@@ -806,7 +804,7 @@ function ne(e, a, t, r, s, i) {
       (u(!0), m(T, null, M(t.options, (o, c) => (u(), m("option", {
         key: c,
         value: o.value
-      }, q(o.display ? o.display : o.value), 9, Qt))), 128))
+      }, $(o.display ? o.display : o.value), 9, Qt))), 128))
     ], 16, Xt)), [
       [dt, i.inputVal]
     ]) : g("", !0),
@@ -817,7 +815,7 @@ function ne(e, a, t, r, s, i) {
       (u(!0), m(T, null, M(t.options, (o, c) => (u(), m("option", {
         key: c,
         value: o.value
-      }, q(o.value), 9, ee))), 128))
+      }, $(o.value), 9, ee))), 128))
     ], 8, te)) : g("", !0),
     t.type == "checkbox" || t.type == "radio" ? (u(), m("input", H({
       key: 9,
@@ -918,7 +916,7 @@ function fe(e, a, t, r, s, i) {
 }
 const co = /* @__PURE__ */ S(le, [["render", fe]]);
 /*!
-  * iamKey v3.7.5
+  * iamKey v3.7.6
   * Copyright 2022-2023 iamproperty
   */
 function be(e) {
@@ -1014,11 +1012,11 @@ function Se(e, a, t, r, s, i) {
     d("summary", {
       classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
     }, [
-      ut(q(t.title), 1),
+      ut($(t.title), 1),
       t.badge ? (u(), m("span", {
         key: 0,
         class: A(`badge bg-${t.badgecolour}`)
-      }, q(t.badge), 3)) : g("", !0)
+      }, $(t.badge), 3)) : g("", !0)
     ], 8, Ae),
     _(e.$slots, "default")
   ], 8, we);
@@ -1040,16 +1038,16 @@ const ho = /* @__PURE__ */ S(ve, [["render", Se]]), ke = {
       required: !1
     }
   }
-}, Le = { class: "container" }, xe = { class: "row" }, $e = { class: "col-sm-6" }, qe = { class: "pt-5 pb-3 px-4" }, Ee = { class: "col-sm-6 col-md-5 ms-auto" }, Te = ["src"];
+}, Le = { class: "container" }, xe = { class: "row" }, qe = { class: "col-sm-6" }, $e = { class: "pt-5 pb-3 px-4" }, Ee = { class: "col-sm-6 col-md-5 ms-auto" }, Te = ["src"];
 function Me(e, a, t, r, s, i) {
   return u(), m("div", Le, [
     d("div", {
       class: A("bg-" + t.background + " mb-4")
     }, [
       d("div", xe, [
-        d("div", $e, [
-          d("div", qe, [
-            d("h2", null, q(t.title), 1),
+        d("div", qe, [
+          d("div", $e, [
+            d("h2", null, $(t.title), 1),
             _(e.$slots, "default")
           ])
         ]),
@@ -1067,7 +1065,7 @@ function Me(e, a, t, r, s, i) {
 }
 const fo = /* @__PURE__ */ S(ke, [["render", Me]]);
 /*!
-  * iamKey v3.7.5
+  * iamKey v3.7.6
   * Copyright 2022-2023 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "Card" });
@@ -1317,7 +1315,7 @@ function We(e, a, t, r, s, i) {
           key: n,
           href: "#carousel" + s.id + "slide" + (n + 1),
           class: A(`control-${n + 1}`)
-        }, "Slide " + q(n + 1), 11, Oe))), 128))
+        }, "Slide " + $(n + 1), 11, Oe))), 128))
       ], 2),
       Ve,
       Ue
@@ -1326,7 +1324,7 @@ function We(e, a, t, r, s, i) {
 }
 const bo = /* @__PURE__ */ S(ze, [["render", We]]);
 /*!
-  * iamKey v3.7.5
+  * iamKey v3.7.6
   * Copyright 2022-2023 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "header" });
@@ -1658,7 +1656,7 @@ const fa = {
     value: "submit"
   }, "Search")
 ], -1);
-function $a(e, a, t, r, s, i) {
+function qa(e, a, t, r, s, i) {
   const o = N("Input");
   return u(), m("div", ba, [
     _(e.$slots, "default"),
@@ -1745,7 +1743,7 @@ function $a(e, a, t, r, s, i) {
     _(e.$slots, "after")
   ], 512);
 }
-const go = /* @__PURE__ */ S(fa, [["render", $a]]), qa = (e) => {
+const go = /* @__PURE__ */ S(fa, [["render", qa]]), $a = (e) => {
   Array.from(e.querySelectorAll("details")).forEach((a, t) => {
     a.addEventListener("mouseenter", function(r) {
       window.matchMedia("(min-width: 62em)").matches && a.setAttribute("open", "true");
@@ -1830,7 +1828,7 @@ const Ea = {
   },
   mounted() {
     this.$nextTick(function() {
-      qa(this.$refs.wrapper);
+      $a(this.$refs.wrapper);
     });
   }
 }, Ta = /* @__PURE__ */ d("input", {
@@ -2060,11 +2058,11 @@ function Sr(e, a, t, r, s, i) {
       class: "stepper",
       "aria-label": t.label ? t.label : "Progress"
     }, [
-      t.label ? (u(), m("span", vr, q(t.label), 1)) : g("", !0),
+      t.label ? (u(), m("span", vr, $(t.label), 1)) : g("", !0),
       d("ol", wr, [
         _(e.$slots, "default")
       ]),
-      d("span", Ar, q(t.endlabel), 1)
+      d("span", Ar, $(t.endlabel), 1)
     ], 8, _r)
   ]);
 }
@@ -2088,7 +2086,7 @@ const vo = /* @__PURE__ */ S(yr, [["render", Sr]]), kr = {
   key: 0,
   class: "visually-hidden"
 };
-function $r(e, a, t, r, s, i) {
+function qr(e, a, t, r, s, i) {
   return u(), m("li", null, [
     d("a", {
       href: t.url,
@@ -2098,16 +2096,16 @@ function $r(e, a, t, r, s, i) {
       d("span", null, [
         _(e.$slots, "default")
       ]),
-      t.status ? (u(), m("em", xr, " - status: " + q(t.status), 1)) : g("", !0)
+      t.status ? (u(), m("em", xr, " - status: " + $(t.status), 1)) : g("", !0)
     ], 10, Lr)
   ]);
 }
-const wo = /* @__PURE__ */ S(kr, [["render", $r]]);
+const wo = /* @__PURE__ */ S(kr, [["render", qr]]);
 /*!
-  * iamKey v3.7.5
+  * iamKey v3.7.6
   * Copyright 2022-2023 iamproperty
   */
-const qr = function(e) {
+const $r = function(e) {
   const a = e.querySelectorAll(":scope > details");
   e.querySelectorAll(":scope > details > summary");
   let t = e.querySelector(":scope > .tabs__links");
@@ -2142,7 +2140,7 @@ const qr = function(e) {
   let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");
   e.shadowRoot && (t = e.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")), location.hash && e.querySelector(`.tabs__links [href="${location.hash}"]`) ? (e.querySelector(`[href="${location.hash}"]`).setAttribute("open", !0), e.querySelector(`details[id="${location.hash.replace("#", "")}"]`).setAttribute("open", !0)) : e.querySelector("details[open]") || (a[0].setAttribute("open", !0), t[0].setAttribute("aria-pressed", !0));
 }, Mr = function(e) {
-  qr(e), Er(e), Tr(e);
+  $r(e), Er(e), Tr(e);
 };
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "tabs" });
 class Hr extends HTMLElement {
@@ -2293,7 +2291,7 @@ function Wr(e, a, t, r, s, i) {
 }
 const ko = /* @__PURE__ */ S(Br, [["render", Wr]]);
 /*!
-  * iamKey v3.7.5
+  * iamKey v3.7.6
   * Copyright 2022-2023 iamproperty
   */
 function Gr(e, a) {
@@ -2385,7 +2383,7 @@ function Zr(e, a, t, r, s, i) {
 }
 const Lo = /* @__PURE__ */ S(Yr, [["render", Zr]]);
 /*!
-  * iamKey v3.7.5
+  * iamKey v3.7.6
   * Copyright 2022-2023 iamproperty
   */
 function Jr(e, a) {
@@ -2550,7 +2548,7 @@ function so(e, a, t, r, s, i) {
     _(e.$slots, "default")
   ]);
 }
-const $o = /* @__PURE__ */ S(io, [["render", so]]);
+const qo = /* @__PURE__ */ S(io, [["render", so]]);
 export {
   mo as Accordion,
   ho as AccordionItem,
@@ -2565,7 +2563,7 @@ export {
   yt as Logo,
   _o as Nav,
   ko as NoteFeed,
-  $o as Notification,
+  qo as Notification,
   go as PropertySearchbar,
   wo as Step,
   vo as Stepper,