@hubpav/hwio-web-runtime 0.5.0 → 0.6.0

package/dist/forms.js

@@ -101,6 +101,22 @@ export function hwioFormsRuntime() {
                     status.hidden = true;
                 }
                 await hwioEnsureTurnstileToken(form);
+                if (form.querySelector('.cf-turnstile') && !form.querySelector('input[name="cf-turnstile-response"]')?.value) {
+                    // The widget produced no token (script blocked, unsupported browser, timeout): say so instead of
+                    // sending a request the endpoint has to reject.
+                    hwioResetTurnstile(form);
+                    if (submitBtn) {
+                        submitBtn.disabled = false;
+                        submitBtn.textContent = original;
+                    }
+                    if (status) {
+                        status.hidden = false;
+                        status.textContent = form.dataset.hsTurnstileMsg || error;
+                        status.classList.add('hs-status-error');
+                    }
+                    console.error('form submission blocked: no Turnstile token');
+                    return;
+                }
                 let fields = {};
                 for (const [name, value] of new FormData(form).entries())
                     if (typeof value === 'string')

package/dist/nav.d.ts

@@ -1,6 +1,9 @@
 /**
  * Header behaviours: keeps aria-expanded on the DaisyUI drawer label in sync with its checkbox,
- * closes the drawer when a link inside it is followed, and marks the nav link whose section is
- * in view ([data-hwio-scrollspy] nav with same-page anchors) with aria-current="location".
+ * closes the drawer when a link inside it is followed, opens HWioHeader's mega panels
+ * ([data-hwio-mega-trigger] buttons and their [data-hwio-mega-panel]; hover with intent on pointer
+ * devices, click, ArrowDown into the panel, Escape / outside click / focus leaving close; one at a
+ * time), and marks the nav link whose section is in view ([data-hwio-scrollspy] nav with same-page
+ * anchors) with aria-current="location".
  */
 export declare function hwioNavRuntime(): import("./mount.js").HWioBinder;

package/dist/nav.js

@@ -1,8 +1,11 @@
 import { hwioMount } from './mount.js';
 /**
  * Header behaviours: keeps aria-expanded on the DaisyUI drawer label in sync with its checkbox,
- * closes the drawer when a link inside it is followed, and marks the nav link whose section is
- * in view ([data-hwio-scrollspy] nav with same-page anchors) with aria-current="location".
+ * closes the drawer when a link inside it is followed, opens HWioHeader's mega panels
+ * ([data-hwio-mega-trigger] buttons and their [data-hwio-mega-panel]; hover with intent on pointer
+ * devices, click, ArrowDown into the panel, Escape / outside click / focus leaving close; one at a
+ * time), and marks the nav link whose section is in view ([data-hwio-scrollspy] nav with same-page
+ * anchors) with aria-current="location".
  */
 export function hwioNavRuntime() {
     let controller = null;
@@ -29,6 +32,54 @@ export function hwioNavRuntime() {
                 sync();
             } }, { signal });
         });
+        const triggers = Array.from(document.querySelectorAll('[data-hwio-mega-trigger]'));
+        if (triggers.length) {
+            const panelOf = (trigger) => document.querySelector(`[data-hwio-mega-panel="${trigger.dataset.hwioMegaTrigger}"]`);
+            const pairs = triggers.map((trigger) => ({ trigger, panel: panelOf(trigger) })).filter((p) => !!p.panel);
+            const hoverable = window.matchMedia('(hover: hover)').matches;
+            let closeTimer = null;
+            const cancelClose = () => { if (closeTimer) {
+                clearTimeout(closeTimer);
+                closeTimer = null;
+            } };
+            const set = (pair, open) => { pair.trigger.setAttribute('aria-expanded', String(open)); pair.panel.hidden = !open; };
+            const closeAll = () => { cancelClose(); pairs.forEach((p) => set(p, false)); };
+            const openOne = (pair) => { cancelClose(); pairs.forEach((p) => set(p, p === pair)); };
+            const scheduleClose = () => { cancelClose(); closeTimer = setTimeout(closeAll, 180); };
+            const isOpen = (pair) => pair.trigger.getAttribute('aria-expanded') === 'true';
+            pairs.forEach((pair) => {
+                const { trigger, panel } = pair;
+                trigger.addEventListener('click', () => (isOpen(pair) ? closeAll() : openOne(pair)), { signal });
+                trigger.addEventListener('keydown', (e) => {
+                    if (e.key !== 'ArrowDown')
+                        return;
+                    e.preventDefault();
+                    openOne(pair);
+                    panel.querySelector('a[href], button')?.focus();
+                }, { signal });
+                if (hoverable) {
+                    trigger.addEventListener('mouseenter', () => openOne(pair), { signal });
+                    trigger.addEventListener('mouseleave', scheduleClose, { signal });
+                    panel.addEventListener('mouseenter', cancelClose, { signal });
+                    panel.addEventListener('mouseleave', scheduleClose, { signal });
+                }
+                panel.addEventListener('keydown', (e) => { if (e.key === 'Escape') {
+                    e.preventDefault();
+                    closeAll();
+                    trigger.focus();
+                } }, { signal });
+                panel.addEventListener('focusout', (e) => { const next = e.relatedTarget; if (next && !panel.contains(next) && next !== trigger)
+                    closeAll(); }, { signal });
+                panel.querySelectorAll('a[href]').forEach((a) => a.addEventListener('click', closeAll, { signal }));
+            });
+            document.addEventListener('keydown', (e) => { if (e.key === 'Escape')
+                closeAll(); }, { signal });
+            document.addEventListener('click', (e) => {
+                const node = e.target;
+                if (!pairs.some((p) => p.trigger.contains(node) || p.panel.contains(node)))
+                    closeAll();
+            }, { signal });
+        }
         const nav = document.querySelector('[data-hwio-scrollspy]');
         if (!nav || !('IntersectionObserver' in window))
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubpav/hwio-web-runtime",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Framework-free browser runtime for the HARDWARIO websites: consent (Consent Mode v2 + GTM), HubSpot forms with Turnstile, attribution, theme, CTA tracking and small behaviours. View-transition safe.",
   "license": "MIT",
   "type": "module",