@hubpav/hwio-web-runtime 0.4.0 → 0.6.0

package/dist/consent.js

@@ -1,7 +1,6 @@
 import { hwioMount } from './mount.js';
 import { HWIO_CONSENT_COOKIE, LEGACY_CONSENT_COOKIE, hwioBaseCategories, hwioConsentToGoogle, hwioCookieString, hwioDisallowedCookieNames, hwioExpireCookieString, hwioHasTrackingConsent, hwioMakeReceipt, hwioParseReceipt, hwioReadCookie, } from './consent-core.js';
 const ATTRIBUTION_KEYS = ['hwio_attribution', 'hw_attribution']; // legacy-ok
-const THEME_KEYS = ['hwio_theme', 'hwio_theme_consent_version', 'theme', 'hw_theme_consent_version']; // legacy-ok
 /**
  * Consent runtime. Markup contract (rendered by HWioCookieConsent):
  *   [data-hwio-consent data-version data-gtm? data-locale]  banner root (hidden attr toggles it)
@@ -77,14 +76,6 @@ export function hwioConsentRuntime() {
         try {
             if (!categories.marketing)
                 ATTRIBUTION_KEYS.forEach((k) => sessionStorage.removeItem(k));
-            if (!categories.preferences)
-                THEME_KEYS.forEach((k) => localStorage.removeItem(k));
-            else {
-                if (localStorage.getItem('hwio_theme'))
-                    localStorage.setItem('hwio_theme_consent_version', version);
-                if (localStorage.getItem('theme'))
-                    localStorage.setItem('hw_theme_consent_version', version); // legacy-ok
-            }
         }
         catch {
             // storage unavailable

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/inline.js

@@ -1,4 +1,4 @@
 export const consentDefaults = { "code": "(function(){window.dataLayer=window.dataLayer||[];window.gtag=window.gtag||function(){window.dataLayer.push(arguments)};window.gtag('consent','default',{ad_storage:'denied',ad_user_data:'denied',ad_personalization:'denied',analytics_storage:'denied',functionality_storage:'denied',personalization_storage:'denied',security_storage:'granted'})})();", "hash": "sha256-8ypBBYlrPDUYAWyidrG8ZMBi91IYR2VYNNXABFu2aI8=" };
 export const fontGate = { "code": "(function(){var h=document.documentElement,d=h.dataset,fam=d.hwioFontFamily;if(!fam||!('fonts' in document)){h.classList.remove('fonts-loading');h.classList.add('fonts-ready');return}var T=5000;function load(s){return new Promise(function(res,rej){var id=setTimeout(function(){rej(new Error('font timeout'))},T);document.fonts.load('400 1em \"'+fam+'\"',s).then(function(f){clearTimeout(id);res(f)},function(e){clearTimeout(id);rej(e)})})}if(!window.__hwioFontGate){window.__hwioFontGate={state:'loading',ready:Promise.all([load(d.hwioFontSample||'HARDWARIO'),load(d.hwioFontSampleExt||'Řešení Vývojáři Odwiedź')])};document.addEventListener('astro:before-swap',function(ev){var n=ev.newDocument.documentElement;n.classList.add('js');n.classList.remove('fonts-loading');n.classList.toggle('fonts-failed',window.__hwioFontGate.state==='failed');n.classList.add('fonts-ready');var cur=h.getAttribute('data-theme');if(cur)n.setAttribute('data-theme',cur);else n.removeAttribute('data-theme')})}window.__hwioFontGate.ready.then(function(){window.__hwioFontGate.state='ready';h.classList.remove('fonts-loading');h.classList.add('fonts-ready')},function(){window.__hwioFontGate.state='failed';h.classList.remove('fonts-loading');h.classList.add('fonts-failed','fonts-ready')})})();", "hash": "sha256-yZ5zwDTjvBj25m7DRmqzRrznrnc2PqP3T7FWx0ftKO8=" };
-export const themeBootstrap = { "code": "(function(){var h=document.documentElement,d=h.dataset;h.classList.add('js');try{var v=d.hwioConsentVersion;var sv=localStorage.getItem('hwio_theme_consent_version')||localStorage.getItem('hw_theme_consent_version');if(v&&sv===v){var t=localStorage.getItem('hwio_theme')||localStorage.getItem('theme');if(t==='dark'&&d.hwioThemeDark)h.setAttribute('data-theme',d.hwioThemeDark);else if(t==='light'&&d.hwioThemeLight)h.setAttribute('data-theme',d.hwioThemeLight)}}catch(e){}if(!h.getAttribute('data-theme')&&d.hwioThemeLight){var dk=false;try{dk=matchMedia('(prefers-color-scheme: dark)').matches}catch(e){}h.setAttribute('data-theme',dk&&d.hwioThemeDark?d.hwioThemeDark:d.hwioThemeLight)}})();", "hash": "sha256-2j6kEk35lbk4ErIco/G03YuZwTwDNma2HXX466e1BlI=" }; // legacy-ok: reads the pre-design-system storage keys once
+export const themeBootstrap = { "code": "(function(){var h=document.documentElement,d=h.dataset;h.classList.add('js');var t=null;try{if(d.hwioThemeCookieDomain){var m=document.cookie.match(/(?:^|; )hwio_theme=(dark|light)/);if(m)t=m[1]}if(!t)t=localStorage.getItem('hwio_theme')||localStorage.getItem('theme')}catch(e){}if(!h.getAttribute('data-theme')&&d.hwioThemeLight){h.setAttribute('data-theme',t==='dark'&&d.hwioThemeDark?d.hwioThemeDark:d.hwioThemeLight)}})();", "hash": "sha256-N+PCgo10dW74h2jKsCZVedLAmTLJeWIaNkhmjfY8r1Q=" };
 export const hwioInlineHashes = [consentDefaults.hash, fontGate.hash, themeBootstrap.hash];

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/dist/theme.d.ts

@@ -1,7 +1,13 @@
 export type HWioScheme = 'light' | 'dark';
-export type HWioThemeChoice = HWioScheme | 'system';
-/** The scheme actually in effect: explicit data-theme ending in "-dark", else the OS preference. */
+export type HWioThemeChoice = HWioScheme;
+/** The scheme actually in effect: the stamped data-theme ending in "-dark" means dark. */
 export declare function hwioResolvedScheme(): HWioScheme;
+/**
+ * Applies and remembers the visitor's choice. Light is the default (owner decision 2026-09-06); the
+ * choice is a user-requested display preference, stored without a consent gate: localStorage on every
+ * site and, when <html data-hwio-theme-cookie-domain> is set, a first-party cookie shared by that
+ * domain's sites (www, docs, stem on .hardwario.com).
+ */
 export declare function hwioApplyTheme(choice: HWioThemeChoice): void;
 /**
  * Binds [data-hwio-theme-toggle] buttons (two-state light/dark) and keeps the runtime-only

package/dist/theme.js

@@ -1,41 +1,35 @@
 import { hwioMount } from './mount.js';
 const THEME_KEY = 'hwio_theme';
-const THEME_VERSION_KEY = 'hwio_theme_consent_version';
-/** The scheme actually in effect: explicit data-theme ending in "-dark", else the OS preference. */
+/** The scheme actually in effect: the stamped data-theme ending in "-dark" means dark. */
 export function hwioResolvedScheme() {
     const theme = document.documentElement.getAttribute('data-theme');
     if (theme)
         return theme.endsWith('-dark') ? 'dark' : 'light';
     if (document.documentElement.classList.contains('dark'))
         return 'dark'; // legacy-ok: www's class toggle until P2
-    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    return 'light';
 }
 function themeNames() {
     const d = document.documentElement.dataset;
     return { light: d.hwioThemeLight ?? 'hwio', dark: d.hwioThemeDark ?? 'hwio-dark' };
 }
+/**
+ * Applies and remembers the visitor's choice. Light is the default (owner decision 2026-09-06); the
+ * choice is a user-requested display preference, stored without a consent gate: localStorage on every
+ * site and, when <html data-hwio-theme-cookie-domain> is set, a first-party cookie shared by that
+ * domain's sites (www, docs, stem on .hardwario.com).
+ */
 export function hwioApplyTheme(choice) {
     const html = document.documentElement;
     const names = themeNames();
-    // 'system' stamps the resolved theme (never an empty attribute): non-default themes only apply when stamped.
-    const systemDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
-    const dark = choice === 'system' ? systemDark : choice === 'dark';
-    html.setAttribute('data-theme', dark ? names.dark : names.light);
+    html.setAttribute('data-theme', choice === 'dark' ? names.dark : names.light);
     html.classList.add('hwio-theme-transition');
     window.setTimeout(() => html.classList.remove('hwio-theme-transition'), 300);
     try {
-        if (window.hwioConsent?.allows('preferences')) {
-            if (choice === 'system') {
-                localStorage.removeItem(THEME_KEY);
-                localStorage.removeItem(THEME_VERSION_KEY);
-            }
-            else {
-                localStorage.setItem(THEME_KEY, choice);
-                const version = html.dataset.hwioConsentVersion;
-                if (version)
-                    localStorage.setItem(THEME_VERSION_KEY, version);
-            }
-        }
+        localStorage.setItem(THEME_KEY, choice);
+        const domain = html.dataset.hwioThemeCookieDomain;
+        if (domain)
+            document.cookie = `${THEME_KEY}=${choice}; Domain=${domain}; Path=/; Max-Age=31536000; SameSite=Lax; Secure`;
     }
     catch {
         // storage unavailable
@@ -48,16 +42,6 @@ export function hwioApplyTheme(choice) {
  */
 export function hwioThemeRuntime() {
     let controller = null;
-    // No stored choice: follow the OS scheme while the page is open.
-    try {
-        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
-            if (!localStorage.getItem(THEME_KEY))
-                hwioApplyTheme('system');
-        });
-    }
-    catch {
-        // matchMedia unavailable
-    }
     let themeBeforeSwap = null;
     document.addEventListener('astro:before-swap', () => { themeBeforeSwap = document.documentElement.getAttribute('data-theme'); });
     document.addEventListener('astro:after-swap', () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubpav/hwio-web-runtime",
-  "version": "0.4.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",