@internetarchive/ia-topnav 1.4.1 → 2.0.0

package/dist/src/search-menu.js

@@ -1,162 +0,0 @@
-import { __decorate } from "tslib";
-import { html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import TrackedElement from './tracked-element';
-import searchMenuCSS from './styles/search-menu';
-import formatUrl from './lib/format-url';
-import { defaultTopNavConfig } from './data/menus';
-let SearchMenu = class SearchMenu extends TrackedElement {
-    constructor() {
-        super(...arguments);
-        this.baseHost = '';
-        this.config = defaultTopNavConfig;
-        this.hideSearch = false;
-        this.openMenu = '';
-        this.searchMenuOpen = false;
-        this.searchMenuAnimate = false;
-        this.selectedSearchType = '';
-    }
-    static get styles() {
-        return searchMenuCSS;
-    }
-    firstUpdated() {
-        var _a;
-        (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.addEventListener('keydown', (e) => this.handleKeyDownEvent(e));
-    }
-    disconnectedCallback() {
-        var _a;
-        // Clean up event listener when the element is removed
-        (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', (e) => this.handleKeyDownEvent(e));
-    }
-    handleKeyDownEvent(e) {
-        if (!this.shadowRoot)
-            return;
-        const searchTypes = this.shadowRoot.querySelectorAll('.search-menu-inner label input[type=radio]');
-        const length = searchTypes.length - 1;
-        if (!length)
-            return;
-        const searchTypeHandler = (index) => {
-            e.preventDefault();
-            const searchType = searchTypes[index];
-            searchType.checked = true;
-            searchType.dispatchEvent(new Event('change'));
-            searchType.focus();
-        };
-        if (e.key === 'Home') {
-            searchTypeHandler(0);
-        }
-        else if (e.key === 'End') {
-            searchTypeHandler(length);
-        }
-    }
-    selectSearchType(e) {
-        const target = e.target;
-        this.selectedSearchType = target.value;
-    }
-    searchInChanged(e) {
-        const target = e.target;
-        this.dispatchEvent(new CustomEvent('searchInChanged', {
-            detail: {
-                searchIn: target.value,
-            },
-        }));
-    }
-    get searchTypesTemplate() {
-        const searchTypes = [
-            {
-                label: 'metadata',
-                value: '',
-                isDefault: true,
-            },
-            {
-                label: 'text contents',
-                value: 'TXT',
-            },
-            {
-                label: 'TV news captions',
-                value: 'TV',
-            },
-            {
-                label: 'radio transcripts',
-                value: 'RADIO',
-            },
-            {
-                label: 'archived web sites',
-                value: 'WEB',
-            },
-        ].map(({ value, label, isDefault }) => {
-            if (this.config.hiddenSearchOptions &&
-                this.config.hiddenSearchOptions.includes(value)) {
-                return html ``;
-            }
-            return html `
-        <label @click="${this.selectSearchType}">
-          <input
-            form="nav-search"
-            type="radio"
-            name="sin"
-            value="${value}"
-            ?checked=${isDefault}
-            ?disabled=${!this.openMenu}
-            @change=${this.searchInChanged}
-          />
-          Search ${label}
-        </label>
-      `;
-        });
-        return searchTypes;
-    }
-    get menuClass() {
-        return this.openMenu === 'search' ? 'open' : 'closed';
-    }
-    render() {
-        if (this.hideSearch) {
-            return html ``;
-        }
-        return html `
-      <div class="menu-wrapper">
-        <div
-          class="search-menu-inner tx-slide ${this.menuClass}"
-          aria-hidden="${!this.openMenu}"
-        >
-          ${this.searchTypesTemplate}
-          <a
-            class="advanced-search"
-            href="${formatUrl('/advancedsearch.php', this.baseHost)}"
-            @click=${this.trackClick}
-            tabindex=${this.openMenu ? '0' : '-1'}
-            data-event-click-tracking="${this.config
-            .eventCategory}|NavAdvancedSearch"
-            >Advanced Search</a
-          >
-        </div>
-      </div>
-    `;
-    }
-};
-__decorate([
-    property({ type: String })
-], SearchMenu.prototype, "baseHost", void 0);
-__decorate([
-    property({ type: Object })
-], SearchMenu.prototype, "config", void 0);
-__decorate([
-    property({ type: Boolean })
-], SearchMenu.prototype, "hideSearch", void 0);
-__decorate([
-    property({ type: String })
-], SearchMenu.prototype, "openMenu", void 0);
-__decorate([
-    property({ type: Boolean })
-], SearchMenu.prototype, "searchMenuOpen", void 0);
-__decorate([
-    property({ type: Boolean })
-], SearchMenu.prototype, "searchMenuAnimate", void 0);
-__decorate([
-    property({ type: String })
-], SearchMenu.prototype, "selectedSearchType", void 0);
-SearchMenu = __decorate([
-    customElement('search-menu')
-], SearchMenu);
-export { SearchMenu };
-//# sourceMappingURL=search-menu.js.map

package/dist/src/search-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-menu.js","sourceRoot":"","sources":["../../src/search-menu.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport TrackedElement from './tracked-element';\nimport searchMenuCSS from './styles/search-menu';\nimport formatUrl from './lib/format-url';\nimport { IATopNavConfig } from './models';\nimport { defaultTopNavConfig } from './data/menus';\n\n@customElement('search-menu')\nexport class SearchMenu extends TrackedElement {\n  @property({ type: String }) baseHost = '';\n  @property({ type: Object }) config: IATopNavConfig = defaultTopNavConfig;\n  @property({ type: Boolean }) hideSearch = false;\n  @property({ type: String }) openMenu = '';\n  @property({ type: Boolean }) searchMenuOpen = false;\n  @property({ type: Boolean }) searchMenuAnimate = false;\n  @property({ type: String }) selectedSearchType = '';\n\n  static get styles() {\n    return searchMenuCSS;\n  }\n\n  firstUpdated() {\n    this.shadowRoot?.addEventListener('keydown', (e) =>\n      this.handleKeyDownEvent(e as KeyboardEvent),\n    );\n  }\n\n  disconnectedCallback() {\n    // Clean up event listener when the element is removed\n    this.shadowRoot?.removeEventListener('keydown', (e) =>\n      this.handleKeyDownEvent(e as KeyboardEvent),\n    );\n  }\n\n  private handleKeyDownEvent(e: KeyboardEvent) {\n    if (!this.shadowRoot) return;\n\n    const searchTypes = this.shadowRoot.querySelectorAll(\n      '.search-menu-inner label input[type=radio]',\n    ) as NodeListOf<HTMLInputElement>;\n\n    const length = searchTypes.length - 1;\n    if (!length) return;\n\n    const searchTypeHandler = (index: number) => {\n      e.preventDefault();\n      const searchType = searchTypes[index];\n      searchType.checked = true;\n      searchType.dispatchEvent(new Event('change'));\n      searchType.focus();\n    };\n\n    if (e.key === 'Home') {\n      searchTypeHandler(0);\n    } else if (e.key === 'End') {\n      searchTypeHandler(length);\n    }\n  }\n\n  selectSearchType(e: Event) {\n    const target = e.target as HTMLInputElement;\n    this.selectedSearchType = target.value;\n  }\n\n  searchInChanged(e: InputEvent) {\n    const target = e.target as HTMLInputElement;\n    this.dispatchEvent(\n      new CustomEvent('searchInChanged', {\n        detail: {\n          searchIn: target.value,\n        },\n      }),\n    );\n  }\n\n  get searchTypesTemplate() {\n    const searchTypes = [\n      {\n        label: 'metadata',\n        value: '',\n        isDefault: true,\n      },\n      {\n        label: 'text contents',\n        value: 'TXT',\n      },\n      {\n        label: 'TV news captions',\n        value: 'TV',\n      },\n      {\n        label: 'radio transcripts',\n        value: 'RADIO',\n      },\n      {\n        label: 'archived web sites',\n        value: 'WEB',\n      },\n    ].map(({ value, label, isDefault }) => {\n      if (\n        this.config.hiddenSearchOptions &&\n        this.config.hiddenSearchOptions.includes(value)\n      ) {\n        return html``;\n      }\n      return html`\n        <label @click=\"${this.selectSearchType}\">\n          <input\n            form=\"nav-search\"\n            type=\"radio\"\n            name=\"sin\"\n            value=\"${value}\"\n            ?checked=${isDefault}\n            ?disabled=${!this.openMenu}\n            @change=${this.searchInChanged}\n          />\n          Search ${label}\n        </label>\n      `;\n    });\n\n    return searchTypes;\n  }\n\n  get menuClass() {\n    return this.openMenu === 'search' ? 'open' : 'closed';\n  }\n\n  render() {\n    if (this.hideSearch) {\n      return html``;\n    }\n\n    return html`\n      <div class=\"menu-wrapper\">\n        <div\n          class=\"search-menu-inner tx-slide ${this.menuClass}\"\n          aria-hidden=\"${!this.openMenu}\"\n        >\n          ${this.searchTypesTemplate}\n          <a\n            class=\"advanced-search\"\n            href=\"${formatUrl('/advancedsearch.php', this.baseHost)}\"\n            @click=${this.trackClick}\n            tabindex=${this.openMenu ? '0' : '-1'}\n            data-event-click-tracking=\"${this.config\n              .eventCategory}|NavAdvancedSearch\"\n            >Advanced Search</a\n          >\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/src/styles/nav-search.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/src/styles/nav-search.js

@@ -1,136 +0,0 @@
-import { css } from 'lit';
-export default css `
-  input[type='text'] {
-    color: var(--grey13);
-  }
-
-  input:focus {
-    outline: none;
-  }
-  button {
-    background: none;
-    color: inherit;
-    border: none;
-    font: inherit;
-    cursor: pointer;
-  }
-  button:focus {
-    outline: none;
-  }
-  .search {
-    padding-top: 0;
-    margin-right: 0.5rem;
-  }
-  .search svg {
-    position: relative;
-    fill: var(--activeSearchColor);
-  }
-  .search-activated {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    position: absolute;
-    top: 0;
-    right: 4rem;
-    bottom: 0;
-    left: 4rem;
-    z-index: 3;
-    padding: 0.5rem 0.2rem;
-    border-radius: 1rem 1rem 0 0;
-    background: var(--searchActiveBg);
-  }
-  .search-inactive {
-    display: none;
-  }
-  .search-activated .highlight,
-  .search-activated .search {
-    background: var(--searchActiveInputBg);
-    border-radius: 0.5rem;
-  }
-  .search-activated .highlight {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    width: 100%;
-    margin: 0 0.5rem;
-  }
-  .search-activated .search {
-    height: 100%;
-    padding: 0;
-    margin-right: 0;
-    -ms-flex-item-align: center;
-    -ms-grid-row-align: center;
-    align-self: center;
-  }
-  .search-activated .search svg {
-    height: 3rem;
-    width: 3rem;
-  }
-  .search-activated .search-field {
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-    padding-left: 1rem;
-    border-radius: 0.5rem;
-    border: none;
-    font-size: 1.6rem;
-    text-align: center;
-  }
-  .search-activated .search-field:focus {
-    outline: none;
-  }
-  @keyframes fade-in {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
-  .fade-in {
-    animation: fade-in 0.2s forwards;
-  }
-
-  @media (min-width: 890px) {
-    .search svg {
-      display: inline;
-      width: 2.8rem;
-      height: 2.8rem;
-      vertical-align: -14px;
-    }
-    .search path {
-      fill: var(--desktopSearchIconFill);
-    }
-
-    .search-inactive,
-    .search-activated {
-      display: block;
-      position: static;
-      padding: 1.1rem 0.2rem;
-      background: transparent;
-    }
-
-    .search-activated .highlight {
-      width: 13rem;
-      height: 2.8rem;
-      -webkit-box-orient: horizontal;
-      -webkit-box-direction: reverse;
-      -ms-flex-direction: row-reverse;
-      flex-direction: row-reverse;
-    }
-
-    .search-activated .search-field {
-      width: calc(100% - 28px);
-      height: 100%;
-      padding-left: 0;
-      font-size: 1.4rem;
-      text-align: left;
-    }
-
-    .search-activated .search svg {
-      width: 2.8rem;
-      height: 2.8rem;
-    }
-  }
-`;
-//# sourceMappingURL=nav-search.js.map

package/dist/src/styles/nav-search.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nav-search.js","sourceRoot":"","sources":["../../../src/styles/nav-search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqIjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  input[type='text'] {\n    color: var(--grey13);\n  }\n\n  input:focus {\n    outline: none;\n  }\n  button {\n    background: none;\n    color: inherit;\n    border: none;\n    font: inherit;\n    cursor: pointer;\n  }\n  button:focus {\n    outline: none;\n  }\n  .search {\n    padding-top: 0;\n    margin-right: 0.5rem;\n  }\n  .search svg {\n    position: relative;\n    fill: var(--activeSearchColor);\n  }\n  .search-activated {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    position: absolute;\n    top: 0;\n    right: 4rem;\n    bottom: 0;\n    left: 4rem;\n    z-index: 3;\n    padding: 0.5rem 0.2rem;\n    border-radius: 1rem 1rem 0 0;\n    background: var(--searchActiveBg);\n  }\n  .search-inactive {\n    display: none;\n  }\n  .search-activated .highlight,\n  .search-activated .search {\n    background: var(--searchActiveInputBg);\n    border-radius: 0.5rem;\n  }\n  .search-activated .highlight {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    width: 100%;\n    margin: 0 0.5rem;\n  }\n  .search-activated .search {\n    height: 100%;\n    padding: 0;\n    margin-right: 0;\n    -ms-flex-item-align: center;\n    -ms-grid-row-align: center;\n    align-self: center;\n  }\n  .search-activated .search svg {\n    height: 3rem;\n    width: 3rem;\n  }\n  .search-activated .search-field {\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding-left: 1rem;\n    border-radius: 0.5rem;\n    border: none;\n    font-size: 1.6rem;\n    text-align: center;\n  }\n  .search-activated .search-field:focus {\n    outline: none;\n  }\n  @keyframes fade-in {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n  .fade-in {\n    animation: fade-in 0.2s forwards;\n  }\n\n  @media (min-width: 890px) {\n    .search svg {\n      display: inline;\n      width: 2.8rem;\n      height: 2.8rem;\n      vertical-align: -14px;\n    }\n    .search path {\n      fill: var(--desktopSearchIconFill);\n    }\n\n    .search-inactive,\n    .search-activated {\n      display: block;\n      position: static;\n      padding: 1.1rem 0.2rem;\n      background: transparent;\n    }\n\n    .search-activated .highlight {\n      width: 13rem;\n      height: 2.8rem;\n      -webkit-box-orient: horizontal;\n      -webkit-box-direction: reverse;\n      -ms-flex-direction: row-reverse;\n      flex-direction: row-reverse;\n    }\n\n    .search-activated .search-field {\n      width: calc(100% - 28px);\n      height: 100%;\n      padding-left: 0;\n      font-size: 1.4rem;\n      text-align: left;\n    }\n\n    .search-activated .search svg {\n      width: 2.8rem;\n      height: 2.8rem;\n    }\n  }\n`;\n"]}

package/dist/src/styles/search-menu.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/src/styles/search-menu.js

@@ -1,118 +0,0 @@
-import { css } from 'lit';
-export default css `
-  .menu-wrapper {
-    position: relative;
-  }
-
-  button:focus,
-  input:focus {
-    outline-color: var(--linkColor);
-    outline-width: 0.16rem;
-    outline-style: auto;
-    outline-offset: 2px !important;
-  }
-  .search-menu-inner {
-    position: absolute;
-    right: 0;
-    left: 0;
-    z-index: 4;
-    padding: 0 4.5rem;
-    font-size: 1.6rem;
-    background-color: var(--searchMenuBg);
-  }
-  .tx-slide {
-    overflow: hidden;
-    transition-property: top;
-    transition-duration: 0.2s;
-    transition-timing-function: ease;
-  }
-  .initial,
-  .closed {
-    top: var(--topOffset, -1500px);
-  }
-  .closed {
-    transition-duration: 0.2s;
-  }
-
-  label,
-  a {
-    padding: 1rem;
-    display: block;
-  }
-
-  .advanced-search {
-    text-decoration: underline;
-    color: inherit;
-    line-height: normal;
-    padding: 0.5rem;
-    margin-top: 5px;
-  }
-
-  .advanced-search:hover {
-    text-decoration: none;
-  }
-
-  @media (min-width: 890px) {
-    .search-menu-inner {
-      overflow: visible;
-      right: 2rem;
-      left: auto;
-      z-index: 5;
-      padding: 1rem 2rem;
-      transition: opacity 0.2s ease-in-out;
-      font-size: 1.4rem;
-      color: var(--inverseTextColor);
-      border-radius: 2px;
-      background: var(--primaryTextColor);
-      box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
-    }
-
-    .search-menu-inner:after {
-      position: absolute;
-      right: 7px;
-      top: -7px;
-      width: 12px;
-      height: 7px;
-      box-sizing: border-box;
-      color: #fff;
-      content: '';
-      border-bottom: 7px solid currentColor;
-      border-left: 6px solid transparent;
-      border-right: 6px solid transparent;
-    }
-
-    .advanced-search {
-      text-decoration: none;
-      color: var(--linkColor);
-    }
-
-    .advanced-search:hover {
-      text-decoration: underline;
-    }
-
-    .initial,
-    .closed {
-      opacity: 0;
-      transition-duration: 0.2s;
-    }
-
-    .open {
-      opacity: 1;
-    }
-
-    label {
-      padding: 0;
-      font-weight: normal;
-      margin: 0;
-    }
-
-    label + label {
-      padding-top: 7px;
-    }
-
-    a {
-      padding: 1rem 0 0 0;
-    }
-  }
-`;
-//# sourceMappingURL=search-menu.js.map

package/dist/src/styles/search-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-menu.js","sourceRoot":"","sources":["../../../src/styles/search-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  .menu-wrapper {\n    position: relative;\n  }\n\n  button:focus,\n  input:focus {\n    outline-color: var(--linkColor);\n    outline-width: 0.16rem;\n    outline-style: auto;\n    outline-offset: 2px !important;\n  }\n  .search-menu-inner {\n    position: absolute;\n    right: 0;\n    left: 0;\n    z-index: 4;\n    padding: 0 4.5rem;\n    font-size: 1.6rem;\n    background-color: var(--searchMenuBg);\n  }\n  .tx-slide {\n    overflow: hidden;\n    transition-property: top;\n    transition-duration: 0.2s;\n    transition-timing-function: ease;\n  }\n  .initial,\n  .closed {\n    top: var(--topOffset, -1500px);\n  }\n  .closed {\n    transition-duration: 0.2s;\n  }\n\n  label,\n  a {\n    padding: 1rem;\n    display: block;\n  }\n\n  .advanced-search {\n    text-decoration: underline;\n    color: inherit;\n    line-height: normal;\n    padding: 0.5rem;\n    margin-top: 5px;\n  }\n\n  .advanced-search:hover {\n    text-decoration: none;\n  }\n\n  @media (min-width: 890px) {\n    .search-menu-inner {\n      overflow: visible;\n      right: 2rem;\n      left: auto;\n      z-index: 5;\n      padding: 1rem 2rem;\n      transition: opacity 0.2s ease-in-out;\n      font-size: 1.4rem;\n      color: var(--inverseTextColor);\n      border-radius: 2px;\n      background: var(--primaryTextColor);\n      box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);\n    }\n\n    .search-menu-inner:after {\n      position: absolute;\n      right: 7px;\n      top: -7px;\n      width: 12px;\n      height: 7px;\n      box-sizing: border-box;\n      color: #fff;\n      content: '';\n      border-bottom: 7px solid currentColor;\n      border-left: 6px solid transparent;\n      border-right: 6px solid transparent;\n    }\n\n    .advanced-search {\n      text-decoration: none;\n      color: var(--linkColor);\n    }\n\n    .advanced-search:hover {\n      text-decoration: underline;\n    }\n\n    .initial,\n    .closed {\n      opacity: 0;\n      transition-duration: 0.2s;\n    }\n\n    .open {\n      opacity: 1;\n    }\n\n    label {\n      padding: 0;\n      font-weight: normal;\n      margin: 0;\n    }\n\n    label + label {\n      padding-top: 7px;\n    }\n\n    a {\n      padding: 1rem 0 0 0;\n    }\n  }\n`;\n"]}

package/dist/test/nav-search.test.d.ts

@@ -1 +0,0 @@
-import '../src/nav-search';

package/dist/test/nav-search.test.js

@@ -1,47 +0,0 @@
-import { html, fixture, expect } from '@open-wc/testing';
-import sinon from 'sinon';
-import '../src/nav-search';
-const component = html `<nav-search></nav-search>`;
-describe('<nav-search>', () => {
-    it('defaults to closed', async () => {
-        const el = await fixture(component);
-        expect(el.open).to.be.false;
-    });
-    it('does not allow search form to submit if query empty', async () => {
-        const el = await fixture(component);
-        // const result = el.search({
-        //   preventDefault: () => {},
-        // });
-        // expect(result).to.be.false;
-    });
-    it('redirects to the TV details page when search inside is TV', async () => {
-        const query = 'bananas';
-        const submitEvent = {
-            type: 'submit',
-            preventDefault: () => { },
-        };
-        const locationHandler = sinon.fake();
-        const el = await fixture(html `<nav-search .locationHandler=${locationHandler}></nav-search>`);
-        el.searchIn = 'TV';
-        await el.updateComplete;
-        // el.shadowRoot.querySelector('[name=query]').value = query;
-        // el.search(submitEvent);
-        // expect(locationHandler.callCount).to.equal(1);
-        // expect(locationHandler.firstArg).to.contain(`/details/tv?q=${query}`);
-    });
-    it('prefills the search query when present in config', async () => {
-        var _a;
-        const el = await fixture(html `<nav-search searchQuery="bananas"></nav-search>`);
-        const queryInput = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('[name="query"]');
-        expect(queryInput.value).to.equal('bananas');
-    });
-    it('conditionally renders `sin` input based on `searchIn` truthiness', async () => {
-        var _a, _b;
-        const el = await fixture(component);
-        expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('[name="sin"]')).to.be.null;
-        el.searchIn = 'TV';
-        await el.updateComplete;
-        expect((_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('[name="sin"]')).not.to.be.null;
-    });
-});
-//# sourceMappingURL=nav-search.test.js.map

package/dist/test/nav-search.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nav-search.test.js","sourceRoot":"","sources":["../../test/nav-search.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,mBAAmB,CAAC;AAG3B,MAAM,SAAS,GAAG,IAAI,CAAA,2BAA2B,CAAC;AAElD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,oBAAoB,EAAE,KAAK,IAAI,EAAE;QAClC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAY,SAAS,CAAC,CAAC;QAE/C,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACnE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAY,SAAS,CAAC,CAAC;QAE/C,6BAA6B;QAC7B,8BAA8B;QAC9B,MAAM;QAEN,8BAA8B;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;QACzE,MAAM,KAAK,GAAG,SAAS,CAAC;QACxB,MAAM,WAAW,GAAG;YAClB,IAAI,EAAE,QAAQ;YACd,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;SACzB,CAAC;QACF,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;QACrC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,gCAAgC,eAAe,gBAAgB,CACpE,CAAC;QAEF,EAAE,CAAC,QAAQ,GAAG,IAAI,CAAC;QAEnB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,6DAA6D;QAC7D,0BAA0B;QAE1B,iDAAiD;QACjD,yEAAyE;IAC3E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;;QAChE,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,IAAI,CAAA,iDAAiD,CACtD,CAAC;QAEF,MAAM,UAAU,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAC7C,gBAAgB,CACG,CAAC;QAEtB,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kEAAkE,EAAE,KAAK,IAAI,EAAE;;QAChF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAY,SAAS,CAAC,CAAC;QAE/C,MAAM,CAAC,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAEhE,EAAE,CAAC,QAAQ,GAAG,IAAI,CAAC;QACnB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACtE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport sinon from 'sinon';\n\nimport '../src/nav-search';\nimport { NavSearch } from '../src/nav-search';\n\nconst component = html`<nav-search></nav-search>`;\n\ndescribe('<nav-search>', () => {\n  it('defaults to closed', async () => {\n    const el = await fixture<NavSearch>(component);\n\n    expect(el.open).to.be.false;\n  });\n\n  it('does not allow search form to submit if query empty', async () => {\n    const el = await fixture<NavSearch>(component);\n\n    // const result = el.search({\n    //   preventDefault: () => {},\n    // });\n\n    // expect(result).to.be.false;\n  });\n\n  it('redirects to the TV details page when search inside is TV', async () => {\n    const query = 'bananas';\n    const submitEvent = {\n      type: 'submit',\n      preventDefault: () => {},\n    };\n    const locationHandler = sinon.fake();\n    const el = await fixture<NavSearch>(\n      html`<nav-search .locationHandler=${locationHandler}></nav-search>`,\n    );\n\n    el.searchIn = 'TV';\n\n    await el.updateComplete;\n\n    // el.shadowRoot.querySelector('[name=query]').value = query;\n    // el.search(submitEvent);\n\n    // expect(locationHandler.callCount).to.equal(1);\n    // expect(locationHandler.firstArg).to.contain(`/details/tv?q=${query}`);\n  });\n\n  it('prefills the search query when present in config', async () => {\n    const el = await fixture<NavSearch>(\n      html`<nav-search searchQuery=\"bananas\"></nav-search>`,\n    );\n\n    const queryInput = el.shadowRoot?.querySelector(\n      '[name=\"query\"]',\n    ) as HTMLInputElement;\n\n    expect(queryInput.value).to.equal('bananas');\n  });\n\n  it('conditionally renders `sin` input based on `searchIn` truthiness', async () => {\n    const el = await fixture<NavSearch>(component);\n\n    expect(el.shadowRoot?.querySelector('[name=\"sin\"]')).to.be.null;\n\n    el.searchIn = 'TV';\n    await el.updateComplete;\n\n    expect(el.shadowRoot?.querySelector('[name=\"sin\"]')).not.to.be.null;\n  });\n});\n"]}

package/dist/test/search-menu.test.d.ts

@@ -1 +0,0 @@
-import '../src/search-menu';

package/dist/test/search-menu.test.js

@@ -1,42 +0,0 @@
-import { html, fixture, expect } from '@open-wc/testing';
-import '../src/search-menu';
-const component = html `<search-menu></search-menu>`;
-describe('<search-menu>', () => {
-    it('sets default properties', async () => {
-        const el = await fixture(component);
-        expect(el.searchMenuOpen).to.be.false;
-        expect(el.searchMenuAnimate).to.be.false;
-        expect(el.selectedSearchType).to.equal('');
-    });
-    it('sets selected search type', async () => {
-        const el = await fixture(component);
-        const value = 'text';
-        const inputEvent = new InputEvent('input');
-        Object.defineProperty(inputEvent, 'target', {
-            value: {
-                value,
-            },
-            writable: false,
-        });
-        el.selectSearchType(inputEvent);
-        expect(el.selectedSearchType).to.equal(value);
-    });
-    it('renders with closed class if done animating', async () => {
-        var _a, _b;
-        const el = await fixture(component);
-        el.searchMenuAnimate = true;
-        await el.updateComplete;
-        expect((_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.search-menu-inner')) === null || _b === void 0 ? void 0 : _b.classList.contains('closed')).to.be.true;
-    });
-    it('omits rendering of an option when hiddenSearchOptions has a value', async () => {
-        const el = await fixture(component);
-        const hiddenSearchOptions = ['WEB', 'RADIO'];
-        el.config = { hiddenSearchOptions };
-        await el.updateComplete;
-        hiddenSearchOptions.forEach((value) => {
-            var _a;
-            expect((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`[value=${value}]`)).to.equal(null);
-        });
-    });
-});
-//# sourceMappingURL=search-menu.test.js.map

package/dist/test/search-menu.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-menu.test.js","sourceRoot":"","sources":["../../test/search-menu.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,oBAAoB,CAAC;AAG5B,MAAM,SAAS,GAAG,IAAI,CAAA,6BAA6B,CAAC;AAEpD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAa,SAAS,CAAC,CAAC;QAEhD,MAAM,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QACtC,MAAM,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QACzC,MAAM,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,KAAK,IAAI,EAAE;QACzC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAa,SAAS,CAAC,CAAC;QAChD,MAAM,KAAK,GAAG,MAAM,CAAC;QAErB,MAAM,UAAU,GAAG,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC;QAC3C,MAAM,CAAC,cAAc,CAAC,UAAU,EAAE,QAAQ,EAAE;YAC1C,KAAK,EAAE;gBACL,KAAK;aACN;YACD,QAAQ,EAAE,KAAK;SAChB,CAAC,CAAC;QAEH,EAAE,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAEhC,MAAM,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;;QAC3D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAa,SAAS,CAAC,CAAC;QAEhD,EAAE,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC5B,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CACJ,MAAA,MAAA,EAAE,CAAC,UAAU,0CACT,aAAa,CAAC,oBAAoB,CAAC,0CACnC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CACjC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mEAAmE,EAAE,KAAK,IAAI,EAAE;QACjF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAa,SAAS,CAAC,CAAC;QAChD,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAE7C,EAAE,CAAC,MAAM,GAAG,EAAE,mBAAmB,EAAE,CAAC;QACpC,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,mBAAmB,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;;YACpC,MAAM,CAAC,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\n\nimport '../src/search-menu';\nimport { SearchMenu } from '../src/search-menu';\n\nconst component = html`<search-menu></search-menu>`;\n\ndescribe('<search-menu>', () => {\n  it('sets default properties', async () => {\n    const el = await fixture<SearchMenu>(component);\n\n    expect(el.searchMenuOpen).to.be.false;\n    expect(el.searchMenuAnimate).to.be.false;\n    expect(el.selectedSearchType).to.equal('');\n  });\n\n  it('sets selected search type', async () => {\n    const el = await fixture<SearchMenu>(component);\n    const value = 'text';\n\n    const inputEvent = new InputEvent('input');\n    Object.defineProperty(inputEvent, 'target', {\n      value: {\n        value,\n      },\n      writable: false,\n    });\n\n    el.selectSearchType(inputEvent);\n\n    expect(el.selectedSearchType).to.equal(value);\n  });\n\n  it('renders with closed class if done animating', async () => {\n    const el = await fixture<SearchMenu>(component);\n\n    el.searchMenuAnimate = true;\n    await el.updateComplete;\n\n    expect(\n      el.shadowRoot\n        ?.querySelector('.search-menu-inner')\n        ?.classList.contains('closed'),\n    ).to.be.true;\n  });\n\n  it('omits rendering of an option when hiddenSearchOptions has a value', async () => {\n    const el = await fixture<SearchMenu>(component);\n    const hiddenSearchOptions = ['WEB', 'RADIO'];\n\n    el.config = { hiddenSearchOptions };\n    await el.updateComplete;\n\n    hiddenSearchOptions.forEach((value) => {\n      expect(el.shadowRoot?.querySelector(`[value=${value}]`)).to.equal(null);\n    });\n  });\n});\n"]}

package/src/lib/location-handler.ts

@@ -1,5 +0,0 @@
-/* istanbul ignore file */
-
-export default function (url: string) {
-  window.location.href = url;
-}