fix: inline stack theme

2026-07-31 15:38:57 +08:00
parent b59ffa7703
commit 3423112533
335 changed files with 16340 additions and 1 deletions
@@ -0,0 +1,104 @@
+export function setupPaginationJump() {
+    const triggers = document.querySelectorAll<HTMLButtonElement>('.pagination-jump-trigger');
+    const dialog = document.getElementById('pagination-jump-dialog') as HTMLDialogElement;
+
+    if (!dialog || triggers.length === 0) return;
+
+    const nav = document.querySelector('.pagination') as HTMLElement;
+    const input = document.getElementById('pagination-jump-input') as HTMLInputElement;
+    const form = dialog.querySelector('.pagination-jump-form') as HTMLFormElement;
+    const supportsDialog = typeof dialog.showModal === 'function' && typeof dialog.close === 'function';
+    let lastFocusedElement: HTMLElement | null = null;
+
+    if (!supportsDialog || !nav || !input || !form) return;
+
+    const closeDialog = (): void => {
+        if (dialog.classList.contains('closing')) return;
+        dialog.classList.add('closing');
+        dialog.addEventListener(
+            'animationend',
+            () => {
+                dialog.classList.remove('closing');
+                dialog.close();
+                if (lastFocusedElement?.isConnected) {
+                    lastFocusedElement.focus();
+                }
+            },
+            { once: true }
+        );
+    };
+
+    // Open dialog when triggers are clicked
+    triggers.forEach((trigger) => {
+        trigger.addEventListener('click', () => {
+            const activeElement = document.activeElement;
+            lastFocusedElement = activeElement instanceof HTMLElement ? activeElement : trigger;
+            dialog.showModal();
+            input.value = '';
+            input.focus();
+        });
+    });
+
+    // Handle ESC key closing the dialog
+    dialog.addEventListener('cancel', (e) => {
+        e.preventDefault();
+        closeDialog();
+    });
+
+    // Close dialog when clicking backdrop
+    dialog.addEventListener('click', (e) => {
+        const rect = dialog.getBoundingClientRect();
+        const isInDialog =
+            rect.top <= e.clientY &&
+            e.clientY <= rect.top + rect.height &&
+            rect.left <= e.clientX &&
+            e.clientX <= rect.left + rect.width;
+        if (!isInDialog) {
+            closeDialog();
+        }
+    });
+
+    // Allow Enter key to trigger validation and submit
+    input.addEventListener('keydown', (e) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            if (form.reportValidity()) {
+                form.dispatchEvent(new Event('submit', { cancelable: true, bubbles: true }));
+            }
+        }
+    });
+
+    // Handle form submission
+    form.addEventListener('submit', (e) => {
+        e.preventDefault();
+
+        if (!form.checkValidity()) {
+            form.reportValidity();
+            return;
+        }
+
+        const targetPage = parseInt(input.value);
+        if (isNaN(targetPage) || targetPage < 1) return;
+
+        const totalPages = parseInt(nav.dataset.total || '0');
+        if (targetPage > totalPages) return;
+
+        const firstUrl = nav.dataset.firstUrl || '';
+        const formatUrl = nav.dataset.formatUrl || '';
+
+        let targetUrl = '';
+        if (targetPage === 1) {
+            targetUrl = firstUrl;
+        } else {
+            // formatUrl is the URL for page 2. E.g., /tags/page/2/ or /page/2/
+            // Replace the '2' before the trailing slash or .html with the target page number
+            targetUrl = formatUrl.replace(/2([^\d]*)$/, `${targetPage}$1`);
+        }
+
+        if (targetUrl) {
+            window.location.href = targetUrl;
+        }
+
+        closeDialog();
+    });
+}