@breadstone/mosaik-elements-svelte 0.0.49 → 0.0.51

package/index.mjs

@@ -92962,7 +92962,7 @@ ba = ns([
   vo("design:paramtypes", [])
 ], ba);
 /*!
- * Signature Pad v5.0.9 | https://github.com/szimek/signature_pad
+ * Signature Pad v5.0.10 | https://github.com/szimek/signature_pad
  * (c) 2025 Szymon Nowak | Released under the MIT license
  */
 class $b {
@@ -93043,45 +93043,11 @@ function rV(o, e = 250) {
 class Tb extends oV {
   constructor(e, t = {}) {
     var r, n, a;
-    super(), this.canvas = e, this._drawingStroke = !1, this._isEmpty = !0, this._lastPoints = [], this._data = [], this._lastVelocity = 0, this._lastWidth = 0, this._handleMouseDown = (i) => {
-      !this._isLeftButtonPressed(i, !0) || this._drawingStroke || this._strokeBegin(this._pointerEventToSignatureEvent(i));
-    }, this._handleMouseMove = (i) => {
-      if (!this._isLeftButtonPressed(i, !0) || !this._drawingStroke) {
-        this._strokeEnd(this._pointerEventToSignatureEvent(i), !1);
-        return;
-      }
-      this._strokeMoveUpdate(this._pointerEventToSignatureEvent(i));
-    }, this._handleMouseUp = (i) => {
-      this._isLeftButtonPressed(i) || this._strokeEnd(this._pointerEventToSignatureEvent(i));
-    }, this._handleTouchStart = (i) => {
-      i.targetTouches.length !== 1 || this._drawingStroke || (i.cancelable && i.preventDefault(), this._strokeBegin(this._touchEventToSignatureEvent(i)));
-    }, this._handleTouchMove = (i) => {
-      if (i.targetTouches.length === 1) {
-        if (i.cancelable && i.preventDefault(), !this._drawingStroke) {
-          this._strokeEnd(this._touchEventToSignatureEvent(i), !1);
-          return;
-        }
-        this._strokeMoveUpdate(this._touchEventToSignatureEvent(i));
-      }
-    }, this._handleTouchEnd = (i) => {
-      i.targetTouches.length === 0 && (i.cancelable && i.preventDefault(), this._strokeEnd(this._touchEventToSignatureEvent(i)));
-    }, this._handlePointerDown = (i) => {
-      !i.isPrimary || !this._isLeftButtonPressed(i) || this._drawingStroke || typeof this._strokePointerId < "u" && this._strokePointerId !== this._getPointerId(i) || (this._strokePointerId = this._getPointerId(i), i.preventDefault(), this._strokeBegin(this._pointerEventToSignatureEvent(i)));
-    }, this._handlePointerMove = (i) => {
-      if (!(!i.isPrimary || this._strokePointerId !== this._getPointerId(i))) {
-        if (!this._isLeftButtonPressed(i, !0) || !this._drawingStroke) {
-          this._strokeEnd(this._pointerEventToSignatureEvent(i), !1);
-          return;
-        }
-        i.preventDefault(), this._strokeMoveUpdate(this._pointerEventToSignatureEvent(i));
-      }
-    }, this._handlePointerUp = (i) => {
-      !i.isPrimary || this._isLeftButtonPressed(i) || this._strokePointerId !== this._getPointerId(i) || (this._strokePointerId = void 0, i.preventDefault(), this._strokeEnd(this._pointerEventToSignatureEvent(i)));
-    }, this.velocityFilterWeight = t.velocityFilterWeight || 0.7, this.minWidth = t.minWidth || 0.5, this.maxWidth = t.maxWidth || 2.5, this.throttle = (r = t.throttle) !== null && r !== void 0 ? r : 16, this.minDistance = (n = t.minDistance) !== null && n !== void 0 ? n : 5, this.dotSize = t.dotSize || 0, this.penColor = t.penColor || "black", this.backgroundColor = t.backgroundColor || "rgba(0,0,0,0)", this.compositeOperation = t.compositeOperation || "source-over", this.canvasContextOptions = (a = t.canvasContextOptions) !== null && a !== void 0 ? a : {}, this._strokeMoveUpdate = this.throttle ? rV(Tb.prototype._strokeUpdate, this.throttle) : Tb.prototype._strokeUpdate, this._ctx = e.getContext("2d", this.canvasContextOptions), this.clear(), this.on();
+    super(), this.canvas = e, this._drawingStroke = !1, this._isEmpty = !0, this._lastPoints = [], this._data = [], this._lastVelocity = 0, this._lastWidth = 0, this.velocityFilterWeight = t.velocityFilterWeight || 0.7, this.minWidth = t.minWidth || 0.5, this.maxWidth = t.maxWidth || 2.5, this.throttle = (r = t.throttle) !== null && r !== void 0 ? r : 16, this.minDistance = (n = t.minDistance) !== null && n !== void 0 ? n : 5, this.dotSize = t.dotSize || 0, this.penColor = t.penColor || "black", this.backgroundColor = t.backgroundColor || "rgba(0,0,0,0)", this.compositeOperation = t.compositeOperation || "source-over", this.canvasContextOptions = (a = t.canvasContextOptions) !== null && a !== void 0 ? a : {}, this._strokeMoveUpdate = this.throttle ? rV(Tb.prototype._strokeUpdate, this.throttle) : Tb.prototype._strokeUpdate, this._handleMouseDown = this._handleMouseDown.bind(this), this._handleMouseMove = this._handleMouseMove.bind(this), this._handleMouseUp = this._handleMouseUp.bind(this), this._handleTouchStart = this._handleTouchStart.bind(this), this._handleTouchMove = this._handleTouchMove.bind(this), this._handleTouchEnd = this._handleTouchEnd.bind(this), this._handlePointerDown = this._handlePointerDown.bind(this), this._handlePointerMove = this._handlePointerMove.bind(this), this._handlePointerUp = this._handlePointerUp.bind(this), this._ctx = e.getContext("2d", this.canvasContextOptions), this.clear(), this.on();
   }
   clear() {
     const { _ctx: e, canvas: t } = this;
-    e.fillStyle = this.backgroundColor, e.clearRect(0, 0, t.width, t.height), e.fillRect(0, 0, t.width, t.height), this._data = [], this._reset(this._getPointGroupOptions()), this._isEmpty = !0;
+    e.fillStyle = this.backgroundColor, e.clearRect(0, 0, t.width, t.height), e.fillRect(0, 0, t.width, t.height), this._data = [], this._reset(this._getPointGroupOptions()), this._isEmpty = !0, this._strokePointerId = void 0;
   }
   fromDataURL(e, t = {}) {
     return new Promise((r, n) => {
@@ -93152,9 +93118,55 @@ class Tb extends oV {
       pressure: t.force
     };
   }
+  _handleMouseDown(e) {
+    !this._isLeftButtonPressed(e, !0) || this._drawingStroke || this._strokeBegin(this._pointerEventToSignatureEvent(e));
+  }
+  _handleMouseMove(e) {
+    if (!this._isLeftButtonPressed(e, !0) || !this._drawingStroke) {
+      this._strokeEnd(this._pointerEventToSignatureEvent(e), !1);
+      return;
+    }
+    this._strokeMoveUpdate(this._pointerEventToSignatureEvent(e));
+  }
+  _handleMouseUp(e) {
+    this._isLeftButtonPressed(e) || this._strokeEnd(this._pointerEventToSignatureEvent(e));
+  }
+  _handleTouchStart(e) {
+    e.targetTouches.length !== 1 || this._drawingStroke || (e.cancelable && e.preventDefault(), this._strokeBegin(this._touchEventToSignatureEvent(e)));
+  }
+  _handleTouchMove(e) {
+    if (e.targetTouches.length === 1) {
+      if (e.cancelable && e.preventDefault(), !this._drawingStroke) {
+        this._strokeEnd(this._touchEventToSignatureEvent(e), !1);
+        return;
+      }
+      this._strokeMoveUpdate(this._touchEventToSignatureEvent(e));
+    }
+  }
+  _handleTouchEnd(e) {
+    e.targetTouches.length === 0 && (e.cancelable && e.preventDefault(), this._strokeEnd(this._touchEventToSignatureEvent(e)));
+  }
   _getPointerId(e) {
     return e.persistentDeviceId || e.pointerId;
   }
+  _allowPointerId(e, t = !1) {
+    return typeof this._strokePointerId > "u" ? t : this._getPointerId(e) === this._strokePointerId;
+  }
+  _handlePointerDown(e) {
+    this._drawingStroke || !this._isLeftButtonPressed(e) || !this._allowPointerId(e, !0) || (this._strokePointerId = this._getPointerId(e), e.preventDefault(), this._strokeBegin(this._pointerEventToSignatureEvent(e)));
+  }
+  _handlePointerMove(e) {
+    if (this._allowPointerId(e)) {
+      if (!this._isLeftButtonPressed(e, !0) || !this._drawingStroke) {
+        this._strokeEnd(this._pointerEventToSignatureEvent(e), !1);
+        return;
+      }
+      e.preventDefault(), this._strokeMoveUpdate(this._pointerEventToSignatureEvent(e));
+    }
+  }
+  _handlePointerUp(e) {
+    this._isLeftButtonPressed(e) || !this._allowPointerId(e) || (e.preventDefault(), this._strokeEnd(this._pointerEventToSignatureEvent(e)));
+  }
   _getPointGroupOptions(e) {
     return {
       penColor: e && "penColor" in e ? e.penColor : this.penColor,
@@ -93213,7 +93225,7 @@ class Tb extends oV {
     this.dispatchEvent(new CustomEvent("afterUpdateStroke", { detail: e }));
   }
   _strokeEnd(e, t = !0) {
-    this._removeMoveUpEventListeners(), this._drawingStroke && (t && this._strokeUpdate(e), this._drawingStroke = !1, this.dispatchEvent(new CustomEvent("endStroke", { detail: e })));
+    this._removeMoveUpEventListeners(), this._drawingStroke && (t && this._strokeUpdate(e), this._drawingStroke = !1, this._strokePointerId = void 0, this.dispatchEvent(new CustomEvent("endStroke", { detail: e })));
   }
   _handlePointerEvents() {
     this._drawingStroke = !1, this.canvas.addEventListener("pointerdown", this._handlePointerDown, {
@@ -156149,9 +156161,9 @@ function $rt(o) {
                                      .dir="${o.dir}"
                                      .fit="${En.Both}"
                                      .hasBackdrop="${o.isMobile}">
-                ${O(o.hasNav, () => k`
                 <mosaik-drawer slot="drawer"
                                part="drawer"
+                               .hidden="${o.hasNav}"
                                .lang="${o.lang}"
                                .dir="${o.dir}"
                                .isOpen="${o.isNavOpen}"
@@ -156162,7 +156174,6 @@ function $rt(o) {
                         <slot name="nav"></slot>
                     </nav>
                 </mosaik-drawer>
-                `)}
                 <mosaik-drawer-content slot="content"
                                        .lang="${o.lang}"
                                        .dir="${o.dir}">

package/package.json

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