@tabler/core 1.3.1 → 1.4.0

package/dist/libs/jsvectormap/src/scss/jsvectormap.scss

@@ -1,155 +1,147 @@
-// Class prefix
-$classPrefix: jvm- !default;
-$border-color: #e5e7eb !default;
-$box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !default;
+@import './variables';
 
-// Tooltip
-$tooltip-shadow: 1px 2px 12px rgba(0, 0, 0, .2) !default;
-$tooltip-font-family: sans-serif, Verdana !default;
-$tooltip-bg-color: #5c5cff !default;
-$tooltip-radius: 3px !default;
-$tooltip-font-size: smaller !default;
-$tooltip-padding: 3px 5px !default;
+:root {
+  --jvm-border-color: #{$border-color};
+  --jvm-box-shadow: #{$box-shadow};
 
-// Zoom buttons
-$zoom-btns-bg-color: #292929 !default;
-$zoom-btns-radius: 3px !default;
-$zoom-btns-height: 15px !default;
-$zoom-btns-padding: 3px !default;
-$zoom-btns-width: 15px !default;
+  // Tooltip
+  --jvm-tooltip-font-size: #{$tooltip-font-size};
+  --jvm-tooltip-bg-color: #{$tooltip-bg-color};
+  --jvm-tooltip-color: #{$tooltip-color};
+  --jvm-tooltip-padding: #{$tooltip-padding};
+  --jvm-tooltip-shadow: var(--jvm-box-shadow);
+  --jvm-tooltip-radius: #{$tooltip-radius};
 
-// Series
-$series-container-right: 15px !default;
+  // Zoom buttons
+  --jvm-zoom-btn-bg-color: #{$zoom-btn-bg-color};
+  --jvm-zoom-btn-color: #{$zoom-btn-color};
+  --jvm-zoom-btn-size: #{$zoom-btn-size};
+  --jvm-zoom-btn-radius: #{$zoom-btn-radius};
 
-// Legends
-$legend-background-color: #FFF !default;
-$legend-radius: 0.25rem !default;
-$legend-margin-left: .75rem !default;
-$legend-padding: 0.6rem !default;
-
-// Legend title
-$legend-title-padding-bottom: 0.5rem !default;
-$legend-title-margin-bottom: 0.575rem !default;
-
-// Legend ticks
-$legend-tick-margin-top: .575rem !default;
-$legend-tick-sample-radius: 4px !default;
-$legend-tick-sample-height: 16px !default;
-$legend-tick-sample-width: 16px !default;
-$legend-tick-text-font-size: 12px !default;
-$legend-tick-text-margin-top: 3px !default;
+  // Series
+  --jvm-series-container-right: #{$series-container-right};
+
+  // Legends
+  --jvm-legend-bg-color: #{$legend-bg-color};
+  --jvm-legend-radius: #{$legend-radius};
+  --jvm-legend-margin-left: #{$legend-margin-left};
+  --jvm-legend-padding: #{$legend-padding};
+
+  // Legend title
+  --jvm-legend-title-padding-bottom: #{$legend-title-padding-bottom};
+  --jvm-legend-title-margin-bottom: #{$legend-title-margin-bottom};
+
+  // Legend ticks
+  --jvm-legend-tick-margin-top: #{$legend-tick-margin-top};
+  --jvm-legend-tick-sample-radius: #{$legend-tick-sample-radius};
+  --jvm-legend-tick-sample-height: #{$legend-tick-sample-height};
+  --jvm-legend-tick-sample-width: #{$legend-tick-sample-width};
+  --jvm-legend-tick-text-font-size: #{$legend-tick-text-font-size};
+  --jvm-legend-tick-text-margin-top: #{$legend-tick-text-margin-top};
+}
 
 // Global resets
-svg { touch-action: none }
-image, text, .#{$classPrefix}zoomin, .#{$classPrefix}zoomout { user-select: none }
+image, text, .jvm-zoom-btn { user-select: none }
 
 // jsVectorMap container
-.#{$classPrefix}container {
-  touch-action: none;
+.jvm-container {
   position: relative;
-  overflow: hidden;
   height: 100%;
   width: 100%;
 }
 
 // Tooltip
-.#{$classPrefix}tooltip {
-  border-radius: $tooltip-radius;
-  background-color: $tooltip-bg-color;
-  font-family: $tooltip-font-family;
-  font-size: $tooltip-font-size;
-  box-shadow: $tooltip-shadow;
-  padding: $tooltip-padding;
+.jvm-tooltip {
+  border-radius: var(--jvm-tooltip-radius);
+  background-color: var(--jvm-tooltip-bg-color);
+  color: var(--jvm-tooltip-color);
+  font-size: var(--jvm-tooltip-font-size);
+  box-shadow: var(--jvm-tooltip-shadow);
+  padding: var(--jvm-tooltip-padding);
   white-space: nowrap;
   position: absolute;
   display: none;
-  color: #FFF;
   &.active {
     display: block;
   }
 }
 
 // Zoom buttons
-.#{$classPrefix}zoom-btn {
-  border-radius: $zoom-btns-radius;
-  background-color: $zoom-btns-bg-color;
-  padding: $zoom-btns-padding;
+.jvm-zoom-btn {
+  background-color: var(--jvm-zoom-btn-bg-color);
+  color: var(--jvm-zoom-btn-color);
+  border-radius: var(--jvm-zoom-btn-radius);
+  height: var(--jvm-zoom-btn-size);
+  width: var(--jvm-zoom-btn-size);
   box-sizing: border-box;
   position: absolute;
-  line-height: 10px;
-  cursor: pointer;
-  color: #FFF;
-  height: 15px;
-  width: 15px;
   left: 10px;
+  line-height: var(--jvm-zoom-btn-size);
+  text-align: center;
+  cursor: pointer;
 
-  &.#{$classPrefix}zoomout {
-    top: 30px
+  &.jvm-zoomin {
+    top: var(--jvm-zoom-btn-size)
   }
 
-  &.#{$classPrefix}zoomin {
-    top: 10px
+  &.jvm-zoomout {
+    top: calc(var(--jvm-zoom-btn-size) * 2 + (var(--jvm-zoom-btn-size) / 3));
   }
 }
 
 // Series
-.#{$classPrefix}series-container {
-  right: $series-container-right;
+.jvm-series-container {
   position: absolute;
+  right: var(--jvm-series-container-right);
+  &.jvm-series-h { bottom: 15px }
+  &.jvm-series-v {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    top: 15px;
+  }
+}
 
-  // horizontal
-  &.#{$classPrefix}series-h { bottom: 15px }
+// Legends
+.jvm-legend {
+  background-color: var(--jvm-legend-bg-color);
+  border: 1px solid var(--jvm-border-color);
+  margin-left: var(--jvm-legend-margin-left);
+  border-radius: var(--jvm-legend-radius);
+  padding: var(--jvm-legend-padding);
+  box-shadow: var(--jvm-box-shadow);
+}
 
-  // Vertical
-  &.#{$classPrefix}series-v { top: 15px }
+.jvm-legend-title {
+  line-height: 1;
+  border-bottom: 1px solid var(--jvm-border-color);
+  padding-bottom: var(--jvm-legend-title-padding-bottom);
+  margin-bottom: var(--jvm-legend-title-margin-bottom);
+  text-align: left;
+}
 
-  // Legends
-  .#{$classPrefix}legend {
-    background-color: $legend-background-color;
-    border: 1px solid $border-color;
-    margin-left: $legend-margin-left;
-    border-radius: $legend-radius;
-    border-color: $border-color;
-    padding: $legend-padding;
-    box-shadow: $box-shadow;
-    float: left;
-
-    .#{$classPrefix}legend-title {
-      line-height: 1;
-      border-bottom: 1px solid $border-color;
-      padding-bottom: $legend-title-padding-bottom;
-      margin-bottom: $legend-title-margin-bottom;
-      text-align: left;
-    }
-
-    .#{$classPrefix}legend-inner {
-      overflow: hidden;
-
-      .#{$classPrefix}legend-tick {
-        overflow: hidden;
-        min-width: 40px;
-        &:not(:first-child) {
-          margin-top: $legend-tick-margin-top;
-        }
-
-        .#{$classPrefix}legend-tick-sample {
-          border-radius: $legend-tick-sample-radius;
-          margin-right: .65rem;
-          height: $legend-tick-sample-height;
-          width: $legend-tick-sample-width;
-          float: left;
-        }
-
-        .#{$classPrefix}legend-tick-text {
-          font-size: $legend-tick-text-font-size;
-          text-align: center;
-          float: left;
-        }
-      }
-    }
+.jvm-legend-tick {
+  display: flex;
+  align-items: center;
+  min-width: 40px;
+  &:not(:first-child) {
+    margin-top: var(--jvm-legend-tick-margin-top);
   }
 }
 
+.jvm-legend-tick-sample {
+  border-radius: var(--jvm-legend-tick-sample-radius);
+  margin-right: 0.45rem;
+  height: var(--jvm-legend-tick-sample-height);
+  width: var(--jvm-legend-tick-sample-width);
+}
+
+.jvm-legend-tick-text {
+  font-size: var(--jvm-legend-tick-text-font-size);
+  text-align: center;
+  line-height: 1;
+}
+
 // Line animation
 .jvm-line[animation="true"] {
   -webkit-animation: jvm-line-animation 10s linear forwards infinite;

package/dist/libs/signature_pad/dist/signature_pad.js

@@ -1,5 +1,5 @@
 /*!
- * Signature Pad v5.0.7 | 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
  */
 
@@ -160,82 +160,6 @@ class SignaturePad extends SignatureEventTarget {
         this._data = [];
         this._lastVelocity = 0;
         this._lastWidth = 0;
-        this._handleMouseDown = (event) => {
-            if (!this._isLeftButtonPressed(event, true) || this._drawingStroke) {
-                return;
-            }
-            this._strokeBegin(this._pointerEventToSignatureEvent(event));
-        };
-        this._handleMouseMove = (event) => {
-            if (!this._isLeftButtonPressed(event, true) || !this._drawingStroke) {
-                this._strokeEnd(this._pointerEventToSignatureEvent(event), false);
-                return;
-            }
-            this._strokeMoveUpdate(this._pointerEventToSignatureEvent(event));
-        };
-        this._handleMouseUp = (event) => {
-            if (this._isLeftButtonPressed(event)) {
-                return;
-            }
-            this._strokeEnd(this._pointerEventToSignatureEvent(event));
-        };
-        this._handleTouchStart = (event) => {
-            if (event.targetTouches.length !== 1 || this._drawingStroke) {
-                return;
-            }
-            if (event.cancelable) {
-                event.preventDefault();
-            }
-            this._strokeBegin(this._touchEventToSignatureEvent(event));
-        };
-        this._handleTouchMove = (event) => {
-            if (event.targetTouches.length !== 1) {
-                return;
-            }
-            if (event.cancelable) {
-                event.preventDefault();
-            }
-            if (!this._drawingStroke) {
-                this._strokeEnd(this._touchEventToSignatureEvent(event), false);
-                return;
-            }
-            this._strokeMoveUpdate(this._touchEventToSignatureEvent(event));
-        };
-        this._handleTouchEnd = (event) => {
-            if (event.targetTouches.length !== 0) {
-                return;
-            }
-            if (event.cancelable) {
-                event.preventDefault();
-            }
-            this.canvas.removeEventListener('touchmove', this._handleTouchMove);
-            this._strokeEnd(this._touchEventToSignatureEvent(event));
-        };
-        this._handlePointerDown = (event) => {
-            if (!event.isPrimary || !this._isLeftButtonPressed(event) || this._drawingStroke) {
-                return;
-            }
-            event.preventDefault();
-            this._strokeBegin(this._pointerEventToSignatureEvent(event));
-        };
-        this._handlePointerMove = (event) => {
-            if (!event.isPrimary) {
-                return;
-            }
-            if (!this._isLeftButtonPressed(event, true) || !this._drawingStroke) {
-                this._strokeEnd(this._pointerEventToSignatureEvent(event), false);
-                return;
-            }
-            event.preventDefault();
-            this._strokeMoveUpdate(this._pointerEventToSignatureEvent(event));
-        };
-        this._handlePointerUp = (event) => {
-            if (!event.isPrimary || this._isLeftButtonPressed(event)) {
-                return;
-            }
-            event.preventDefault();
-            this._strokeEnd(this._pointerEventToSignatureEvent(event));
-        };
         this.velocityFilterWeight = options.velocityFilterWeight || 0.7;
         this.minWidth = options.minWidth || 0.5;
         this.maxWidth = options.maxWidth || 2.5;
@@ -249,6 +173,15 @@ class SignaturePad extends SignatureEventTarget {
         this._strokeMoveUpdate = this.throttle
             ? throttle(SignaturePad.prototype._strokeUpdate, this.throttle)
             : SignaturePad.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 = canvas.getContext('2d', this.canvasContextOptions);
         this.clear();
         this.on();
@@ -261,6 +194,7 @@ class SignaturePad extends SignatureEventTarget {
         this._data = [];
         this._reset(this._getPointGroupOptions());
         this._isEmpty = true;
+        this._strokePointerId = undefined;
     }
     fromDataURL(dataUrl, options = {}) {
         return new Promise((resolve, reject) => {
@@ -325,7 +259,7 @@ class SignaturePad extends SignatureEventTarget {
         var _a;
         const canvasWindow = window.document === this.canvas.ownerDocument
             ? window
-            : (_a = this.canvas.ownerDocument.defaultView) !== null && _a !== void 0 ? _a : this.canvas.ownerDocument;
+            : ((_a = this.canvas.ownerDocument.defaultView) !== null && _a !== void 0 ? _a : this.canvas.ownerDocument);
         return {
             addEventListener: canvasWindow.addEventListener.bind(canvasWindow),
             removeEventListener: canvasWindow.removeEventListener.bind(canvasWindow),
@@ -378,6 +312,103 @@ class SignaturePad extends SignatureEventTarget {
             pressure: touch.force,
         };
     }
+    _handleMouseDown(event) {
+        if (!this._isLeftButtonPressed(event, true) || this._drawingStroke) {
+            return;
+        }
+        this._strokeBegin(this._pointerEventToSignatureEvent(event));
+    }
+    ;
+    _handleMouseMove(event) {
+        if (!this._isLeftButtonPressed(event, true) || !this._drawingStroke) {
+            this._strokeEnd(this._pointerEventToSignatureEvent(event), false);
+            return;
+        }
+        this._strokeMoveUpdate(this._pointerEventToSignatureEvent(event));
+    }
+    ;
+    _handleMouseUp(event) {
+        if (this._isLeftButtonPressed(event)) {
+            return;
+        }
+        this._strokeEnd(this._pointerEventToSignatureEvent(event));
+    }
+    ;
+    _handleTouchStart(event) {
+        if (event.targetTouches.length !== 1 || this._drawingStroke) {
+            return;
+        }
+        if (event.cancelable) {
+            event.preventDefault();
+        }
+        this._strokeBegin(this._touchEventToSignatureEvent(event));
+    }
+    ;
+    _handleTouchMove(event) {
+        if (event.targetTouches.length !== 1) {
+            return;
+        }
+        if (event.cancelable) {
+            event.preventDefault();
+        }
+        if (!this._drawingStroke) {
+            this._strokeEnd(this._touchEventToSignatureEvent(event), false);
+            return;
+        }
+        this._strokeMoveUpdate(this._touchEventToSignatureEvent(event));
+    }
+    ;
+    _handleTouchEnd(event) {
+        if (event.targetTouches.length !== 0) {
+            return;
+        }
+        if (event.cancelable) {
+            event.preventDefault();
+        }
+        this._strokeEnd(this._touchEventToSignatureEvent(event));
+    }
+    ;
+    _getPointerId(event) {
+        return event.persistentDeviceId || event.pointerId;
+    }
+    _allowPointerId(event, allowUndefined = false) {
+        if (typeof this._strokePointerId === 'undefined') {
+            return allowUndefined;
+        }
+        return this._getPointerId(event) === this._strokePointerId;
+    }
+    _handlePointerDown(event) {
+        if (this._drawingStroke ||
+            !this._isLeftButtonPressed(event) ||
+            !this._allowPointerId(event, true)) {
+            return;
+        }
+        this._strokePointerId = this._getPointerId(event);
+        event.preventDefault();
+        this._strokeBegin(this._pointerEventToSignatureEvent(event));
+    }
+    ;
+    _handlePointerMove(event) {
+        if (!this._allowPointerId(event)) {
+            return;
+        }
+        if (!this._isLeftButtonPressed(event, true) || !this._drawingStroke) {
+            this._strokeEnd(this._pointerEventToSignatureEvent(event), false);
+            return;
+        }
+        event.preventDefault();
+        this._strokeMoveUpdate(this._pointerEventToSignatureEvent(event));
+    }
+    ;
+    _handlePointerUp(event) {
+        if (this._isLeftButtonPressed(event) ||
+            !this._allowPointerId(event)) {
+            return;
+        }
+        event.preventDefault();
+        this._strokeEnd(this._pointerEventToSignatureEvent(event));
+    }
+    ;
     _getPointGroupOptions(group) {
         return {
             penColor: group && 'penColor' in group ? group.penColor : this.penColor,
@@ -400,16 +431,24 @@ class SignaturePad extends SignatureEventTarget {
         const { addEventListener } = this._getListenerFunctions();
         switch (event.event.type) {
             case 'mousedown':
-                addEventListener('mousemove', this._handleMouseMove);
-                addEventListener('mouseup', this._handleMouseUp);
+                addEventListener('mousemove', this._handleMouseMove, {
+                    passive: false,
+                });
+                addEventListener('mouseup', this._handleMouseUp, { passive: false });
                 break;
             case 'touchstart':
-                addEventListener('touchmove', this._handleTouchMove);
-                addEventListener('touchend', this._handleTouchEnd);
+                addEventListener('touchmove', this._handleTouchMove, {
+                    passive: false,
+                });
+                addEventListener('touchend', this._handleTouchEnd, { passive: false });
                 break;
             case 'pointerdown':
-                addEventListener('pointermove', this._handlePointerMove);
-                addEventListener('pointerup', this._handlePointerUp);
+                addEventListener('pointermove', this._handlePointerMove, {
+                    passive: false,
+                });
+                addEventListener('pointerup', this._handlePointerUp, {
+                    passive: false,
+                });
                 break;
         }
         this._drawingStroke = true;
@@ -462,18 +501,25 @@ class SignaturePad extends SignatureEventTarget {
             this._strokeUpdate(event);
         }
         this._drawingStroke = false;
+        this._strokePointerId = undefined;
         this.dispatchEvent(new CustomEvent('endStroke', { detail: event }));
     }
     _handlePointerEvents() {
         this._drawingStroke = false;
-        this.canvas.addEventListener('pointerdown', this._handlePointerDown);
+        this.canvas.addEventListener('pointerdown', this._handlePointerDown, {
+            passive: false,
+        });
     }
     _handleMouseEvents() {
         this._drawingStroke = false;
-        this.canvas.addEventListener('mousedown', this._handleMouseDown);
+        this.canvas.addEventListener('mousedown', this._handleMouseDown, {
+            passive: false,
+        });
     }
     _handleTouchEvents() {
-        this.canvas.addEventListener('touchstart', this._handleTouchStart);
+        this.canvas.addEventListener('touchstart', this._handleTouchStart, {
+            passive: false,
+        });
     }
     _reset(options) {
         this._lastPoints = [];