@iamproperty/components 3.4.7 → 3.5.0

package/assets/ts/modules/helpers.ts

@@ -69,16 +69,12 @@ export const addGlobalEvents = (body) => {
     if (event && event.target instanceof HTMLElement && event.target.closest('[data-modal]')){
 
       const button = event.target.closest('[data-modal]');
-      const modalID = button.getAttribute('data-modal');
+      const modalID = button.hasAttribute('data-modal') ? button.getAttribute('data-modal') : button.getAttribute('data-filter');
       const dialog = document.querySelector(`dialog#${modalID}`);
       
       // Create close button is needed
-      if(dialog.parentNode.closest('form') && !dialog.querySelector(':scope > .dialog__close:first-child'))
-        dialog.innerHTML = `<button class="dialog__close" formmethod="dialog">Close</button>${dialog.innerHTML}`;
-      else if(!dialog.parentNode.closest('form') && !dialog.querySelector(':scope > form:first-child'))
-        dialog.innerHTML = `<form><button class="dialog__close" formmethod="dialog">Close</button></form>${dialog.innerHTML}`;
-
-
+      dialog.innerHTML = `<button class="dialog__close">Close</button>${dialog.innerHTML}`;
+      
       let videoButton = dialog.querySelector('.youtube-embed a');
 
       if (videoButton){
@@ -94,6 +90,20 @@ export const addGlobalEvents = (body) => {
       });
     };
     // Close modal
+
+    if (event && event.target instanceof HTMLElement && event.target.closest('button.dialog__close')){
+      const dialog = event.target.closest('dialog[open]');
+
+      event.preventDefault();
+      dialog.close()
+        
+      window.dataLayer = window.dataLayer || [];
+      window.dataLayer.push({
+        "event": "closeModal",
+        "id": dialog.getAttribute('id')
+      });
+    }
+    
     if (event && event.target instanceof HTMLElement && event.target.closest('dialog[open]')){
       const dialog = event.target.closest('dialog[open]');
       const dialogDimensions = dialog.getBoundingClientRect()
@@ -111,18 +121,49 @@ export const addGlobalEvents = (body) => {
     // Popover
     if (event && event.target instanceof HTMLElement && event.target.closest('.dialog__wrapper > button')){
 
+      // Close existing open popover
+
       let btn = event.target.closest('.dialog__wrapper > button');
       let parent = event.target.closest('.dialog__wrapper > button').parentNode;
       let dataEvent = "openPopover"
       let popover = parent.querySelector(':scope > dialog');
       
+
+      if(document.querySelector('dialog[open]') && document.querySelector('dialog[open]') != popover)
+        document.querySelector('dialog[open]').close();
+
+
       if(popover.hasAttribute('open')){
         
         popover.close();
         dataEvent = "closePopover"
+
+        popover.removeAttribute('style');
+        btn.classList.remove('active');
       }
-      else
+      else {
+        
         popover.show();
+        btn.classList.add('active');
+      
+        var position = btn.getBoundingClientRect();
+        let topOffset = position.top;
+        let leftOffset = position.left;
+
+        if(btn.closest('iam-table')){
+
+          let container = btn.closest('iam-table').parentNode.getBoundingClientRect();
+
+          topOffset -= container.top;
+          leftOffset -= container.left;
+
+        }
+
+        if(popover.classList.contains('dialog--fix')){
+          popover.setAttribute('style',`position:fixed;top: ${topOffset}px; left: ${leftOffset}px; margin: 3rem 0 0 0;`)
+        }
+      }
+        
 
       window.dataLayer = window.dataLayer || [];
       

package/assets/ts/modules/table.ts

@@ -64,6 +64,9 @@ export const getLargestLastColWidth = (table) => {
 
 export const createMobileButton = (table) => {
 
+  if(table.closest('.table--fullwidth'))
+    return false;
+
   Array.from(table.querySelectorAll('tbody tr')).forEach((row, index) => {
     let firstCol = row.querySelector(':scope > :is(td,th):first-child');
     let colContent = firstCol.textContent;
@@ -353,7 +356,7 @@ export const filterTable = (table, form, wrapper) => {
   }
 
   // Stop function if no filters identified
-  if(!searches.length && !filters.length)
+  if(!Object.keys(searches).length && !Object.keys(filters).length)
     return false;
   
   table.classList.add('table--filtered');
@@ -371,7 +374,6 @@ export const filterTable = (table, form, wrapper) => {
 
   for (const [key, filterValue] of Object.entries(filters)) {
     
-    console.log(filterValue)
     Array.from(table.querySelectorAll('tbody tr:not(.filtered)')).forEach((row, index) => {
 
       let isMatched = false;
@@ -516,8 +518,7 @@ export const populateDataQueries = (table,form) => {
       queries.forEach(element => {
         selector += `:not([data-filtered-by="${element}"])`;
       });
-
-      console.log(selector)
+      
       numberOfMatchedRows = Array.from(table.querySelectorAll(`tbody tr${selector}`)).length;
     }
     else if(!query.includes(' == ')){
@@ -547,8 +548,7 @@ export const populateDataQueries = (table,form) => {
     else {
 
       let queryParts = query.split(' == ');
-      console.log(queryParts[0]);
-      numberOfMatchedRows = Array.from(table.querySelectorAll(`tbody tr.filtered--matched td[data-label="${queryParts[0]}"], tbody tr[data-filtered-by="${queryParts[0]}"] td[data-label="${queryParts[0]}"]`)).filter(function(element){
+      numberOfMatchedRows = Array.from(table.querySelectorAll(`tbody tr:not([class*="filtered"]) td[data-label="${queryParts[0]}"], tbody tr[data-filtered-by="${queryParts[0]}"] td[data-label="${queryParts[0]}"]`)).filter(function(element){
         return element.textContent === queryParts[1];
       }).length;
     }

package/assets/ts/tests/table.spec.ts

@@ -11,7 +11,7 @@ const basicTable = `<thead>
     <th>Heading 3</th>
   </tr>
 </thead>
-<tbody
+<tbody>
   <tr>
     <td>Cell 1</td>
     <td>Low</td>
@@ -171,8 +171,11 @@ describe('populateDataQueries', () => {
   form.innerHTML += `<div><span data-query="total"></span><span data-query="Heading 2 == Low"></span></div>`;
 
   tableModule.addDataAttributes(table);
+  tableModule.filterTable(table, form, document.createElement('div'));
   tableModule.populateDataQueries(table, form);
 
+console.log(table.outerHTML)
+
   test('should populate elements with the data-query attribute with the result of the corresponding query', () => {
 
 

package/dist/components.es.js

@@ -116,6 +116,8 @@ const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
     e.style.setProperty("--row-height", `${i}rem`);
   }), a;
 }, we = (t) => {
+  if (t.closest(".table--fullwidth"))
+    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>`;
@@ -196,13 +198,13 @@ const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
     u.innerHTML = "";
   }), s.length && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((u, m) => {
     u.innerHTML += `(${s.length})`;
-  }), !r.length && !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");
   });
   for (const [u, m] of Object.entries(s))
-    console.log(m), Array.from(t.querySelectorAll("tbody tr:not(.filtered)")).forEach((f, b) => {
+    Array.from(t.querySelectorAll("tbody tr:not(.filtered)")).forEach((f, b) => {
       let g = !1;
       m.forEach((y, C) => {
         let M = f.querySelector(`[data-label="${u}"]`);
@@ -212,23 +214,23 @@ const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
           let w = /* @__PURE__ */ new Date();
           w.setDate(w.getDate() - 1), y = D("date", w);
         } else if (y && (y == "$thisWeek" || y == "$lastWeek")) {
-          let w = /* @__PURE__ */ new Date(), x = new Date(w.setDate(w.getDate() - (w.getDay() - 1))), q = new Date(w.setDate(w.getDate() - w.getDay() + 7)), k = new Date(M.textContent.toLowerCase());
-          if (w.setHours(0, 0, 0, 0), x.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), y == "$thisWeek")
-            g = k >= x && k <= q;
+          let w = /* @__PURE__ */ new Date(), q = new Date(w.setDate(w.getDate() - (w.getDay() - 1))), x = new Date(w.setDate(w.getDate() - w.getDay() + 7)), k = new Date(M.textContent.toLowerCase());
+          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 O = new Date(x.setDate(x.getDate() - 7)), j = new Date(q.setDate(q.getDate() - 7));
-            O.setHours(0, 0, 0, 0), j.setHours(0, 0, 0, 0), g = k >= O && k <= j;
+            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;
           }
         } else if (y && y == "$thisMonth") {
-          let w = /* @__PURE__ */ new Date(), x = w.getFullYear(), q = w.getMonth();
-          var B = new Date(x, q, 1), V = new Date(x, q + 1, 0);
+          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);
           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;
         } else if (y && y == "$lastMonth") {
-          let w = /* @__PURE__ */ new Date(), x = w.getFullYear(), q = w.getMonth();
-          var z = new Date(x, q - 1, 1), W = new Date(x, q, 0);
+          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);
           let k = new Date(M.textContent.toLowerCase());
-          z.setHours(0, 0, 0, 0), W.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), g = k >= z && k <= W;
+          z.setHours(0, 0, 0, 0), O.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), g = k >= z && k <= O;
         }
         M && M.textContent.toLowerCase().includes(y.toLowerCase()) && (g = !0);
       }), g || (f.classList.add("filtered"), f.setAttribute("data-filtered-by", u));
@@ -251,7 +253,7 @@ const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
       let l = n.split(" & "), h = "";
       l.forEach((u) => {
         h += `:not([data-filtered-by="${u}"])`;
-      }), console.log(h), i = Array.from(t.querySelectorAll(`tbody tr${h}`)).length;
+      }), i = Array.from(t.querySelectorAll(`tbody tr${h}`)).length;
     } else if (!n.includes(" == "))
       i = Array.from(t.querySelectorAll(`tbody tr:not([data-filtered-by="${n}"])`)).length;
     else if (n.includes(" && ")) {
@@ -266,7 +268,7 @@ const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
       }).length;
     } else {
       let l = n.split(" == ");
-      console.log(l[0]), 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) {
+      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) {
         return h.textContent === l[1];
       }).length;
     }
@@ -287,13 +289,13 @@ const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
       n.value = i, s.setAttribute("data-show", i), a.dispatchEvent(new Event("submit"));
     }
   });
-}, xe = (t, a) => {
+}, qe = (t, a) => {
   if (!t)
     return !1;
   t.addEventListener("click", (e) => {
-    qe(a);
+    xe(a);
   });
-}, qe = function(t) {
+}, xe = function(t) {
   for (var a = [], e = t.getElementsByTagName("tr"), s = 0; s < e.length; s++) {
     for (var r = e[s].querySelectorAll("td,th"), n = [], i = 0; i < r.length; i++)
       n.push(`"${r[i].textContent}"`);
@@ -375,7 +377,9 @@ 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), xe(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.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.querySelector("dialog[open]") && this.table.querySelector("dialog[open]").close();
+    });
   }
   static get observedAttributes() {
     return ["data-total", "data-pages", "data-page", "data-show"];
@@ -618,7 +622,7 @@ const ee = /* @__PURE__ */ A(Ee, [["render", Ie]]), Fe = {
       this.$emit("bus");
     }
   }
-}, Be = ["for", "innerHTML", "title"], Ve = ["innerHTML"], ze = ["innerHTML"], We = ["type", "name", "id", "pattern", "list"], Oe = ["type", "name", "id", "pattern"], je = {
+}, Be = ["for", "innerHTML", "title"], Ve = ["innerHTML"], ze = ["innerHTML"], Oe = ["type", "name", "id", "pattern", "list"], We = ["type", "name", "id", "pattern"], je = {
   key: 5,
   class: "input-group"
 }, Ue = ["type", "name", "id", "pattern", "list"], Ke = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Ge = {
@@ -660,7 +664,7 @@ function nt(t, a, e, s, r, n) {
       list: n.hasOptions()
     }, t.$attrs, {
       onKeyup: a[1] || (a[1] = (...i) => n.inputKeyup && n.inputKeyup(...i))
-    }), null, 16, We)), [
+    }), null, 16, Oe)), [
       [P, n.inputVal]
     ]) : _("", !0),
     e.type == "textarea" ? N((c(), d("textarea", H({
@@ -671,7 +675,7 @@ function nt(t, a, e, s, r, n) {
       name: e.name ? e.name : e.id,
       id: e.id,
       pattern: n.needPattern()
-    }, t.$attrs), null, 16, Oe)), [
+    }, t.$attrs), null, 16, We)), [
       [se, n.inputVal]
     ]) : _("", !0),
     e.type == "range" ? (c(), d("div", je, [
@@ -948,15 +952,15 @@ const di = /* @__PURE__ */ A(gt, [["render", wt]]), St = {
       required: !1
     }
   }
-}, Lt = { class: "container" }, kt = { class: "row" }, xt = { class: "col-sm-6" }, qt = { class: "pt-5 pb-3 px-4" }, $t = { class: "col-sm-6 col-md-5 ms-auto" }, Tt = ["src"];
+}, Lt = { class: "container" }, kt = { class: "row" }, qt = { class: "col-sm-6" }, xt = { class: "pt-5 pb-3 px-4" }, $t = { class: "col-sm-6 col-md-5 ms-auto" }, Tt = ["src"];
 function Ht(t, a, e, s, r, n) {
   return c(), d("div", Lt, [
     o("div", {
       class: v("bg-" + e.background + " mb-4")
     }, [
       o("div", kt, [
-        o("div", xt, [
-          o("div", qt, [
+        o("div", qt, [
+          o("div", xt, [
             o("h2", null, L(e.title), 1),
             p(t.$slots, "default")
           ])
@@ -1161,11 +1165,11 @@ const Rt = {
       Dt(this.$refs.wrapper);
     });
   }
-}, Pt = ["id", "data-cols", "data-sm-cols", "data-md-cols"], It = { class: "carousel__wrapper" }, Ft = { class: "carousel__inner" }, Bt = ["id"], Vt = ["innerHTML", "id"], zt = ["href"], Wt = /* @__PURE__ */ o("button", {
+}, Pt = ["id", "data-cols", "data-sm-cols", "data-md-cols"], It = { class: "carousel__wrapper" }, Ft = { class: "carousel__inner" }, Bt = ["id"], Vt = ["innerHTML", "id"], zt = ["href"], Ot = /* @__PURE__ */ o("button", {
   class: "btn btn-prev",
   "data-go": "0",
   disabled: ""
-}, "Prev", -1), Ot = /* @__PURE__ */ o("button", {
+}, "Prev", -1), Wt = /* @__PURE__ */ o("button", {
   class: "btn btn-next",
   "data-go": "2"
 }, "Next", -1);
@@ -1222,8 +1226,8 @@ function jt(t, a, e, s, r, n) {
           class: v(`control-${h + 1}`)
         }, "Slide " + L(h + 1), 11, zt))), 128))
       ], 2),
-      Wt,
-      Ot
+      Ot,
+      Wt
     ])
   ], 8, Pt);
 }
@@ -1559,7 +1563,7 @@ const ma = {
     value: "submit"
   }, "Search")
 ], -1);
-function xa(t, a, e, s, r, n) {
+function qa(t, a, e, s, r, n) {
   const i = E("Input");
   return c(), d("div", fa, [
     p(t.$slots, "default"),
@@ -1646,7 +1650,7 @@ function xa(t, a, e, s, r, n) {
     p(t.$slots, "after")
   ], 512);
 }
-const yi = /* @__PURE__ */ A(ma, [["render", xa]]), qa = (t) => {
+const yi = /* @__PURE__ */ A(ma, [["render", qa]]), xa = (t) => {
   Array.from(t.querySelectorAll("details")).forEach((a, e) => {
     a.addEventListener("mouseenter", function(s) {
       window.matchMedia("(min-width: 62em)").matches && a.setAttribute("open", "true");
@@ -1732,7 +1736,7 @@ const $a = {
   },
   mounted() {
     this.$nextTick(function() {
-      qa(this.$refs.wrapper);
+      xa(this.$refs.wrapper);
     });
   }
 }, Ta = /* @__PURE__ */ o("input", {
@@ -1764,10 +1768,10 @@ const $a = {
 ], -1), Fa = { class: "nav__inner" }, Ba = { class: "container" }, Va = { class: "row" }, za = {
   key: 0,
   class: "col mw-md-fit-content nav__logo"
-}, Wa = {
+}, Oa = {
   key: 1,
   class: "col mw-md-fit-content nav__logo"
-}, Oa = {
+}, Wa = {
   href: "/",
   class: "text-decoration-none mb-0"
 }, ja = {
@@ -1875,8 +1879,8 @@ function ys(t, a, e, s, r, n) {
         o("div", Va, [
           n.hasLogoSlot ? (c(), d("div", za, [
             p(t.$slots, "logo")
-          ])) : (c(), d("div", Wa, [
-            o("a", Oa, [
+          ])) : (c(), d("div", Oa, [
+            o("a", Wa, [
               S(i, {
                 id: e.logo,
                 path: e.logopath,
@@ -1990,7 +1994,7 @@ const _i = /* @__PURE__ */ A(bs, [["render", ws]]), Ss = {
   key: 0,
   class: "visually-hidden"
 };
-function xs(t, a, e, s, r, n) {
+function qs(t, a, e, s, r, n) {
   return c(), d("li", null, [
     o("a", {
       href: e.url,
@@ -2004,7 +2008,7 @@ function xs(t, a, e, s, r, n) {
     ], 10, Ls)
   ]);
 }
-const pi = /* @__PURE__ */ A(Ss, [["render", xs]]), qs = function(t) {
+const pi = /* @__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");
@@ -2042,7 +2046,7 @@ const pi = /* @__PURE__ */ A(Ss, [["render", xs]]), qs = function(t) {
   let a = t.querySelectorAll(":scope > details"), e = t.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");
   t.shadowRoot && (e = t.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")), location.hash && t.querySelector(`.tabs__links [href="${location.hash}"]`) ? (t.querySelector(`[href="${location.hash}"]`).setAttribute("open", !0), t.querySelector(`details[id="${location.hash.replace("#", "")}"]`).setAttribute("open", !0)) : t.querySelector("details[open]") || (a[0].setAttribute("open", !0), e[0].setAttribute("aria-pressed", !0));
 }, Hs = function(t) {
-  qs(t), $s(t), Ts(t);
+  xs(t), $s(t), Ts(t);
 };
 window.dataLayer = window.dataLayer || [];
 window.dataLayer.push({
@@ -2162,7 +2166,7 @@ const Bs = {
   "data-bs-dismiss": "alert",
   "aria-label": "Close"
 };
-function Ws(t, a, e, s, r, n) {
+function Os(t, a, e, s, r, n) {
   return c(), d("div", {
     class: v(`container alert pb-0 ${e.dismissible ? "alert--dismissible fade show" : ""}`),
     ref: "wrapper",
@@ -2178,10 +2182,10 @@ function Ws(t, a, e, s, r, n) {
     ], 2)
   ], 14, Vs);
 }
-const Ai = /* @__PURE__ */ A(Bs, [["render", Ws]]);
+const Ai = /* @__PURE__ */ A(Bs, [["render", Os]]);
 let te = ee.props;
 te.fields.required = !1;
-const Os = {
+const Ws = {
   components: {
     Table: ee,
     Input: R
@@ -2261,7 +2265,7 @@ function Ys(t, a, e, s, r, n) {
     ], 40, Ks)
   ]);
 }
-const wi = /* @__PURE__ */ A(Os, [["render", Ys]]);
+const wi = /* @__PURE__ */ A(Ws, [["render", Ys]]);
 function Zs(t, a) {
   function e(s, r) {
     let n = !1, i = r.getAttribute("name");