@skirbi/sugar 0.0.20 → 0.0.22

package/Changes

@@ -1,5 +1,24 @@
 Revision history for @skirbi/sugar
 
+0.0.22       2026-05-28 03:45:56Z
+
+  * Fix htmlelementsugar-select for using native options
+
+0.0.21       2026-05-10 02:05:46Z
+
+  * Add `$()` and `$$()` selector helpers to HTMLElementSugar.
+    Components were increasingly using repetitive
+    `querySelector()` and `querySelectorAll()` calls, especially in
+    templated custom elements.
+
+    The new helpers provide small ergonomic wrappers:
+
+      * `$()` returns the first matching descendant
+      * `$$()` returns all matching descendants as an array
+
+    This keeps component render logic significantly cleaner while
+    remaining fully standards-based internally.
+
 0.0.20       2026-04-24 18:34:26Z
 
   * And do not disable it

package/lib/htmlelement-select.mjs

@@ -115,9 +115,20 @@ export class HTMLElementSugarSelect extends HTMLElementSugarInput {
     if (hasStatic) {
       this._setOptionsFromOptions(select, rawOptions, cfg);
       if (searchEl) this._setupLocalSearch(select, searchEl);
-    } else if (hasEndpoint) {
+    }
+    else if (hasEndpoint) {
       this._setupRemote(select, searchEl, cfg);
     }
+    else {
+      const authoredOptions = Array.from(this.children)
+        .filter((node) => node.matches?.('option,optgroup'));
+
+      for (const option of authoredOptions) {
+        select.appendChild(option);
+      }
+    }
+
+
 
     // Apply initial value after options exist.
     if (cfg.value != null && cfg.value !== '') select.value = String(cfg.value);

package/lib/htmlelement.mjs

@@ -343,5 +343,19 @@ export class HTMLElementSugar extends HTMLElement {
   assertQuerySelector(haystack, needle, msg) {
     return this.constructor.assertQuerySelector(haystack, needle, msg);
   }
+
+  /**
+   * Query inside current component root.
+   */
+  $(selector) {
+    return this.querySelector(selector)
+  }
+
+  /**
+   * Query all inside current component root.
+   */
+  $$(selector) {
+    return [...this.querySelectorAll(selector)]
+  }
 }
 

package/lib/index.mjs

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

package/package.json

@@ -52,5 +52,5 @@
   },
   "sideEffects": false,
   "type": "module",
-  "version": "0.0.20"
+  "version": "0.0.22"
 }