@skirbi/sugar 0.1.14 → 0.1.16

package/Changes

@@ -1,5 +1,16 @@
 Revision history for @skirbi/sugar
 
+0.1.16       2026-07-08 15:47:05Z
+
+  * Fix event handling in testsuites. Under jsdom, a bare `Event` reference
+    resolves to Node's own global Event class, not a jsdom window.Event.
+    Jsdom's dispatchEvent rejects an event instance that isn't its own realm's
+    Event, so window.Event must be preferred whenever it exists.
+
+0.1.15       2026-07-03 22:08:57Z
+
+  * Add MouseEvent for @skirbi/semtic
+
 0.1.14       2026-07-01 19:35:00Z
 
   * withConnectedSucu, not withConnectSucu. Typo's are yya (pun intended).

package/lib/fakedom.mjs

@@ -41,6 +41,7 @@ export async function setupDomForTesting(
   global.window = dom.window;
   global.MutationObserver = dom.window.MutationObserver;
   global.CustomEvent = dom.window.CustomEvent;
+  global.MouseEvent = dom.window.MouseEvent;
 
   const projectRoot = process.cwd();
 

package/lib/htmlelement-input.mjs

@@ -94,8 +94,6 @@ export class HTMLElementSugarInput extends HTMLElementSugar {
 
   attributeChangedCallback(name, oldValue, newValue) {
     super.attributeChangedCallback?.(name, oldValue, newValue);
-
-
     if (name === 'value') {
       this._value = newValue ?? '';
       this._syncValueToControl();
@@ -187,6 +185,10 @@ export class HTMLElementSugarInput extends HTMLElementSugar {
   setupFormControl(control) {
     const valueAttr = this.constructor.valueAttr || 'value';
 
+    // Resolve Event from the current runtime (jsdom exposes it on window, not
+    // always on globalThis)
+    const EventCtor = globalThis.window?.Event || globalThis.Event;
+
     const syncHostValue = () => {
       if ('value' in control) {
         this.setAttribute(valueAttr, control.value ?? '');
@@ -195,12 +197,12 @@ export class HTMLElementSugarInput extends HTMLElementSugar {
 
     control.addEventListener('input', () => {
       syncHostValue();
-      this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
+      this.dispatchEvent(new EventCtor('input', { bubbles: true, composed: true }));
     });
 
     control.addEventListener('change', () => {
       syncHostValue();
-      this.dispatchEvent(new Event('change', { bubbles: true,
+      this.dispatchEvent(new EventCtor('change', { bubbles: true,
                                                composed: true }));
     });
   }

package/lib/htmlelement.mjs

@@ -348,29 +348,35 @@ export class HTMLElementSugar extends HTMLElement {
   /**
    * Called when an observed attribute changes.
    * @param {string} name - The attribute name
-   * @param {string|null} oldVal - Previous value (unused)
+   * @param {string|null} oldVal - Previous value (unused without a hook)
    * @param {string|null} newVal - New value
    */
   attributeChangedCallback(name, oldVal, newVal) {
     this._applyAttribute(name, newVal);
 
-    if (!this.hasRenderedShape?.()) return;
+    if (!this.hasRenderedShape()) return;
 
     const def = this.constructor.attributeDefs?.[name];
 
     if (def?.hook) {
       if (typeof def.hook === 'function') {
         def.hook(this, newVal, oldVal);
-      } else if (typeof def.hook === 'string') {
+      }
+      else if (typeof def.hook === 'string') {
         const el = this.querySelector(def.hook);
         if (el) el.textContent = newVal ?? '';
       }
-    } else {
+    }
+    else {
       const el = this.querySelector(`[semtic-${name}]`);
       if (el) el.textContent = newVal ?? '';
     }
 
-    if (this.attributeChangedCallbackSugar) {
+    if (this.updatedAttributeSugar) {
+      this.updatedAttributeSugar(name, oldVal, newVal);
+    }
+    else if (this.attributeChangedCallbackSugar) {
+      console.warn("Using deprecated attributeChangedCallbackSugar");
       this.attributeChangedCallbackSugar(name, oldVal, newVal);
     }
   }

package/lib/index.mjs

@@ -2,7 +2,7 @@
 //
 // SPDX-License-Identifier: MIT
 
-const VERSION = "0.1.14";
+const VERSION = "0.1.16";
 
 export { HTMLElementSugar } from './htmlelement.mjs';
 export { HTMLElementSugarInput } from './htmlelement-input.mjs';

package/package.json

@@ -62,5 +62,5 @@
     "./aliases-register"
   ],
   "type": "module",
-  "version": "0.1.14"
+  "version": "0.1.16"
 }