@grame/faustwasm 0.11.0 → 0.11.2

package/assets/standalone/faust-ui/index.js

@@ -469,6 +469,14 @@ const _AbstractItem = class _AbstractItem extends _AbstractComponent__WEBPACK_IM
     };
     this.handleClick = (e) => {
     };
+    /**
+     * Handle double-click events to reset the value to its initial state.
+     */
+    this.handleDoubleClick = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      this.setToInitialValue();
+    };
     this.handleMouseDown = (e) => {
       e.preventDefault();
       e.currentTarget.focus();
@@ -558,6 +566,9 @@ const _AbstractItem = class _AbstractItem extends _AbstractComponent__WEBPACK_IM
     if (changed) this.change(value);
     return changed;
   }
+  setToInitialValue() {
+    this.setValue(this.state.init);
+  }
   /**
    * Send value to DSP
    */
@@ -698,6 +709,7 @@ _AbstractItem.defaultProps = {
   address: "",
   min: 0,
   max: 1,
+  init: 0,
   enums: {},
   type: "float",
   unit: "",
@@ -886,6 +898,14 @@ __webpack_require__.r(__webpack_exports__);
 class Group extends _AbstractComponent__WEBPACK_IMPORTED_MODULE_0__["default"] {
   constructor() {
     super(...arguments);
+    /**
+     * Handle double-click events to reset all children's value to its initial state.
+     */
+    this.handleDoubleClick = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      this.setToInitialValue();
+    };
     this.updateUI = () => {
       this.children = [];
       const { style, type, items, emitter, isRoot } = this.state;
@@ -946,10 +966,10 @@ class Group extends _AbstractComponent__WEBPACK_IMPORTED_MODULE_0__["default"] {
     if (!metaIn) return { metaObject };
     metaIn.forEach((m) => Object.assign(metaObject, m));
     if (metaObject.style) {
-      const enumsRegex = /\{(?:(?:'|_|-)(.+?)(?:'|_|-):([-+]?[0-9]*\.?[0-9]+);)+(?:(?:'|_|-)(.+?)(?:'|_|-):([-+]?[0-9]*\.?[0-9]+))\}/;
+      const enumsRegex = /\{\s*(?:['_\-](.+?)['_\-]\s*:\s*([-+]?[0-9]*\.?[0-9]+)\s*;\s*)+(?:['_\-](.+?)['_\-]\s*:\s*([-+]?[0-9]*\.?[0-9]+))\s*\}/;
       const matched = metaObject.style.match(enumsRegex);
       if (matched) {
-        const itemsRegex = /(?:(?:'|_|-)(.+?)(?:'|_|-):([-+]?[0-9]*\.?[0-9]+))/g;
+        const itemsRegex = /['_\-](.+?)['_\-]\s*:\s*([-+]?[0-9]*\.?[0-9]+)\s*/g;
         const enums = {};
         let item;
         while (item = itemsRegex.exec(matched[0])) {
@@ -1003,7 +1023,8 @@ class Group extends _AbstractComponent__WEBPACK_IMPORTED_MODULE_0__["default"] {
       min: isFinite(min) ? min : 0,
       max: isFinite(max) ? max : 1,
       step: "step" in item ? +item.step : 1,
-      value: "init" in item ? +item.init || 0 : 0
+      value: "init" in item ? +item.init || 0 : 0,
+      init: "init" in item ? +item.init || 0 : 0
     };
     if (type === "button") return new _Button__WEBPACK_IMPORTED_MODULE_5__["default"](props);
     if (type === "checkbox") return new _Checkbox__WEBPACK_IMPORTED_MODULE_6__["default"](props);
@@ -1020,6 +1041,9 @@ class Group extends _AbstractComponent__WEBPACK_IMPORTED_MODULE_0__["default"] {
     if (type === "led") return new _Led__WEBPACK_IMPORTED_MODULE_10__["default"](props);
     return null;
   }
+  setToInitialValue() {
+    this.children.forEach((item) => item.setToInitialValue());
+  }
   setState(newState) {
     let shouldUpdate = false;
     for (const key in newState) {
@@ -1091,7 +1115,7 @@ class Group extends _AbstractComponent__WEBPACK_IMPORTED_MODULE_0__["default"] {
     return this;
   }
   componentDidMount() {
-    var _a;
+    var _a, _b;
     const handleResize = () => {
       const { grid, left, top, width, height } = this.state.style;
       if (!this.state.isRoot) this.label.style.height = `${grid * 0.3}px`;
@@ -1125,7 +1149,8 @@ class Group extends _AbstractComponent__WEBPACK_IMPORTED_MODULE_0__["default"] {
     };
     this.on("label", () => this.schedule(labelChange));
     this.paintLabel();
-    if ((_a = this.tabs) == null ? void 0 : _a.children.length) this.tabs.children[0].click();
+    (_a = this.labelCanvas) == null ? void 0 : _a.addEventListener("dblclick", this.handleDoubleClick);
+    if ((_b = this.tabs) == null ? void 0 : _b.children.length) this.tabs.children[0].click();
     this.children.forEach((item) => item.componentDidMount());
     return this;
   }
@@ -1446,6 +1471,7 @@ class Knob extends _AbstractItem__WEBPACK_IMPORTED_MODULE_0__["default"] {
     super.componentDidMount();
     this.input.addEventListener("change", this.handleChange);
     this.canvas.addEventListener("pointerdown", this.handlePointerDown);
+    this.canvas.addEventListener("dblclick", this.handleDoubleClick);
     this.on("style", () => {
       this.schedule(this.setStyle);
       this.schedule(this.paint);
@@ -2471,6 +2497,7 @@ class VSlider extends _AbstractItem__WEBPACK_IMPORTED_MODULE_0__["default"] {
     super.componentDidMount();
     this.input.addEventListener("change", this.handleChange);
     this.canvas.addEventListener("pointerdown", this.handlePointerDown);
+    this.canvas.addEventListener("dblclick", this.handleDoubleClick);
     this.on("style", () => {
       this.schedule(this.setStyle);
       this.schedule(this.paint);