@internetarchive/collection-browser 2.7.7-alpha.2 → 2.7.8-alpha1

package/dist/test/tiles/tile-dispatcher.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-dispatcher.test.js","sourceRoot":"","sources":["../../../test/tiles/tile-dispatcher.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,iCAAiC,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAGtE,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;;QAChE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;2BAEtB,MAAM;iBAChB,EAAE,SAAS,EAAE,OAAO,EAAE;;;KAGlC,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,WAAW,CAAC,CAAC;QAC3D,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sEAAsE,EAAE,KAAK,IAAI,EAAE;;QACpF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;2BAEtB,MAAM;iBAChB,EAAE,SAAS,EAAE,YAAY,EAAE;;;KAGvC,CAAC,CAAC;QAEH,MAAM,cAAc,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;QACvE,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gEAAgE,EAAE,KAAK,IAAI,EAAE;;QAC9E,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;2BAEtB,MAAM;iBAChB,EAAE,SAAS,EAAE,SAAS,EAAE;;;KAGpC,CAAC,CAAC;QAEH,MAAM,WAAW,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QACjE,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;;QAC5E,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;2BAEtB,MAAM;iBAChB,EAAE,SAAS,EAAE,QAAQ,EAAE;;;KAGnC,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAC/D,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;;QAC9D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;0CACP,aAAa,WAAW,EAAE;;KAE/D,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,WAAW,CAAC,CAAC;QAC3D,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;;QACrE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;0CACP,cAAc,WAAW,EAAE;;KAEhE,CAAC,CAAC;QAEH,MAAM,eAAe,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAC1E,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+DAA+D,EAAE,KAAK,IAAI,EAAE;;QAC7E,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC;QAClC,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QACxB,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC;QAElB,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;;iBAGhC,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE;6BACvB,EAAE;;;KAG1B,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAC3C,SAAS,CACW,CAAC;QACvB,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAE1B,QAAQ,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;QACjD,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAClC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACxC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAE1C,MAAM,CAAC,IAAI,GAAG,aAAa,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6DAA6D,EAAE,KAAK,IAAI,EAAE;;QAC3E,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;;iBAGhC,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE;2BACzB,MAAM;;KAE5B,CAAC,CAAC;QAEH,MAAM,WAAW,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAC9C,wCAAwC,CACpB,CAAC;QAEvB,WAAW,CAAC,KAAK,EAAE,CAAC;QACpB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,MAAA,EAAE,CAAC,KAAK,0CAAE,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAErC,WAAW,CAAC,KAAK,EAAE,CAAC;QACpB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,MAAA,EAAE,CAAC,KAAK,0CAAE,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;gCACjB,EAAE,UAAU,EAAE,KAAK,EAAE;KAChD,CAAC,CAAC;QAEH,MAAM,CAAC,EAAE,CAAC,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CACvC,CAAC,KAA0B,EAAE,EAAE,WAAC,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,UAAU,MAAK,KAAK,CAAA,EAAA,CACnE,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,iCAAiC,EAAE,GAAG,EAAE;QAC/C,IAAI,aAAuC,CAAC;QAE5C,MAAM,CAAC,GAAG,EAAE;YACV,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC;YAClC,sDAAsD;YACtD,MAAM,CAAC,UAAU,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAmB,CAAC;QACnE,CAAC,CAAC,CAAC;QAEH,KAAK,CAAC,GAAG,EAAE;YACT,MAAM,CAAC,UAAU,GAAG,aAAa,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;;YACzE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;6BAEtB,MAAM;mBAChB,EAAE,SAAS,EAAE,OAAO,EAAE;6BACZ,IAAI;;;OAG1B,CAAC,CAAC;YAEH,MAAM,QAAQ,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,WAAW,CAAa,CAAC;YACvE,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YAE1B,MAAM,UAAU,GAAG,MAAA,QAAQ,CAAC,UAAU,0CAAE,aAAa,CACnD,cAAc,CACM,CAAC;YACvB,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YAE5B,UAAU,CAAC,KAAK,EAAE,CAAC;YACnB,MAAM,QAAQ,CAAC,GAAG,CAAC,CAAC;YACpB,MAAM,EAAE,CAAC,cAAc,CAAC;YACxB,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;YAE1D,UAAU,CAAC,KAAK,EAAE,CAAC;YACnB,MAAM,QAAQ,CAAC,GAAG,CAAC,CAAC;YACpB,MAAM,EAAE,CAAC,cAAc,CAAC;YACxB,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { aTimeout, expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport sinon from 'sinon';\nimport type { TileDispatcher } from '../../src/tiles/tile-dispatcher';\n\nimport '../../src/tiles/tile-dispatcher';\nimport type { ItemTile } from '../../src/tiles/grid/item-tile';\nimport { TileHoverPane } from '../../src/tiles/hover/tile-hover-pane';\nimport type { HoverPaneProperties } from '../../src/tiles/hover/hover-pane-controller';\n\ndescribe('Tile Dispatcher', () => {\n  it('should render item-tile for grid mode by default', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        .tileDisplayMode=${'grid'}\n        .model=${{ mediatype: 'texts' }}\n      >\n      </tile-dispatcher>\n    `);\n\n    const itemTile = el.shadowRoot?.querySelector('item-tile');\n    expect(itemTile).to.exist;\n  });\n\n  it('should render collection-tile for grid mode and collection mediatype', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        .tileDisplayMode=${'grid'}\n        .model=${{ mediatype: 'collection' }}\n      >\n      </tile-dispatcher>\n    `);\n\n    const collectionTile = el.shadowRoot?.querySelector('collection-tile');\n    expect(collectionTile).to.exist;\n  });\n\n  it('should render account-tile for grid mode and account mediatype', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        .tileDisplayMode=${'grid'}\n        .model=${{ mediatype: 'account' }}\n      >\n      </tile-dispatcher>\n    `);\n\n    const accountTile = el.shadowRoot?.querySelector('account-tile');\n    expect(accountTile).to.exist;\n  });\n\n  it('should render search-tile for grid mode and search mediatype', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        .tileDisplayMode=${'grid'}\n        .model=${{ mediatype: 'search' }}\n      >\n      </tile-dispatcher>\n    `);\n\n    const searchTile = el.shadowRoot?.querySelector('search-tile');\n    expect(searchTile).to.exist;\n  });\n\n  it('should render tile-list for extended list mode', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .tileDisplayMode=${'list-detail'} .model=${{}}>\n      </tile-dispatcher>\n    `);\n\n    const listTile = el.shadowRoot?.querySelector('tile-list');\n    expect(listTile).to.exist;\n  });\n\n  it('should render tile-list-compact for compact list mode', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .tileDisplayMode=${'list-compact'} .model=${{}}>\n      </tile-dispatcher>\n    `);\n\n    const compactListTile = el.shadowRoot?.querySelector('tile-list-compact');\n    expect(compactListTile).to.exist;\n  });\n\n  it('should open item in new tab when right-clicked in manage mode', async () => {\n    const oldWindowOpen = window.open;\n    const spy = sinon.spy();\n    window.open = spy;\n\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        isManageView\n        .model=${{ identifier: 'foo', href: '/foo' }}\n        .baseNavigationUrl=${''}\n      >\n      </tile-dispatcher>\n    `);\n\n    const tileLink = el.shadowRoot?.querySelector(\n      'a[href]',\n    ) as HTMLAnchorElement;\n    expect(tileLink).to.exist;\n\n    tileLink.dispatchEvent(new Event('contextmenu'));\n    await el.updateComplete;\n\n    expect(spy.callCount).to.equal(1);\n    expect(spy.args[0][0]).to.equal('/foo');\n    expect(spy.args[0][1]).to.equal('_blank');\n\n    window.open = oldWindowOpen;\n  });\n\n  it('should toggle model checked state when manage check clicked', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        isManageView\n        .model=${{ identifier: 'foo', href: '/foo' }}\n        .tileDisplayMode=${'grid'}\n      ></tile-dispatcher>\n    `);\n\n    const manageCheck = el.shadowRoot?.querySelector(\n      '.manage-check > input[type=\"checkbox\"]',\n    ) as HTMLButtonElement;\n\n    manageCheck.click();\n    await el.updateComplete;\n    expect(el.model?.checked).to.be.true;\n\n    manageCheck.click();\n    await el.updateComplete;\n    expect(el.model?.checked).to.be.false;\n  });\n\n  it('should return hover pane props', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .model=${{ identifier: 'foo' }}> </tile-dispatcher>\n    `);\n\n    expect(el.getHoverPaneProps()).to.satisfy(\n      (props: HoverPaneProperties) => props?.model?.identifier === 'foo',\n    );\n  });\n\n  describe('Hover pane info button behavior', () => {\n    let oldMatchMedia: typeof window.matchMedia;\n\n    before(() => {\n      oldMatchMedia = window.matchMedia;\n      // Pretend that there is no hover-capable input device\n      window.matchMedia = () => ({ matches: false }) as MediaQueryList;\n    });\n\n    after(() => {\n      window.matchMedia = oldMatchMedia;\n    });\n\n    it('should toggle hover pane when tile info button is pressed', async () => {\n      const el = await fixture<TileDispatcher>(html`\n        <tile-dispatcher\n          .tileDisplayMode=${'grid'}\n          .model=${{ mediatype: 'texts' }}\n          .enableHoverPane=${true}\n        >\n        </tile-dispatcher>\n      `);\n\n      const itemTile = el.shadowRoot?.querySelector('item-tile') as ItemTile;\n      expect(itemTile).to.exist;\n\n      const infoButton = itemTile.shadowRoot?.querySelector(\n        '.info-button',\n      ) as HTMLButtonElement;\n      expect(infoButton).to.exist;\n\n      infoButton.click();\n      await aTimeout(500);\n      await el.updateComplete;\n      expect(el.getHoverPane()).to.be.instanceOf(TileHoverPane);\n\n      infoButton.click();\n      await aTimeout(500);\n      await el.updateComplete;\n      expect(el.getHoverPane()).not.to.exist;\n    });\n  });\n});\n"]}
+{"version":3,"file":"tile-dispatcher.test.js","sourceRoot":"","sources":["../../../test/tiles/tile-dispatcher.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { aTimeout, expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport sinon from 'sinon';\nimport type { TileDispatcher } from '../../src/tiles/tile-dispatcher';\n\nimport '../../src/tiles/tile-dispatcher';\nimport type { ItemTile } from '../../src/tiles/grid/item-tile';\nimport { TileHoverPane } from '../../src/tiles/hover/tile-hover-pane';\nimport type { HoverPaneProperties } from '../../src/tiles/hover/hover-pane-controller';\n\ndescribe('Tile Dispatcher', () => {\n  it('should render item-tile for grid mode by default', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        .tileDisplayMode=${'grid'}\n        .model=${{ mediatype: 'texts' }}\n      >\n      </tile-dispatcher>\n    `);\n\n    const itemTile = el.shadowRoot?.querySelector('item-tile');\n    expect(itemTile).to.exist;\n  });\n\n  it('should render collection-tile for grid mode and collection mediatype', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        .tileDisplayMode=${'grid'}\n        .model=${{ mediatype: 'collection' }}\n      >\n      </tile-dispatcher>\n    `);\n\n    const collectionTile = el.shadowRoot?.querySelector('collection-tile');\n    expect(collectionTile).to.exist;\n  });\n\n  it('should render account-tile for grid mode and account mediatype', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        .tileDisplayMode=${'grid'}\n        .model=${{ mediatype: 'account' }}\n      >\n      </tile-dispatcher>\n    `);\n\n    const accountTile = el.shadowRoot?.querySelector('account-tile');\n    expect(accountTile).to.exist;\n  });\n\n  it('should render search-tile for grid mode and search mediatype', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        .tileDisplayMode=${'grid'}\n        .model=${{ mediatype: 'search' }}\n      >\n      </tile-dispatcher>\n    `);\n\n    const searchTile = el.shadowRoot?.querySelector('search-tile');\n    expect(searchTile).to.exist;\n  });\n\n  it('should render tile-list for extended list mode', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .tileDisplayMode=${'list-detail'} .model=${{}}>\n      </tile-dispatcher>\n    `);\n\n    const listTile = el.shadowRoot?.querySelector('tile-list');\n    expect(listTile).to.exist;\n  });\n\n  it('should render tile-list-compact for compact list mode', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .tileDisplayMode=${'list-compact'} .model=${{}}>\n      </tile-dispatcher>\n    `);\n\n    const compactListTile = el.shadowRoot?.querySelector('tile-list-compact');\n    expect(compactListTile).to.exist;\n  });\n\n  it('should open item in new tab when right-clicked in manage mode', async () => {\n    const oldWindowOpen = window.open;\n    const spy = sinon.spy();\n    window.open = spy;\n\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        isManageView\n        .model=${{ identifier: 'foo', href: '/foo' }}\n        .baseNavigationUrl=${''}\n      >\n      </tile-dispatcher>\n    `);\n\n    const tileLink = el.shadowRoot?.querySelector(\n      'a[href]'\n    ) as HTMLAnchorElement;\n    expect(tileLink).to.exist;\n\n    tileLink.dispatchEvent(new Event('contextmenu'));\n    await el.updateComplete;\n\n    expect(spy.callCount).to.equal(1);\n    expect(spy.args[0][0]).to.equal('/foo');\n    expect(spy.args[0][1]).to.equal('_blank');\n\n    window.open = oldWindowOpen;\n  });\n\n  it('should toggle model checked state when manage check clicked', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher\n        isManageView\n        .model=${{ identifier: 'foo', href: '/foo' }}\n        .tileDisplayMode=${'grid'}\n      ></tile-dispatcher>\n    `);\n\n    const manageCheck = el.shadowRoot?.querySelector(\n      '.manage-check > input[type=\"checkbox\"]'\n    ) as HTMLButtonElement;\n\n    manageCheck.click();\n    await el.updateComplete;\n    expect(el.model?.checked).to.be.true;\n\n    manageCheck.click();\n    await el.updateComplete;\n    expect(el.model?.checked).to.be.false;\n  });\n\n  it('should return hover pane props', async () => {\n    const el = await fixture<TileDispatcher>(html`\n      <tile-dispatcher .model=${{ identifier: 'foo' }}> </tile-dispatcher>\n    `);\n\n    expect(el.getHoverPaneProps()).to.satisfy(\n      (props: HoverPaneProperties) => props?.model?.identifier === 'foo'\n    );\n  });\n\n  describe('Hover pane info button behavior', () => {\n    let oldMatchMedia: typeof window.matchMedia;\n\n    before(() => {\n      oldMatchMedia = window.matchMedia;\n      // Pretend that there is no hover-capable input device\n      window.matchMedia = () => ({ matches: false } as MediaQueryList);\n    });\n\n    after(() => {\n      window.matchMedia = oldMatchMedia;\n    });\n\n    it('should toggle hover pane when tile info button is pressed', async () => {\n      const el = await fixture<TileDispatcher>(html`\n        <tile-dispatcher\n          .tileDisplayMode=${'grid'}\n          .model=${{ mediatype: 'texts' }}\n          .enableHoverPane=${true}\n        >\n        </tile-dispatcher>\n      `);\n\n      const itemTile = el.shadowRoot?.querySelector('item-tile') as ItemTile;\n      expect(itemTile).to.exist;\n\n      const infoButton = itemTile.shadowRoot?.querySelector(\n        '.info-button'\n      ) as HTMLButtonElement;\n      expect(infoButton).to.exist;\n\n      infoButton.click();\n      await aTimeout(500);\n      await el.updateComplete;\n      expect(el.getHoverPane()).to.be.instanceOf(TileHoverPane);\n\n      infoButton.click();\n      await aTimeout(500);\n      await el.updateComplete;\n      expect(el.getHoverPane()).not.to.exist;\n    });\n  });\n});\n"]}

package/dist/test/utils/format-count.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"format-count.test.js","sourceRoot":"","sources":["../../../test/utils/format-count.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC7C,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC5C,MAAM,CAAC,WAAW,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAClD,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,CAAC,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,GAAG,EAAE;QAC/D,MAAM,CAAC,WAAW,CAAC,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAC3D,aAAa,CACd,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,CAAC,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { formatCount } from '../../src/utils/format-count';\n\nconst testCount = 805342;\n\ndescribe('formatCount', () => {\n  it('returns blank when undefined number', () => {\n    expect(formatCount(undefined)).to.equal('');\n  });\n\n  it('returns blank when negative number', () => {\n    expect(formatCount(testCount * -1)).to.equal('');\n  });\n\n  it('returns long number when no NumberFormat', () => {\n    expect(formatCount(testCount)).to.equal('805,342');\n  });\n\n  it('returns short number when short NumberFormat', () => {\n    expect(formatCount(testCount, 'short')).to.equal('805K');\n  });\n\n  it('returns decimal when value of significant digits < 10', () => {\n    expect(formatCount(testCount * 10, 'short', 'long')).to.equal(\n      '8.1 million',\n    );\n  });\n\n  it('returns locale formatted number', () => {\n    expect(formatCount(testCount, 'long', 'long', 'de-DE')).to.equal('805.342');\n  });\n});\n"]}
+{"version":3,"file":"format-count.test.js","sourceRoot":"","sources":["../../../test/utils/format-count.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC7C,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC5C,MAAM,CAAC,WAAW,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAClD,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,CAAC,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,GAAG,EAAE;QAC/D,MAAM,CAAC,WAAW,CAAC,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAC3D,aAAa,CACd,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,CAAC,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { formatCount } from '../../src/utils/format-count';\n\nconst testCount = 805342;\n\ndescribe('formatCount', () => {\n  it('returns blank when undefined number', () => {\n    expect(formatCount(undefined)).to.equal('');\n  });\n\n  it('returns blank when negative number', () => {\n    expect(formatCount(testCount * -1)).to.equal('');\n  });\n\n  it('returns long number when no NumberFormat', () => {\n    expect(formatCount(testCount)).to.equal('805,342');\n  });\n\n  it('returns short number when short NumberFormat', () => {\n    expect(formatCount(testCount, 'short')).to.equal('805K');\n  });\n\n  it('returns decimal when value of significant digits < 10', () => {\n    expect(formatCount(testCount * 10, 'short', 'long')).to.equal(\n      '8.1 million'\n    );\n  });\n\n  it('returns locale formatted number', () => {\n    expect(formatCount(testCount, 'long', 'long', 'de-DE')).to.equal('805.342');\n  });\n});\n"]}

package/dist/test/utils/format-date.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"format-date.test.js","sourceRoot":"","sources":["../../../test/utils/format-date.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AAEvC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC1D,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iFAAiF,EAAE,GAAG,EAAE;QACzF,oFAAoF;QACpF,2EAA2E;QAC3E,qFAAqF;QACrF,wFAAwF;QACxF,oFAAoF;QACpF,iFAAiF;QACjF,wFAAwF;QACxF,MAAM,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,sBAAsB,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CACxE,MAAM,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACvC,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { formatDate } from '../../src/utils/format-date';\n\nconst testDate = new Date(2020, 11, 9);\n\ndescribe('formatDate', () => {\n  it('returns blank when undefined date', () => {\n    expect(formatDate(undefined)).to.equal('');\n  });\n\n  it('returns short date when no DateFormat', () => {\n    expect(formatDate(testDate)).to.equal('Dec 2020');\n  });\n\n  it('returns long date when long DateFormat', () => {\n    expect(formatDate(testDate, 'long')).to.equal('Dec 09, 2020');\n  });\n\n  it('returns year-only date when year-only DateFormat', () => {\n    expect(formatDate(testDate, 'year-only')).to.equal('2020');\n  });\n\n  it('returns correct year for old \"Jan 1 at midnight\" dates and year-only DateFormat', () => {\n    // Many standard timezones have a discontinuity in date parsing at some point during\n    // the 19th or 20th century, corresponding to the creation of the timezone.\n    // Dates prior to the discontinuity generally have a non-hour-aligned timezone offset\n    // which can throw off the calculated year for dates which are close to a year boundary.\n    // This is particularly problematic for \"Jan 1 at midnight\" dates, which are what we\n    // receive from the search engine for date metadata that only specifies the year.\n    // So we must ensure these older dates still output the correct year, not the prior one.\n    expect(formatDate(new Date('1234-01-01T00:00:00Z'), 'year-only')).to.equal(\n      '1234',\n    );\n  });\n\n  it('returns locale formatted date', () => {\n    expect(formatDate(testDate, 'long', 'de-DE')).to.equal('09. Dez. 2020');\n  });\n});\n"]}
+{"version":3,"file":"format-date.test.js","sourceRoot":"","sources":["../../../test/utils/format-date.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AAEvC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC1D,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iFAAiF,EAAE,GAAG,EAAE;QACzF,oFAAoF;QACpF,2EAA2E;QAC3E,qFAAqF;QACrF,wFAAwF;QACxF,oFAAoF;QACpF,iFAAiF;QACjF,wFAAwF;QACxF,MAAM,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,sBAAsB,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CACxE,MAAM,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACvC,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { formatDate } from '../../src/utils/format-date';\n\nconst testDate = new Date(2020, 11, 9);\n\ndescribe('formatDate', () => {\n  it('returns blank when undefined date', () => {\n    expect(formatDate(undefined)).to.equal('');\n  });\n\n  it('returns short date when no DateFormat', () => {\n    expect(formatDate(testDate)).to.equal('Dec 2020');\n  });\n\n  it('returns long date when long DateFormat', () => {\n    expect(formatDate(testDate, 'long')).to.equal('Dec 09, 2020');\n  });\n\n  it('returns year-only date when year-only DateFormat', () => {\n    expect(formatDate(testDate, 'year-only')).to.equal('2020');\n  });\n\n  it('returns correct year for old \"Jan 1 at midnight\" dates and year-only DateFormat', () => {\n    // Many standard timezones have a discontinuity in date parsing at some point during\n    // the 19th or 20th century, corresponding to the creation of the timezone.\n    // Dates prior to the discontinuity generally have a non-hour-aligned timezone offset\n    // which can throw off the calculated year for dates which are close to a year boundary.\n    // This is particularly problematic for \"Jan 1 at midnight\" dates, which are what we\n    // receive from the search engine for date metadata that only specifies the year.\n    // So we must ensure these older dates still output the correct year, not the prior one.\n    expect(formatDate(new Date('1234-01-01T00:00:00Z'), 'year-only')).to.equal(\n      '1234'\n    );\n  });\n\n  it('returns locale formatted date', () => {\n    expect(formatDate(testDate, 'long', 'de-DE')).to.equal('09. Dez. 2020');\n  });\n});\n"]}

package/dist/test/utils/local-date-from-utc.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"local-date-from-utc.test.js","sourceRoot":"","sources":["../../../test/utils/local-date-from-utc.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EACL,gBAAgB,EAChB,2BAA2B,GAC5B,MAAM,qCAAqC,CAAC;AAE7C,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC9C,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QAC/D,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CACnD,WAAW,CAAC,WAAW,EAAE,CAC1B,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;IAC3C,EAAE,CAAC,4DAA4D,EAAE,KAAK,IAAI,EAAE;QAC1E,MAAM,qBAAqB,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC/D,MAAM,CAAC,2BAA2B,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iEAAiE,EAAE,KAAK,IAAI,EAAE;QAC/E,MAAM,sBAAsB,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;QACvE,MAAM,CAAC,2BAA2B,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAExE,MAAM,qBAAqB,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC/D,MAAM,CAAC,2BAA2B,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAEvE,MAAM,eAAe,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QACzD,MAAM,CAAC,2BAA2B,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAC7D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect } from '@open-wc/testing';\nimport {\n  localDateFromUTC,\n  isFirstMillisecondOfUTCYear,\n} from '../../src/utils/local-date-from-utc';\n\ndescribe('localDateFromUTC', () => {\n  it('converts dates from UTC to local timezone', async () => {\n    const date = new Date(1990, 1, 2, 3, 4, 5, 6);\n    const dateFromUTC = new Date(Date.UTC(1990, 1, 2, 3, 4, 5, 6));\n    expect(localDateFromUTC(date).toISOString()).to.equal(\n      dateFromUTC.toISOString(),\n    );\n  });\n});\n\ndescribe('isFirstMillisecondOfUTCYear', () => {\n  it('returns true when date is exactly Jan 1 at midnight in UTC', async () => {\n    const midnightOnNewYearsDay = new Date(2010, 0, 1, 0, 0, 0, 0);\n    expect(isFirstMillisecondOfUTCYear(midnightOnNewYearsDay)).to.be.true;\n  });\n\n  it('returns false when date is not exactly Jan 1 at midnight in UTC', async () => {\n    const oneMillisecondTooEarly = new Date(2009, 11, 31, 23, 59, 59, 999);\n    expect(isFirstMillisecondOfUTCYear(oneMillisecondTooEarly)).to.be.false;\n\n    const oneMillisecondTooLate = new Date(2010, 0, 1, 0, 0, 0, 1);\n    expect(isFirstMillisecondOfUTCYear(oneMillisecondTooLate)).to.be.false;\n\n    const middleOfTheYear = new Date(2010, 6, 1, 0, 0, 0, 0);\n    expect(isFirstMillisecondOfUTCYear(middleOfTheYear)).to.be.false;\n  });\n\n  it('returns false when no date provided', async () => {\n    expect(isFirstMillisecondOfUTCYear(undefined)).to.be.false;\n  });\n});\n"]}
+{"version":3,"file":"local-date-from-utc.test.js","sourceRoot":"","sources":["../../../test/utils/local-date-from-utc.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EACL,gBAAgB,EAChB,2BAA2B,GAC5B,MAAM,qCAAqC,CAAC;AAE7C,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC9C,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QAC/D,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CACnD,WAAW,CAAC,WAAW,EAAE,CAC1B,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;IAC3C,EAAE,CAAC,4DAA4D,EAAE,KAAK,IAAI,EAAE;QAC1E,MAAM,qBAAqB,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC/D,MAAM,CAAC,2BAA2B,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iEAAiE,EAAE,KAAK,IAAI,EAAE;QAC/E,MAAM,sBAAsB,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;QACvE,MAAM,CAAC,2BAA2B,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAExE,MAAM,qBAAqB,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC/D,MAAM,CAAC,2BAA2B,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAEvE,MAAM,eAAe,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QACzD,MAAM,CAAC,2BAA2B,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,CAAC,2BAA2B,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAC7D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect } from '@open-wc/testing';\nimport {\n  localDateFromUTC,\n  isFirstMillisecondOfUTCYear,\n} from '../../src/utils/local-date-from-utc';\n\ndescribe('localDateFromUTC', () => {\n  it('converts dates from UTC to local timezone', async () => {\n    const date = new Date(1990, 1, 2, 3, 4, 5, 6);\n    const dateFromUTC = new Date(Date.UTC(1990, 1, 2, 3, 4, 5, 6));\n    expect(localDateFromUTC(date).toISOString()).to.equal(\n      dateFromUTC.toISOString()\n    );\n  });\n});\n\ndescribe('isFirstMillisecondOfUTCYear', () => {\n  it('returns true when date is exactly Jan 1 at midnight in UTC', async () => {\n    const midnightOnNewYearsDay = new Date(2010, 0, 1, 0, 0, 0, 0);\n    expect(isFirstMillisecondOfUTCYear(midnightOnNewYearsDay)).to.be.true;\n  });\n\n  it('returns false when date is not exactly Jan 1 at midnight in UTC', async () => {\n    const oneMillisecondTooEarly = new Date(2009, 11, 31, 23, 59, 59, 999);\n    expect(isFirstMillisecondOfUTCYear(oneMillisecondTooEarly)).to.be.false;\n\n    const oneMillisecondTooLate = new Date(2010, 0, 1, 0, 0, 0, 1);\n    expect(isFirstMillisecondOfUTCYear(oneMillisecondTooLate)).to.be.false;\n\n    const middleOfTheYear = new Date(2010, 6, 1, 0, 0, 0, 0);\n    expect(isFirstMillisecondOfUTCYear(middleOfTheYear)).to.be.false;\n  });\n\n  it('returns false when no date provided', async () => {\n    expect(isFirstMillisecondOfUTCYear(undefined)).to.be.false;\n  });\n});\n"]}

package/index.html

@@ -16,6 +16,9 @@
     }
   </style>
 
+  <script
+    src="https://polyfill.archive.org/v3/polyfill.min.js?features=scrollIntoView%2CElement.prototype.scrollIntoView"></script>
+
 </head>
 <body>
   <app-root></app-root>

package/package.json

@@ -3,15 +3,15 @@
   "description": "The Internet Archive Collection Browser.",
   "license": "AGPL-3.0-only",
   "author": "Internet Archive",
-  "version": "2.7.7-alpha.2",
+  "version": "2.7.8-alpha1",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "scripts": {
     "start": "yarn run prepare && tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
     "prepare:ghpages": "rimraf ghpages && yarn run prepare && vite build",
     "prepare": "rimraf dist && tsc && husky install",
-    "lint": "eslint . && prettier \"**/*.ts\" --check",
-    "format": "eslint . --fix && prettier \"**/*.ts\" --write",
+    "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
+    "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
     "circular": "madge --circular --extensions ts .",
     "test": "tsc && yarn run lint && yarn run circular && wtr --coverage",
     "test:fast": "tsc && wtr --coverage",
@@ -23,50 +23,48 @@
   },
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@internetarchive/analytics-manager": "^0.1.4",
+    "@internetarchive/analytics-manager": "^0.1.2",
     "@internetarchive/feature-feedback": "^0.1.4",
     "@internetarchive/field-parsers": "^0.1.4",
-    "@internetarchive/histogram-date-range": "^1.2.1",
-    "@internetarchive/ia-activity-indicator": "^0.0.6",
-    "@internetarchive/ia-dropdown": "^1.3.10",
-    "@internetarchive/iaux-item-metadata": "^1.0.4",
+    "@internetarchive/histogram-date-range": "^1.2.0",
+    "@internetarchive/ia-activity-indicator": "^0.0.4",
+    "@internetarchive/ia-dropdown": "^1.3.8",
     "@internetarchive/infinite-scroller": "1.0.1",
-    "@internetarchive/modal-manager": "^2.0.1",
-    "@internetarchive/search-service": "2.0.0-alpha.1",
+    "@internetarchive/modal-manager": "^0.2.8",
+    "@internetarchive/search-service": "^1.4.1",
     "@internetarchive/shared-resize-observer": "^0.2.0",
-    "@lit/localize": "^0.12.2",
-    "dompurify": "^3.2.3",
-    "lit": "^2.8.0",
-    "typescript-cookie": "^1.0.6"
+    "@lit/localize": "^0.11.2",
+    "dompurify": "^3.1.7",
+    "eslint-plugin-lit": "^1.6.1",
+    "lit": "^2.2.2",
+    "typescript-cookie": "^1.0.3"
   },
   "devDependencies": {
     "@internetarchive/result-type": "^0.0.1",
-    "@open-wc/eslint-config": "^12.0.3",
-    "@open-wc/testing": "^4.0.0",
-    "@types/dompurify": "^3.2.0",
-    "@types/mocha": "^10.0.10",
-    "@typescript-eslint/eslint-plugin": "^8.20.0",
-    "@typescript-eslint/parser": "^8.20.0",
-    "@web/dev-server": "^0.4.6",
-    "@web/test-runner": "^0.19.0",
-    "concurrently": "^9.1.2",
-    "eslint": "^9.18.0",
-    "eslint-config-prettier": "^10.0.1",
-    "eslint-plugin-html": "^8.1.2",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-lit": "^1.15.0",
-    "eslint-plugin-lit-a11y": "^4.1.4",
-    "eslint-plugin-no-only-tests": "^3.3.0",
-    "eslint-plugin-wc": "^2.2.0",
-    "gh-pages": "^6.3.0",
-    "husky": "^9.1.7",
-    "madge": "^8.0.0",
-    "prettier": "^3.4.2",
-    "rimraf": "^6.0.1",
-    "sinon": "^19.0.2",
-    "tslib": "^2.8.1",
-    "typescript": "^5.7.3",
-    "vite": "^6.0.7"
+    "@open-wc/eslint-config": "^8.0.2",
+    "@open-wc/testing": "^3.0.3",
+    "@types/dompurify": "^3.0.5",
+    "@typescript-eslint/eslint-plugin": "^5.3.1",
+    "@typescript-eslint/parser": "^5.3.1",
+    "@web/dev-server": "^0.1.28",
+    "@web/test-runner": "^0.13.22",
+    "concurrently": "^6.3.0",
+    "eslint": "^8.2.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-html": "^7.1.0",
+    "eslint-plugin-import": "^2.25.3",
+    "eslint-plugin-lit-a11y": "^2.2.0",
+    "eslint-plugin-no-only-tests": "^3.0.0",
+    "eslint-plugin-wc": "^1.3.2",
+    "gh-pages": "^4.0.0",
+    "husky": "^7.0.0",
+    "madge": "^7.0.0",
+    "prettier": "^2.4.1",
+    "rimraf": "^3.0.2",
+    "sinon": "^12.0.1",
+    "tslib": "^2.3.1",
+    "typescript": "^4.4.4",
+    "vite": "^2.9.9"
   },
   "publishConfig": {
     "access": "public"

package/src/app-root.ts

@@ -1,3 +1,4 @@
+/* eslint-disable no-console */
 import {
   AnalyticsEvent,
   AnalyticsManager,
@@ -6,6 +7,7 @@ import {
   SearchService,
   SearchServiceInterface,
   SearchType,
+  StringField,
 } from '@internetarchive/search-service';
 import { html, css, LitElement, PropertyValues, nothing } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
@@ -16,7 +18,6 @@ import type { AnalyticsManagerInterface } from '@internetarchive/analytics-manag
 import type { CollectionBrowser } from '../src/collection-browser';
 
 import '../src/collection-browser';
-import { StringField } from '@internetarchive/iaux-item-metadata';
 
 @customElement('app-root')
 export class AppRoot extends LitElement {
@@ -82,7 +83,7 @@ export class AppRoot extends LitElement {
       includeCredentials: false,
       baseUrl: params.get('search_base_url') ?? undefined,
       servicePath: params.get('search_service_path') ?? undefined,
-      debuggingEnabled: !!params.get('debugging'),
+      debuggingEnabled: !!params.get('debugging') ?? undefined,
     });
   }
 
@@ -209,7 +210,7 @@ export class AppRoot extends LitElement {
             <button
               @click=${() => {
                 const details = this.shadowRoot?.getElementById(
-                  'latest-event-details',
+                  'latest-event-details'
                 );
                 details?.classList.toggle('hidden');
               }}
@@ -488,10 +489,8 @@ export class AppRoot extends LitElement {
           @baseQueryChanged=${this.baseQueryChanged}
           @searchTypeChanged=${this.searchTypeChanged}
           @manageModeChanged=${this.manageModeChanged}
-          @itemRemovalRequested=${(e: CustomEvent) =>
-            console.log(e.detail.items)}
-          @itemManagerRequested=${(e: CustomEvent) =>
-            console.log(e.detail.items)}
+          @itemRemovalRequested=${this.handleItemRemovalRequest}
+          @itemManagerRequested=${this.handleItemManagerRequest}
         >
           ${this.toggleSlots
             ? html`<div slot="sortbar-left-slot">Sort Slot</div>`
@@ -505,7 +504,7 @@ export class AppRoot extends LitElement {
     `;
   }
 
-  private async setPlaceholderType(type: string) {
+  private async setPlaceholderType(type: String) {
     switch (type) {
       case 'loading-placeholder':
         this.collectionBrowser.baseQuery = '';
@@ -549,11 +548,11 @@ export class AppRoot extends LitElement {
     if (target.checked) {
       this.collectionBrowser.style.setProperty(
         '--infiniteScrollerCellOutline',
-        '1px solid #33D1FF',
+        '1px solid #33D1FF'
       );
     } else {
       this.collectionBrowser.style.removeProperty(
-        '--infiniteScrollerCellOutline',
+        '--infiniteScrollerCellOutline'
       );
     }
   }
@@ -576,7 +575,7 @@ export class AppRoot extends LitElement {
           path: pageUrl.toString(),
         },
         '',
-        pageUrl.toString(),
+        pageUrl.toString()
       );
     }
   }
@@ -601,7 +600,7 @@ export class AppRoot extends LitElement {
         async search(params, searchType) {
           const searchResponse = await SearchService.default.search(
             params,
-            searchType,
+            searchType
           );
           searchResponse.success?.response.results.forEach(result => {
             Object.defineProperty(result, 'highlight', {
@@ -639,7 +638,7 @@ export class AppRoot extends LitElement {
         async search(params, searchType) {
           const searchResponse = await SearchService.default.search(
             params,
-            searchType,
+            searchType
           );
           searchResponse.success?.response.results.forEach((result, i) => {
             Object.defineProperty(result, 'review', {
@@ -701,11 +700,41 @@ export class AppRoot extends LitElement {
    */
   private manageModeChanged(e: CustomEvent<boolean>): void {
     const manageCheckbox = this.shadowRoot?.querySelector(
-      '#enable-management',
+      '#enable-management'
     ) as HTMLInputElement;
     if (manageCheckbox) manageCheckbox.checked = e.detail;
   }
 
+  /**
+   * Handler for item removal
+   */
+  private handleItemRemovalRequest(e: CustomEvent) {
+    this.collectionBrowser.showRemoveItemsProcessingModal();
+    console.log('itemRemovalRequested: ', e.detail.items);
+
+    setTimeout(() => {
+      // execute item-removal-service, and response is successfully deleted
+      const status = false;
+
+      if (status) {
+        // looking for success?
+        this.collectionBrowser.isManageView = false;
+        this.modalManager?.closeModal();
+        this.modalManager?.classList.remove('remove-items');
+      } else {
+        // looking for failure?
+        this.collectionBrowser.showRemoveItemsErrorModal();
+      }
+    }, 2000); // let's wait to see processing modal
+  }
+
+  /**
+   * Handler when item manage requested
+   */
+  private handleItemManagerRequest(e: CustomEvent) {
+    console.log('itemManagerRequested: ', e.detail.items);
+  }
+
   /**
    * Handler for when the dev panel's "Enable manage mode" checkbox is changed.
    */
@@ -751,7 +780,7 @@ export class AppRoot extends LitElement {
       this.collectionBrowser.appendChild(p);
     } else {
       this.collectionBrowser.removeChild(
-        this.collectionBrowser.lastElementChild as Element,
+        this.collectionBrowser.lastElementChild as Element
       );
     }
   }
@@ -775,7 +804,7 @@ export class AppRoot extends LitElement {
       this.collectionBrowser.appendChild(div);
     } else {
       this.collectionBrowser.removeChild(
-        this.collectionBrowser.lastElementChild as Element,
+        this.collectionBrowser.lastElementChild as Element
       );
     }
   }
@@ -797,7 +826,7 @@ export class AppRoot extends LitElement {
       this.collectionBrowser.appendChild(p);
     } else {
       this.collectionBrowser.removeChild(
-        this.collectionBrowser.lastElementChild as Element,
+        this.collectionBrowser.lastElementChild as Element
       );
     }
   }
@@ -819,7 +848,7 @@ export class AppRoot extends LitElement {
       this.collectionBrowser.appendChild(div);
     } else {
       const slottedEl = this.collectionBrowser.querySelector(
-        '[slot="sort-options-left"]',
+        '[slot="sort-options-left"]'
       );
       if (slottedEl) this.collectionBrowser.removeChild(slottedEl);
     }
@@ -842,7 +871,7 @@ export class AppRoot extends LitElement {
       this.collectionBrowser.appendChild(div);
     } else {
       const slottedEl = this.collectionBrowser.querySelector(
-        '[slot="sort-options-right"]',
+        '[slot="sort-options-right"]'
       );
       if (slottedEl) this.collectionBrowser.removeChild(slottedEl);
     }
@@ -853,7 +882,7 @@ export class AppRoot extends LitElement {
     this.rowGap = parseFloat(input.value);
     this.collectionBrowser.style.setProperty(
       '--collectionBrowserRowGap',
-      `${input.value}rem`,
+      `${input.value}rem`
     );
   }
 
@@ -862,7 +891,7 @@ export class AppRoot extends LitElement {
     this.colGap = parseFloat(input.value);
     this.collectionBrowser.style.setProperty(
       '--collectionBrowserColGap',
-      `${input.value}rem`,
+      `${input.value}rem`
     );
   }
 
@@ -871,7 +900,7 @@ export class AppRoot extends LitElement {
     this.cellWidth = parseFloat(input.value);
     this.collectionBrowser.style.setProperty(
       '--collectionBrowserCellMinWidth',
-      `${input.value}rem`,
+      `${input.value}rem`
     );
   }
 
@@ -880,11 +909,11 @@ export class AppRoot extends LitElement {
     this.cellHeight = parseFloat(input.value);
     this.collectionBrowser.style.setProperty(
       '--collectionBrowserCellMinHeight',
-      `${input.value}rem`,
+      `${input.value}rem`
     );
     this.collectionBrowser.style.setProperty(
       '--collectionBrowserCellMaxHeight',
-      `${input.value}rem`,
+      `${input.value}rem`
     );
   }
 
@@ -911,7 +940,7 @@ export class AppRoot extends LitElement {
       this.collectionBrowser.enableSortOptionsSlot = true;
     } else {
       const slottedEl = this.collectionBrowser.querySelector(
-        '[slot="sort-options"]',
+        '[slot="sort-options"]'
       );
       if (slottedEl) this.collectionBrowser.removeChild(slottedEl);
       this.collectionBrowser.enableSortOptionsSlot = false;
@@ -935,6 +964,12 @@ export class AppRoot extends LitElement {
     modal-manager[mode='open'] {
       display: block;
     }
+    modal-manager.remove-items {
+      --modalWidth: 58rem;
+      --modalBorder: 2px solid var(--primaryButtonBGColor, #194880);
+      --modalTitleLineHeight: 4rem;
+      --modalTitleFontSize: 1.8rem;
+    }
     modal-manager.more-search-facets {
       --modalWidth: 85rem;
       --modalBorder: 2px solid var(--primaryButtonBGColor, #194880);