@skirbi/sugar 0.0.24 → 0.0.26

package/Changes

@@ -1,5 +1,27 @@
 Revision history for @skirbi/sugar
 
+0.0.26       2026-05-30 00:49:13Z
+
+  * Introduce morphedCallbackSugar. Morphing is a delicate matter for
+    webcomponents. The problem with morphing is a lot of life cycle wizardry
+    and things that seem logical but are not.
+
+    So the problem is that semtic-choice-card wasn't able to really detect
+    that it was selected or not. The problem here was the morph *might* happen
+    on an element that is rendered already so we cannot rely on purely morphing
+    defenses. We need to know that we got morphed while being completely
+    rendered. This meant we need to look at the rendered shape and now using a
+    `morphedCallbackSugar()` where you can apply logic to tell the component,
+    "yo, you have a new state, do this thing". This allowed semtic-choice-card
+    to work correctly.
+
+    It only took me 8 hrs of my life and a good chunk of my sanity.
+
+
+0.0.25       2026-05-29 08:52:30Z
+
+  * Add hooks for event-listeners in connected sugar
+
 0.0.24       2026-05-29 05:27:25Z
 
   * Fix inheritance bugs related to init() twice

package/lib/index.mjs

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

package/lib/with-connected-sugar.mjs

@@ -9,6 +9,9 @@ export const withConnectedSugar = (Base) =>
     connectedCallback() {
       this._syncObservedAttributesToConfig();
       this._armMorphObserver();
+      if (this.connectedCallbackSugarOnce) {
+        this.connectedCallbackSugarOnce();
+      }
 
       if (this._shouldRenderOnConnect()) {
         this.connectedCallbackSugar();
@@ -28,6 +31,11 @@ export const withConnectedSugar = (Base) =>
       this._sugarMo = new MutationObserver(() => {
         if (this._shouldRenderOnMorph()) {
           this.connectedCallbackSugar();
+          return;
+        }
+        if (this.hasRenderedShape() && this.morphedCallbackSugar) {
+          this.morphedCallbackSugar();
+          return;
         }
       });
 

package/package.json

@@ -52,5 +52,5 @@
   },
   "sideEffects": false,
   "type": "module",
-  "version": "0.0.24"
+  "version": "0.0.26"
 }