@iamproperty/components 7.0.0 → 7.1.0--beta2

package/assets/js/modules/notification.js

@@ -1,7 +1,7 @@
 // @ts-nocheck
 function setupNotification(element) {
     // Add toast to notification holder
-    if (element.hasAttribute('data-type') && element.getAttribute('data-type') == "toast") {
+    if (element.hasAttribute('data-type') && element.getAttribute('data-type') == 'toast') {
         let holder = document.querySelector('.notification__holder');
         if (!holder) {
             holder = document.createElement('div');
@@ -22,20 +22,20 @@ function setupNotification(element) {
     }, false);
     // Self disappearing alert
     if (element.hasAttribute('data-timeout')) {
-        let timeOut = element.getAttribute('data-timeout');
-        var timer = new Timer(function () {
+        const timeOut = element.getAttribute('data-timeout');
+        const timer = new Timer(function () {
             closeNotification(element);
         }, timeOut);
-        element.addEventListener("mouseenter", (event) => {
+        element.addEventListener('mouseenter', (event) => {
             timer.pause();
         });
-        element.addEventListener("mouseleave", (event) => {
+        element.addEventListener('mouseleave', (event) => {
             timer.resume();
         });
     }
 }
 function Timer(callback, delay) {
-    var timerId, start, remaining = delay;
+    let timerId, start, remaining = delay;
     this.pause = function () {
         window.clearTimeout(timerId);
         remaining -= new Date() - start;

package/assets/js/modules/orderablelist.js

@@ -12,13 +12,13 @@ function orderlist(list) {
         item.setAttribute('id', randID + '_row_' + (index + 1));
         item.setAttribute('data-order', index + 1);
         item.setAttribute('draggable', 'true');
-        item.addEventListener("dragstart", setDraggedRow);
+        item.addEventListener('dragstart', setDraggedRow);
         item.setAttribute('tabindex', 0);
         item.setAttribute('role', 'listitem');
         item.setAttribute('aria-label', `${item.innerText}: ${index + 1} of ${listCount} moveable items`);
     });
     function setDraggedRow(e) {
-        e.dataTransfer.setData("text/plain", e.target.id);
+        e.dataTransfer.setData('text/plain', e.target.id);
         draggedRow = e.target;
         e.target.classList.add('li--dragging');
     }
@@ -31,32 +31,32 @@ function orderlist(list) {
             item.setAttribute('aria-label', `${item.innerText}: ${index + 1} of ${listCount} moveable items`);
         });
     }
-    list.addEventListener("dragover", function (e) {
+    list.addEventListener('dragover', function (e) {
         // prevent default to allow drop
         e.preventDefault();
     }, false);
-    list.addEventListener("dragenter", function (e) {
+    list.addEventListener('dragenter', function (e) {
         // prevent default to allow drop
         e.preventDefault();
-        e.dataTransfer.dropEffect = "move";
-        for (var target = e.target; target && target != this; target = target.parentNode) {
+        e.dataTransfer.dropEffect = 'move';
+        for (let target = e.target; target && target != this; target = target.parentNode) {
             if (target.matches('li')) {
                 target.classList.add('li--dropable');
             }
         }
     }, false);
-    list.addEventListener("dragleave", function (e) {
+    list.addEventListener('dragleave', function (e) {
         // prevent default to allow drop
         e.preventDefault();
-        for (var target = e.target; target && target != this; target = target.parentNode) {
+        for (let target = e.target; target && target != this; target = target.parentNode) {
             if (target.matches('li')) {
                 target.classList.remove('li--dropable');
             }
         }
     }, false);
-    list.addEventListener("drop", function (e) {
+    list.addEventListener('drop', function (e) {
         e.preventDefault();
-        for (var target = e.target; target && target != this; target = target.parentNode) {
+        for (let target = e.target; target && target != this; target = target.parentNode) {
             if (target.matches('li')) {
                 if (target.parentNode != null && draggedRow.parentNode != null && target != draggedRow) {
                     draggedRow.parentNode.removeChild(draggedRow);
@@ -71,8 +71,8 @@ function orderlist(list) {
             }
         }
     }, false);
-    list.addEventListener("keydown", function (e) {
-        let item = e.target;
+    list.addEventListener('keydown', function (e) {
+        const item = e.target;
         if (e.keyCode == 38) {
             e.preventDefault();
             if (item.previousElementSibling)

package/assets/js/modules/pagination.js

@@ -3,11 +3,11 @@ const createPaginationButttons = function (controller, pagination) {
         return false;
     if (!controller.getAttribute('data-page'))
         controller.setAttribute('data-page', 1);
-    let currentPage = controller.getAttribute('data-page');
-    let numberPages = controller.getAttribute('data-pages');
-    let numberRows = controller.getAttribute('data-total');
-    let showRows = controller.getAttribute('data-show');
-    let addRows = controller.getAttribute('data-increment');
+    const currentPage = controller.getAttribute('data-page');
+    const numberPages = controller.getAttribute('data-pages');
+    const numberRows = controller.getAttribute('data-total');
+    const showRows = controller.getAttribute('data-show');
+    const addRows = controller.getAttribute('data-increment');
     if (numberPages <= 1) {
         pagination.innerHTML = '';
         return false;