@spectrum-web-components/split-view - npm Package Compare versions

Comparing version 0.2.5 to 0.2.6-alpha.0

package.json

 {
     "name": "@spectrum-web-components/split-view",
-    "version": "0.2.5",
+    "version": "0.2.6-alpha.0+f76f322c5",
     "publishConfig": {
@@ -46,3 +46,3 @@ "access": "public"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.4.3",
+        "@spectrum-web-components/base": "^0.4.4-alpha.74+f76f322c5",
         "tslib": "^2.0.0"
@@ -59,3 +59,3 @@ },
     ],
-    "gitHead": "50e608e54fbf56132aeed4433299fbcf7f6893ac"
+    "gitHead": "f76f322c5dc769ddfac85dc4d36a322e55e2cadb"
 }

src/spectrum-split-view.css.d.ts

@@ -1,2 +0,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("@spectrum-web-components/base").CSSResultGroup;
 export default styles;

src/split-view.css.d.ts

@@ -1,2 +0,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("@spectrum-web-components/base").CSSResultGroup;
 export default styles;

src/SplitView.js

@@ -14,2 +14,3 @@ /*
 import { html, SpectrumElement, property, ifDefined, query, nothing, classMap, } from '@spectrum-web-components/base';
+import { streamingListener } from '@spectrum-web-components/base/src/streaming-listener.js';
 import styles from './split-view.css.js';
@@ -108,4 +109,10 @@ const DEFAULT_MAX_SIZE = 3840;
                           @keydown=${this.onKeydown}
-                          @pointerdown=${this.onPointerdown}
-                          @pointerup=${this.onPointerup}
+                          ${streamingListener({
+                start: ['pointerdown', this.onPointerdown],
+                streamInside: ['pointermove', this.onPointermove],
+                end: [
+                    ['pointerup', 'pointercancel'],
+                    this.onPointerup,
+                ],
+            })}
                       >
@@ -128,6 +135,6 @@ ${this.resizable
         if (!this.resizable || (event.button && event.button !== 0)) {
+            event.preventDefault();
             return;
         }
         this.splitter.setPointerCapture(event.pointerId);
-        this.onpointermove = this.onPointermove;
         this.offset = this.getOffset();
@@ -150,3 +157,2 @@ }
         this.splitter.releasePointerCapture(event.pointerId);
-        this.onpointermove = null;
     }
@@ -153,0 +159,0 @@ getOffset() {

src/SplitView.ts

@@ -26,2 +26,3 @@ /*
 } from '@spectrum-web-components/base';
+import { streamingListener } from '@spectrum-web-components/base/src/streaming-listener.js';
 
@@ -194,4 +195,10 @@ import { WithSWCResizeObserver } from './types';
                           @keydown=${this.onKeydown}
-                          @pointerdown=${this.onPointerdown}
-                          @pointerup=${this.onPointerup}
+                          ${streamingListener({
+                              start: ['pointerdown', this.onPointerdown],
+                              streamInside: ['pointermove', this.onPointermove],
+                              end: [
+                                  ['pointerup', 'pointercancel'],
+                                  this.onPointerup,
+                              ],
+                          })}
                       >
@@ -216,6 +223,6 @@ ${this.resizable
         if (!this.resizable || (event.button && event.button !== 0)) {
+            event.preventDefault();
             return;
         }
         this.splitter.setPointerCapture(event.pointerId);
-        this.onpointermove = this.onPointermove;
         this.offset = this.getOffset();
@@ -241,3 +248,2 @@ }
         this.splitter.releasePointerCapture(event.pointerId);
-        this.onpointermove = null;
     }
@@ -244,0 +250,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

172403

increased by0.68%

Lines of code

1817

increased by0.66%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updated@spectrum-web-components/base@^0.4.4-alpha.74+f76f322c5