@skirbi/sugar 0.0.17 → 0.0.19

package/Changes

@@ -1,5 +1,15 @@
 Revision history for @skirbi/sugar
 
+0.0.19       2026-04-24 18:31:29Z
+
+  * Fix nuking placeholder for select
+
+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

package/lib/htmlelement-select.mjs

@@ -112,9 +112,6 @@ export class HTMLElementSugarSelect extends HTMLElementSugarInput {
       searchEl?.remove();
     }
 
-    // Placeholder option (optional).
-    if (cfg.placeholder) this._addPlaceholder(select, cfg.placeholder);
-
     if (hasStatic) {
       this._setOptionsFromOptions(select, rawOptions, cfg);
       if (searchEl) this._setupLocalSearch(select, searchEl);
@@ -133,7 +130,9 @@ export class HTMLElementSugarSelect extends HTMLElementSugarInput {
     opt.value = '';
     opt.textContent = text;
     opt.disabled = true;
-    opt.selected = true;
+
+    if (!select.value) opt.selected = true;
+
     select.appendChild(opt);
   }
 
@@ -141,8 +140,11 @@ export class HTMLElementSugarSelect extends HTMLElementSugarInput {
     while (select.firstChild) select.removeChild(select.firstChild);
   }
 
-  _setOptions(select, opts) {
+  _setOptions(select, opts, cfg) {
     this._clearOptions(select);
+
+    if (cfg.placeholder) this._addPlaceholder(select, cfg.placeholder);
+
     for (const o of opts) {
       const opt = document.createElement('option');
       opt.value = o.value == null ? '' : String(o.value);
@@ -189,7 +191,7 @@ export class HTMLElementSugarSelect extends HTMLElementSugarInput {
 
     const items = Array.isArray(data) ? data : [];
     const opts = items.map((it) => this._mapItemToOption(it, cfg));
-    this._setOptions(select, opts);
+    this._setOptions(select, opts, cfg);
   }
 
   _setupLocalSearch(select, searchEl) {

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.17";
+const VERSION = "0.0.19";
 
 export { HTMLElementSugar } from './htmlelement.mjs';
 export { HTMLElementSugarInput } from './htmlelement-input.mjs';

package/lib/with-connected-sugar.mjs

@@ -1,6 +1,9 @@
+// SPDX-FileCopyrightText: 2026 Wesley Schwengle <wesleys@opperschaap.net>
+//
+// SPDX-License-Identifier: MIT
+
 export const withConnectedSugar = (Base) =>
   class extends Base {
-    static renderGuardSelector = '';
     static morphTriggerSelector = '';
 
     connectedCallback() {
@@ -32,7 +35,7 @@ export const withConnectedSugar = (Base) =>
     }
 
     _shouldRenderOnMorph() {
-      return this._hasMorphTrigger() && !this._hasRenderedShape();
+      return this._hasMorphTrigger() && !this.hasRenderedShape();
     }
 
     _hasMorphTrigger() {
@@ -42,16 +45,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

@@ -38,6 +38,7 @@
   ],
   "license": "MIT",
   "name": "@skirbi/sugar",
+  "private": false,
   "repository": {
     "type": "git",
     "url": "git+https://gitlab.com/skirbi/skirbi.git"
@@ -51,5 +52,5 @@
   },
   "sideEffects": false,
   "type": "module",
-  "version": "0.0.17"
+  "version": "0.0.19"
 }