@iamproperty/components 3.8.0 → 4.0.0

package/assets/ts/modules/dialogs.ts

@@ -20,6 +20,9 @@ const extendDialogs = (body) => {
   // Dialogs/modals
   body.addEventListener('click', (event) => {
 
+    if(event.target.tagName == 'IAM-ACTIONBAR')
+      return false;
+
     // Modal
     if (event && event.target instanceof HTMLElement && event.target.closest('[data-modal]')){
 
@@ -106,6 +109,9 @@ const extendDialogs = (body) => {
     // Popover
     if (event && event.target instanceof HTMLElement && event.target.closest('.dialog__wrapper > button')){
 
+      
+    event.stopPropagation();
+
       let btn = event.target.closest('.dialog__wrapper > button');
       let parent = event.target.closest('.dialog__wrapper > button').parentNode;
       let dataEvent = "openPopover"

package/assets/ts/modules/helpers.ts

@@ -17,23 +17,6 @@ export const addBodyClasses = (body) => {
     body.classList.add("ie");
   }
 
-  let nav = document.querySelector('nav');
-  if(nav) {
-    let navHeight = nav.offsetHeight;
-    document.querySelector('body').style.setProperty("--nav-height", `${navHeight}px`);
-
-    function outputsize() {
-
-      navHeight = nav.offsetHeight;
-      document.querySelector('body').style.setProperty("--nav-height", `${navHeight}px`);
-    }
-    
-    new ResizeObserver(outputsize).observe(nav);
-  }
-  else {
-    document.querySelector('body').style.setProperty("--nav-height", `0px`);
-  }
-
   return null
 }
 

package/assets/ts/modules/table.ts

@@ -453,7 +453,7 @@ export const filterTable = (table, form, wrapper) => {
     });
   }
 
-  // Display the filter count
+  //Display the filter count
   Array.from(form.querySelectorAll('[data-filter-count]')).forEach((element, index) => {
     element.innerHTML = '';
     element.parentNode.classList.remove('hover');
@@ -461,7 +461,7 @@ export const filterTable = (table, form, wrapper) => {
 
   let filterCount = 0;
   Object.values(filters).forEach((filter, index) => {
-    
+
     if(typeof filter == "object" && Object.values(filter).length)
       filterCount += Object.values(filter).length;
     else
@@ -469,7 +469,7 @@ export const filterTable = (table, form, wrapper) => {
   });
 
   if(filterCount) {
-    
+
     Array.from(form.querySelectorAll('[data-filter-count]')).forEach((element, index) => {
       element.innerHTML += `(${filterCount})`;
       element.parentNode.classList.add('hover');
@@ -853,7 +853,7 @@ export const loadAjaxTable = async function (table, form, pagination, wrapper){
   });
 
   if(filterCount) {
-    
+
     Array.from(form.querySelectorAll('[data-filter-count]')).forEach((element, index) => {
       element.innerHTML += `(${filterCount})`;
       element.parentNode.classList.add('hover');
@@ -966,7 +966,7 @@ export const loadAjaxTable = async function (table, form, pagination, wrapper){
         wrapper.setAttribute('data-pages', Math.ceil(wrapper.getAttribute('data-total') / wrapper.getAttribute('data-show')));
 
         
-        makeTableFunctional(table, form, pagination, wrapper);        
+        makeTableFunctional(table, form, pagination, wrapper);
         createPaginationButttons(wrapper, pagination);
 
         Array.from(form.querySelectorAll('[data-ajax-query]')).forEach((queryElement, index) => {