juxscript 1.1.271 → 1.1.273

package/dist/lib/state/pageState.d.ts

@@ -1,12 +1,13 @@
 declare class PageState {
     private _registry;
     private _proxy;
-    static readonly WIRE_EVENTS: readonly ["blur", "focus", "click", "dblclick", "change", "input", "keydown", "keyup", "keypress", "mouseenter", "mouseleave", "submit"];
+    static readonly WIRE_EVENTS: readonly ["blur", "focus", "click", "dblclick", "change", "input", "keydown", "keyup", "keypress", "mouseenter", "mouseleave", "mousedown", "mouseup", "submit"];
     constructor();
     private _createComponentProxy;
     private _register;
     private _wireEvent;
     private _findElement;
+    private _wireStateFlag;
     private _unregister;
     private _notify;
     private _watch;

package/dist/lib/state/pageState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pageState.d.ts","sourceRoot":"","sources":["../../../lib/state/pageState.ts"],"names":[],"mappings":"AAeA,cAAM,SAAS;IACX,OAAO,CAAC,SAAS,CAA0C;IAC3D,OAAO,CAAC,MAAM,CAAsB;IAEpC,MAAM,CAAC,QAAQ,CAAC,WAAW,2IAOhB;;IA2BX,OAAO,CAAC,qBAAqB;IAoF7B,OAAO,CAAC,SAAS;IA0DjB,OAAO,CAAC,UAAU;IAwBlB,OAAO,CAAC,YAAY;IAkBpB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,OAAO;IAqBf,OAAO,CAAC,MAAM;IAcd,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CAGlC;AAID,eAAO,MAAM,SAAS,qBAAuB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"pageState.d.ts","sourceRoot":"","sources":["../../../lib/state/pageState.ts"],"names":[],"mappings":"AAeA,cAAM,SAAS;IACX,OAAO,CAAC,SAAS,CAA0C;IAC3D,OAAO,CAAC,MAAM,CAAsB;IAEpC,MAAM,CAAC,QAAQ,CAAC,WAAW,mKAQhB;;IA2BX,OAAO,CAAC,qBAAqB;IAoF7B,OAAO,CAAC,SAAS;IA+DjB,OAAO,CAAC,UAAU;IAwBlB,OAAO,CAAC,YAAY;IAkBpB,OAAO,CAAC,cAAc;IAuBtB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,OAAO;IAqBf,OAAO,CAAC,MAAM;IAcd,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CAGlC;AAID,eAAO,MAAM,SAAS,qBAAuB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/lib/state/pageState.js

@@ -165,6 +165,10 @@ class PageState {
         for (const eventName of PageState.WIRE_EVENTS) {
             this._wireEvent(id, entry, eventName);
         }
+        // Wire composite state flags: hover, active, focused
+        this._wireStateFlag(id, entry, 'hover', 'mouseenter', 'mouseleave');
+        this._wireStateFlag(id, entry, 'active', 'mousedown', 'mouseup');
+        this._wireStateFlag(id, entry, 'focused', 'focus', 'blur');
     }
     _wireEvent(id, entry, eventName) {
         entry.events[eventName] = false;
@@ -206,6 +210,20 @@ class PageState {
         }
         return null;
     }
+    _wireStateFlag(id, entry, flagName, onEvent, offEvent) {
+        entry.events[flagName] = false;
+        const el = this._findElement(entry.component);
+        if (!el)
+            return;
+        el.addEventListener(onEvent, () => {
+            entry.events[flagName] = true;
+            this._notify(`${id}.${flagName}`);
+        });
+        el.addEventListener(offEvent, () => {
+            entry.events[flagName] = false;
+            this._notify(`${id}.${flagName}`);
+        });
+    }
     _unregister(id) {
         this._registry.delete(id);
     }
@@ -252,6 +270,7 @@ PageState.WIRE_EVENTS = [
     'change', 'input',
     'keydown', 'keyup', 'keypress',
     'mouseenter', 'mouseleave',
+    'mousedown', 'mouseup',
     'submit'
 ];
 // Singleton

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "juxscript",
-  "version": "1.1.271",
+  "version": "1.1.273",
   "type": "module",
   "description": "A JavaScript UX authorship platform",
   "main": "./dist/lib/index.js",