@m3e/theme 1.1.2 → 1.1.3

package/dist/custom-elements.json

@@ -1933,12 +1933,51 @@
           "description": "Mixin to augment an element with behavior emits a click event on keyboard events.",
           "name": "KeyboardClick",
           "members": [
+            {
+              "kind": "field",
+              "name": "#keyPressed",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#keyDownHandler",
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "#keyUpHandler",
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "#focusOutHandler",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "#handleKeyDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "#handleKeyUp",

package/dist/index.js

@@ -3563,6 +3563,14 @@ let M3eThemeElement = class M3eThemeElement extends LitElement {
         return true;
       default:
         // auto
+        if (this.parentElement instanceof HTMLBodyElement) {
+          switch (document.documentElement.style.colorScheme) {
+            case "light":
+              return false;
+            case "dark":
+              return true;
+          }
+        }
         return __classPrivateFieldGet(this, _M3eThemeElement_dark, "f")?.matches ?? false;
     }
   }
@@ -3642,6 +3650,21 @@ _M3eThemeElement_apply = function _M3eThemeElement_apply(forceReflow) {
   __classPrivateFieldGet(this, _M3eThemeElement_styleSheet, "f").replaceSync(`:host { ${css} }`);
   if (this.parentElement instanceof HTMLBodyElement) {
     const computedStyle = getComputedStyle(this);
+    switch (this.scheme) {
+      case "light":
+        document.documentElement.style.colorScheme = "light";
+        break;
+      case "dark":
+        document.documentElement.style.colorScheme = "dark";
+        break;
+      default:
+        switch (document.documentElement.style.colorScheme) {
+          case "light":
+          case "dark":
+            document.documentElement.style.colorScheme = "light dark";
+            break;
+        }
+    }
     if (__classPrivateFieldGet(this, _M3eThemeElement_forcedColor, "f")?.matches) {
       this.parentElement.style.backgroundColor = this.parentElement.style.color = this.parentElement.ownerDocument.documentElement.style.scrollbarColor = this.parentElement.style.scrollbarColor = "";
     } else {