@spectrum-web-components/overlay - npm Package Compare versions

Comparing version 0.50.0-beta.8 to 0.50.0-beta.9

package.json

 {
     "name": "@spectrum-web-components/overlay",
-    "version": "0.50.0-beta.8",
+    "version": "0.50.0-beta.9",
     "publishConfig": {
@@ -163,7 +163,7 @@ "access": "public"
         "@floating-ui/utils": "^0.2.1",
-        "@spectrum-web-components/action-button": "^0.50.0-beta.8",
-        "@spectrum-web-components/base": "^0.50.0-beta.8",
-        "@spectrum-web-components/reactive-controllers": "^0.50.0-beta.8",
-        "@spectrum-web-components/shared": "^0.50.0-beta.8",
-        "@spectrum-web-components/theme": "^0.50.0-beta.8"
+        "@spectrum-web-components/action-button": "^0.50.0-beta.9",
+        "@spectrum-web-components/base": "^0.50.0-beta.9",
+        "@spectrum-web-components/reactive-controllers": "^0.50.0-beta.9",
+        "@spectrum-web-components/shared": "^0.50.0-beta.9",
+        "@spectrum-web-components/theme": "^0.50.0-beta.9"
     },
@@ -180,3 +180,3 @@ "types": "./src/index.d.ts",
     ],
-    "gitHead": "8764173251bcf2b85ddef058ec9433c0f8dfcc6c"
+    "gitHead": "c984cc2babbfecd14c86403ab920fbf6b0beb52c"
 }

test/overlay-element.test.js

@@ -31,3 +31,3 @@ "use strict";
   const test = await fixture(html`
-        <sp-theme theme="spectrum" scale="medium" color="light">
+        <sp-theme system="spectrum" scale="medium" color="light">
             ${story}
@@ -724,14 +724,28 @@ </sp-theme>
       const sliderRect = track.getBoundingClientRect();
-      await sendMouse({
-        steps: [
-          {
-            type: "click",
-            position: [
-              sliderRect.left + sliderRect.width - 5,
-              sliderRect.top + sliderRect.height / 2
-            ]
-          }
-        ]
-      });
-      await aTimeout(500);
+      let pointerId = -1;
+      slider.track.setPointerCapture = (id) => pointerId = id;
+      slider.track.releasePointerCapture = (id) => pointerId = id;
+      expect(pointerId).to.equal(-1);
+      track.dispatchEvent(
+        new PointerEvent("pointerdown", {
+          clientX: sliderRect.left + sliderRect.width - 5,
+          clientY: sliderRect.top + sliderRect.height / 2,
+          pointerId: 1,
+          cancelable: true,
+          bubbles: true,
+          composed: true,
+          button: 0
+        })
+      );
+      await elementUpdated(slider);
+      track.dispatchEvent(
+        new PointerEvent("pointerup", {
+          pointerId: 1,
+          cancelable: true,
+          bubbles: true,
+          composed: true
+        })
+      );
+      await elementUpdated(slider);
+      await aTimeout(1500);
       expect(slider.value).to.equal(19.5);
@@ -738,0 +752,0 @@ expect(el.open).to.be.true;

test/overlay-trigger-hover.test.js

@@ -28,3 +28,3 @@ "use strict";
   const test = await fixture(html`
-        <sp-theme theme="spectrum" scale="medium" color="light">
+        <sp-theme system="spectrum" scale="medium" color="light">
             ${story}
@@ -31,0 +31,0 @@ </sp-theme>

test/overlay-v1.test.js

@@ -35,3 +35,3 @@ "use strict";
   const test = await fixture(html`
-        <sp-theme theme="spectrum" scale="medium" color="dark">
+        <sp-theme system="spectrum" scale="medium" color="dark">
             ${story}
@@ -38,0 +38,0 @@ </sp-theme>

test/overlay.test.js

@@ -37,3 +37,3 @@ "use strict";
   const test = await fixture(html`
-        <sp-theme theme="spectrum" scale="medium" color="dark">
+        <sp-theme system="spectrum" scale="medium" color="dark">
             ${story}
@@ -49,54 +49,48 @@ </sp-theme>
     beforeEach(async () => {
-      testDiv = await styledFixture(
-        html`
-                    <div id="top">
-                        <style>
-                            body {
-                                display: flex;
-                                align-items: center;
-                                justify-content: center;
-                            }
+      testDiv = await styledFixture(html`
+                <div id="top">
+                    <style>
+                        body {
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                        }
 
-                            #top {
-                                margin: 100px;
-                            }
+                        #top {
+                            margin: 100px;
+                        }
 
-                            sp-button {
-                                flex: none;
-                            }
+                        sp-button {
+                            flex: none;
+                        }
 
-                            #overlay-content {
-                                display: none;
-                            }
-                        </style>
-                        <sp-button id="first-button" variant="primary">
-                            Show Popover
-                        </sp-button>
-                        <div id="overlay-content">
-                            <sp-popover
-                                id="outer-popover"
-                                direction="bottom"
-                                tip
-                            >
-                                <sp-dialog no-divider>
-                                    <div class="options-popover-content">
-                                        A popover message
-                                    </div>
-                                    <sp-button id="outer-focus-target">
-                                        Test 1
-                                    </sp-button>
-                                    <sp-button>Test 2</sp-button>
-                                    <sp-button>Test 3</sp-button>
-                                </sp-dialog>
-                            </sp-popover>
-                            <sp-tooltip id="hover-1" class="hover-content">
-                                Hover message
-                            </sp-tooltip>
-                            <sp-tooltip id="hover-2" class="hover-content">
-                                Other hover message
-                            </sp-tooltip>
-                        </div>
+                        #overlay-content {
+                            display: none;
+                        }
+                    </style>
+                    <sp-button id="first-button" variant="primary">
+                        Show Popover
+                    </sp-button>
+                    <div id="overlay-content">
+                        <sp-popover id="outer-popover" direction="bottom" tip>
+                            <sp-dialog no-divider>
+                                <div class="options-popover-content">
+                                    A popover message
+                                </div>
+                                <sp-button id="outer-focus-target">
+                                    Test 1
+                                </sp-button>
+                                <sp-button>Test 2</sp-button>
+                                <sp-button>Test 3</sp-button>
+                            </sp-dialog>
+                        </sp-popover>
+                        <sp-tooltip id="hover-1" class="hover-content">
+                            Hover message
+                        </sp-tooltip>
+                        <sp-tooltip id="hover-2" class="hover-content">
+                            Other hover message
+                        </sp-tooltip>
                     </div>
-                `
-      );
+                </div>
+            `);
       await elementUpdated(testDiv);
@@ -502,7 +496,5 @@ });
     const textContent = "This is a detached element that has been overlaid";
-    const el = await fixture(
-      html`
-                <button>Trigger</button>
-            `
-    );
+    const el = await fixture(html`
+            <button>Trigger</button>
+        `);
     const content = document.createElement("sp-popover");
@@ -509,0 +501,0 @@ content.textContent = textContent;

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

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 5 instances 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

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 5 instances in 1 package

Improved metrics

Total package byte prevSize

1320715

increased by0.06%

Lines of code

11586

increased by0.05%

Dependency changes

• Updated@spectrum-web-components/action-button@^0.50.0-beta.9

• Updated@spectrum-web-components/base@^0.50.0-beta.9

• Updated@spectrum-web-components/reactive-controllers@^0.50.0-beta.9

• Updated@spectrum-web-components/shared@^0.50.0-beta.9

• Updated@spectrum-web-components/theme@^0.50.0-beta.9