@skirbi/sugar 0.0.16 → 0.0.18

package/Changes

@@ -1,5 +1,15 @@
 Revision history for @skirbi/sugar
 
+0.0.18       2026-04-20 06:11:32Z
+
+  * Move renderGuardSelector and hasRenderedShape from with-connected-sugar to
+    the base sugar class for @skirbi/bolbe. We need this protection for some
+    non-morping semtic elements such as semtic-terminal. Dragons, I found them.
+
+0.0.17       2026-04-20 02:34:38Z
+
+  * Fakedom, not fakedomE
+
 0.0.16       2026-04-20 02:29:48Z
 
   * Introduce fakedom.mjs, can be imported as @skirbi/sugar/fakedom

package/lib/htmlelement.mjs

@@ -27,6 +27,7 @@ import { registerDevAlias } from './aliases.mjs';
 
 export class HTMLElementSugar extends HTMLElement {
 
+  static renderGuardSelector = '';
   /**
    * Register the element using its static `tag` name.
    * Should be called once per component.
@@ -258,6 +259,11 @@ export class HTMLElementSugar extends HTMLElement {
     }
   }
 
+  hasRenderedShape() {
+    const sel = this.constructor.renderGuardSelector;
+    return !!(sel && this.querySelector(sel));
+  }
+
   /**
    * Called when an observed attribute changes.
    * @param {string} name - The attribute name

package/lib/index.mjs

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

package/lib/with-connected-sugar.mjs

@@ -1,6 +1,5 @@
 export const withConnectedSugar = (Base) =>
   class extends Base {
-    static renderGuardSelector = '';
     static morphTriggerSelector = '';
 
     connectedCallback() {
@@ -32,7 +31,7 @@ export const withConnectedSugar = (Base) =>
     }
 
     _shouldRenderOnMorph() {
-      return this._hasMorphTrigger() && !this._hasRenderedShape();
+      return this._hasMorphTrigger() && !this.hasRenderedShape();
     }
 
     _hasMorphTrigger() {
@@ -42,16 +41,11 @@ export const withConnectedSugar = (Base) =>
 
     _shouldRenderOnConnect() {
       const guard = this.constructor.renderGuardSelector;
-      if (guard) return !this._hasRenderedShape();
+      if (guard) return !this.hasRenderedShape();
 
       return true;
     }
 
-    _hasRenderedShape() {
-      const sel = this.constructor.renderGuardSelector;
-      return !!(sel && this.querySelector(sel));
-    }
-
     disconnectedCallback() {
       this._sugarMo?.disconnect();
       this._sugarMo = null;

package/package.json

@@ -20,7 +20,7 @@
     "./aliases": "./lib/aliases.mjs",
     "./aliases-register": "./lib/aliases-register.mjs",
     "./boolean": "./lib/boolean.mjs",
-    "./fakedome": "./lib/fakedom.mjs",
+    "./fakedom": "./lib/fakedom.mjs",
     "./htmlelement": "./lib/htmlelement.mjs",
     "./htmlelement-input": "./lib/htmlelement-input.mjs",
     "./htmlelement-select": "./lib/htmlelement-select.mjs",
@@ -51,5 +51,5 @@
   },
   "sideEffects": false,
   "type": "module",
-  "version": "0.0.16"
+  "version": "0.0.18"
 }