@internetarchive/modal-manager 2.0.4 → 2.0.5-webdev-8155.2

package/src/shoelace/modal.ts

@@ -1,4 +1,4 @@
-/* istanbul ignore file */
+/* c8 ignore start */
 import { activeElements, getDeepestActiveElement } from './active-elements.js';
 import { getTabbableElements } from './tabbable.js';
 
@@ -28,7 +28,7 @@ export default class Modal {
 
   /** Deactivates focus trapping. */
   deactivate() {
-    activeModals = activeModals.filter(modal => modal !== this.element);
+    activeModals = activeModals.filter((modal) => modal !== this.element);
     this.currentFocus = null;
     document.removeEventListener('focusin', this.handleFocusIn);
     document.removeEventListener('keydown', this.handleKeyDown);
@@ -75,7 +75,7 @@ export default class Modal {
   private possiblyHasTabbableChildren(element: HTMLElement) {
     return (
       this.elementsWithTabbableControls.includes(
-        element.tagName.toLowerCase()
+        element.tagName.toLowerCase(),
       ) || element.hasAttribute('controls')
       // Should we add a data-attribute for people to set just in case they have an element where we don't know if it has possibly tabbable elements?
     );
@@ -107,14 +107,13 @@ export default class Modal {
     const tabbableElements = getTabbableElements(this.element);
 
     let currentFocusIndex = tabbableElements.findIndex(
-      el => el === currentActiveElement
+      (el) => el === currentActiveElement,
     );
 
     this.previousFocus = this.currentFocus;
 
     const addition = this.tabDirection === 'forward' ? 1 : -1;
 
-    // eslint-disable-next-line
     while (true) {
       if (currentFocusIndex + addition >= tabbableElements.length) {
         currentFocusIndex = 0;
@@ -164,3 +163,4 @@ export default class Modal {
     this.tabDirection = 'forward';
   };
 }
+/* c8 ignore end */

package/src/shoelace/tabbable.ts

@@ -1,4 +1,4 @@
-/* istanbul ignore file */
+/* c8 ignore start */
 // Cached compute style calls. This is specifically for browsers that dont support `checkVisibility()`.
 // computedStyle calls are "live" so they only need to be retrieved once for an element.
 const computedStyleMap = new WeakMap<Element, CSSStyleDeclaration>();
@@ -160,7 +160,7 @@ export function getTabbableBoundary(root: HTMLElement | ShadowRoot) {
  */
 function getSlottedChildrenOutsideRootElement(
   slotElement: HTMLSlotElement,
-  root: HTMLElement | ShadowRoot
+  root: HTMLElement | ShadowRoot,
 ) {
   return (
     (slotElement.getRootNode({ composed: true }) as ShadowRoot | null)?.host !==
@@ -195,7 +195,7 @@ export function getTabbableElements(root: HTMLElement | ShadowRoot) {
         el.assignedElements({ flatten: true }).forEach(
           (assignedEl: Element) => {
             walk(assignedEl as HTMLElement | ShadowRoot);
-          }
+          },
         );
       }
 
@@ -221,3 +221,4 @@ export function getTabbableElements(root: HTMLElement | ShadowRoot) {
     return bTabindex - aTabindex;
   });
 }
+/* c8 ignore end */

package/test/modal-config.test.ts

@@ -1,10 +1,10 @@
-import { expect } from '@open-wc/testing';
+import { describe, test, expect } from 'vitest';
 import { html } from 'lit';
 
 import { ModalConfig } from '../src/modal-config';
 
 describe('Modal Config', () => {
-  it('can be instantiated properly', async () => {
+  test('can be instantiated properly', async () => {
     const config = new ModalConfig();
     const title = html`Foo`;
     config.title = title;
@@ -14,7 +14,7 @@ describe('Modal Config', () => {
     expect(config.headerColor).to.equal('green');
   });
 
-  it('can be instantiated properly with constructor', async () => {
+  test('can be instantiated properly with constructor', async () => {
     const title = html`Foo`;
     const subtitle = html`Bar`;
     const headline = html`Baz`;
@@ -59,7 +59,7 @@ describe('Modal Config', () => {
     expect(config.closeOnBackdropClick).to.equal(closeOnBackdropClick);
   });
 
-  it('instantiates properly with defaults', async () => {
+  test('instantiates properly with defaults', async () => {
     const config = new ModalConfig();
     expect(config.title).to.equal(undefined);
     expect(config.subtitle).to.equal(undefined);