@pnx-mixtape/mxds 0.0.24 → 0.0.27

package/src/Component/Pagination/__snapshots__/Pagination.stories.ts.snap

@@ -1,63 +1,73 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`Component/Pagination Pagination smoke-test 1`] = `
-<div class="mx-page default">
-  <nav class="mx-pagination"
-       aria-label="Pagination"
-  >
-    <ul class="mx-pagination__items">
-      <li class="mx-pagination__previous">
-        <a href="#">
-          <span class="mx-icon mx-icon--arrow-left">
-          </span>
-          <span>
-            Previous
-          </span>
-        </a>
-      </li>
-      <li class="mx-pagination__item">
-        <a href="#"
-           aria-current="page"
-        >
-          <span>
-            1
-          </span>
-        </a>
-      </li>
-      <li class="mx-pagination__item">
-        <a href="#">
-          <span>
-            2
-          </span>
-        </a>
-      </li>
-      <li class="mx-pagination__item">
-        <a href="#">
-          <span>
-            3
-          </span>
-        </a>
-      </li>
-      <li class="mx-pagination__ellipsis">
-        …
-      </li>
-      <li class="mx-pagination__item">
-        <a href="#">
-          <span>
-            10
-          </span>
-        </a>
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Pagination 1`] = `
+"<nav class="mx-pagination" aria-label="Pagination">
+  <ul class="mx-pagination__items">
+          <li class="mx-pagination__previous">
+        
+<a href="#">
+  
+<span class="mx-icon mx-icon--arrow-left"></span>
+
+  <span>Previous</span>
+    
+</a>
+
       </li>
-      <li class="mx-pagination__next">
-        <a href="#">
-          <span>
-            Next
-          </span>
-          <span class="mx-icon mx-icon--arrow-right">
-          </span>
-        </a>
+              <li class="mx-pagination__item">
+  
+<a href="#" aria-current="page">
+  
+  <span>1</span>
+    
+</a>
+
+</li>
+
+          <li class="mx-pagination__item">
+  
+<a href="#">
+  
+  <span>2</span>
+    
+</a>
+
+</li>
+
+          <li class="mx-pagination__item">
+  
+<a href="#">
+  
+  <span>3</span>
+    
+</a>
+
+</li>
+
+            <li class="mx-pagination__ellipsis">…</li>
+
+          <li class="mx-pagination__item">
+  
+<a href="#">
+  
+  <span>10</span>
+    
+</a>
+
+</li>
+
+              <li class="mx-pagination__next">
+        
+<a href="#">
+  
+  <span>Next</span>
+    
+<span class="mx-icon mx-icon--arrow-right"></span>
+
+</a>
+
       </li>
-    </ul>
-  </nav>
-</div>
+      </ul>
+</nav>
+"
 `;

package/src/Component/Pagination/__snapshots__/Pagination.stories.tsx.snap

@@ -1,63 +1,3 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Component/Pagination Pagination smoke-test 1`] = `
-<nav class="mx-pagination"
-     aria-label="Pagination"
->
-  <ul class="mx-pagination__items">
-    <li class="mx-pagination__previous"
-        aria-hidden="true"
-    >
-      <button type="button"
-              disabled
-      >
-        <span class="mx-icon mx-icon--arrow-left">
-        </span>
-        <span>
-          previous
-        </span>
-      </button>
-    </li>
-    <li class="mx-pagination__item"
-        aria-current="step"
-    >
-      1
-    </li>
-    <li class="mx-pagination__item">
-      <button type="button"
-              data-page="2"
-      >
-        2
-      </button>
-    </li>
-    <li class="mx-pagination__item">
-      <button type="button"
-              data-page="3"
-      >
-        3
-      </button>
-    </li>
-    <li class="mx-pagination__ellipsis">
-      ...
-    </li>
-    <li class="mx-pagination__item">
-      <button type="button"
-              data-page="10"
-      >
-        10
-      </button>
-    </li>
-    <li class="mx-pagination__next">
-      <button type="button"
-              data-page="2"
-      >
-        <span>
-          next
-        </span>
-        <span class="mx-icon mx-icon--arrow-right">
-        </span>
-      </button>
-    </li>
-  </ul>
-</nav>
-`;
+exports[`Pagination 1`] = `"<nav class="mx-pagination" aria-label="Pagination"><ul class="mx-pagination__items"><li class="mx-pagination__previous" aria-hidden="true"><button type="button" disabled=""><span class="mx-icon mx-icon--arrow-left"></span><span>previous</span></button></li><li class="mx-pagination__item" aria-current="step">1</li><li class="mx-pagination__item"><button type="button" data-page="2">2</button></li><li class="mx-pagination__item"><button type="button" data-page="3">3</button></li><li class="mx-pagination__ellipsis">...</li><li class="mx-pagination__item"><button type="button" data-page="10">10</button></li><li class="mx-pagination__next"><button type="button" data-page="2"><span>next</span><span class="mx-icon mx-icon--arrow-right"></span></button></li></ul></nav>"`;

package/src/Component/Popover/Elements/Popover.ts

@@ -22,7 +22,11 @@ export default class Popover extends HTMLElement {
       new Polyfills(this.container)
     }
     // Polyfill popover (FF only)
-    if (!Object.hasOwn(HTMLElement, "popover")) {
+    if (
+      typeof HTMLElement !== "undefined" &&
+      typeof HTMLElement.prototype === "object" &&
+      "popover" in HTMLElement.prototype
+    ) {
       await import("@oddbird/popover-polyfill")
     }
   }