@internetarchive/collection-browser 2.3.0 → 2.4.0

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

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

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,14 +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;
-    });
-});
+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":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,OAAO,0CAA0C,CAAC;AAElD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;;QAC/C,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,qCAAqC,CAC1C,CAAC;QAEF,MAAM,SAAS,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QAC7D,MAAM,QAAQ,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,WAAW,CAAC,CAAC;QAE3D,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC3B,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC5B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\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"]}
+{"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';