npm - adp-web-components - Versions diffs - 0.3.18 → 0.3.20 - Mend

adp-web-components 0.3.18 → 0.3.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (364) hide show

package/dist/collection/templates/harness-theme.js ADDED Viewed

@@ -0,0 +1,44 @@
+/**
+ * Shared theme state for the showcase pages.
+ *
+ * Loaded as a plain blocking script in <head> — deliberately not a module. A
+ * module is deferred, which would let the page paint in the wrong theme before
+ * the stored choice is applied.
+ *
+ * The names map onto the daisyUI themes declared in harness.src.css; 'system'
+ * removes the attribute entirely so `prefersdark` takes over.
+ */
+(function () {
+  const KEY = 'adp-harness-theme';
+  const THEMES = { light: 'harness', dark: 'harness-dark' };
+  function read() {
+    // Private windows and blocked site data both throw rather than return null.
+    try {
+      return localStorage.getItem(KEY);
+    } catch {
+      return null;
+    }
+  }
+  function apply(theme) {
+    const resolved = theme || 'system';
+    if (resolved === 'system') delete document.documentElement.dataset.theme;
+    else document.documentElement.dataset.theme = THEMES[resolved] ?? resolved;
+    try {
+      localStorage.setItem(KEY, resolved);
+    } catch {
+      // Theme still applies for this page; it just will not survive navigation.
+    }
+  }
+  function current() {
+    return read() || 'system';
+  }
+  window.harnessTheme = { apply, current };
+  apply(current());
+})();