@internetarchive/modal-manager 2.0.4-alpha-webdev7960.1 → 2.0.4

package/dist/src/modal-manager.js

@@ -60,17 +60,17 @@ let ModalManager = class ModalManager extends LitElement {
     }
     /** @inheritdoc */
     render() {
-        return html `
-      <div class="container">
-        <div class="backdrop" @click=${this.backdropClicked}></div>
-        <modal-template
-          @closeButtonPressed=${this.closeButtonPressed}
-          @leftNavButtonPressed=${this.callUserPressedLeftNavButtonCallback}
-          tabindex="-1"
-        >
-          ${this.customModalContent}
-        </modal-template>
-      </div>
+        return html `
+      <div class="container">
+        <div class="backdrop" @click=${this.backdropClicked}></div>
+        <modal-template
+          @closeButtonPressed=${this.closeButtonPressed}
+          @leftNavButtonPressed=${this.callUserPressedLeftNavButtonCallback}
+          tabindex="-1"
+        >
+          ${this.customModalContent}
+        </modal-template>
+      </div>
     `;
     }
     /** @inheritdoc */
@@ -202,32 +202,32 @@ let ModalManager = class ModalManager extends LitElement {
         const modalWidth = css `var(--modalWidth, 32rem)`;
         const modalMaxWidth = css `var(--modalMaxWidth, 95%)`;
         const modalZindex = css `var(--modalZindex, 2000)`;
-        return css `
-      .container {
-        width: 100%;
-        height: 100%;
-      }
-
-      .backdrop {
-        position: fixed;
-        top: 0;
-        left: 0;
-        background-color: ${modalBackdropColor};
-        width: 100%;
-        height: 100%;
-        z-index: ${modalBackdropZindex};
-      }
-
-      modal-template {
-        outline: 0;
-        position: fixed;
-        top: 0;
-        left: 50%;
-        transform: translate(-50%, 0);
-        z-index: ${modalZindex};
-        width: ${modalWidth};
-        max-width: ${modalMaxWidth};
-      }
+        return css `
+      .container {
+        width: 100%;
+        height: 100%;
+      }
+
+      .backdrop {
+        position: fixed;
+        top: 0;
+        left: 0;
+        background-color: ${modalBackdropColor};
+        width: 100%;
+        height: 100%;
+        z-index: ${modalBackdropZindex};
+      }
+
+      modal-template {
+        outline: 0;
+        position: fixed;
+        top: 0;
+        left: 50%;
+        transform: translate(-50%, 0);
+        z-index: ${modalZindex};
+        width: ${modalWidth};
+        max-width: ${modalMaxWidth};
+      }
     `;
     }
 };

package/dist/src/modal-manager.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-manager.js","sourceRoot":"","sources":["../../src/modal-manager.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  LitElement,\n  html,\n  css,\n  CSSResult,\n  TemplateResult,\n  PropertyValues,\n} from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\n\nimport Modal from './shoelace/modal';\nimport { getDeepestActiveElement } from './shoelace/active-elements';\n\nimport './modal-template';\nimport { ModalTemplate } from './modal-template';\nimport { ModalConfig } from './modal-config';\nimport { ModalManagerHostBridge } from './modal-manager-host-bridge';\nimport { ModalManagerInterface } from './modal-manager-interface';\nimport { ModalManagerHostBridgeInterface } from './modal-manager-host-bridge-interface';\nimport { ModalManagerMode } from './modal-manager-mode';\n\n@customElement('modal-manager')\nexport class ModalManager extends LitElement implements ModalManagerInterface {\n  /**\n   * The current mode of the ModalManager\n   *\n   * Current options are `modal` or `closed`\n   *\n   * @type {ModalManagerMode}\n   * @memberof ModalManager\n   */\n  @property({ type: String, reflect: true }) mode: ModalManagerMode =\n    ModalManagerMode.Closed;\n\n  /**\n   * Custom content to display in the modal's content slot\n   *\n   * @type {(TemplateResult | undefined)}\n   * @memberof ModalManager\n   */\n  @property({ type: Object }) customModalContent?: TemplateResult;\n\n  /**\n   * This hostBridge handles environmental-specific interactions such as adding classes\n   * to the body tag or event listeners needed to support the modal manager in the host environment.\n   *\n   * There is a default `ModalManagerHostBridge`, but consumers can override it with a custom\n   * `ModalManagerHostBridgeInterface`\n   *\n   * @type {ModalManagerHostBridgeInterface}\n   * @memberof ModalManager\n   */\n  @property({ type: Object })\n  hostBridge: ModalManagerHostBridgeInterface = new ModalManagerHostBridge(\n    this\n  );\n\n  /**\n   * Reference to the ModalTemplate DOM element\n   *\n   * @private\n   * @type {ModalTemplate}\n   * @memberof ModalManager\n   */\n  @query('modal-template') private modalTemplate?: ModalTemplate;\n\n  // Imported tab handling from shoelace\n  public modal = new Modal(this);\n\n  async firstUpdated(): Promise<void> {\n    // Give the browser a chance to paint\n    // eslint-disable-next-line no-promise-executor-return\n    await new Promise(r => setTimeout(r, 0));\n\n    if (this.closeOnBackdropClick) {\n      this.addEventListener('keydown', (e: KeyboardEvent) => {\n        if (e.key === 'Escape') {\n          this.backdropClicked();\n        }\n      });\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.modal.deactivate();\n  }\n\n  /** @inheritdoc */\n  render(): TemplateResult {\n    return html`\n      <div class=\"container\">\n        <div class=\"backdrop\" @click=${this.backdropClicked}></div>\n        <modal-template\n          @closeButtonPressed=${this.closeButtonPressed}\n          @leftNavButtonPressed=${this.callUserPressedLeftNavButtonCallback}\n          tabindex=\"-1\"\n        >\n          ${this.customModalContent}\n        </modal-template>\n      </div>\n    `;\n  }\n\n  /** @inheritdoc */\n  getMode(): ModalManagerMode {\n    return this.mode;\n  }\n\n  /** @inheritdoc */\n  closeModal(): void {\n    this.mode = ModalManagerMode.Closed;\n    this.customModalContent = undefined;\n    if (this.modalTemplate) this.modalTemplate.config = new ModalConfig();\n    this.modal.deactivate();\n\n    // Return focus to the triggering element, if possible\n    (this.triggeringElement as HTMLElement)?.focus?.();\n    this.triggeringElement = undefined;\n  }\n\n  /**\n   * Whether the modal should close if the user taps on the backdrop\n   *\n   * @private\n   * @memberof ModalManager\n   */\n  private closeOnBackdropClick = true;\n\n  /**\n   * The element that had focus when the modal was opened, so that we can return focus\n   * to it after the modal closes.\n   */\n  private triggeringElement?: Element;\n\n  /**\n   * A callback if the user closes the modal\n   *\n   * @private\n   * @memberof ModalManager\n   */\n  private userClosedModalCallback?: () => void;\n\n  /**\n   * A callback if the user presses the left nav button\n   *\n   * @private\n   * @memberof ModalManager\n   */\n  private userPressedLeftNavButtonCallback?: () => void;\n\n  /**\n   * Call the userClosedModalCallback and reset it if it exists\n   *\n   * @private\n   * @memberof ModalManager\n   */\n  private callUserClosedModalCallback(): void {\n    // we assign the callback to a temp var and undefine it before calling it\n    // otherwise, we run into the potential for an infinite loop if the\n    // callback triggers another `showModal()`, which would execute `userClosedModalCallback`\n    const callback = this.userClosedModalCallback;\n    this.userClosedModalCallback = undefined;\n    if (callback) callback();\n  }\n\n  /**\n   * Call the user pressed left nav button callback and reset it if it exists\n   *\n   * @private\n   * @memberof ModalManager\n   */\n  private callUserPressedLeftNavButtonCallback(): void {\n    // avoids an infinite showModal() loop, as above\n    const callback = this.userPressedLeftNavButtonCallback;\n    this.userPressedLeftNavButtonCallback = undefined;\n    if (callback) callback();\n  }\n\n  /** @inheritdoc */\n  async showModal(options: {\n    config: ModalConfig;\n    customModalContent?: TemplateResult;\n    userClosedModalCallback?: () => void;\n    userPressedLeftNavButtonCallback?: () => void;\n  }): Promise<void> {\n    // If the dialog is being opened, make note of what element was focused beforehand\n    if (this.mode === ModalManagerMode.Closed) this.captureFocusedElement();\n\n    this.closeOnBackdropClick = options.config.closeOnBackdropClick;\n    this.userClosedModalCallback = options.userClosedModalCallback;\n    this.userPressedLeftNavButtonCallback =\n      options.userPressedLeftNavButtonCallback;\n    this.customModalContent = options.customModalContent;\n    this.mode = ModalManagerMode.Open;\n    if (this.modalTemplate) {\n      this.modalTemplate.config = options.config;\n      await this.modalTemplate.updateComplete;\n      this.modalTemplate.focus();\n    }\n    this.modal.activate();\n  }\n\n  /**\n   * Sets the triggering element to the one that is currently focused, as deep\n   * within Shadow DOM as possible.\n   */\n  private captureFocusedElement(): void {\n    this.triggeringElement = getDeepestActiveElement();\n  }\n\n  /** @inheritdoc */\n  updated(changed: PropertyValues): void {\n    /* istanbul ignore else */\n    if (changed.has('mode')) {\n      this.handleModeChange();\n    }\n  }\n\n  /**\n   * Called when the backdrop is clicked\n   *\n   * @private\n   * @memberof ModalManager\n   */\n  private backdropClicked(): void {\n    if (this.closeOnBackdropClick) {\n      this.closeModal();\n      this.callUserClosedModalCallback();\n    }\n  }\n\n  /**\n   * Handle the mode change\n   *\n   * @private\n   * @memberof ModalManager\n   */\n  private handleModeChange(): void {\n    this.hostBridge.handleModeChange(this.mode);\n    this.emitModeChangeEvent();\n  }\n\n  /**\n   * Emit a modeChange event\n   *\n   * @private\n   * @memberof ModalManager\n   */\n  private emitModeChangeEvent(): void {\n    const event = new CustomEvent('modeChanged', {\n      detail: { mode: this.mode },\n    });\n    this.dispatchEvent(event);\n  }\n\n  /**\n   * Called when the modal close button is pressed. Closes the modal.\n   *\n   * @private\n   * @memberof ModalManager\n   */\n  private closeButtonPressed(): void {\n    this.closeModal();\n    this.callUserClosedModalCallback();\n  }\n\n  /** @inheritdoc */\n  static get styles(): CSSResult {\n    const modalBackdropColor = css`var(--modalBackdropColor, rgba(10, 10, 10, 0.9))`;\n    const modalBackdropZindex = css`var(--modalBackdropZindex, 1000)`;\n\n    const modalWidth = css`var(--modalWidth, 32rem)`;\n    const modalMaxWidth = css`var(--modalMaxWidth, 95%)`;\n    const modalZindex = css`var(--modalZindex, 2000)`;\n\n    return css`\n      .container {\n        width: 100%;\n        height: 100%;\n      }\n\n      .backdrop {\n        position: fixed;\n        top: 0;\n        left: 0;\n        background-color: ${modalBackdropColor};\n        width: 100%;\n        height: 100%;\n        z-index: ${modalBackdropZindex};\n      }\n\n      modal-template {\n        outline: 0;\n        position: fixed;\n        top: 0;\n        left: 50%;\n        transform: translate(-50%, 0);\n        z-index: ${modalZindex};\n        width: ${modalWidth};\n        max-width: ${modalMaxWidth};\n      }\n    `;\n  }\n}\n"]}
+{"version":3,"file":"modal-manager.js","sourceRoot":"","sources":["../../src/modal-manager.ts"],"names":[],"mappings":"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","sourcesContent":["import {\r\n  LitElement,\r\n  html,\r\n  css,\r\n  CSSResult,\r\n  TemplateResult,\r\n  PropertyValues,\r\n} from 'lit';\r\nimport { property, customElement, query } from 'lit/decorators.js';\r\n\r\nimport Modal from './shoelace/modal';\r\nimport { getDeepestActiveElement } from './shoelace/active-elements';\r\n\r\nimport './modal-template';\r\nimport { ModalTemplate } from './modal-template';\r\nimport { ModalConfig } from './modal-config';\r\nimport { ModalManagerHostBridge } from './modal-manager-host-bridge';\r\nimport { ModalManagerInterface } from './modal-manager-interface';\r\nimport { ModalManagerHostBridgeInterface } from './modal-manager-host-bridge-interface';\r\nimport { ModalManagerMode } from './modal-manager-mode';\r\n\r\n@customElement('modal-manager')\r\nexport class ModalManager extends LitElement implements ModalManagerInterface {\r\n  /**\r\n   * The current mode of the ModalManager\r\n   *\r\n   * Current options are `modal` or `closed`\r\n   *\r\n   * @type {ModalManagerMode}\r\n   * @memberof ModalManager\r\n   */\r\n  @property({ type: String, reflect: true }) mode: ModalManagerMode =\r\n    ModalManagerMode.Closed;\r\n\r\n  /**\r\n   * Custom content to display in the modal's content slot\r\n   *\r\n   * @type {(TemplateResult | undefined)}\r\n   * @memberof ModalManager\r\n   */\r\n  @property({ type: Object }) customModalContent?: TemplateResult;\r\n\r\n  /**\r\n   * This hostBridge handles environmental-specific interactions such as adding classes\r\n   * to the body tag or event listeners needed to support the modal manager in the host environment.\r\n   *\r\n   * There is a default `ModalManagerHostBridge`, but consumers can override it with a custom\r\n   * `ModalManagerHostBridgeInterface`\r\n   *\r\n   * @type {ModalManagerHostBridgeInterface}\r\n   * @memberof ModalManager\r\n   */\r\n  @property({ type: Object })\r\n  hostBridge: ModalManagerHostBridgeInterface = new ModalManagerHostBridge(\r\n    this\r\n  );\r\n\r\n  /**\r\n   * Reference to the ModalTemplate DOM element\r\n   *\r\n   * @private\r\n   * @type {ModalTemplate}\r\n   * @memberof ModalManager\r\n   */\r\n  @query('modal-template') private modalTemplate?: ModalTemplate;\r\n\r\n  // Imported tab handling from shoelace\r\n  public modal = new Modal(this);\r\n\r\n  async firstUpdated(): Promise<void> {\r\n    // Give the browser a chance to paint\r\n    // eslint-disable-next-line no-promise-executor-return\r\n    await new Promise(r => setTimeout(r, 0));\r\n\r\n    if (this.closeOnBackdropClick) {\r\n      this.addEventListener('keydown', (e: KeyboardEvent) => {\r\n        if (e.key === 'Escape') {\r\n          this.backdropClicked();\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    super.disconnectedCallback();\r\n    this.modal.deactivate();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  render(): TemplateResult {\r\n    return html`\r\n      <div class=\"container\">\r\n        <div class=\"backdrop\" @click=${this.backdropClicked}></div>\r\n        <modal-template\r\n          @closeButtonPressed=${this.closeButtonPressed}\r\n          @leftNavButtonPressed=${this.callUserPressedLeftNavButtonCallback}\r\n          tabindex=\"-1\"\r\n        >\r\n          ${this.customModalContent}\r\n        </modal-template>\r\n      </div>\r\n    `;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  getMode(): ModalManagerMode {\r\n    return this.mode;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  closeModal(): void {\r\n    this.mode = ModalManagerMode.Closed;\r\n    this.customModalContent = undefined;\r\n    if (this.modalTemplate) this.modalTemplate.config = new ModalConfig();\r\n    this.modal.deactivate();\r\n\r\n    // Return focus to the triggering element, if possible\r\n    (this.triggeringElement as HTMLElement)?.focus?.();\r\n    this.triggeringElement = undefined;\r\n  }\r\n\r\n  /**\r\n   * Whether the modal should close if the user taps on the backdrop\r\n   *\r\n   * @private\r\n   * @memberof ModalManager\r\n   */\r\n  private closeOnBackdropClick = true;\r\n\r\n  /**\r\n   * The element that had focus when the modal was opened, so that we can return focus\r\n   * to it after the modal closes.\r\n   */\r\n  private triggeringElement?: Element;\r\n\r\n  /**\r\n   * A callback if the user closes the modal\r\n   *\r\n   * @private\r\n   * @memberof ModalManager\r\n   */\r\n  private userClosedModalCallback?: () => void;\r\n\r\n  /**\r\n   * A callback if the user presses the left nav button\r\n   *\r\n   * @private\r\n   * @memberof ModalManager\r\n   */\r\n  private userPressedLeftNavButtonCallback?: () => void;\r\n\r\n  /**\r\n   * Call the userClosedModalCallback and reset it if it exists\r\n   *\r\n   * @private\r\n   * @memberof ModalManager\r\n   */\r\n  private callUserClosedModalCallback(): void {\r\n    // we assign the callback to a temp var and undefine it before calling it\r\n    // otherwise, we run into the potential for an infinite loop if the\r\n    // callback triggers another `showModal()`, which would execute `userClosedModalCallback`\r\n    const callback = this.userClosedModalCallback;\r\n    this.userClosedModalCallback = undefined;\r\n    if (callback) callback();\r\n  }\r\n\r\n  /**\r\n   * Call the user pressed left nav button callback and reset it if it exists\r\n   *\r\n   * @private\r\n   * @memberof ModalManager\r\n   */\r\n  private callUserPressedLeftNavButtonCallback(): void {\r\n    // avoids an infinite showModal() loop, as above\r\n    const callback = this.userPressedLeftNavButtonCallback;\r\n    this.userPressedLeftNavButtonCallback = undefined;\r\n    if (callback) callback();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  async showModal(options: {\r\n    config: ModalConfig;\r\n    customModalContent?: TemplateResult;\r\n    userClosedModalCallback?: () => void;\r\n    userPressedLeftNavButtonCallback?: () => void;\r\n  }): Promise<void> {\r\n    // If the dialog is being opened, make note of what element was focused beforehand\r\n    if (this.mode === ModalManagerMode.Closed) this.captureFocusedElement();\r\n\r\n    this.closeOnBackdropClick = options.config.closeOnBackdropClick;\r\n    this.userClosedModalCallback = options.userClosedModalCallback;\r\n    this.userPressedLeftNavButtonCallback =\r\n      options.userPressedLeftNavButtonCallback;\r\n    this.customModalContent = options.customModalContent;\r\n    this.mode = ModalManagerMode.Open;\r\n    if (this.modalTemplate) {\r\n      this.modalTemplate.config = options.config;\r\n      await this.modalTemplate.updateComplete;\r\n      this.modalTemplate.focus();\r\n    }\r\n    this.modal.activate();\r\n  }\r\n\r\n  /**\r\n   * Sets the triggering element to the one that is currently focused, as deep\r\n   * within Shadow DOM as possible.\r\n   */\r\n  private captureFocusedElement(): void {\r\n    this.triggeringElement = getDeepestActiveElement();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  updated(changed: PropertyValues): void {\r\n    /* istanbul ignore else */\r\n    if (changed.has('mode')) {\r\n      this.handleModeChange();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Called when the backdrop is clicked\r\n   *\r\n   * @private\r\n   * @memberof ModalManager\r\n   */\r\n  private backdropClicked(): void {\r\n    if (this.closeOnBackdropClick) {\r\n      this.closeModal();\r\n      this.callUserClosedModalCallback();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Handle the mode change\r\n   *\r\n   * @private\r\n   * @memberof ModalManager\r\n   */\r\n  private handleModeChange(): void {\r\n    this.hostBridge.handleModeChange(this.mode);\r\n    this.emitModeChangeEvent();\r\n  }\r\n\r\n  /**\r\n   * Emit a modeChange event\r\n   *\r\n   * @private\r\n   * @memberof ModalManager\r\n   */\r\n  private emitModeChangeEvent(): void {\r\n    const event = new CustomEvent('modeChanged', {\r\n      detail: { mode: this.mode },\r\n    });\r\n    this.dispatchEvent(event);\r\n  }\r\n\r\n  /**\r\n   * Called when the modal close button is pressed. Closes the modal.\r\n   *\r\n   * @private\r\n   * @memberof ModalManager\r\n   */\r\n  private closeButtonPressed(): void {\r\n    this.closeModal();\r\n    this.callUserClosedModalCallback();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  static get styles(): CSSResult {\r\n    const modalBackdropColor = css`var(--modalBackdropColor, rgba(10, 10, 10, 0.9))`;\r\n    const modalBackdropZindex = css`var(--modalBackdropZindex, 1000)`;\r\n\r\n    const modalWidth = css`var(--modalWidth, 32rem)`;\r\n    const modalMaxWidth = css`var(--modalMaxWidth, 95%)`;\r\n    const modalZindex = css`var(--modalZindex, 2000)`;\r\n\r\n    return css`\r\n      .container {\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n\r\n      .backdrop {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        background-color: ${modalBackdropColor};\r\n        width: 100%;\r\n        height: 100%;\r\n        z-index: ${modalBackdropZindex};\r\n      }\r\n\r\n      modal-template {\r\n        outline: 0;\r\n        position: fixed;\r\n        top: 0;\r\n        left: 50%;\r\n        transform: translate(-50%, 0);\r\n        z-index: ${modalZindex};\r\n        width: ${modalWidth};\r\n        max-width: ${modalMaxWidth};\r\n      }\r\n    `;\r\n  }\r\n}\r\n"]}

package/dist/test/modal-manager.test.js

@@ -7,14 +7,14 @@ import { ModalManagerMode } from '../src/modal-manager-mode';
 import { getTabbableElements } from '../src/shoelace/tabbable';
 describe('Modal Manager', () => {
     it('defaults to closed', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = (yield fixture(html `
-      <modal-manager></modal-manager>
+        const el = (yield fixture(html `
+      <modal-manager></modal-manager>
     `));
         expect(el.mode).to.equal('closed');
     }));
     it('can be closed by calling closeModal', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = (yield fixture(html `
-      <modal-manager .mode=${ModalManagerMode.Open}></modal-manager>
+        const el = (yield fixture(html `
+      <modal-manager .mode=${ModalManagerMode.Open}></modal-manager>
     `));
         el.customModalContent = 'foo';
         yield elementUpdated(el);
@@ -26,8 +26,8 @@ describe('Modal Manager', () => {
     }));
     it('can be closed by clicking on the backdrop', () => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
-        const el = (yield fixture(html `
-      <modal-manager .mode=${ModalManagerMode.Open}></modal-manager>
+        const el = (yield fixture(html `
+      <modal-manager .mode=${ModalManagerMode.Open}></modal-manager>
     `));
         const backdrop = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.backdrop');
         const clickEvent = new MouseEvent('click');
@@ -36,8 +36,8 @@ describe('Modal Manager', () => {
         expect(el.mode).to.equal('closed');
     }));
     it('emits a modeChanged event when opening', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = (yield fixture(html `
-      <modal-manager></modal-manager>
+        const el = (yield fixture(html `
+      <modal-manager></modal-manager>
     `));
         const config = new ModalConfig();
         setTimeout(() => {
@@ -47,8 +47,8 @@ describe('Modal Manager', () => {
         expect(response.detail.mode).to.equal(ModalManagerMode.Open);
     }));
     it('emits a modeChanged event when closing', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = (yield fixture(html `
-      <modal-manager></modal-manager>
+        const el = (yield fixture(html `
+      <modal-manager></modal-manager>
     `));
         const config = new ModalConfig();
         el.showModal({ config });
@@ -60,8 +60,8 @@ describe('Modal Manager', () => {
         expect(response.detail.mode).to.equal(ModalManagerMode.Closed);
     }));
     it('can show a modal', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = (yield fixture(html `
-      <modal-manager></modal-manager>
+        const el = (yield fixture(html `
+      <modal-manager></modal-manager>
     `));
         const config = new ModalConfig();
         el.showModal({ config });
@@ -69,8 +69,8 @@ describe('Modal Manager', () => {
         expect(el.mode).to.equal(ModalManagerMode.Open);
     }));
     it('sets the --containerHeight CSS property when the window resizes', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = (yield fixture(html `
-      <modal-manager></modal-manager>
+        const el = (yield fixture(html `
+      <modal-manager></modal-manager>
     `));
         const config = new ModalConfig();
         el.showModal({ config });
@@ -85,8 +85,8 @@ describe('Modal Manager', () => {
     }));
     it('calls the userClosedModalCallback when the user taps the backdrop', () => __awaiter(void 0, void 0, void 0, function* () {
         var _b;
-        const el = (yield fixture(html `
-      <modal-manager></modal-manager>
+        const el = (yield fixture(html `
+      <modal-manager></modal-manager>
     `));
         const config = new ModalConfig();
         let callbackCalled = false;
@@ -105,8 +105,8 @@ describe('Modal Manager', () => {
         expect(callbackCalled).to.equal(true);
     }));
     it('does not call the userClosedModalCallback when the modal just closes', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = (yield fixture(html `
-      <modal-manager></modal-manager>
+        const el = (yield fixture(html `
+      <modal-manager></modal-manager>
     `));
         const config = new ModalConfig();
         let callbackCalled = false;
@@ -124,8 +124,8 @@ describe('Modal Manager', () => {
     }));
     it('calls the userPressedLeftNavButtonCallback when the user clicks the left nav button', () => __awaiter(void 0, void 0, void 0, function* () {
         var _c;
-        const el = (yield fixture(html `
-      <modal-manager></modal-manager>
+        const el = (yield fixture(html `
+      <modal-manager></modal-manager>
     `));
         const config = new ModalConfig();
         config.showLeftNavButton = true;
@@ -146,8 +146,8 @@ describe('Modal Manager', () => {
     }));
     it('mode is set to closed when close button is pressed', () => __awaiter(void 0, void 0, void 0, function* () {
         var _d, _e;
-        const el = (yield fixture(html `
-      <modal-manager></modal-manager>
+        const el = (yield fixture(html `
+      <modal-manager></modal-manager>
     `));
         const config = new ModalConfig();
         el.showModal({ config });
@@ -162,8 +162,8 @@ describe('Modal Manager', () => {
     }));
     it('mode is set to closed when close button gets spacebar pressed', () => __awaiter(void 0, void 0, void 0, function* () {
         var _f, _g;
-        const el = (yield fixture(html `
-      <modal-manager></modal-manager>
+        const el = (yield fixture(html `
+      <modal-manager></modal-manager>
     `));
         const config = new ModalConfig();
         el.showModal({ config });
@@ -179,8 +179,8 @@ describe('Modal Manager', () => {
     }));
     it('mode remains open when close button gets non-button keypress', () => __awaiter(void 0, void 0, void 0, function* () {
         var _h, _j;
-        const el = (yield fixture(html `
-      <modal-manager></modal-manager>
+        const el = (yield fixture(html `
+      <modal-manager></modal-manager>
     `));
         const config = new ModalConfig();
         el.showModal({ config });
@@ -196,8 +196,8 @@ describe('Modal Manager', () => {
     }));
     it('allows the user to close by clicking on the backdrop if configured to', () => __awaiter(void 0, void 0, void 0, function* () {
         var _k;
-        const el = (yield fixture(html `
-      <modal-manager></modal-manager>
+        const el = (yield fixture(html `
+      <modal-manager></modal-manager>
     `));
         const config = new ModalConfig();
         config.closeOnBackdropClick = true;
@@ -211,8 +211,8 @@ describe('Modal Manager', () => {
     }));
     it("doesn't allow the user to close by clicking on the backdrop if configured to", () => __awaiter(void 0, void 0, void 0, function* () {
         var _l;
-        const el = (yield fixture(html `
-      <modal-manager></modal-manager>
+        const el = (yield fixture(html `
+      <modal-manager></modal-manager>
     `));
         const config = new ModalConfig();
         config.closeOnBackdropClick = false;
@@ -226,8 +226,8 @@ describe('Modal Manager', () => {
     }));
     it('ia logo should not visible on modal', () => __awaiter(void 0, void 0, void 0, function* () {
         var _m;
-        const el = (yield fixture(html `
-      <modal-manager></modal-manager>
+        const el = (yield fixture(html `
+      <modal-manager></modal-manager>
     `));
         const config = new ModalConfig();
         config.showHeaderLogo = false;
@@ -238,8 +238,8 @@ describe('Modal Manager', () => {
     }));
     it('should trap Tab key', () => __awaiter(void 0, void 0, void 0, function* () {
         var _o, _p, _q, _r, _s;
-        const el = (yield fixture(html `
-      <modal-manager></modal-manager>
+        const el = (yield fixture(html `
+      <modal-manager></modal-manager>
     `));
         const config = new ModalConfig();
         el.showModal({ config });
@@ -272,20 +272,20 @@ describe('Modal Manager', () => {
     }));
     it('returns keyboard focus to the triggering element on close', () => __awaiter(void 0, void 0, void 0, function* () {
         const config = new ModalConfig();
-        const el = (yield fixture(html `
-      <div>
-        <button>Another button</button>
-        <button
-          id="open-modal-btn"
+        const el = (yield fixture(html `
+      <div>
+        <button>Another button</button>
+        <button
+          id="open-modal-btn"
           @click=${() => {
             const modal = el.querySelector('modal-manager');
             modal.showModal({ config });
-        }}
-        >
-          Open modal
-        </button>
-        <modal-manager></modal-manager>
-      </div>
+        }}
+        >
+          Open modal
+        </button>
+        <modal-manager></modal-manager>
+      </div>
     `));
         const openBtn = el.querySelector('#open-modal-btn');
         const modal = el.querySelector('modal-manager');

package/dist/test/modal-manager.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-manager.test.js","sourceRoot":"","sources":["../../test/modal-manager.test.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  fixture,\n  expect,\n  oneEvent,\n  elementUpdated,\n  nextFrame,\n} from '@open-wc/testing';\nimport { TemplateResult, html } from 'lit';\n\nimport '../src/modal-manager';\nimport { ModalConfig } from '../src/modal-config';\nimport { ModalManager } from '../src/modal-manager';\nimport { ModalManagerMode } from '../src/modal-manager-mode';\nimport { ModalManagerInterface } from '../src/modal-manager-interface';\n\nimport { getTabbableElements } from '../src/shoelace/tabbable';\n\ndescribe('Modal Manager', () => {\n  it('defaults to closed', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    expect(el.mode).to.equal('closed');\n  });\n\n  it('can be closed by calling closeModal', async () => {\n    const el = (await fixture(html`\n      <modal-manager .mode=${ModalManagerMode.Open}></modal-manager>\n    `)) as ModalManager;\n\n    el.customModalContent = 'foo' as unknown as TemplateResult;\n    await elementUpdated(el);\n\n    expect(el.customModalContent).to.equal('foo');\n    el.closeModal();\n    await elementUpdated(el);\n\n    expect(el.mode).to.equal('closed');\n    expect(el.customModalContent).to.equal(undefined);\n  });\n\n  it('can be closed by clicking on the backdrop', async () => {\n    const el = (await fixture(html`\n      <modal-manager .mode=${ModalManagerMode.Open}></modal-manager>\n    `)) as ModalManager;\n\n    const backdrop = el.shadowRoot?.querySelector('.backdrop');\n    const clickEvent = new MouseEvent('click');\n\n    backdrop?.dispatchEvent(clickEvent);\n    await elementUpdated(el);\n\n    expect(el.mode).to.equal('closed');\n  });\n\n  it('emits a modeChanged event when opening', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n\n    setTimeout(() => {\n      el.showModal({ config });\n    });\n    const response = await oneEvent(el, 'modeChanged', false);\n    expect(response.detail.mode).to.equal(ModalManagerMode.Open);\n  });\n\n  it('emits a modeChanged event when closing', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n    el.showModal({ config });\n    await elementUpdated(el);\n\n    setTimeout(() => {\n      el.closeModal();\n    });\n    const response = await oneEvent(el, 'modeChanged', false);\n    expect(response.detail.mode).to.equal(ModalManagerMode.Closed);\n  });\n\n  it('can show a modal', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n    el.showModal({ config });\n    await elementUpdated(el);\n    expect(el.mode).to.equal(ModalManagerMode.Open);\n  });\n\n  it('sets the --containerHeight CSS property when the window resizes', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n    el.showModal({ config });\n    await elementUpdated(el);\n    const event = new Event('resize');\n    const propBefore = el.style.getPropertyValue('--containerHeight');\n    expect(propBefore).to.equal('');\n    window.dispatchEvent(event);\n    await elementUpdated(el);\n    const propAfter = el.style.getPropertyValue('--containerHeight');\n    expect(propAfter).to.not.equal('');\n  });\n\n  it('calls the userClosedModalCallback when the user taps the backdrop', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n    let callbackCalled = false;\n    const callback = (): void => {\n      callbackCalled = true;\n    };\n    el.showModal({\n      config,\n      userClosedModalCallback: callback,\n    });\n    await elementUpdated(el);\n\n    const backdrop = el.shadowRoot?.querySelector('.backdrop');\n    const clickEvent = new MouseEvent('click');\n    backdrop?.dispatchEvent(clickEvent);\n\n    await elementUpdated(el);\n\n    expect(callbackCalled).to.equal(true);\n  });\n\n  it('does not call the userClosedModalCallback when the modal just closes', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n    let callbackCalled = false;\n    const callback = (): void => {\n      callbackCalled = true;\n    };\n    el.showModal({\n      config,\n      userClosedModalCallback: callback,\n    });\n    await elementUpdated(el);\n    el.closeModal();\n    await elementUpdated(el);\n    expect(callbackCalled).to.equal(false);\n  });\n\n  it('calls the userPressedLeftNavButtonCallback when the user clicks the left nav button', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n    config.showLeftNavButton = true;\n\n    let callbackCalled = false;\n    const callback = (): void => {\n      callbackCalled = true;\n    };\n    el.showModal({\n      config,\n      userPressedLeftNavButtonCallback: callback,\n    });\n    await elementUpdated(el);\n\n    const modalTemplate = el.shadowRoot?.querySelector('modal-template');\n    expect(modalTemplate).to.exist;\n\n    modalTemplate?.dispatchEvent(new Event('leftNavButtonPressed'));\n\n    await elementUpdated(el);\n\n    expect(callbackCalled).to.equal(true);\n  });\n\n  it('mode is set to closed when close button is pressed', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n    el.showModal({ config });\n    await elementUpdated(el);\n\n    expect(el.mode).to.equal('open');\n\n    const modal = el.shadowRoot?.querySelector('modal-template');\n    const closeButton = modal?.shadowRoot?.querySelector('.close-button');\n    const clickEvent = new MouseEvent('click');\n    closeButton?.dispatchEvent(clickEvent);\n\n    await elementUpdated(el);\n\n    expect(el.mode).to.equal('closed');\n  });\n\n  it('mode is set to closed when close button gets spacebar pressed', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n    el.showModal({ config });\n    await elementUpdated(el);\n\n    expect(el.mode).to.equal('open');\n\n    const modal = el.shadowRoot?.querySelector('modal-template');\n    const closeButton = modal?.shadowRoot?.querySelector('.close-button');\n\n    // Close with keyboard\n    const spacebarEvent = new KeyboardEvent('keydown', { key: ' ' });\n    closeButton?.dispatchEvent(spacebarEvent);\n\n    await elementUpdated(el);\n\n    expect(el.mode).to.equal('closed');\n  });\n\n  it('mode remains open when close button gets non-button keypress', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n    el.showModal({ config });\n    await elementUpdated(el);\n\n    expect(el.mode).to.equal('open');\n\n    const modal = el.shadowRoot?.querySelector('modal-template');\n    const closeButton = modal?.shadowRoot?.querySelector('.close-button');\n\n    // Close with keyboard\n    const keyboardEvent = new KeyboardEvent('keydown', { key: '.' });\n    closeButton?.dispatchEvent(keyboardEvent);\n\n    await elementUpdated(el);\n\n    expect(el.mode).to.equal('open');\n  });\n\n  it('allows the user to close by clicking on the backdrop if configured to', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n    config.closeOnBackdropClick = true;\n    el.showModal({ config });\n    await elementUpdated(el);\n\n    const backdrop = el.shadowRoot?.querySelector('.backdrop');\n    const clickEvent = new MouseEvent('click');\n    backdrop?.dispatchEvent(clickEvent);\n\n    await elementUpdated(el);\n\n    expect(el.mode).to.equal('closed');\n  });\n\n  it(\"doesn't allow the user to close by clicking on the backdrop if configured to\", async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManagerInterface;\n\n    const config = new ModalConfig();\n    config.closeOnBackdropClick = false;\n    el.showModal({ config });\n    await elementUpdated(el);\n\n    const backdrop = el.shadowRoot?.querySelector('.backdrop');\n    const clickEvent = new MouseEvent('click');\n    backdrop?.dispatchEvent(clickEvent);\n\n    await elementUpdated(el);\n\n    expect(el.getMode()).to.equal('open');\n  });\n\n  it('ia logo should not visible on modal', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManagerInterface;\n\n    const config = new ModalConfig();\n    config.showHeaderLogo = false;\n    el.showModal({ config });\n    await elementUpdated(el);\n\n    const logoIcon = el.shadowRoot?.querySelector('.logo-icon');\n    expect(logoIcon).to.not.exist;\n  });\n\n  it('should trap Tab key', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n    el.showModal({ config });\n    await elementUpdated(el);\n\n    expect(el.mode).to.equal('open');\n\n    // Tab once to focus\n    const tabEvent = new KeyboardEvent('keydown', { key: 'Tab' });\n    document.dispatchEvent(tabEvent);\n    await elementUpdated(el);\n\n    // Should be only one tabbable element\n    const modal = el.shadowRoot?.querySelector('modal-template') as HTMLElement;\n    const tabbableElements = getTabbableElements(modal);\n    expect(tabbableElements?.length).to.equal(1);\n\n    const closeButton = modal?.shadowRoot?.querySelector(\n      '.close-button'\n    ) as HTMLElement;\n    expect(modal?.shadowRoot?.activeElement).to.equal(closeButton);\n\n    // Tab again\n    el.dispatchEvent(tabEvent);\n    await elementUpdated(el);\n\n    // Should be only one tabbable element\n    expect(modal?.shadowRoot?.activeElement).to.equal(closeButton);\n\n    // Shift + Tab\n    const shiftTabEvent = new KeyboardEvent('keydown', {\n      key: 'Tab',\n      shiftKey: true,\n    });\n    document.dispatchEvent(shiftTabEvent);\n    await elementUpdated(el);\n\n    // Should be only one tabbable element\n    expect(modal?.shadowRoot?.activeElement).to.equal(closeButton);\n  });\n\n  it('returns keyboard focus to the triggering element on close', async () => {\n    const config = new ModalConfig();\n    const el = (await fixture(html`\n      <div>\n        <button>Another button</button>\n        <button\n          id=\"open-modal-btn\"\n          @click=${() => {\n            const modal = el.querySelector('modal-manager') as ModalManager;\n            modal.showModal({ config });\n          }}\n        >\n          Open modal\n        </button>\n        <modal-manager></modal-manager>\n      </div>\n    `)) as HTMLDivElement;\n\n    const openBtn = el.querySelector('#open-modal-btn') as HTMLButtonElement;\n    const modal = el.querySelector('modal-manager') as ModalManager;\n\n    // Focus is initially on the Open button\n    openBtn.focus();\n    expect(document.activeElement).to.equal(openBtn);\n\n    // Focus enters the modal when it is opened\n    openBtn.click();\n    await nextFrame();\n    expect(document.activeElement).to.equal(modal);\n\n    // With the modal already open, simulate showing different content.\n    // This step is to ensure that even if showModal is called multiple times, we still\n    // maintain the originally-focused element (subsequent calls do not overwrite it).\n    modal.showModal({ config: new ModalConfig() });\n    await nextFrame();\n\n    // Focus returns to the Open button when the modal closes\n    modal.closeModal();\n    await modal.updateComplete;\n    expect(document.activeElement).to.equal(openBtn);\n  });\n});\n"]}
+{"version":3,"file":"modal-manager.test.js","sourceRoot":"","sources":["../../test/modal-manager.test.ts"],"names":[],"mappings":"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","sourcesContent":["import {\r\n  fixture,\r\n  expect,\r\n  oneEvent,\r\n  elementUpdated,\r\n  nextFrame,\r\n} from '@open-wc/testing';\r\nimport { TemplateResult, html } from 'lit';\r\n\r\nimport '../src/modal-manager';\r\nimport { ModalConfig } from '../src/modal-config';\r\nimport { ModalManager } from '../src/modal-manager';\r\nimport { ModalManagerMode } from '../src/modal-manager-mode';\r\nimport { ModalManagerInterface } from '../src/modal-manager-interface';\r\n\r\nimport { getTabbableElements } from '../src/shoelace/tabbable';\r\n\r\ndescribe('Modal Manager', () => {\r\n  it('defaults to closed', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    expect(el.mode).to.equal('closed');\r\n  });\r\n\r\n  it('can be closed by calling closeModal', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager .mode=${ModalManagerMode.Open}></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    el.customModalContent = 'foo' as unknown as TemplateResult;\r\n    await elementUpdated(el);\r\n\r\n    expect(el.customModalContent).to.equal('foo');\r\n    el.closeModal();\r\n    await elementUpdated(el);\r\n\r\n    expect(el.mode).to.equal('closed');\r\n    expect(el.customModalContent).to.equal(undefined);\r\n  });\r\n\r\n  it('can be closed by clicking on the backdrop', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager .mode=${ModalManagerMode.Open}></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const backdrop = el.shadowRoot?.querySelector('.backdrop');\r\n    const clickEvent = new MouseEvent('click');\r\n\r\n    backdrop?.dispatchEvent(clickEvent);\r\n    await elementUpdated(el);\r\n\r\n    expect(el.mode).to.equal('closed');\r\n  });\r\n\r\n  it('emits a modeChanged event when opening', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n\r\n    setTimeout(() => {\r\n      el.showModal({ config });\r\n    });\r\n    const response = await oneEvent(el, 'modeChanged', false);\r\n    expect(response.detail.mode).to.equal(ModalManagerMode.Open);\r\n  });\r\n\r\n  it('emits a modeChanged event when closing', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n    el.showModal({ config });\r\n    await elementUpdated(el);\r\n\r\n    setTimeout(() => {\r\n      el.closeModal();\r\n    });\r\n    const response = await oneEvent(el, 'modeChanged', false);\r\n    expect(response.detail.mode).to.equal(ModalManagerMode.Closed);\r\n  });\r\n\r\n  it('can show a modal', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n    el.showModal({ config });\r\n    await elementUpdated(el);\r\n    expect(el.mode).to.equal(ModalManagerMode.Open);\r\n  });\r\n\r\n  it('sets the --containerHeight CSS property when the window resizes', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n    el.showModal({ config });\r\n    await elementUpdated(el);\r\n    const event = new Event('resize');\r\n    const propBefore = el.style.getPropertyValue('--containerHeight');\r\n    expect(propBefore).to.equal('');\r\n    window.dispatchEvent(event);\r\n    await elementUpdated(el);\r\n    const propAfter = el.style.getPropertyValue('--containerHeight');\r\n    expect(propAfter).to.not.equal('');\r\n  });\r\n\r\n  it('calls the userClosedModalCallback when the user taps the backdrop', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n    let callbackCalled = false;\r\n    const callback = (): void => {\r\n      callbackCalled = true;\r\n    };\r\n    el.showModal({\r\n      config,\r\n      userClosedModalCallback: callback,\r\n    });\r\n    await elementUpdated(el);\r\n\r\n    const backdrop = el.shadowRoot?.querySelector('.backdrop');\r\n    const clickEvent = new MouseEvent('click');\r\n    backdrop?.dispatchEvent(clickEvent);\r\n\r\n    await elementUpdated(el);\r\n\r\n    expect(callbackCalled).to.equal(true);\r\n  });\r\n\r\n  it('does not call the userClosedModalCallback when the modal just closes', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n    let callbackCalled = false;\r\n    const callback = (): void => {\r\n      callbackCalled = true;\r\n    };\r\n    el.showModal({\r\n      config,\r\n      userClosedModalCallback: callback,\r\n    });\r\n    await elementUpdated(el);\r\n    el.closeModal();\r\n    await elementUpdated(el);\r\n    expect(callbackCalled).to.equal(false);\r\n  });\r\n\r\n  it('calls the userPressedLeftNavButtonCallback when the user clicks the left nav button', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n    config.showLeftNavButton = true;\r\n\r\n    let callbackCalled = false;\r\n    const callback = (): void => {\r\n      callbackCalled = true;\r\n    };\r\n    el.showModal({\r\n      config,\r\n      userPressedLeftNavButtonCallback: callback,\r\n    });\r\n    await elementUpdated(el);\r\n\r\n    const modalTemplate = el.shadowRoot?.querySelector('modal-template');\r\n    expect(modalTemplate).to.exist;\r\n\r\n    modalTemplate?.dispatchEvent(new Event('leftNavButtonPressed'));\r\n\r\n    await elementUpdated(el);\r\n\r\n    expect(callbackCalled).to.equal(true);\r\n  });\r\n\r\n  it('mode is set to closed when close button is pressed', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n    el.showModal({ config });\r\n    await elementUpdated(el);\r\n\r\n    expect(el.mode).to.equal('open');\r\n\r\n    const modal = el.shadowRoot?.querySelector('modal-template');\r\n    const closeButton = modal?.shadowRoot?.querySelector('.close-button');\r\n    const clickEvent = new MouseEvent('click');\r\n    closeButton?.dispatchEvent(clickEvent);\r\n\r\n    await elementUpdated(el);\r\n\r\n    expect(el.mode).to.equal('closed');\r\n  });\r\n\r\n  it('mode is set to closed when close button gets spacebar pressed', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n    el.showModal({ config });\r\n    await elementUpdated(el);\r\n\r\n    expect(el.mode).to.equal('open');\r\n\r\n    const modal = el.shadowRoot?.querySelector('modal-template');\r\n    const closeButton = modal?.shadowRoot?.querySelector('.close-button');\r\n\r\n    // Close with keyboard\r\n    const spacebarEvent = new KeyboardEvent('keydown', { key: ' ' });\r\n    closeButton?.dispatchEvent(spacebarEvent);\r\n\r\n    await elementUpdated(el);\r\n\r\n    expect(el.mode).to.equal('closed');\r\n  });\r\n\r\n  it('mode remains open when close button gets non-button keypress', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n    el.showModal({ config });\r\n    await elementUpdated(el);\r\n\r\n    expect(el.mode).to.equal('open');\r\n\r\n    const modal = el.shadowRoot?.querySelector('modal-template');\r\n    const closeButton = modal?.shadowRoot?.querySelector('.close-button');\r\n\r\n    // Close with keyboard\r\n    const keyboardEvent = new KeyboardEvent('keydown', { key: '.' });\r\n    closeButton?.dispatchEvent(keyboardEvent);\r\n\r\n    await elementUpdated(el);\r\n\r\n    expect(el.mode).to.equal('open');\r\n  });\r\n\r\n  it('allows the user to close by clicking on the backdrop if configured to', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n    config.closeOnBackdropClick = true;\r\n    el.showModal({ config });\r\n    await elementUpdated(el);\r\n\r\n    const backdrop = el.shadowRoot?.querySelector('.backdrop');\r\n    const clickEvent = new MouseEvent('click');\r\n    backdrop?.dispatchEvent(clickEvent);\r\n\r\n    await elementUpdated(el);\r\n\r\n    expect(el.mode).to.equal('closed');\r\n  });\r\n\r\n  it(\"doesn't allow the user to close by clicking on the backdrop if configured to\", async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManagerInterface;\r\n\r\n    const config = new ModalConfig();\r\n    config.closeOnBackdropClick = false;\r\n    el.showModal({ config });\r\n    await elementUpdated(el);\r\n\r\n    const backdrop = el.shadowRoot?.querySelector('.backdrop');\r\n    const clickEvent = new MouseEvent('click');\r\n    backdrop?.dispatchEvent(clickEvent);\r\n\r\n    await elementUpdated(el);\r\n\r\n    expect(el.getMode()).to.equal('open');\r\n  });\r\n\r\n  it('ia logo should not visible on modal', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManagerInterface;\r\n\r\n    const config = new ModalConfig();\r\n    config.showHeaderLogo = false;\r\n    el.showModal({ config });\r\n    await elementUpdated(el);\r\n\r\n    const logoIcon = el.shadowRoot?.querySelector('.logo-icon');\r\n    expect(logoIcon).to.not.exist;\r\n  });\r\n\r\n  it('should trap Tab key', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n    el.showModal({ config });\r\n    await elementUpdated(el);\r\n\r\n    expect(el.mode).to.equal('open');\r\n\r\n    // Tab once to focus\r\n    const tabEvent = new KeyboardEvent('keydown', { key: 'Tab' });\r\n    document.dispatchEvent(tabEvent);\r\n    await elementUpdated(el);\r\n\r\n    // Should be only one tabbable element\r\n    const modal = el.shadowRoot?.querySelector('modal-template') as HTMLElement;\r\n    const tabbableElements = getTabbableElements(modal);\r\n    expect(tabbableElements?.length).to.equal(1);\r\n\r\n    const closeButton = modal?.shadowRoot?.querySelector(\r\n      '.close-button'\r\n    ) as HTMLElement;\r\n    expect(modal?.shadowRoot?.activeElement).to.equal(closeButton);\r\n\r\n    // Tab again\r\n    el.dispatchEvent(tabEvent);\r\n    await elementUpdated(el);\r\n\r\n    // Should be only one tabbable element\r\n    expect(modal?.shadowRoot?.activeElement).to.equal(closeButton);\r\n\r\n    // Shift + Tab\r\n    const shiftTabEvent = new KeyboardEvent('keydown', {\r\n      key: 'Tab',\r\n      shiftKey: true,\r\n    });\r\n    document.dispatchEvent(shiftTabEvent);\r\n    await elementUpdated(el);\r\n\r\n    // Should be only one tabbable element\r\n    expect(modal?.shadowRoot?.activeElement).to.equal(closeButton);\r\n  });\r\n\r\n  it('returns keyboard focus to the triggering element on close', async () => {\r\n    const config = new ModalConfig();\r\n    const el = (await fixture(html`\r\n      <div>\r\n        <button>Another button</button>\r\n        <button\r\n          id=\"open-modal-btn\"\r\n          @click=${() => {\r\n            const modal = el.querySelector('modal-manager') as ModalManager;\r\n            modal.showModal({ config });\r\n          }}\r\n        >\r\n          Open modal\r\n        </button>\r\n        <modal-manager></modal-manager>\r\n      </div>\r\n    `)) as HTMLDivElement;\r\n\r\n    const openBtn = el.querySelector('#open-modal-btn') as HTMLButtonElement;\r\n    const modal = el.querySelector('modal-manager') as ModalManager;\r\n\r\n    // Focus is initially on the Open button\r\n    openBtn.focus();\r\n    expect(document.activeElement).to.equal(openBtn);\r\n\r\n    // Focus enters the modal when it is opened\r\n    openBtn.click();\r\n    await nextFrame();\r\n    expect(document.activeElement).to.equal(modal);\r\n\r\n    // With the modal already open, simulate showing different content.\r\n    // This step is to ensure that even if showModal is called multiple times, we still\r\n    // maintain the originally-focused element (subsequent calls do not overwrite it).\r\n    modal.showModal({ config: new ModalConfig() });\r\n    await nextFrame();\r\n\r\n    // Focus returns to the Open button when the modal closes\r\n    modal.closeModal();\r\n    await modal.updateComplete;\r\n    expect(document.activeElement).to.equal(openBtn);\r\n  });\r\n});\r\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/modal-manager",
-  "version": "2.0.4-alpha-webdev7960.1",
+  "version": "2.0.4",
   "description": "A Modal Manager Web Component",
   "repository": {
     "type": "git",