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

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

@@ -1 +1 @@
-{"version":3,"file":"modal-template.test.js","sourceRoot":"","sources":["../../test/modal-template.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, oneEvent } from '@open-wc/testing';\r\nimport { html } from 'lit';\r\nimport '../src/modal-template';\r\nimport { ModalConfig } from '../src/modal-config';\r\n\r\ndescribe('Modal Template', () => {\r\n  it('has correct default configuration', async () => {\r\n    const el = await fixture(html` <modal-template></modal-template> `);\r\n\r\n    const processingLogo = el.shadowRoot?.querySelector('.processing-logo');\r\n    const headline = el.shadowRoot?.querySelector('.headline');\r\n    const message = el.shadowRoot?.querySelector('.message');\r\n    const title = el.shadowRoot?.querySelector('h1.title') as HTMLElement;\r\n\r\n    expect(headline).to.not.exist;\r\n    expect(message).to.not.exist;\r\n    expect(title).to.not.exist;\r\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\r\n    expect('hidden' in processingLogo!.classList);\r\n  });\r\n\r\n  it('does not show the title if one not provided', async () => {\r\n    const config = new ModalConfig();\r\n    config.title = undefined;\r\n\r\n    const el = await fixture(html`\r\n      <modal-template .config=${config}></modal-template>\r\n    `);\r\n\r\n    const title = el.shadowRoot?.querySelector('h1.title');\r\n    expect(title).to.not.exist;\r\n  });\r\n\r\n  it('emits closeButtonPressed event when close button is pressed', async () => {\r\n    const el = await fixture(html` <modal-template></modal-template> `);\r\n\r\n    const closeButton = el.shadowRoot?.querySelector('.close-button');\r\n    const clickEvent = new MouseEvent('click');\r\n\r\n    setTimeout(() => {\r\n      closeButton?.dispatchEvent(clickEvent);\r\n    });\r\n    const response = await oneEvent(el, 'closeButtonPressed', false);\r\n    expect(response).to.exist;\r\n  });\r\n\r\n  it('emits closeButtonPressed event when close button gets spacebar pressed', async () => {\r\n    const el = await fixture(html` <modal-template></modal-template> `);\r\n\r\n    const closeButton = el.shadowRoot?.querySelector('.close-button');\r\n    const clickEvent = new KeyboardEvent('keydown', { key: ' ' });\r\n\r\n    setTimeout(() => {\r\n      closeButton?.dispatchEvent(clickEvent);\r\n    });\r\n    const response = await oneEvent(el, 'closeButtonPressed', false);\r\n    expect(response).to.exist;\r\n  });\r\n\r\n  it('emits leftNavButtonPressed event when left nav button is pressed', async () => {\r\n    const config = new ModalConfig();\r\n    config.showLeftNavButton = true;\r\n    const el = await fixture(html`\r\n      <modal-template .config=${config}></modal-template>\r\n    `);\r\n\r\n    const leftNavButton = el.shadowRoot?.querySelector('.back-button');\r\n    const clickEvent = new MouseEvent('click');\r\n\r\n    setTimeout(() => {\r\n      leftNavButton?.dispatchEvent(clickEvent);\r\n    });\r\n    const response = await oneEvent(el, 'leftNavButtonPressed', false);\r\n    expect(response).to.exist;\r\n  });\r\n\r\n  it('emits leftNavButtonPressed event when left nav button gets spacebar pressed', async () => {\r\n    const config = new ModalConfig();\r\n    config.showLeftNavButton = true;\r\n    const el = await fixture(html`\r\n      <modal-template .config=${config}></modal-template>\r\n    `);\r\n\r\n    const leftNavButton = el.shadowRoot?.querySelector('.back-button');\r\n    const clickEvent = new KeyboardEvent('keydown', { key: ' ' });\r\n\r\n    setTimeout(() => {\r\n      leftNavButton?.dispatchEvent(clickEvent);\r\n    });\r\n    const response = await oneEvent(el, 'leftNavButtonPressed', false);\r\n    expect(response).to.exist;\r\n  });\r\n\r\n  it('shows the processing indicator if configured to', async () => {\r\n    const config = new ModalConfig();\r\n    config.showProcessingIndicator = true;\r\n\r\n    const el = await fixture(html`\r\n      <modal-template .config=${config}></modal-template>\r\n    `);\r\n\r\n    const processingLogo = el.shadowRoot?.querySelector('.processing-logo');\r\n    const classList = processingLogo?.classList ?? [];\r\n    expect('hidden' in classList).to.equal(false);\r\n  });\r\n\r\n  it('shows the left nav button if configured to', async () => {\r\n    const config = new ModalConfig();\r\n    config.showLeftNavButton = true;\r\n    const el = await fixture(html`\r\n      <modal-template .config=${config}></modal-template>\r\n    `);\r\n\r\n    const leftNavButton = el.shadowRoot?.querySelector('.back-button');\r\n    expect(leftNavButton).to.exist;\r\n  });\r\n\r\n  it('hides the left nav button if configured to', async () => {\r\n    const config = new ModalConfig();\r\n    config.showCloseButton = false;\r\n    const el = await fixture(html`\r\n      <modal-template .config=${config}></modal-template>\r\n    `);\r\n\r\n    const closeButton = el.shadowRoot?.querySelector('.close-button');\r\n    expect(closeButton).to.not.exist;\r\n  });\r\n\r\n  it('uses custom text for the left nav button if configured to', async () => {\r\n    const config = new ModalConfig();\r\n    config.showLeftNavButton = true;\r\n    config.leftNavButtonText = 'Previous';\r\n    const el = await fixture(html`\r\n      <modal-template .config=${config}></modal-template>\r\n    `);\r\n\r\n    const leftNavButton = el.shadowRoot?.querySelector('.back-button');\r\n\r\n    expect(leftNavButton).to.exist;\r\n    expect(leftNavButton?.innerHTML).to.contain('Previous');\r\n  });\r\n\r\n  it('does not use any text for the left nav button if not configured to', async () => {\r\n    const config = new ModalConfig();\r\n    config.showLeftNavButton = true;\r\n\r\n    const el = await fixture(html`\r\n      <modal-template .config=${config}></modal-template>\r\n    `);\r\n\r\n    const leftNavButton = el.shadowRoot?.querySelector('.back-button');\r\n    expect(leftNavButton?.innerHTML).not.to.contain('Previous');\r\n  });\r\n\r\n  it('shows the close button if configured to', async () => {\r\n    const config = new ModalConfig();\r\n    config.showCloseButton = true;\r\n    const el = await fixture(html`\r\n      <modal-template .config=${config}></modal-template>\r\n    `);\r\n\r\n    const closeButton = el.shadowRoot?.querySelector('.close-button');\r\n    expect(closeButton).to.exist;\r\n  });\r\n\r\n  it('hides the close button if configured to', async () => {\r\n    const config = new ModalConfig();\r\n    config.showCloseButton = false;\r\n    const el = await fixture(html`\r\n      <modal-template .config=${config}></modal-template>\r\n    `);\r\n\r\n    const closeButton = el.shadowRoot?.querySelector('.close-button');\r\n    expect(closeButton).to.not.exist;\r\n  });\r\n\r\n  it('shows the properties from the config', async () => {\r\n    const config = new ModalConfig();\r\n    config.title = html`Boop`;\r\n    config.subtitle = html`Bop`;\r\n    config.headline = html`Foo`;\r\n    config.message = html`Bar`;\r\n\r\n    const el = await fixture(html`\r\n      <modal-template .config=${config}></modal-template>\r\n    `);\r\n\r\n    const title = el.shadowRoot?.querySelector('h1');\r\n    const subtitle = el.shadowRoot?.querySelector('h2');\r\n\r\n    const headline = el.shadowRoot?.querySelector('.headline');\r\n    const message = el.shadowRoot?.querySelector('.message');\r\n\r\n    expect(title).to.exist;\r\n    expect(title?.innerText).to.equal('Boop');\r\n\r\n    expect(subtitle).to.exist;\r\n    expect(subtitle?.innerText).to.equal('Bop');\r\n\r\n    expect(headline).to.exist;\r\n    expect(headline?.textContent).to.equal('Foo');\r\n\r\n    expect(message).to.exist;\r\n    expect(message?.textContent).to.equal('Bar');\r\n  });\r\n});\r\n"]}
+{"version":3,"file":"modal-template.test.js","sourceRoot":"","sources":["../../test/modal-template.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, oneEvent } from '@open-wc/testing';\nimport { html } from 'lit';\nimport '../src/modal-template';\nimport { ModalConfig } from '../src/modal-config';\n\ndescribe('Modal Template', () => {\n  it('has correct default configuration', async () => {\n    const el = await fixture(html` <modal-template></modal-template> `);\n\n    const processingLogo = el.shadowRoot?.querySelector('.processing-logo');\n    const headline = el.shadowRoot?.querySelector('.headline');\n    const message = el.shadowRoot?.querySelector('.message');\n    const title = el.shadowRoot?.querySelector('h1.title') as HTMLElement;\n\n    expect(headline).to.not.exist;\n    expect(message).to.not.exist;\n    expect(title).to.not.exist;\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    expect('hidden' in processingLogo!.classList);\n  });\n\n  it('does not show the title if one not provided', async () => {\n    const config = new ModalConfig();\n    config.title = undefined;\n\n    const el = await fixture(html`\n      <modal-template .config=${config}></modal-template>\n    `);\n\n    const title = el.shadowRoot?.querySelector('h1.title');\n    expect(title).to.not.exist;\n  });\n\n  it('emits closeButtonPressed event when close button is pressed', async () => {\n    const el = await fixture(html` <modal-template></modal-template> `);\n\n    const closeButton = el.shadowRoot?.querySelector('.close-button');\n    const clickEvent = new MouseEvent('click');\n\n    setTimeout(() => {\n      closeButton?.dispatchEvent(clickEvent);\n    });\n    const response = await oneEvent(el, 'closeButtonPressed', false);\n    expect(response).to.exist;\n  });\n\n  it('emits closeButtonPressed event when close button gets spacebar pressed', async () => {\n    const el = await fixture(html` <modal-template></modal-template> `);\n\n    const closeButton = el.shadowRoot?.querySelector('.close-button');\n    const clickEvent = new KeyboardEvent('keydown', { key: ' ' });\n\n    setTimeout(() => {\n      closeButton?.dispatchEvent(clickEvent);\n    });\n    const response = await oneEvent(el, 'closeButtonPressed', false);\n    expect(response).to.exist;\n  });\n\n  it('emits leftNavButtonPressed event when left nav button is pressed', async () => {\n    const config = new ModalConfig();\n    config.showLeftNavButton = true;\n    const el = await fixture(html`\n      <modal-template .config=${config}></modal-template>\n    `);\n\n    const leftNavButton = el.shadowRoot?.querySelector('.back-button');\n    const clickEvent = new MouseEvent('click');\n\n    setTimeout(() => {\n      leftNavButton?.dispatchEvent(clickEvent);\n    });\n    const response = await oneEvent(el, 'leftNavButtonPressed', false);\n    expect(response).to.exist;\n  });\n\n  it('emits leftNavButtonPressed event when left nav button gets spacebar pressed', async () => {\n    const config = new ModalConfig();\n    config.showLeftNavButton = true;\n    const el = await fixture(html`\n      <modal-template .config=${config}></modal-template>\n    `);\n\n    const leftNavButton = el.shadowRoot?.querySelector('.back-button');\n    const clickEvent = new KeyboardEvent('keydown', { key: ' ' });\n\n    setTimeout(() => {\n      leftNavButton?.dispatchEvent(clickEvent);\n    });\n    const response = await oneEvent(el, 'leftNavButtonPressed', false);\n    expect(response).to.exist;\n  });\n\n  it('shows the processing indicator if configured to', async () => {\n    const config = new ModalConfig();\n    config.showProcessingIndicator = true;\n\n    const el = await fixture(html`\n      <modal-template .config=${config}></modal-template>\n    `);\n\n    const processingLogo = el.shadowRoot?.querySelector('.processing-logo');\n    const classList = processingLogo?.classList ?? [];\n    expect('hidden' in classList).to.equal(false);\n  });\n\n  it('shows the left nav button if configured to', async () => {\n    const config = new ModalConfig();\n    config.showLeftNavButton = true;\n    const el = await fixture(html`\n      <modal-template .config=${config}></modal-template>\n    `);\n\n    const leftNavButton = el.shadowRoot?.querySelector('.back-button');\n    expect(leftNavButton).to.exist;\n  });\n\n  it('hides the left nav button if configured to', async () => {\n    const config = new ModalConfig();\n    config.showCloseButton = false;\n    const el = await fixture(html`\n      <modal-template .config=${config}></modal-template>\n    `);\n\n    const closeButton = el.shadowRoot?.querySelector('.close-button');\n    expect(closeButton).to.not.exist;\n  });\n\n  it('uses custom text for the left nav button if configured to', async () => {\n    const config = new ModalConfig();\n    config.showLeftNavButton = true;\n    config.leftNavButtonText = 'Previous';\n    const el = await fixture(html`\n      <modal-template .config=${config}></modal-template>\n    `);\n\n    const leftNavButton = el.shadowRoot?.querySelector('.back-button');\n\n    expect(leftNavButton).to.exist;\n    expect(leftNavButton?.innerHTML).to.contain('Previous');\n  });\n\n  it('does not use any text for the left nav button if not configured to', async () => {\n    const config = new ModalConfig();\n    config.showLeftNavButton = true;\n\n    const el = await fixture(html`\n      <modal-template .config=${config}></modal-template>\n    `);\n\n    const leftNavButton = el.shadowRoot?.querySelector('.back-button');\n    expect(leftNavButton?.innerHTML).not.to.contain('Previous');\n  });\n\n  it('shows the close button if configured to', async () => {\n    const config = new ModalConfig();\n    config.showCloseButton = true;\n    const el = await fixture(html`\n      <modal-template .config=${config}></modal-template>\n    `);\n\n    const closeButton = el.shadowRoot?.querySelector('.close-button');\n    expect(closeButton).to.exist;\n  });\n\n  it('hides the close button if configured to', async () => {\n    const config = new ModalConfig();\n    config.showCloseButton = false;\n    const el = await fixture(html`\n      <modal-template .config=${config}></modal-template>\n    `);\n\n    const closeButton = el.shadowRoot?.querySelector('.close-button');\n    expect(closeButton).to.not.exist;\n  });\n\n  it('shows the properties from the config', async () => {\n    const config = new ModalConfig();\n    config.title = html`Boop`;\n    config.subtitle = html`Bop`;\n    config.headline = html`Foo`;\n    config.message = html`Bar`;\n\n    const el = await fixture(html`\n      <modal-template .config=${config}></modal-template>\n    `);\n\n    const title = el.shadowRoot?.querySelector('h1');\n    const subtitle = el.shadowRoot?.querySelector('h2');\n\n    const headline = el.shadowRoot?.querySelector('.headline');\n    const message = el.shadowRoot?.querySelector('.message');\n\n    expect(title).to.exist;\n    expect(title?.innerText).to.equal('Boop');\n\n    expect(subtitle).to.exist;\n    expect(subtitle?.innerText).to.equal('Bop');\n\n    expect(headline).to.exist;\n    expect(headline?.textContent).to.equal('Foo');\n\n    expect(message).to.exist;\n    expect(message?.textContent).to.equal('Bar');\n  });\n});\n"]}

package/dist/vite.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"vite.config.js","sourceRoot":"","sources":["../vite.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAE/B,6BAA6B;AAC7B,eAAe,YAAY,CAAC;IAC1B,IAAI,EAAE,EAAE;IACR,aAAa,EAAE,CAAC,UAAU,CAAC;IAC3B,KAAK,EAAE;QACL,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,IAAI;QACd,aAAa,EAAE;YACb,KAAK,EAAE;gBACL,IAAI,EAAE,OAAO,CAAC,SAAS,EAAE,YAAY,CAAC;aACvC;SACF;KACF;IACD,MAAM,EAAE;QACN,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC","sourcesContent":["import { defineConfig } from 'vite';\r\nimport { resolve } from 'path';\r\n\r\n// https://vitejs.dev/config/\r\nexport default defineConfig({\r\n  base: '',\r\n  assetsInclude: ['**/*.jpg'],\r\n  build: {\r\n    outDir: 'ghpages',\r\n    manifest: true,\r\n    rollupOptions: {\r\n      input: {\r\n        main: resolve(__dirname, 'index.html'),\r\n      },\r\n    },\r\n  },\r\n  server: {\r\n    host: true,\r\n    port: 8080,\r\n    open: true,\r\n    cors: true,\r\n  },\r\n});\r\n"]}
+{"version":3,"file":"vite.config.js","sourceRoot":"","sources":["../vite.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAE/B,6BAA6B;AAC7B,eAAe,YAAY,CAAC;IAC1B,IAAI,EAAE,EAAE;IACR,aAAa,EAAE,CAAC,UAAU,CAAC;IAC3B,KAAK,EAAE;QACL,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,IAAI;QACd,aAAa,EAAE;YACb,KAAK,EAAE;gBACL,IAAI,EAAE,OAAO,CAAC,SAAS,EAAE,YAAY,CAAC;aACvC;SACF;KACF;IACD,MAAM,EAAE;QACN,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC","sourcesContent":["import { defineConfig } from 'vite';\nimport { resolve } from 'path';\n\n// https://vitejs.dev/config/\nexport default defineConfig({\n  base: '',\n  assetsInclude: ['**/*.jpg'],\n  build: {\n    outDir: 'ghpages',\n    manifest: true,\n    rollupOptions: {\n      input: {\n        main: resolve(__dirname, 'index.html'),\n      },\n    },\n  },\n  server: {\n    host: true,\n    port: 8080,\n    open: true,\n    cors: true,\n  },\n});\n"]}

package/index.ts

@@ -1,7 +1,7 @@
-export { ModalConfig } from './src/modal-config';
-export { ModalManager } from './src/modal-manager';
-export { ModalManagerMode } from './src/modal-manager-mode';
-export { ModalManagerInterface } from './src/modal-manager-interface';
-export { ModalManagerHostBridge } from './src/modal-manager-host-bridge';
-export { ModalManagerHostBridgeInterface } from './src/modal-manager-host-bridge-interface';
-export { ModalTemplate } from './src/modal-template';
+export { ModalConfig } from './src/modal-config';
+export { ModalManager } from './src/modal-manager';
+export { ModalManagerMode } from './src/modal-manager-mode';
+export { ModalManagerInterface } from './src/modal-manager-interface';
+export { ModalManagerHostBridge } from './src/modal-manager-host-bridge';
+export { ModalManagerHostBridgeInterface } from './src/modal-manager-host-bridge-interface';
+export { ModalTemplate } from './src/modal-template';

package/package.json

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

package/src/assets/arrow-left-icon.ts

@@ -1,15 +1,15 @@
-import { html } from 'lit';
-
-export default html`
-  <svg
-    viewBox="0 0 100 100"
-    xmlns="http://www.w3.org/2000/svg"
-    fill="#fff"
-    title="Left arrow icon"
-    alt="Left arrow icon"
-  >
-    <path
-      d="m20.1116715 50.0035012-.1116715-.1085359 43.1159942-46.61088155c2.401537-2.18938917 4.6902018-3.28408375 6.8659943-3.28408375s4.1642651.63837733 5.9654178 1.91513199c1.8011528 1.27675467 3.1520173 2.97248092 4.0525937 5.08717877l-39.4020173 42.99768924 39.4020173 42.9976892c-.9005764 2.1146979-2.2514409 3.8104241-4.0525937 5.0871788-1.8011527 1.2767547-3.7896253 1.915132-5.9654178 1.915132-2.1013449 0-4.3900096-1.0573489-6.8659943-3.1720468l-43.1159942-46.7194174z"
-    />
-  </svg>
-`;
+import { html } from 'lit';
+
+export default html`
+  <svg
+    viewBox="0 0 100 100"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="#fff"
+    title="Left arrow icon"
+    alt="Left arrow icon"
+  >
+    <path
+      d="m20.1116715 50.0035012-.1116715-.1085359 43.1159942-46.61088155c2.401537-2.18938917 4.6902018-3.28408375 6.8659943-3.28408375s4.1642651.63837733 5.9654178 1.91513199c1.8011528 1.27675467 3.1520173 2.97248092 4.0525937 5.08717877l-39.4020173 42.99768924 39.4020173 42.9976892c-.9005764 2.1146979-2.2514409 3.8104241-4.0525937 5.0871788-1.8011527 1.2767547-3.7896253 1.915132-5.9654178 1.915132-2.1013449 0-4.3900096-1.0573489-6.8659943-3.1720468l-43.1159942-46.7194174z"
+    />
+  </svg>
+`;

package/src/assets/ia-logo-icon.ts

@@ -1,30 +1,30 @@
-import { html } from 'lit';
-
-export default html`
-  <svg
-    class="ia-logo"
-    viewBox="0 0 27 30"
-    xmlns="http://www.w3.org/2000/svg"
-    aria-labelledby="logoTitleID logoDescID"
-  >
-    <title id="logoTitleID">Internet Archive logo</title>
-    <desc id="logoDescID">
-      A line drawing of the Internet Archive headquarters building façade.
-    </desc>
-    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-      <mask id="mask-2" class="fill-color">
-        <path
-          d="M26.6666667,28.6046512 L26.6666667,30 L0,30 L0.000283687943,28.6046512 L26.6666667,28.6046512 Z M25.6140351,26.5116279 L25.6140351,28.255814 L1.05263158,28.255814 L1.05263158,26.5116279 L25.6140351,26.5116279 Z M3.62469203,7.6744186 L3.91746909,7.82153285 L4.0639977,10.1739544 L4.21052632,13.9963932 L4.21052632,17.6725617 L4.0639977,22.255044 L4.03962296,25.3421929 L3.62469203,25.4651163 L2.16024641,25.4651163 L1.72094074,25.3421929 L1.55031755,22.255044 L1.40350877,17.6970339 L1.40350877,14.0211467 L1.55031755,10.1739544 L1.68423854,7.80887484 L1.98962322,7.6744186 L3.62469203,7.6744186 Z M24.6774869,7.6744186 L24.9706026,7.82153285 L25.1168803,10.1739544 L25.2631579,13.9963932 L25.2631579,17.6725617 L25.1168803,22.255044 L25.0927809,25.3421929 L24.6774869,25.4651163 L23.2130291,25.4651163 L22.7736357,25.3421929 L22.602418,22.255044 L22.4561404,17.6970339 L22.4561404,14.0211467 L22.602418,10.1739544 L22.7369262,7.80887484 L23.0420916,7.6744186 L24.6774869,7.6744186 Z M9.94042303,7.6744186 L10.2332293,7.82153285 L10.3797725,10.1739544 L10.5263158,13.9963932 L10.5263158,17.6725617 L10.3797725,22.255044 L10.3556756,25.3421929 L9.94042303,25.4651163 L8.47583122,25.4651163 L8.0362015,25.3421929 L7.86556129,22.255044 L7.71929825,17.6970339 L7.71929825,14.0211467 L7.86556129,10.1739544 L8.00005604,7.80887484 L8.30491081,7.6744186 L9.94042303,7.6744186 Z M18.0105985,7.6744186 L18.3034047,7.82153285 L18.449948,10.1739544 L18.5964912,13.9963932 L18.5964912,17.6725617 L18.449948,22.255044 L18.425851,25.3421929 L18.0105985,25.4651163 L16.5460067,25.4651163 L16.1066571,25.3421929 L15.9357367,22.255044 L15.7894737,17.6970339 L15.7894737,14.0211467 L15.9357367,10.1739544 L16.0702315,7.80887484 L16.3753664,7.6744186 L18.0105985,7.6744186 Z M25.6140351,4.53488372 L25.6140351,6.97674419 L1.05263158,6.97674419 L1.05263158,4.53488372 L25.6140351,4.53488372 Z M13.0806755,0 L25.9649123,2.93331338 L25.4484139,3.8372093 L0.771925248,3.8372093 L0,3.1041615 L13.0806755,0 Z"
-          id="path-1"
-        ></path>
-      </mask>
-      <use class="fill-color" xlink:href="#path-1"></use>
-      <g mask="url(#mask-2)" class="fill-color">
-        <path
-          d="M0,0 L26.6666667,0 L26.6666667,30 L0,30 L0,0 Z"
-          id="swatch"
-        ></path>
-      </g>
-    </g>
-  </svg>
-`;
+import { html } from 'lit';
+
+export default html`
+  <svg
+    class="ia-logo"
+    viewBox="0 0 27 30"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby="logoTitleID logoDescID"
+  >
+    <title id="logoTitleID">Internet Archive logo</title>
+    <desc id="logoDescID">
+      A line drawing of the Internet Archive headquarters building façade.
+    </desc>
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+      <mask id="mask-2" class="fill-color">
+        <path
+          d="M26.6666667,28.6046512 L26.6666667,30 L0,30 L0.000283687943,28.6046512 L26.6666667,28.6046512 Z M25.6140351,26.5116279 L25.6140351,28.255814 L1.05263158,28.255814 L1.05263158,26.5116279 L25.6140351,26.5116279 Z M3.62469203,7.6744186 L3.91746909,7.82153285 L4.0639977,10.1739544 L4.21052632,13.9963932 L4.21052632,17.6725617 L4.0639977,22.255044 L4.03962296,25.3421929 L3.62469203,25.4651163 L2.16024641,25.4651163 L1.72094074,25.3421929 L1.55031755,22.255044 L1.40350877,17.6970339 L1.40350877,14.0211467 L1.55031755,10.1739544 L1.68423854,7.80887484 L1.98962322,7.6744186 L3.62469203,7.6744186 Z M24.6774869,7.6744186 L24.9706026,7.82153285 L25.1168803,10.1739544 L25.2631579,13.9963932 L25.2631579,17.6725617 L25.1168803,22.255044 L25.0927809,25.3421929 L24.6774869,25.4651163 L23.2130291,25.4651163 L22.7736357,25.3421929 L22.602418,22.255044 L22.4561404,17.6970339 L22.4561404,14.0211467 L22.602418,10.1739544 L22.7369262,7.80887484 L23.0420916,7.6744186 L24.6774869,7.6744186 Z M9.94042303,7.6744186 L10.2332293,7.82153285 L10.3797725,10.1739544 L10.5263158,13.9963932 L10.5263158,17.6725617 L10.3797725,22.255044 L10.3556756,25.3421929 L9.94042303,25.4651163 L8.47583122,25.4651163 L8.0362015,25.3421929 L7.86556129,22.255044 L7.71929825,17.6970339 L7.71929825,14.0211467 L7.86556129,10.1739544 L8.00005604,7.80887484 L8.30491081,7.6744186 L9.94042303,7.6744186 Z M18.0105985,7.6744186 L18.3034047,7.82153285 L18.449948,10.1739544 L18.5964912,13.9963932 L18.5964912,17.6725617 L18.449948,22.255044 L18.425851,25.3421929 L18.0105985,25.4651163 L16.5460067,25.4651163 L16.1066571,25.3421929 L15.9357367,22.255044 L15.7894737,17.6970339 L15.7894737,14.0211467 L15.9357367,10.1739544 L16.0702315,7.80887484 L16.3753664,7.6744186 L18.0105985,7.6744186 Z M25.6140351,4.53488372 L25.6140351,6.97674419 L1.05263158,6.97674419 L1.05263158,4.53488372 L25.6140351,4.53488372 Z M13.0806755,0 L25.9649123,2.93331338 L25.4484139,3.8372093 L0.771925248,3.8372093 L0,3.1041615 L13.0806755,0 Z"
+          id="path-1"
+        ></path>
+      </mask>
+      <use class="fill-color" xlink:href="#path-1"></use>
+      <g mask="url(#mask-2)" class="fill-color">
+        <path
+          d="M0,0 L26.6666667,0 L26.6666667,30 L0,30 L0,0 Z"
+          id="swatch"
+        ></path>
+      </g>
+    </g>
+  </svg>
+`;

package/src/modal-config.ts

@@ -1,133 +1,133 @@
-import { TemplateResult } from 'lit';
-
-/**
- * Configuration to show a modal
- *
- * @export
- * @class ModalConfig
- */
-export class ModalConfig {
-  /**
-   * The title that shows in the header
-   *
-   * @type {(TemplateResult | undefined)}
-   * @memberof ModalConfig
-   */
-  title?: TemplateResult;
-
-  /**
-   * The subtitle shown in the header under the title
-   *
-   * @type {(TemplateResult | undefined)}
-   * @memberof ModalConfig
-   */
-  subtitle?: TemplateResult;
-
-  /**
-   * The headline shown at the top of the content section
-   *
-   * @type {(TemplateResult | undefined)}
-   * @memberof ModalConfig
-   */
-  headline?: TemplateResult;
-
-  /**
-   * The text shown below the headline in the content section
-   *
-   * @type {(TemplateResult | undefined)}
-   * @memberof ModalConfig
-   */
-  message?: TemplateResult;
-
-  /**
-   * The background color of the header
-   *
-   * @memberof ModalConfig
-   */
-  headerColor: string;
-
-  /**
-   * The background color of the body
-   *
-   * @memberof ModalConfig
-   */
-  bodyColor: string;
-
-  /**
-   * Show or hide the processing indicator
-   *
-   * @memberof ModalConfig
-   */
-  showProcessingIndicator: boolean;
-
-  /**
-   * Set the processing image mode, currently `processing` or `complete`
-   *
-   * @memberof ModalConfig
-   */
-  processingImageMode: 'processing' | 'complete';
-
-  /**
-   * Show the close button
-   *
-   * @memberof ModalConfig
-   */
-  showCloseButton: boolean;
-
-  /**
-   * Show the left nav button
-   *
-   * @memberof ModalConfig
-   */
-  showLeftNavButton: boolean;
-
-  /**
-   * Left nav button text
-   */
-  leftNavButtonText: string;
-
-  /**
-   * Show the close button
-   *
-   * @memberof ModalConfig
-   */
-  showHeaderLogo: boolean;
-
-  /**
-   * Close the modal if the user taps on the background
-   *
-   * @memberof ModalConfig
-   */
-  closeOnBackdropClick: boolean;
-
-  constructor(options?: {
-    title?: TemplateResult;
-    subtitle?: TemplateResult;
-    headline?: TemplateResult;
-    message?: TemplateResult;
-    headerColor?: string;
-    bodyColor?: string;
-    showProcessingIndicator?: boolean;
-    processingImageMode?: 'processing' | 'complete';
-    showCloseButton?: boolean;
-    showLeftNavButton?: boolean;
-    leftNavButtonText?: string;
-    showHeaderLogo?: boolean;
-    closeOnBackdropClick?: boolean;
-  }) {
-    this.title = options?.title;
-    this.subtitle = options?.subtitle;
-    this.headline = options?.headline;
-    this.message = options?.message;
-
-    this.headerColor = options?.headerColor ?? '#55A183';
-    this.bodyColor = options?.bodyColor ?? '#fbfbfd';
-    this.showProcessingIndicator = options?.showProcessingIndicator ?? false;
-    this.processingImageMode = options?.processingImageMode ?? 'complete';
-    this.showCloseButton = options?.showCloseButton ?? true;
-    this.showLeftNavButton = options?.showLeftNavButton ?? false;
-    this.leftNavButtonText = options?.leftNavButtonText ?? '';
-    this.showHeaderLogo = options?.showHeaderLogo ?? true;
-    this.closeOnBackdropClick = options?.closeOnBackdropClick ?? true;
-  }
-}
+import { TemplateResult } from 'lit';
+
+/**
+ * Configuration to show a modal
+ *
+ * @export
+ * @class ModalConfig
+ */
+export class ModalConfig {
+  /**
+   * The title that shows in the header
+   *
+   * @type {(TemplateResult | undefined)}
+   * @memberof ModalConfig
+   */
+  title?: TemplateResult;
+
+  /**
+   * The subtitle shown in the header under the title
+   *
+   * @type {(TemplateResult | undefined)}
+   * @memberof ModalConfig
+   */
+  subtitle?: TemplateResult;
+
+  /**
+   * The headline shown at the top of the content section
+   *
+   * @type {(TemplateResult | undefined)}
+   * @memberof ModalConfig
+   */
+  headline?: TemplateResult;
+
+  /**
+   * The text shown below the headline in the content section
+   *
+   * @type {(TemplateResult | undefined)}
+   * @memberof ModalConfig
+   */
+  message?: TemplateResult;
+
+  /**
+   * The background color of the header
+   *
+   * @memberof ModalConfig
+   */
+  headerColor: string;
+
+  /**
+   * The background color of the body
+   *
+   * @memberof ModalConfig
+   */
+  bodyColor: string;
+
+  /**
+   * Show or hide the processing indicator
+   *
+   * @memberof ModalConfig
+   */
+  showProcessingIndicator: boolean;
+
+  /**
+   * Set the processing image mode, currently `processing` or `complete`
+   *
+   * @memberof ModalConfig
+   */
+  processingImageMode: 'processing' | 'complete';
+
+  /**
+   * Show the close button
+   *
+   * @memberof ModalConfig
+   */
+  showCloseButton: boolean;
+
+  /**
+   * Show the left nav button
+   *
+   * @memberof ModalConfig
+   */
+  showLeftNavButton: boolean;
+
+  /**
+   * Left nav button text
+   */
+  leftNavButtonText: string;
+
+  /**
+   * Show the close button
+   *
+   * @memberof ModalConfig
+   */
+  showHeaderLogo: boolean;
+
+  /**
+   * Close the modal if the user taps on the background
+   *
+   * @memberof ModalConfig
+   */
+  closeOnBackdropClick: boolean;
+
+  constructor(options?: {
+    title?: TemplateResult;
+    subtitle?: TemplateResult;
+    headline?: TemplateResult;
+    message?: TemplateResult;
+    headerColor?: string;
+    bodyColor?: string;
+    showProcessingIndicator?: boolean;
+    processingImageMode?: 'processing' | 'complete';
+    showCloseButton?: boolean;
+    showLeftNavButton?: boolean;
+    leftNavButtonText?: string;
+    showHeaderLogo?: boolean;
+    closeOnBackdropClick?: boolean;
+  }) {
+    this.title = options?.title;
+    this.subtitle = options?.subtitle;
+    this.headline = options?.headline;
+    this.message = options?.message;
+
+    this.headerColor = options?.headerColor ?? '#55A183';
+    this.bodyColor = options?.bodyColor ?? '#fbfbfd';
+    this.showProcessingIndicator = options?.showProcessingIndicator ?? false;
+    this.processingImageMode = options?.processingImageMode ?? 'complete';
+    this.showCloseButton = options?.showCloseButton ?? true;
+    this.showLeftNavButton = options?.showLeftNavButton ?? false;
+    this.leftNavButtonText = options?.leftNavButtonText ?? '';
+    this.showHeaderLogo = options?.showHeaderLogo ?? true;
+    this.closeOnBackdropClick = options?.closeOnBackdropClick ?? true;
+  }
+}

package/src/modal-manager-host-bridge-interface.ts

@@ -1,13 +1,13 @@
-import { ModalManagerMode } from './modal-manager-mode';
-
-/**
- * The ModalManagerHostBridgeInterface is a delegate interface for
- * the host to implement environment-specific changes when the modal
- * is open or closed.
- *
- * A default implementation is provided, but can be overridden if
- * it does not work for the environment.
- */
-export interface ModalManagerHostBridgeInterface {
-  handleModeChange(mode: ModalManagerMode): void;
-}
+import { ModalManagerMode } from './modal-manager-mode';
+
+/**
+ * The ModalManagerHostBridgeInterface is a delegate interface for
+ * the host to implement environment-specific changes when the modal
+ * is open or closed.
+ *
+ * A default implementation is provided, but can be overridden if
+ * it does not work for the environment.
+ */
+export interface ModalManagerHostBridgeInterface {
+  handleModeChange(mode: ModalManagerMode): void;
+}