@idds/js 1.0.70 → 1.0.72

package/dist/index.iife.js

@@ -2404,53 +2404,65 @@ var InaUI = (() => {
       let currentPage = parseInt(container.dataset.current || "1", 10);
       let totalPages = parseInt(container.dataset.total || "10", 10);
       let pageSize = parseInt(container.dataset.pageSize || "10", 10);
+      let isDisabled = container.dataset.disabled === "true";
       let pageButtons = [];
       const updateUI = () => {
         pageInfo.textContent = `Halaman ${currentPage} dari ${totalPages}`;
         const isFirst = currentPage === 1;
         if (firstBtn) {
-          firstBtn.disabled = isFirst;
+          const disabled = isDisabled || isFirst;
+          firstBtn.disabled = disabled;
           firstBtn.classList.toggle(
             `${PREFIX}-pagination__nav-button--disabled`,
-            isFirst
+            disabled
           );
           firstBtn.classList.toggle(
             `${PREFIX}-pagination__nav-button--enabled`,
-            !isFirst
+            !disabled
           );
         }
         if (prevBtn) {
-          prevBtn.disabled = isFirst;
+          const disabled = isDisabled || isFirst;
+          prevBtn.disabled = disabled;
           prevBtn.classList.toggle(
             `${PREFIX}-pagination__nav-button--disabled`,
-            isFirst
+            disabled
           );
           prevBtn.classList.toggle(
             `${PREFIX}-pagination__nav-button--enabled`,
-            !isFirst
+            !disabled
           );
         }
         const isLast = currentPage === totalPages;
         if (nextBtn) {
-          nextBtn.disabled = isLast;
+          const disabled = isDisabled || isLast;
+          nextBtn.disabled = disabled;
           nextBtn.classList.toggle(
             `${PREFIX}-pagination__nav-button--disabled`,
-            isLast
+            disabled
           );
           nextBtn.classList.toggle(
             `${PREFIX}-pagination__nav-button--enabled`,
-            !isLast
+            !disabled
           );
         }
         if (lastBtn) {
-          lastBtn.disabled = isLast;
+          const disabled = isDisabled || isLast;
+          lastBtn.disabled = disabled;
           lastBtn.classList.toggle(
             `${PREFIX}-pagination__nav-button--disabled`,
-            isLast
+            disabled
           );
           lastBtn.classList.toggle(
             `${PREFIX}-pagination__nav-button--enabled`,
-            !isLast
+            !disabled
+          );
+        }
+        if (pageSizeSelect) {
+          pageSizeSelect.disabled = isDisabled;
+          pageSizeSelect.classList.toggle(
+            `${PREFIX}-pagination__page-size-select--disabled`,
+            isDisabled
           );
         }
         renderPageNumbers();
@@ -2477,10 +2489,11 @@ var InaUI = (() => {
           const button = document.createElement("button");
           button.type = "button";
           button.textContent = i;
-          button.className = `${PREFIX}-pagination__page-button ${PREFIX}-pagination__page-button--${isActive ? "active" : "enabled"}`;
+          button.disabled = isDisabled;
+          button.className = `${PREFIX}-pagination__page-button ${PREFIX}-pagination__page-button--${isActive ? "active" : isDisabled ? "disabled" : "enabled"}`;
           button.addEventListener("click", (e) => {
             e.stopPropagation();
-            if (i !== currentPage) {
+            if (!isDisabled && i !== currentPage) {
               goToPage(i);
             }
           });
@@ -2489,6 +2502,7 @@ var InaUI = (() => {
         }
       };
       const goToPage = (page) => {
+        if (isDisabled) return;
         if (page < 1) page = 1;
         if (page > totalPages) page = totalPages;
         if (page === currentPage) return;
@@ -2509,24 +2523,55 @@ var InaUI = (() => {
           })
         );
       };
+      const observer = new MutationObserver((mutations) => {
+        mutations.forEach((mutation) => {
+          if (mutation.type === "attributes") {
+            if (mutation.attributeName === "data-current") {
+              const newVal = parseInt(container.dataset.current || "1", 10);
+              if (newVal !== currentPage) {
+                currentPage = newVal;
+                updateUI();
+              }
+            } else if (mutation.attributeName === "data-total") {
+              totalPages = parseInt(container.dataset.total || "10", 10);
+              updateUI();
+            } else if (mutation.attributeName === "data-page-size") {
+              pageSize = parseInt(container.dataset.pageSize || "10", 10);
+            } else if (mutation.attributeName === "data-disabled") {
+              isDisabled = container.dataset.disabled === "true";
+              updateUI();
+            }
+          }
+        });
+      });
+      observer.observe(container, {
+        attributes: true,
+        attributeFilter: [
+          "data-current",
+          "data-total",
+          "data-page-size",
+          "data-disabled"
+        ]
+      });
       if (firstBtn)
         firstBtn.addEventListener("click", () => {
-          if (currentPage > 1) goToPage(1);
+          if (!isDisabled && currentPage > 1) goToPage(1);
         });
       if (prevBtn)
         prevBtn.addEventListener("click", () => {
-          if (currentPage > 1) goToPage(currentPage - 1);
+          if (!isDisabled && currentPage > 1) goToPage(currentPage - 1);
         });
       if (nextBtn)
         nextBtn.addEventListener("click", () => {
-          if (currentPage < totalPages) goToPage(currentPage + 1);
+          if (!isDisabled && currentPage < totalPages) goToPage(currentPage + 1);
         });
       if (lastBtn)
         lastBtn.addEventListener("click", () => {
-          if (currentPage < totalPages) goToPage(totalPages);
+          if (!isDisabled && currentPage < totalPages) goToPage(totalPages);
         });
       if (pageSizeSelect) {
         pageSizeSelect.addEventListener("change", (e) => {
+          if (isDisabled) return;
           pageSize = parseInt(e.target.value, 10);
           currentPage = 1;
           container.dataset.pageSize = pageSize;

package/dist/index.js

@@ -2566,53 +2566,65 @@ function initPagination() {
     let currentPage = parseInt(container.dataset.current || "1", 10);
     let totalPages = parseInt(container.dataset.total || "10", 10);
     let pageSize = parseInt(container.dataset.pageSize || "10", 10);
+    let isDisabled = container.dataset.disabled === "true";
     let pageButtons = [];
     const updateUI = () => {
       pageInfo.textContent = `Halaman ${currentPage} dari ${totalPages}`;
       const isFirst = currentPage === 1;
       if (firstBtn) {
-        firstBtn.disabled = isFirst;
+        const disabled = isDisabled || isFirst;
+        firstBtn.disabled = disabled;
         firstBtn.classList.toggle(
           `${PREFIX}-pagination__nav-button--disabled`,
-          isFirst
+          disabled
         );
         firstBtn.classList.toggle(
           `${PREFIX}-pagination__nav-button--enabled`,
-          !isFirst
+          !disabled
         );
       }
       if (prevBtn) {
-        prevBtn.disabled = isFirst;
+        const disabled = isDisabled || isFirst;
+        prevBtn.disabled = disabled;
         prevBtn.classList.toggle(
           `${PREFIX}-pagination__nav-button--disabled`,
-          isFirst
+          disabled
         );
         prevBtn.classList.toggle(
           `${PREFIX}-pagination__nav-button--enabled`,
-          !isFirst
+          !disabled
         );
       }
       const isLast = currentPage === totalPages;
       if (nextBtn) {
-        nextBtn.disabled = isLast;
+        const disabled = isDisabled || isLast;
+        nextBtn.disabled = disabled;
         nextBtn.classList.toggle(
           `${PREFIX}-pagination__nav-button--disabled`,
-          isLast
+          disabled
         );
         nextBtn.classList.toggle(
           `${PREFIX}-pagination__nav-button--enabled`,
-          !isLast
+          !disabled
         );
       }
       if (lastBtn) {
-        lastBtn.disabled = isLast;
+        const disabled = isDisabled || isLast;
+        lastBtn.disabled = disabled;
         lastBtn.classList.toggle(
           `${PREFIX}-pagination__nav-button--disabled`,
-          isLast
+          disabled
         );
         lastBtn.classList.toggle(
           `${PREFIX}-pagination__nav-button--enabled`,
-          !isLast
+          !disabled
+        );
+      }
+      if (pageSizeSelect) {
+        pageSizeSelect.disabled = isDisabled;
+        pageSizeSelect.classList.toggle(
+          `${PREFIX}-pagination__page-size-select--disabled`,
+          isDisabled
         );
       }
       renderPageNumbers();
@@ -2639,10 +2651,11 @@ function initPagination() {
         const button = document.createElement("button");
         button.type = "button";
         button.textContent = i;
-        button.className = `${PREFIX}-pagination__page-button ${PREFIX}-pagination__page-button--${isActive ? "active" : "enabled"}`;
+        button.disabled = isDisabled;
+        button.className = `${PREFIX}-pagination__page-button ${PREFIX}-pagination__page-button--${isActive ? "active" : isDisabled ? "disabled" : "enabled"}`;
         button.addEventListener("click", (e) => {
           e.stopPropagation();
-          if (i !== currentPage) {
+          if (!isDisabled && i !== currentPage) {
             goToPage(i);
           }
         });
@@ -2651,6 +2664,7 @@ function initPagination() {
       }
     };
     const goToPage = (page) => {
+      if (isDisabled) return;
       if (page < 1) page = 1;
       if (page > totalPages) page = totalPages;
       if (page === currentPage) return;
@@ -2671,24 +2685,55 @@ function initPagination() {
         })
       );
     };
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        if (mutation.type === "attributes") {
+          if (mutation.attributeName === "data-current") {
+            const newVal = parseInt(container.dataset.current || "1", 10);
+            if (newVal !== currentPage) {
+              currentPage = newVal;
+              updateUI();
+            }
+          } else if (mutation.attributeName === "data-total") {
+            totalPages = parseInt(container.dataset.total || "10", 10);
+            updateUI();
+          } else if (mutation.attributeName === "data-page-size") {
+            pageSize = parseInt(container.dataset.pageSize || "10", 10);
+          } else if (mutation.attributeName === "data-disabled") {
+            isDisabled = container.dataset.disabled === "true";
+            updateUI();
+          }
+        }
+      });
+    });
+    observer.observe(container, {
+      attributes: true,
+      attributeFilter: [
+        "data-current",
+        "data-total",
+        "data-page-size",
+        "data-disabled"
+      ]
+    });
     if (firstBtn)
       firstBtn.addEventListener("click", () => {
-        if (currentPage > 1) goToPage(1);
+        if (!isDisabled && currentPage > 1) goToPage(1);
       });
     if (prevBtn)
       prevBtn.addEventListener("click", () => {
-        if (currentPage > 1) goToPage(currentPage - 1);
+        if (!isDisabled && currentPage > 1) goToPage(currentPage - 1);
       });
     if (nextBtn)
       nextBtn.addEventListener("click", () => {
-        if (currentPage < totalPages) goToPage(currentPage + 1);
+        if (!isDisabled && currentPage < totalPages) goToPage(currentPage + 1);
       });
     if (lastBtn)
       lastBtn.addEventListener("click", () => {
-        if (currentPage < totalPages) goToPage(totalPages);
+        if (!isDisabled && currentPage < totalPages) goToPage(totalPages);
       });
     if (pageSizeSelect) {
       pageSizeSelect.addEventListener("change", (e) => {
+        if (isDisabled) return;
         pageSize = parseInt(e.target.value, 10);
         currentPage = 1;
         container.dataset.pageSize = pageSize;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idds/js",
-  "version": "1.0.70",
+  "version": "1.0.72",
   "publishConfig": {
     "access": "public"
   },