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

Comparing version 0.2.8 to 0.2.9-alpha.1

package.json

 {
     "name": "@spectrum-web-components/split-view",
-    "version": "0.2.8",
+    "version": "0.2.9-alpha.1+204701b5",
     "publishConfig": {
@@ -47,3 +47,3 @@ "access": "public"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.4.5",
+        "@spectrum-web-components/base": "^0.4.6-alpha.1+204701b5",
         "tslib": "^2.0.0"
@@ -59,3 +59,3 @@ },
     ],
-    "gitHead": "fbd509e0f30f1da0dcb972fa9ac5492acc00d96e"
+    "gitHead": "204701b5496ec55efa8476f3a31298e7f5375212"
 }

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() {

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

278712

increased by0.29%

Lines of code

2425

increased by0.25%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updated@spectrum-web-components/base@^0.4.6-alpha.1+204701b5