@internetarchive/collection-browser 2.7.12 → 2.7.13-alpha2

package/dist/test/tiles/hover/hover-pane-controller.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"hover-pane-controller.test.js","sourceRoot":"","sources":["../../../../test/tiles/hover/hover-pane-controller.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html, LitElement, nothing, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport {\n  HoverPaneController,\n  HoverPaneControllerInterface,\n  HoverPaneControllerOptions,\n  HoverPaneProperties,\n  HoverPaneProviderInterface,\n} from '../../../src/tiles/hover/hover-pane-controller';\nimport type { TileHoverPane } from '../../../src/tiles/hover/tile-hover-pane';\nimport { TileModel } from '../../../src/models';\n\n@customElement('host-element')\nclass HostElement extends LitElement implements HoverPaneProviderInterface {\n  @property({ type: Object }) controllerOptions?: HoverPaneControllerOptions;\n\n  @property({ type: Boolean }) suppressHoverPane: boolean = false;\n\n  @query('tile-hover-pane') hoverPane?: TileHoverPane;\n\n  controller?: HoverPaneControllerInterface;\n\n  render(): TemplateResult {\n    return html` ${this.controller?.getTemplate()} `;\n  }\n\n  protected firstUpdated(): void {\n    this.controller = new HoverPaneController(this, this.controllerOptions);\n  }\n\n  getHoverPane(): HTMLElement | undefined {\n    return this.suppressHoverPane ? undefined : this.hoverPane;\n  }\n\n  getHoverPaneProps(): HoverPaneProperties {\n    const tileModel = new TileModel({});\n    tileModel.checked = false;\n    tileModel.collectionFilesCount = 1;\n    tileModel.collections = ['foo', 'bar'];\n    tileModel.collectionSize = 1;\n    tileModel.commentCount = 1;\n    tileModel.contentWarning = false;\n    tileModel.creators = ['foo', 'bar'];\n    tileModel.favCount = 1;\n    tileModel.identifier = 'foo';\n    tileModel.itemCount = 1;\n    tileModel.loginRequired = false;\n    tileModel.mediatype = 'data';\n    tileModel.subjects = ['foo', 'bar'];\n    tileModel.title = 'foo';\n    tileModel.viewCount = 1;\n\n    return {\n      model: tileModel,\n      loggedIn: false,\n      sortParam: null,\n    };\n  }\n}\n\ndescribe('Hover Pane Controller', () => {\n  let oldMatchMedia: typeof window.matchMedia;\n  let oldOnTouchStart: typeof window.ontouchstart;\n\n  before(() => {\n    oldMatchMedia = window.matchMedia;\n    oldOnTouchStart = window.ontouchstart;\n    window.matchMedia = () => ({ matches: true } as MediaQueryList);\n    window.ontouchstart = () => {};\n  });\n\n  after(() => {\n    window.matchMedia = oldMatchMedia;\n    window.ontouchstart = oldOnTouchStart;\n  });\n\n  it('should initially provide empty template', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element></host-element>`\n    );\n    expect(host.controller?.getTemplate()).to.equal(nothing);\n  });\n\n  it('should produce a hover pane template after mousemove, and hide it after mouseleave', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`\n    );\n\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    // Need to wait a tick for the event handlers to run\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult\n\n    host.dispatchEvent(new MouseEvent('mouseleave'));\n    // Need to wait for the fade out transition\n    await new Promise(resolve => {\n      setTimeout(resolve, 150);\n    });\n\n    expect(host.controller?.getTemplate()).to.equal(nothing);\n  });\n\n  it('should produce a hover pane template after mouseenter, even without mousemove', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`\n    );\n\n    host.dispatchEvent(new MouseEvent('mouseenter'));\n    // Need to wait a tick for the event handlers to run\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult\n  });\n\n  it('should immediately fade back in if mouse enters while fading out', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`\n    );\n\n    // Enter the host element and wait for the show handlers to run\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    // Leave the host element so it begins fading out, but not all the way\n    host.dispatchEvent(new MouseEvent('mouseleave'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 20);\n    });\n\n    // Re-enter the host element and wait long enough that it would disappear\n    // if the hide were not cancelled\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 150);\n    });\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing);\n  });\n\n  it('should flip hover pane if it would overflow the viewport', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`\n    );\n\n    host.dispatchEvent(\n      new MouseEvent('mousemove', { clientX: 800, clientY: 600 })\n    );\n    // Need to wait a tick for the event handlers to run\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n    await host.updateComplete;\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing);\n    expect(host.getHoverPane()?.getBoundingClientRect()?.right).to.be.lessThan(\n      window.innerWidth\n    );\n    expect(host.getHoverPane()?.getBoundingClientRect()?.bottom).to.be.lessThan(\n      window.innerHeight\n    );\n  });\n\n  it('should gracefully handle undefined hover pane from host element', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n        ?suppressHoverPane=${true}\n      ></host-element>`\n    );\n\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    // Need to wait a tick for the event handlers to run\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing);\n\n    host.dispatchEvent(new MouseEvent('mouseleave'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 20);\n    });\n\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    host.dispatchEvent(new MouseEvent('mouseleave'));\n    // Need to wait for the fade out transition\n    await new Promise(resolve => {\n      setTimeout(resolve, 150);\n    });\n\n    expect(host.controller?.getTemplate()).to.equal(nothing);\n  });\n\n  describe('Touch & long-press', () => {\n    const getTouchStartEvent = (host: EventTarget) =>\n      new TouchEvent('touchstart', {\n        touches: [new Touch({ identifier: 0, target: host })],\n      });\n\n    it('should produce a hover pane after long press', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            longPressDelay: 0,\n            enableLongPress: true,\n          }}\n        ></host-element>`\n      );\n\n      // Touch the host element and wait for the long press handlers to run\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult\n    });\n\n    it('should cancel a long press by moving', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            longPressDelay: 100,\n            enableLongPress: true,\n          }}\n        ></host-element>`\n      );\n\n      // Touch the host element\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      // Move the touch point, cancelling the long press\n      host.dispatchEvent(new TouchEvent('touchmove'));\n      await new Promise(resolve => {\n        setTimeout(resolve, 150);\n      });\n\n      expect(host.controller?.getTemplate()).to.equal(nothing);\n    });\n\n    it('should cancel a long press by ending touch', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            longPressDelay: 100,\n            enableLongPress: true,\n          }}\n        ></host-element>`\n      );\n\n      // Touch the host element\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      // Lift the touch point, cancelling the long press\n      host.dispatchEvent(new TouchEvent('touchend'));\n      await new Promise(resolve => {\n        setTimeout(resolve, 150);\n      });\n\n      expect(host.controller?.getTemplate()).to.equal(nothing);\n    });\n\n    it('should cancel a long press by cancelling touch (e.g., too many touch points)', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            longPressDelay: 100,\n            enableLongPress: true,\n          }}\n        ></host-element>`\n      );\n\n      // Touch the host element\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      // Cancel the touch point, also cancelling the long press\n      host.dispatchEvent(new TouchEvent('touchcancel'));\n      await new Promise(resolve => {\n        setTimeout(resolve, 150);\n      });\n\n      expect(host.controller?.getTemplate()).to.equal(nothing);\n    });\n\n    it('should close the hover pane on mobile when touching the backdrop', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            hideDelay: 0,\n            longPressDelay: 0,\n            enableLongPress: true,\n            mobileBreakpoint: 9999, // Ensure we get the mobile view\n          }}\n        ></host-element>`\n      );\n\n      // Touch the host element\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      expect(host.controller?.getTemplate()).not.to.equal(nothing);\n\n      await host.updateComplete;\n\n      // Touch the backdrop\n      host.shadowRoot\n        ?.querySelector('#touch-backdrop')\n        ?.dispatchEvent(new TouchEvent('touchstart'));\n      await new Promise(resolve => {\n        setTimeout(resolve, 150);\n      });\n\n      expect(host.controller?.getTemplate()).to.equal(nothing);\n    });\n  });\n});\n"]}
+{"version":3,"file":"hover-pane-controller.test.js","sourceRoot":"","sources":["../../../../test/tiles/hover/hover-pane-controller.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html, LitElement, nothing, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport {\n  HoverPaneController,\n  HoverPaneControllerInterface,\n  HoverPaneControllerOptions,\n  HoverPaneProperties,\n  HoverPaneProviderInterface,\n} from '../../../src/tiles/hover/hover-pane-controller';\nimport type { TileHoverPane } from '../../../src/tiles/hover/tile-hover-pane';\nimport { TileModel } from '../../../src/models';\n\n@customElement('host-element')\nclass HostElement extends LitElement implements HoverPaneProviderInterface {\n  @property({ type: Object }) controllerOptions?: HoverPaneControllerOptions;\n\n  @property({ type: Boolean }) suppressHoverPane: boolean = false;\n\n  @query('tile-hover-pane') hoverPane?: TileHoverPane;\n\n  controller?: HoverPaneControllerInterface;\n\n  render(): TemplateResult {\n    return html` ${this.controller?.getTemplate()} `;\n  }\n\n  protected firstUpdated(): void {\n    this.controller = new HoverPaneController(this, this.controllerOptions);\n  }\n\n  getHoverPane(): HTMLElement | undefined {\n    return this.suppressHoverPane ? undefined : this.hoverPane;\n  }\n\n  getHoverPaneProps(): HoverPaneProperties {\n    const tileModel = new TileModel({});\n    tileModel.checked = false;\n    tileModel.collectionFilesCount = 1;\n    tileModel.collections = ['foo', 'bar'];\n    tileModel.collectionSize = 1;\n    tileModel.commentCount = 1;\n    tileModel.contentWarning = false;\n    tileModel.creators = ['foo', 'bar'];\n    tileModel.favCount = 1;\n    tileModel.identifier = 'foo';\n    tileModel.itemCount = 1;\n    tileModel.loginRequired = false;\n    tileModel.mediatype = 'data';\n    tileModel.subjects = ['foo', 'bar'];\n    tileModel.title = 'foo';\n    tileModel.viewCount = 1;\n\n    return {\n      model: tileModel,\n      loggedIn: false,\n      sortParam: null,\n    };\n  }\n}\n\ndescribe('Hover Pane Controller', () => {\n  let oldMatchMedia: typeof window.matchMedia;\n  let oldOnTouchStart: typeof window.ontouchstart;\n\n  before(() => {\n    oldMatchMedia = window.matchMedia;\n    oldOnTouchStart = window.ontouchstart;\n    window.matchMedia = () => ({ matches: true }) as MediaQueryList;\n    window.ontouchstart = () => {};\n  });\n\n  after(() => {\n    window.matchMedia = oldMatchMedia;\n    window.ontouchstart = oldOnTouchStart;\n  });\n\n  it('should initially provide empty template', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element></host-element>`,\n    );\n    expect(host.controller?.getTemplate()).to.equal(nothing);\n  });\n\n  it('should produce a hover pane template after mousemove, and hide it after mouseleave', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`,\n    );\n\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    // Need to wait a tick for the event handlers to run\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult\n\n    host.dispatchEvent(new MouseEvent('mouseleave'));\n    // Need to wait for the fade out transition\n    await new Promise(resolve => {\n      setTimeout(resolve, 150);\n    });\n\n    expect(host.controller?.getTemplate()).to.equal(nothing);\n  });\n\n  it('should produce a hover pane template after mouseenter, even without mousemove', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`,\n    );\n\n    host.dispatchEvent(new MouseEvent('mouseenter'));\n    // Need to wait a tick for the event handlers to run\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult\n  });\n\n  it('should immediately fade back in if mouse enters while fading out', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`,\n    );\n\n    // Enter the host element and wait for the show handlers to run\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    // Leave the host element so it begins fading out, but not all the way\n    host.dispatchEvent(new MouseEvent('mouseleave'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 20);\n    });\n\n    // Re-enter the host element and wait long enough that it would disappear\n    // if the hide were not cancelled\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 150);\n    });\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing);\n  });\n\n  it('should flip hover pane if it would overflow the viewport', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n      ></host-element>`,\n    );\n\n    host.dispatchEvent(\n      new MouseEvent('mousemove', { clientX: 800, clientY: 600 }),\n    );\n    // Need to wait a tick for the event handlers to run\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n    await host.updateComplete;\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing);\n    expect(host.getHoverPane()?.getBoundingClientRect()?.right).to.be.lessThan(\n      window.innerWidth,\n    );\n    expect(host.getHoverPane()?.getBoundingClientRect()?.bottom).to.be.lessThan(\n      window.innerHeight,\n    );\n  });\n\n  it('should gracefully handle undefined hover pane from host element', async () => {\n    const host = await fixture<HostElement>(\n      html`<host-element\n        .controllerOptions=${{ showDelay: 0, hideDelay: 0 }}\n        ?suppressHoverPane=${true}\n      ></host-element>`,\n    );\n\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    // Need to wait a tick for the event handlers to run\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    expect(host.controller?.getTemplate()).not.to.equal(nothing);\n\n    host.dispatchEvent(new MouseEvent('mouseleave'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 20);\n    });\n\n    host.dispatchEvent(new MouseEvent('mousemove'));\n    await new Promise(resolve => {\n      setTimeout(resolve, 0);\n    });\n\n    host.dispatchEvent(new MouseEvent('mouseleave'));\n    // Need to wait for the fade out transition\n    await new Promise(resolve => {\n      setTimeout(resolve, 150);\n    });\n\n    expect(host.controller?.getTemplate()).to.equal(nothing);\n  });\n\n  describe('Touch & long-press', () => {\n    const getTouchStartEvent = (host: EventTarget) =>\n      new TouchEvent('touchstart', {\n        touches: [new Touch({ identifier: 0, target: host })],\n      });\n\n    it('should produce a hover pane after long press', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            longPressDelay: 0,\n            enableLongPress: true,\n          }}\n        ></host-element>`,\n      );\n\n      // Touch the host element and wait for the long press handlers to run\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      expect(host.controller?.getTemplate()).not.to.equal(nothing); // Is a TemplateResult\n    });\n\n    it('should cancel a long press by moving', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            longPressDelay: 100,\n            enableLongPress: true,\n          }}\n        ></host-element>`,\n      );\n\n      // Touch the host element\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      // Move the touch point, cancelling the long press\n      host.dispatchEvent(new TouchEvent('touchmove'));\n      await new Promise(resolve => {\n        setTimeout(resolve, 150);\n      });\n\n      expect(host.controller?.getTemplate()).to.equal(nothing);\n    });\n\n    it('should cancel a long press by ending touch', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            longPressDelay: 100,\n            enableLongPress: true,\n          }}\n        ></host-element>`,\n      );\n\n      // Touch the host element\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      // Lift the touch point, cancelling the long press\n      host.dispatchEvent(new TouchEvent('touchend'));\n      await new Promise(resolve => {\n        setTimeout(resolve, 150);\n      });\n\n      expect(host.controller?.getTemplate()).to.equal(nothing);\n    });\n\n    it('should cancel a long press by cancelling touch (e.g., too many touch points)', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            longPressDelay: 100,\n            enableLongPress: true,\n          }}\n        ></host-element>`,\n      );\n\n      // Touch the host element\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      // Cancel the touch point, also cancelling the long press\n      host.dispatchEvent(new TouchEvent('touchcancel'));\n      await new Promise(resolve => {\n        setTimeout(resolve, 150);\n      });\n\n      expect(host.controller?.getTemplate()).to.equal(nothing);\n    });\n\n    it('should close the hover pane on mobile when touching the backdrop', async () => {\n      const host = await fixture<HostElement>(\n        html`<host-element\n          .controllerOptions=${{\n            showDelay: 0,\n            hideDelay: 0,\n            longPressDelay: 0,\n            enableLongPress: true,\n            mobileBreakpoint: 9999, // Ensure we get the mobile view\n          }}\n        ></host-element>`,\n      );\n\n      // Touch the host element\n      host.dispatchEvent(getTouchStartEvent(host));\n      await new Promise(resolve => {\n        setTimeout(resolve, 0);\n      });\n\n      expect(host.controller?.getTemplate()).not.to.equal(nothing);\n\n      await host.updateComplete;\n\n      // Touch the backdrop\n      host.shadowRoot\n        ?.querySelector('#touch-backdrop')\n        ?.dispatchEvent(new TouchEvent('touchstart'));\n      await new Promise(resolve => {\n        setTimeout(resolve, 150);\n      });\n\n      expect(host.controller?.getTemplate()).to.equal(nothing);\n    });\n  });\n});\n"]}

package/dist/test/tiles/hover/tile-hover-pane.test.d.ts

@@ -1 +1 @@
-import '../../../src/tiles/hover/tile-hover-pane';
+import '../../../src/tiles/hover/tile-hover-pane';

package/dist/test/tiles/hover/tile-hover-pane.test.js

@@ -1,57 +1,57 @@
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import '../../../src/tiles/hover/tile-hover-pane';
-describe('Tile Hover Pane', () => {
-    it('should render initial component', async () => {
-        var _a, _b;
-        const el = await fixture(html `<tile-hover-pane></tile-hover-pane>`);
-        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
-        const listView = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('tile-list');
-        expect(container).to.exist;
-        expect(listView).to.exist;
-    });
-    it('should render component with header element', async () => {
-        var _a, _b;
-        const model = {
-            mediatype: 'texts',
-            collections: ['collection1', 'fav-jack-sparrow'],
-        };
-        const el = await fixture(html `<tile-hover-pane .model=${model}></tile-hover-pane>`);
-        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
-        const listView = container === null || container === void 0 ? void 0 : container.querySelector('tile-list');
-        const headerElement = container === null || container === void 0 ? void 0 : container.querySelector('#list-line-header');
-        expect(container).to.exist;
-        expect(listView).to.exist;
-        expect(headerElement).to.exist;
-        expect((_b = headerElement === null || headerElement === void 0 ? void 0 : headerElement.querySelector('a')) === null || _b === void 0 ? void 0 : _b.getAttribute('href')).contains('/details/collection1');
-    });
-    it('should NOT render header element when fav- collection', async () => {
-        var _a;
-        const model = {
-            mediatype: 'texts',
-            collections: ['fav-jack-sparrow'],
-        };
-        const el = await fixture(html `<tile-hover-pane .model=${model}></tile-hover-pane>`);
-        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
-        const listView = container === null || container === void 0 ? void 0 : container.querySelector('tile-list');
-        const headerElement = container === null || container === void 0 ? void 0 : container.querySelector('#list-line-header');
-        expect(container).to.exist;
-        expect(listView).to.exist;
-        expect(headerElement).not.exist;
-    });
-    it('should NOT render header element when no collections', async () => {
-        var _a;
-        const model = {
-            mediatype: 'texts',
-            collections: [],
-        };
-        const el = await fixture(html `<tile-hover-pane .model=${model}></tile-hover-pane>`);
-        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
-        const listView = container === null || container === void 0 ? void 0 : container.querySelector('tile-list');
-        const headerElement = container === null || container === void 0 ? void 0 : container.querySelector('#list-line-header');
-        expect(container).to.exist;
-        expect(listView).to.exist;
-        expect(headerElement).not.exist;
-    });
-});
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../../../src/tiles/hover/tile-hover-pane';
+describe('Tile Hover Pane', () => {
+    it('should render initial component', async () => {
+        var _a, _b;
+        const el = await fixture(html `<tile-hover-pane></tile-hover-pane>`);
+        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
+        const listView = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('tile-list');
+        expect(container).to.exist;
+        expect(listView).to.exist;
+    });
+    it('should render component with header element', async () => {
+        var _a, _b;
+        const model = {
+            mediatype: 'texts',
+            collections: ['collection1', 'fav-jack-sparrow'],
+        };
+        const el = await fixture(html `<tile-hover-pane .model=${model}></tile-hover-pane>`);
+        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
+        const listView = container === null || container === void 0 ? void 0 : container.querySelector('tile-list');
+        const headerElement = container === null || container === void 0 ? void 0 : container.querySelector('#list-line-header');
+        expect(container).to.exist;
+        expect(listView).to.exist;
+        expect(headerElement).to.exist;
+        expect((_b = headerElement === null || headerElement === void 0 ? void 0 : headerElement.querySelector('a')) === null || _b === void 0 ? void 0 : _b.getAttribute('href')).contains('/details/collection1');
+    });
+    it('should NOT render header element when fav- collection', async () => {
+        var _a;
+        const model = {
+            mediatype: 'texts',
+            collections: ['fav-jack-sparrow'],
+        };
+        const el = await fixture(html `<tile-hover-pane .model=${model}></tile-hover-pane>`);
+        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
+        const listView = container === null || container === void 0 ? void 0 : container.querySelector('tile-list');
+        const headerElement = container === null || container === void 0 ? void 0 : container.querySelector('#list-line-header');
+        expect(container).to.exist;
+        expect(listView).to.exist;
+        expect(headerElement).not.exist;
+    });
+    it('should NOT render header element when no collections', async () => {
+        var _a;
+        const model = {
+            mediatype: 'texts',
+            collections: [],
+        };
+        const el = await fixture(html `<tile-hover-pane .model=${model}></tile-hover-pane>`);
+        const container = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#container');
+        const listView = container === null || container === void 0 ? void 0 : container.querySelector('tile-list');
+        const headerElement = container === null || container === void 0 ? void 0 : container.querySelector('#list-line-header');
+        expect(container).to.exist;
+        expect(listView).to.exist;
+        expect(headerElement).not.exist;
+    });
+});
 //# sourceMappingURL=tile-hover-pane.test.js.map

package/dist/test/tiles/hover/tile-hover-pane.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-hover-pane.test.js","sourceRoot":"","sources":["../../../../test/tiles/hover/tile-hover-pane.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { TileModel } from '../../../src/models';\nimport type { TileHoverPane } from '../../../src/tiles/hover/tile-hover-pane';\n\nimport '../../../src/tiles/hover/tile-hover-pane';\n\ndescribe('Tile Hover Pane', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<TileHoverPane>(\n      html`<tile-hover-pane></tile-hover-pane>`\n    );\n\n    const container = el.shadowRoot?.querySelector('#container');\n    const listView = el.shadowRoot?.querySelector('tile-list');\n\n    expect(container).to.exist;\n    expect(listView).to.exist;\n  });\n\n  it('should render component with header element', async () => {\n    const model: Partial<TileModel> = {\n      mediatype: 'texts',\n      collections: ['collection1', 'fav-jack-sparrow'],\n    };\n\n    const el = await fixture<TileHoverPane>(\n      html`<tile-hover-pane .model=${model}></tile-hover-pane>`\n    );\n\n    const container = el.shadowRoot?.querySelector('#container');\n    const listView = container?.querySelector('tile-list');\n    const headerElement = container?.querySelector('#list-line-header');\n\n    expect(container).to.exist;\n    expect(listView).to.exist;\n    expect(headerElement).to.exist;\n    expect(headerElement?.querySelector('a')?.getAttribute('href')).contains(\n      '/details/collection1'\n    );\n  });\n\n  it('should NOT render header element when fav- collection', async () => {\n    const model: Partial<TileModel> = {\n      mediatype: 'texts',\n      collections: ['fav-jack-sparrow'],\n    };\n\n    const el = await fixture<TileHoverPane>(\n      html`<tile-hover-pane .model=${model}></tile-hover-pane>`\n    );\n\n    const container = el.shadowRoot?.querySelector('#container');\n    const listView = container?.querySelector('tile-list');\n    const headerElement = container?.querySelector('#list-line-header');\n\n    expect(container).to.exist;\n    expect(listView).to.exist;\n    expect(headerElement).not.exist;\n  });\n\n  it('should NOT render header element when no collections', async () => {\n    const model: Partial<TileModel> = {\n      mediatype: 'texts',\n      collections: [],\n    };\n\n    const el = await fixture<TileHoverPane>(\n      html`<tile-hover-pane .model=${model}></tile-hover-pane>`\n    );\n\n    const container = el.shadowRoot?.querySelector('#container');\n    const listView = container?.querySelector('tile-list');\n    const headerElement = container?.querySelector('#list-line-header');\n\n    expect(container).to.exist;\n    expect(listView).to.exist;\n    expect(headerElement).not.exist;\n  });\n});\n"]}
+{"version":3,"file":"tile-hover-pane.test.js","sourceRoot":"","sources":["../../../../test/tiles/hover/tile-hover-pane.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport type { TileModel } from '../../../src/models';\nimport type { TileHoverPane } from '../../../src/tiles/hover/tile-hover-pane';\n\nimport '../../../src/tiles/hover/tile-hover-pane';\n\ndescribe('Tile Hover Pane', () => {\n  it('should render initial component', async () => {\n    const el = await fixture<TileHoverPane>(\n      html`<tile-hover-pane></tile-hover-pane>`,\n    );\n\n    const container = el.shadowRoot?.querySelector('#container');\n    const listView = el.shadowRoot?.querySelector('tile-list');\n\n    expect(container).to.exist;\n    expect(listView).to.exist;\n  });\n\n  it('should render component with header element', async () => {\n    const model: Partial<TileModel> = {\n      mediatype: 'texts',\n      collections: ['collection1', 'fav-jack-sparrow'],\n    };\n\n    const el = await fixture<TileHoverPane>(\n      html`<tile-hover-pane .model=${model}></tile-hover-pane>`,\n    );\n\n    const container = el.shadowRoot?.querySelector('#container');\n    const listView = container?.querySelector('tile-list');\n    const headerElement = container?.querySelector('#list-line-header');\n\n    expect(container).to.exist;\n    expect(listView).to.exist;\n    expect(headerElement).to.exist;\n    expect(headerElement?.querySelector('a')?.getAttribute('href')).contains(\n      '/details/collection1',\n    );\n  });\n\n  it('should NOT render header element when fav- collection', async () => {\n    const model: Partial<TileModel> = {\n      mediatype: 'texts',\n      collections: ['fav-jack-sparrow'],\n    };\n\n    const el = await fixture<TileHoverPane>(\n      html`<tile-hover-pane .model=${model}></tile-hover-pane>`,\n    );\n\n    const container = el.shadowRoot?.querySelector('#container');\n    const listView = container?.querySelector('tile-list');\n    const headerElement = container?.querySelector('#list-line-header');\n\n    expect(container).to.exist;\n    expect(listView).to.exist;\n    expect(headerElement).not.exist;\n  });\n\n  it('should NOT render header element when no collections', async () => {\n    const model: Partial<TileModel> = {\n      mediatype: 'texts',\n      collections: [],\n    };\n\n    const el = await fixture<TileHoverPane>(\n      html`<tile-hover-pane .model=${model}></tile-hover-pane>`,\n    );\n\n    const container = el.shadowRoot?.querySelector('#container');\n    const listView = container?.querySelector('tile-list');\n    const headerElement = container?.querySelector('#list-line-header');\n\n    expect(container).to.exist;\n    expect(listView).to.exist;\n    expect(headerElement).not.exist;\n  });\n});\n"]}

package/dist/test/tiles/list/tile-list-compact.test.d.ts

@@ -1 +1 @@
-import '../../../src/tiles/list/tile-list-compact';
+import '../../../src/tiles/list/tile-list-compact';

package/dist/test/tiles/list/tile-list-compact.test.js

@@ -1,201 +1,200 @@
-/* eslint-disable import/no-duplicates */
-import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import '../../../src/tiles/list/tile-list-compact';
-describe('List Tile Compact', () => {
-    it('should render initial component', async () => {
-        var _a, _b, _c, _d, _e;
-        const el = await fixture(html `<tile-list-compact></tile-list-compact>`);
-        const listContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#list-line');
-        const itemTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
-        const imageBlock = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('image-block');
-        const itemIcon = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#icon');
-        const itemViews = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('#views');
-        expect(listContainer).to.exist;
-        expect(itemTitle).to.exist;
-        expect(imageBlock).to.exist;
-        expect(itemIcon).to.exist;
-        expect(itemViews).to.exist;
-    });
-    it('should render with creator element with title', async () => {
-        var _a;
+import { expect, fixture } from '@open-wc/testing';
+import { html } from 'lit';
+import '../../../src/tiles/list/tile-list-compact';
+describe('List Tile Compact', () => {
+    it('should render initial component', async () => {
+        var _a, _b, _c, _d, _e;
+        const el = await fixture(html `<tile-list-compact></tile-list-compact>`);
+        const listContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#list-line');
+        const itemTitle = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#title');
+        const imageBlock = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('image-block');
+        const itemIcon = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('#icon');
+        const itemViews = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('#views');
+        expect(listContainer).to.exist;
+        expect(itemTitle).to.exist;
+        expect(imageBlock).to.exist;
+        expect(itemIcon).to.exist;
+        expect(itemViews).to.exist;
+    });
+    it('should render with creator element with title', async () => {
+        var _a;
         const el = await fixture(html `
       <tile-list-compact
         .model=${{ creators: ['someone'] }}
       ></tile-list-compact>
-    `);
-        const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#creator');
-        expect(creator).to.exist;
-    });
-    it('should render title link with model href if provided', async () => {
-        var _a;
+    `);
+        const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#creator');
+        expect(creator).to.exist;
+    });
+    it('should render title link with model href if provided', async () => {
+        var _a;
         const el = await fixture(html `
       <tile-list-compact
         .baseNavigationUrl=${''}
         .model=${{ identifier: 'id', title: 'foo', href: '/foo/bar' }}
       ></tile-list-compact>
-    `);
-        const title = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#title');
-        expect(title).to.exist;
-        expect(title === null || title === void 0 ? void 0 : title.getAttribute('href')).to.equal('/foo/bar');
-    });
-    it('should render weekly views when sorting by week', async () => {
-        var _a, _b;
+    `);
+        const title = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#title');
+        expect(title).to.exist;
+        expect(title === null || title === void 0 ? void 0 : title.getAttribute('href')).to.equal('/foo/bar');
+    });
+    it('should render weekly views when sorting by week', async () => {
+        var _a, _b;
         const el = await fixture(html `
       <tile-list-compact
         .model=${{ viewCount: 50, weeklyViewCount: 10 }}
         .sortParam=${{ field: 'week', direction: 'desc' }}
       >
       </tile-list-compact>
-    `);
-        const viewsColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views');
-        expect(viewsColumn).to.exist;
-        expect((_b = viewsColumn === null || viewsColumn === void 0 ? void 0 : viewsColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('10');
-    });
-    it('should render 0 for views if missing model', async () => {
-        var _a, _b;
+    `);
+        const viewsColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views');
+        expect(viewsColumn).to.exist;
+        expect((_b = viewsColumn === null || viewsColumn === void 0 ? void 0 : viewsColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('10');
+    });
+    it('should render 0 for views if missing model', async () => {
+        var _a, _b;
         const el = await fixture(html `
       <tile-list-compact .sortParam=${{ field: 'week', direction: 'desc' }}>
       </tile-list-compact>
-    `);
-        const viewsColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views');
-        expect(viewsColumn).to.exist;
-        expect((_b = viewsColumn === null || viewsColumn === void 0 ? void 0 : viewsColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('0');
-    });
-    it('should render published date when sorting by it', async () => {
-        var _a, _b;
-        const model = {
-            dateAdded: new Date(2010, 0, 2),
-            dateArchived: new Date(2011, 0, 2),
-            datePublished: new Date(2012, 0, 2),
-            dateReviewed: new Date(2013, 0, 2),
-        };
+    `);
+        const viewsColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('views');
+        expect(viewsColumn).to.exist;
+        expect((_b = viewsColumn === null || viewsColumn === void 0 ? void 0 : viewsColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('0');
+    });
+    it('should render published date when sorting by it', async () => {
+        var _a, _b;
+        const model = {
+            dateAdded: new Date(2010, 0, 2),
+            dateArchived: new Date(2011, 0, 2),
+            datePublished: new Date(2012, 0, 2),
+            dateReviewed: new Date(2013, 0, 2),
+        };
         const el = await fixture(html `
       <tile-list-compact
         .model=${model}
         .sortParam=${{ field: 'date', direction: 'desc' }}
       >
       </tile-list-compact>
-    `);
-        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
-        expect(dateColumn).to.exist;
-        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2012');
-    });
-    it('should render added date when sorting by it', async () => {
-        var _a, _b;
-        const model = {
-            dateAdded: new Date(2010, 0, 2),
-            dateArchived: new Date(2011, 0, 2),
-            datePublished: new Date(2012, 0, 2),
-            dateReviewed: new Date(2013, 0, 2),
-        };
+    `);
+        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
+        expect(dateColumn).to.exist;
+        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2012');
+    });
+    it('should render added date when sorting by it', async () => {
+        var _a, _b;
+        const model = {
+            dateAdded: new Date(2010, 0, 2),
+            dateArchived: new Date(2011, 0, 2),
+            datePublished: new Date(2012, 0, 2),
+            dateReviewed: new Date(2013, 0, 2),
+        };
         const el = await fixture(html `
       <tile-list-compact
         .model=${model}
         .sortParam=${{ field: 'addeddate', direction: 'desc' }}
       >
       </tile-list-compact>
-    `);
-        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
-        expect(dateColumn).to.exist;
-        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2010');
-    });
-    it('should render archived date when sorting by it', async () => {
-        var _a, _b;
-        const model = {
-            dateAdded: new Date(2010, 0, 2),
-            dateArchived: new Date(2011, 0, 2),
-            datePublished: new Date(2012, 0, 2),
-            dateReviewed: new Date(2013, 0, 2),
-        };
+    `);
+        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
+        expect(dateColumn).to.exist;
+        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2010');
+    });
+    it('should render archived date when sorting by it', async () => {
+        var _a, _b;
+        const model = {
+            dateAdded: new Date(2010, 0, 2),
+            dateArchived: new Date(2011, 0, 2),
+            datePublished: new Date(2012, 0, 2),
+            dateReviewed: new Date(2013, 0, 2),
+        };
         const el = await fixture(html `
       <tile-list-compact
         .model=${model}
         .sortParam=${{ field: 'publicdate', direction: 'desc' }}
       >
       </tile-list-compact>
-    `);
-        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
-        expect(dateColumn).to.exist;
-        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2011');
-    });
-    it('should render reviewed date when sorting by it', async () => {
-        var _a, _b;
-        const model = {
-            dateAdded: new Date(2010, 0, 2),
-            dateArchived: new Date(2011, 0, 2),
-            datePublished: new Date(2012, 0, 2),
-            dateReviewed: new Date(2013, 0, 2),
-        };
+    `);
+        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
+        expect(dateColumn).to.exist;
+        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2011');
+    });
+    it('should render reviewed date when sorting by it', async () => {
+        var _a, _b;
+        const model = {
+            dateAdded: new Date(2010, 0, 2),
+            dateArchived: new Date(2011, 0, 2),
+            datePublished: new Date(2012, 0, 2),
+            dateReviewed: new Date(2013, 0, 2),
+        };
         const el = await fixture(html `
       <tile-list-compact
         .model=${model}
         .sortParam=${{ field: 'reviewdate', direction: 'desc' }}
       >
       </tile-list-compact>
-    `);
-        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
-        expect(dateColumn).to.exist;
-        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2013');
-    });
-    it('should only show the year for a date published of Jan 1 at midnight UTC', async () => {
-        var _a, _b;
-        const model = {
-            datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),
-        };
+    `);
+        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
+        expect(dateColumn).to.exist;
+        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 02, 2013');
+    });
+    it('should only show the year for a date published of Jan 1 at midnight UTC', async () => {
+        var _a, _b;
+        const model = {
+            datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),
+        };
         const el = await fixture(html `
       <tile-list-compact
         .model=${model}
         .sortParam=${{ field: 'date', direction: 'desc' }}
       >
       </tile-list-compact>
-    `);
-        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
-        expect(dateColumn).to.exist;
-        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('2012');
-    });
-    it('should show full date added/archived/reviewed, even on Jan 1 at midnight UTC', async () => {
-        var _a, _b, _c, _d, _e, _f;
-        const model = {
-            dateAdded: new Date(2010, 0, 1, 0, 0, 0, 0),
-            dateArchived: new Date(2011, 0, 1, 0, 0, 0, 0),
-            datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),
-            dateReviewed: new Date(2013, 0, 1, 0, 0, 0, 0),
-        };
+    `);
+        const dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
+        expect(dateColumn).to.exist;
+        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('2012');
+    });
+    it('should show full date added/archived/reviewed, even on Jan 1 at midnight UTC', async () => {
+        var _a, _b, _c, _d, _e, _f;
+        const model = {
+            dateAdded: new Date(2010, 0, 1, 0, 0, 0, 0),
+            dateArchived: new Date(2011, 0, 1, 0, 0, 0, 0),
+            datePublished: new Date(2012, 0, 1, 0, 0, 0, 0),
+            dateReviewed: new Date(2013, 0, 1, 0, 0, 0, 0),
+        };
         const el = await fixture(html `
       <tile-list-compact
         .model=${model}
         .sortParam=${{ field: 'addeddate', direction: 'desc' }}
       >
       </tile-list-compact>
-    `);
-        let dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
-        expect(dateColumn).to.exist;
-        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 01, 2010');
-        el.sortParam = { field: 'publicdate', direction: 'desc' };
-        await el.updateComplete;
-        dateColumn = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.getElementById('date');
-        expect(dateColumn).to.exist;
-        expect((_d = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _d === void 0 ? void 0 : _d.trim()).to.equal('Jan 01, 2011');
-        el.sortParam = { field: 'reviewdate', direction: 'desc' };
-        await el.updateComplete;
-        dateColumn = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.getElementById('date');
-        expect(dateColumn).to.exist;
-        expect((_f = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _f === void 0 ? void 0 : _f.trim()).to.equal('Jan 01, 2013');
-    });
-    it('should show the first creator matching the letter filter, if defined', async () => {
-        var _a, _b;
-        const model = {
-            creator: 'foo',
-            creators: ['foo', 'bar', 'baz'],
-        };
+    `);
+        let dateColumn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('date');
+        expect(dateColumn).to.exist;
+        expect((_b = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Jan 01, 2010');
+        el.sortParam = { field: 'publicdate', direction: 'desc' };
+        await el.updateComplete;
+        dateColumn = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.getElementById('date');
+        expect(dateColumn).to.exist;
+        expect((_d = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _d === void 0 ? void 0 : _d.trim()).to.equal('Jan 01, 2011');
+        el.sortParam = { field: 'reviewdate', direction: 'desc' };
+        await el.updateComplete;
+        dateColumn = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.getElementById('date');
+        expect(dateColumn).to.exist;
+        expect((_f = dateColumn === null || dateColumn === void 0 ? void 0 : dateColumn.textContent) === null || _f === void 0 ? void 0 : _f.trim()).to.equal('Jan 01, 2013');
+    });
+    it('should show the first creator matching the letter filter, if defined', async () => {
+        var _a, _b;
+        const model = {
+            creator: 'foo',
+            creators: ['foo', 'bar', 'baz'],
+        };
         const el = await fixture(html `
       <tile-list-compact .model=${model} .creatorFilter=${'B'}>
       </tile-list-compact>
-    `);
-        const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('creator');
-        expect(creator).to.exist;
-        expect((_b = creator === null || creator === void 0 ? void 0 : creator.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('bar');
-    });
-});
+    `);
+        const creator = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('creator');
+        expect(creator).to.exist;
+        expect((_b = creator === null || creator === void 0 ? void 0 : creator.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('bar');
+    });
+});
 //# sourceMappingURL=tile-list-compact.test.js.map