@breadstone/mosaik-elements-svelte 0.0.119 → 0.0.120

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 0.0.120 (2025-08-18)
+
+### 🚀 Features
+
+- Add ToggleButtonElementValueAccessor and integrate with ToggleButtonComponent ([5e831d7fbd](https://github.com/RueDeRennes/mosaik/commit/5e831d7fbd))
+
 ## 0.0.119 (2025-08-18)
 
 ### 🚀 Features

package/index.mjs

@@ -29440,6 +29440,16 @@ let w1 = class extends P(Ji(Zt(Ki(qo(bn(Ew(Lt(Zi(Fr))))))))) {
   static get is() {
     return "mosaik-toggle-button";
   }
+  // #endregion
+  // #region Methods
+  /**
+   * Resets the element to its initial state.
+   *
+   * @public
+   */
+  reset() {
+    this.isChecked = !1;
+  }
 };
 w1 = bU([
   O({
@@ -142231,11 +142241,6 @@ Vi = vl([
 function krt(o) {
   return w`
         <div part="root">
-            <output part="value"
-                    for="input">
-                <mosaik-text part="text"
-                             .text="${o.tooltipAccessor(o.value)}"></mosaik-text>
-            </output>
             <div part="surface"
                  role="slider"
                  aria-valuemin=${o.min}
@@ -142254,6 +142259,10 @@ function krt(o) {
                    .max=${o.max.toString()}
                    .step=${o.step.toString()}
                    .value=${String(o.value)} />
+            <div part="hint">
+                <slot name="hint"
+                      @slotchange="${(t) => t.target.assignedElements().map((e, r) => F.current.setStyle(e, "order", r))}"></slot>
+            </div>
         </div>
     `;
 }
@@ -142432,6 +142441,12 @@ function _rt() {
   display: grid;
 }
 
+:host [part="hint"] {
+  flex-direction: row;
+  justify-content: space-between;
+  display: flex;
+}
+
 :host .visually-hidden {
   clip: rect(0 0 0 0);
   white-space: nowrap;
@@ -142658,6 +142673,12 @@ function jrt() {
   display: grid;
 }
 
+:host [part="hint"] {
+  flex-direction: row;
+  justify-content: space-between;
+  display: flex;
+}
+
 :host .visually-hidden {
   clip: rect(0 0 0 0);
   white-space: nowrap;
@@ -142884,6 +142905,12 @@ function zrt() {
   display: grid;
 }
 
+:host [part="hint"] {
+  flex-direction: row;
+  justify-content: space-between;
+  display: flex;
+}
+
 :host .visually-hidden {
   clip: rect(0 0 0 0);
   white-space: nowrap;
@@ -143020,6 +143047,12 @@ let xa = class extends P(Zt(W(tt(gt(nr(Ze(rl))))))) {
   set pxPerStep(t) {
     this._pxPerStep !== t && t > 0 && (this._pxPerStep = t, this.requestUpdate("pxPerStep"));
   }
+  /**
+   * Accelerate the slider when dragging.
+   *
+   * @public
+   * @default true
+   */
   get accelerate() {
     return this._accelerate;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.0.119",
+    "version": "0.0.120",
     "description": "Mosaik elements for Svelte.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -15,8 +15,8 @@
         "vite": "*"
     },
     "dependencies": {
-        "@breadstone/mosaik-elements": "^0.0.119",
-        "@breadstone/mosaik-elements-foundation": "^0.0.119",
+        "@breadstone/mosaik-elements": "^0.0.120",
+        "@breadstone/mosaik-elements-foundation": "^0.0.120",
         "tslib": "^2.8.1"
     },
     "exports": {