@waggylabs/yumekit 0.4.0-beta.46 → 0.4.0-beta.48

package/CHANGELOG.md

@@ -40,7 +40,7 @@ Delete any empty sections before publishing.
 - 12 new bundled icons: `heart`, `thumbs-up`, `thumbs-down`, `flask`, `briefcase`, `thumbtack`, `map-marker`, `pencil`, `code`, `circle-question`, `comp-textarea`, `comp-rating`.
 - Two new icons: `ellipsis-v` (three vertical dots) and `ellipsis-h` (three horizontal dots). Both are available in the icon registry via `all.js`.
 - `y-select`: new `searchable` attribute — enables autocomplete-style inline filtering. In single mode the value display is replaced by a text input that clears on open (showing the current selection as a placeholder) and restores the selected label on close. In multi-tag mode the input appears after the last tag and the dropdown stays open after each selection.
-- `y-select`: new `clearable` attribute — shows a clear button (using the `close` icon) when a value is selected. Works independently of `searchable`.
+- `y-select`: new `clearable` attribute — shows a clear button (using the `close` icon) when a value is selected.
 - `y-select` tag display mode: per-option `color` field — each option object in the `options` array may now include a `color` key (predefined scheme or CSS color) to individually color its tag.
 - `y-switch`: new `on-color` and `off-color` attributes for the toggle indicator when checked and unchecked respectively. Accepts predefined scheme names or custom CSS colors. Defaults to `"primary"` for on.
 - Custom CSS color support (`#hex`, `rgb()`, `hsl()`) added to the `color` attribute of `y-avatar`, `y-button`, `y-icon`, `y-tag`, `y-toast`, and `y-tooltip`. Predefined scheme names continue to resolve through design tokens; custom values use WCAG-based luminance to auto-contrast the text color. `y-slider` already supported custom color passthrough.

package/dist/components/y-appbar.js

@@ -18,6 +18,7 @@ class YumeButton extends HTMLElement {
     constructor() {
         super();
         this.attachShadow({ mode: "open" });
+        this.selectedValues = new Set();
         this._init();
     }
 
@@ -950,10 +951,10 @@ class YumeMenu extends HTMLElement {
                 if (textTpl) {
                     contentWrapper.appendChild(textTpl.content.cloneNode(true));
                 } else {
-                    contentWrapper.textContent = item.text;
+                    contentWrapper.append(item.text);
                 }
             } else {
-                contentWrapper.textContent = item.text;
+                contentWrapper.append(item.text);
             }
 
             li.appendChild(contentWrapper);

package/dist/components/y-button.d.ts

@@ -1,5 +1,6 @@
 export class YumeButton extends HTMLElement {
     static get observedAttributes(): string[];
+    selectedValues: Set<any>;
     connectedCallback(): void;
     attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
     set color(val: string);
@@ -23,7 +24,6 @@ export class YumeButton extends HTMLElement {
     set value(newVal: any);
     /** The current selected value(s), comma-separated when 'multiple' is set. */
     get value(): any;
-    selectedValues: any;
     /**
      * Sets the button options from an array of objects.
      * @param {Array<Object>} options

package/dist/components/y-button.js

@@ -17,6 +17,7 @@ class YumeButton extends HTMLElement {
     constructor() {
         super();
         this.attachShadow({ mode: "open" });
+        this.selectedValues = new Set();
         this._init();
     }
 

package/dist/components/y-input.js

@@ -92,7 +92,7 @@ class YumeInput extends HTMLElement {
     get value() { return this.input?.value || ""; }
     set value(val) {
         if (this.input) this.input.value = val;
-        else this.setAttribute("value", val);
+        this.setAttribute("value", val);
         this._internals.setFormValue(val, this.getAttribute("name"));
     }
 

package/dist/components/y-menu.js

@@ -221,10 +221,10 @@ class YumeMenu extends HTMLElement {
                 if (textTpl) {
                     contentWrapper.appendChild(textTpl.content.cloneNode(true));
                 } else {
-                    contentWrapper.textContent = item.text;
+                    contentWrapper.append(item.text);
                 }
             } else {
-                contentWrapper.textContent = item.text;
+                contentWrapper.append(item.text);
             }
 
             li.appendChild(contentWrapper);

package/dist/components/y-textarea.js

@@ -92,7 +92,7 @@ class YumeTextarea extends HTMLElement {
     get value() { return this.textarea?.value || ""; }
     set value(val) {
         if (this.textarea) this.textarea.value = val;
-        else this.setAttribute("value", val);
+        this.setAttribute("value", val);
         this._internals.setFormValue(val, this.getAttribute("name"));
     }
 

package/dist/index.js

@@ -543,6 +543,7 @@ class YumeButton extends HTMLElement {
     constructor() {
         super();
         this.attachShadow({ mode: "open" });
+        this.selectedValues = new Set();
         this._init();
     }
 
@@ -1465,10 +1466,10 @@ class YumeMenu extends HTMLElement {
                 if (textTpl) {
                     contentWrapper.appendChild(textTpl.content.cloneNode(true));
                 } else {
-                    contentWrapper.textContent = item.text;
+                    contentWrapper.append(item.text);
                 }
             } else {
-                contentWrapper.textContent = item.text;
+                contentWrapper.append(item.text);
             }
 
             li.appendChild(contentWrapper);
@@ -3863,7 +3864,7 @@ class YumeInput extends HTMLElement {
     get value() { return this.input?.value || ""; }
     set value(val) {
         if (this.input) this.input.value = val;
-        else this.setAttribute("value", val);
+        this.setAttribute("value", val);
         this._internals.setFormValue(val, this.getAttribute("name"));
     }
 
@@ -4152,7 +4153,7 @@ class YumeTextarea extends HTMLElement {
     get value() { return this.textarea?.value || ""; }
     set value(val) {
         if (this.textarea) this.textarea.value = val;
-        else this.setAttribute("value", val);
+        this.setAttribute("value", val);
         this._internals.setFormValue(val, this.getAttribute("name"));
     }