@internetarchive/collection-browser 2.16.0 → 2.16.1-webdev-7558.0

package/README.md

@@ -1,84 +1,84 @@
-![Build Status](https://github.com/internetarchive/iaux-collection-browser/actions/workflows/ci.yml/badge.svg) [![codecov](https://codecov.io/gh/internetarchive/iaux-collection-browser/branch/main/graph/badge.svg?token=CLWEGO4RMQ)](https://codecov.io/gh/internetarchive/iaux-collection-browser)
-
-
-# Internet Archive Collection Browser
-
-This is the main collection browser for the Internet Archive website.
-
-[Review app URL](https://internetarchive.github.io/iaux-collection-browser/main) 
-## Usage
-
-```ts
-import '@internetarchive/collection-browser';
-
-<collection-browser>
-</collection-browser>
-```
-
-## Local Demo with `web-dev-server`
-```bash
-yarn install
-yarn start
-```
-To run a local development server that serves the basic demo located in `index.html`
-
-## Testing with Web Test Runner
-To run the suite of Web Test Runner tests, run
-```bash
-yarn run test
-```
-
-To run the tests in watch mode (for &lt;abbr title=&#34;test driven development&#34;&gt;TDD&lt;/abbr&gt;, for example), run
-
-```bash
-yarn run test:watch
-```
-
-## Linting with ESLint, Prettier, and Types
-To scan the project for linting errors, run
-```bash
-yarn run lint
-```
-
-You can lint with ESLint and Prettier individually as well
-```bash
-yarn run lint:eslint
-```
-```bash
-yarn run lint:prettier
-```
-
-To automatically fix many linting errors, run
-```bash
-yarn run format
-```
-
-You can format using ESLint and Prettier individually as well
-```bash
-yarn run format:eslint
-```
-```bash
-yarn run format:prettier
-```
-
-## Tooling configs
-
-For most of the tools, the configuration is in the `package.json` to reduce the amount of files in your project.
-
-If you customize the configuration a lot, you can consider moving them to individual files.
-
-## Manual Deploy using `gh-pages`
-
-Live demo app from current main branch: [https://internetarchive.github.io/iaux-collection-browser](https://internetarchive.github.io/iaux-collection-browser)
-
-```
-yarn run deploy
-```
-
-## Automatic Deploy of Demo App
-
-When you create a Pull Request, if your code passes codecov unit tests, it will be always served live at base url / pull request number. For this demo app, you must create a Pull Request, nothing will be created from a simple branch.
-
-This URL will be removed when the Pull Request is merged/closed.
-
+![Build Status](https://github.com/internetarchive/iaux-collection-browser/actions/workflows/ci.yml/badge.svg) [![codecov](https://codecov.io/gh/internetarchive/iaux-collection-browser/branch/main/graph/badge.svg?token=CLWEGO4RMQ)](https://codecov.io/gh/internetarchive/iaux-collection-browser)
+
+
+# Internet Archive Collection Browser
+
+This is the main collection browser for the Internet Archive website.
+
+[Review app URL](https://internetarchive.github.io/iaux-collection-browser/main) 
+## Usage
+
+```ts
+import '@internetarchive/collection-browser';
+
+<collection-browser>
+</collection-browser>
+```
+
+## Local Demo with `web-dev-server`
+```bash
+yarn install
+yarn start
+```
+To run a local development server that serves the basic demo located in `index.html`
+
+## Testing with Web Test Runner
+To run the suite of Web Test Runner tests, run
+```bash
+yarn run test
+```
+
+To run the tests in watch mode (for &lt;abbr title=&#34;test driven development&#34;&gt;TDD&lt;/abbr&gt;, for example), run
+
+```bash
+yarn run test:watch
+```
+
+## Linting with ESLint, Prettier, and Types
+To scan the project for linting errors, run
+```bash
+yarn run lint
+```
+
+You can lint with ESLint and Prettier individually as well
+```bash
+yarn run lint:eslint
+```
+```bash
+yarn run lint:prettier
+```
+
+To automatically fix many linting errors, run
+```bash
+yarn run format
+```
+
+You can format using ESLint and Prettier individually as well
+```bash
+yarn run format:eslint
+```
+```bash
+yarn run format:prettier
+```
+
+## Tooling configs
+
+For most of the tools, the configuration is in the `package.json` to reduce the amount of files in your project.
+
+If you customize the configuration a lot, you can consider moving them to individual files.
+
+## Manual Deploy using `gh-pages`
+
+Live demo app from current main branch: [https://internetarchive.github.io/iaux-collection-browser](https://internetarchive.github.io/iaux-collection-browser)
+
+```
+yarn run deploy
+```
+
+## Automatic Deploy of Demo App
+
+When you create a Pull Request, if your code passes codecov unit tests, it will be always served live at base url / pull request number. For this demo app, you must create a Pull Request, nothing will be created from a simple branch.
+
+This URL will be removed when the Pull Request is merged/closed.
+
 Example: `https://internetarchive.github.io/iaux-collection-browser/pr/<pr-number>`

package/dist/src/app-root.js

@@ -592,6 +592,9 @@ let AppRoot = class AppRoot extends LitElement {
                     });
                     return searchResponse;
                 },
+                async itemDetails(identifier) {
+                    return SearchService.default.itemDetails(identifier);
+                },
             };
         }
         else {
@@ -621,6 +624,9 @@ let AppRoot = class AppRoot extends LitElement {
                     });
                     return searchResponse;
                 },
+                async itemDetails(identifier) {
+                    return SearchService.default.itemDetails(identifier);
+                },
             };
         }
         else {

package/dist/src/app-root.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-root.js","sourceRoot":"","sources":["../../src/app-root.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AnalyticsEvent,\n  AnalyticsManager,\n} from '@internetarchive/analytics-manager';\nimport {\n  SearchService,\n  SearchServiceInterface,\n  SearchType,\n} from '@internetarchive/search-service';\nimport { html, css, LitElement, PropertyValues, nothing } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { SharedResizeObserver } from '@internetarchive/shared-resize-observer';\n\nimport type { ModalManagerInterface } from '@internetarchive/modal-manager';\nimport type { AnalyticsManagerInterface } from '@internetarchive/analytics-manager';\nimport type { CollectionBrowser } from '../src/collection-browser';\n\nimport '../src/collection-browser';\nimport { StringField } from '@internetarchive/iaux-item-metadata';\n\n@customElement('app-root')\nexport class AppRoot extends LitElement {\n  private searchService: SearchServiceInterface =\n    this.initSearchServiceFromUrlParams();\n\n  private resizeObserver = new SharedResizeObserver();\n\n  @state() private toggleSlots: boolean = false;\n\n  @state() private currentPage?: number;\n\n  @state() private searchQuery?: string;\n\n  @state() private withinCollection?: string;\n\n  @state() private cellWidth: number = 18;\n\n  @state() private cellHeight: number = 29;\n\n  @state() private rowGap: number = 1.7;\n\n  @state() private colGap: number = 1.7;\n\n  @state() private suppressFacets: boolean = false;\n\n  @state() private lazyLoadFacets: boolean = false;\n\n  @state() private loggedIn: boolean = false;\n\n  @state() private searchType: SearchType = SearchType.METADATA;\n\n  @property({ type: Object, reflect: false }) latestAction?: AnalyticsEvent;\n\n  @query('#base-query-field') private baseQueryField!: HTMLInputElement;\n\n  @query('#base-collection-field')\n  private baseCollectionField!: HTMLInputElement;\n\n  @query('#page-number-input') private pageNumberInput!: HTMLInputElement;\n\n  @query('collection-browser') private collectionBrowser!: CollectionBrowser;\n\n  @query('modal-manager') private modalManager!: ModalManagerInterface;\n\n  private analyticsManager = new AnalyticsManager();\n\n  private analyticsHandler: AnalyticsManagerInterface = {\n    sendPing: this.sendAnalytics.bind(this),\n    sendEvent: this.sendAnalytics.bind(this),\n    sendEventNoSampling: this.sendAnalytics.bind(this),\n  };\n\n  private sendAnalytics(ae: AnalyticsEvent) {\n    console.log('Analytics Received ----', ae);\n    this.latestAction = ae;\n    this.analyticsManager?.sendEvent(ae);\n  }\n\n  private initSearchServiceFromUrlParams() {\n    const params = new URL(window.location.href).searchParams;\n    return new SearchService({\n      includeCredentials: false,\n      baseUrl: params.get('search_base_url') ?? undefined,\n      servicePath: params.get('search_service_path') ?? undefined,\n      debuggingEnabled: !!params.get('debugging'),\n    });\n  }\n\n  private searchPressed(e: Event) {\n    e.preventDefault();\n    this.searchQuery = this.baseQueryField.value;\n    this.collectionBrowser.searchType = this.searchType;\n\n    this.goToCurrentPage();\n  }\n\n  private collectionChanged(e: Event) {\n    e.preventDefault();\n    this.withinCollection = this.baseCollectionField.value;\n    this.collectionBrowser.withinCollection = this.withinCollection;\n\n    this.goToCurrentPage();\n  }\n\n  private goToCurrentPage() {\n    const page = this.currentPage ?? 1;\n    if (page > 1) {\n      this.collectionBrowser.goToPage(page);\n    }\n  }\n\n  private changePagePressed(e: Event) {\n    e.preventDefault();\n    this.currentPage = this.pageNumberInput.valueAsNumber;\n    this.collectionBrowser.goToPage(this.currentPage);\n  }\n\n  protected override updated(changed: PropertyValues): void {\n    if (changed.has('currentPage') && this.currentPage) {\n      this.pageNumberInput.value = this.currentPage.toString();\n    }\n\n    if (changed.has('searchQuery')) {\n      this.queryUpdated();\n    }\n  }\n\n  private queryUpdated() {\n    this.collectionBrowser.baseQuery = this.searchQuery;\n  }\n\n  private get getClass() {\n    const searchParams = new URLSearchParams(window.location.search);\n\n    return searchParams.get('hide-dev-tools') ? 'hidden' : '';\n  }\n\n  render() {\n    return html`\n      <div class=\"dev-tool-container\">\n        <div id=\"dev-tools\" class=${this.getClass}>\n          <div id=\"search-and-page-inputs\">\n            <form @submit=${this.searchPressed}>\n              <label for=\"base-query-field\"> Query: </label>\n              <input\n                type=\"text\"\n                id=\"base-query-field\"\n                .value=${this.searchQuery ?? ''}\n              />\n              <input type=\"submit\" value=\"Search\" />\n            </form>\n            <form @submit=${this.changePagePressed}>\n              <label for=\"page-number-input\"> Page: </label>\n              <input type=\"number\" value=\"1\" id=\"page-number-input\" />\n              <input type=\"submit\" value=\"Go\" />\n            </form>\n          </div>\n          <div>\n            <form @submit=${this.collectionChanged}>\n              <label for=\"base-collection-field\"> Within collection: </label>\n              <input\n                type=\"text\"\n                id=\"base-collection-field\"\n                .value=${this.withinCollection ?? ''}\n              />\n              <input type=\"submit\" value=\"Search\" />\n            </form>\n          </div>\n\n          <div id=\"search-types\">\n            Search type:\n            <span class=\"search-type\">\n              <input\n                type=\"radio\"\n                id=\"default-search\"\n                name=\"search-type\"\n                value=\"default\"\n                .checked=${this.searchType === SearchType.DEFAULT}\n                @click=${this.searchTypeSelected}\n              />\n              <label for=\"default-search\">Default</label>\n            </span>\n            <span class=\"search-type\">\n              <input\n                type=\"radio\"\n                id=\"metadata-search\"\n                name=\"search-type\"\n                value=\"metadata\"\n                .checked=${this.searchType === SearchType.METADATA}\n                @click=${this.searchTypeSelected}\n              />\n              <label for=\"metadata-search\">Metadata</label>\n            </span>\n            <span class=\"search-type\">\n              <input\n                type=\"radio\"\n                id=\"fulltext-search\"\n                name=\"search-type\"\n                value=\"fulltext\"\n                .checked=${this.searchType === SearchType.FULLTEXT}\n                @click=${this.searchTypeSelected}\n              />\n              <label for=\"fulltext-search\">Full text</label>\n            </span>\n            <span class=\"search-type\">\n              <input\n                type=\"radio\"\n                id=\"tv-search\"\n                name=\"search-type\"\n                value=\"tv\"\n                .checked=${this.searchType === SearchType.TV}\n                @click=${this.searchTypeSelected}\n              />\n              <label for=\"tv-search\">TV</label>\n            </span>\n            <span class=\"search-type\">\n              <input\n                type=\"radio\"\n                id=\"radio-search\"\n                name=\"search-type\"\n                value=\"radio\"\n                .checked=${this.searchType === SearchType.RADIO}\n                @click=${this.searchTypeSelected}\n              />\n              <label for=\"radio-search\">Radio</label>\n            </span>\n          </div>\n\n          <div id=\"toggle-controls\">\n            <button\n              @click=${() => {\n                const details =\n                  this.shadowRoot?.getElementById('cell-size-control');\n                details?.classList.toggle('hidden');\n                const rowGapControls =\n                  this.shadowRoot?.getElementById('cell-gap-control');\n                rowGapControls?.classList.toggle('hidden');\n              }}\n            >\n              Toggle Cell Controls\n            </button>\n            <button\n              @click=${() => {\n                const details = this.shadowRoot?.getElementById(\n                  'latest-event-details',\n                );\n                details?.classList.toggle('hidden');\n              }}\n            >\n              Last Event Captured\n            </button>\n          </div>\n\n          <div id=\"last-event\">\n            <pre id=\"latest-event-details\" class=\"hidden\">\n              ${JSON.stringify(this.latestAction, null, 2)}\n            </pre\n            >\n          </div>\n\n          <fieldset class=\"cell-controls\">\n            <legend>Cell Controls</legend>\n            <div>\n              <label for=\"cell-width-slider\">Cell width:</label>\n              <input\n                type=\"range\"\n                min=\"10\"\n                max=\"100\"\n                value=\"18\"\n                step=\"0.1\"\n                id=\"cell-width-slider\"\n                @input=${this.widthChanged}\n              />\n              <span>${this.cellWidth}rem</span>\n            </div>\n            <div>\n              <label for=\"cell-height-slider\">Cell height:</label>\n              <input\n                type=\"range\"\n                min=\"10\"\n                max=\"100\"\n                value=\"29\"\n                step=\"0.1\"\n                id=\"cell-height-slider\"\n                @input=${this.heightChanged}\n              />\n              <span>${this.cellHeight}rem</span>\n            </div>\n            <div>\n              <label for=\"cell-row-gap-slider\">Row gap:</label>\n              <input\n                type=\"range\"\n                min=\"0\"\n                max=\"5\"\n                value=\"1.7\"\n                step=\"0.1\"\n                id=\"cell-row-gap-slider\"\n                @input=${this.rowGapChanged}\n              />\n              <span>${this.rowGap}rem</span>\n            </div>\n            <div>\n              <label for=\"cell-col-gap-slider\">Col gap:</label>\n              <input\n                type=\"range\"\n                min=\"0\"\n                max=\"5\"\n                value=\"1.7\"\n                step=\"0.1\"\n                id=\"cell-col-gap-slider\"\n                @input=${this.colGapChanged}\n              />\n              <span>${this.colGap}rem</span>\n            </div>\n          </fieldset>\n\n          <fieldset class=\"other-controls\">\n            <legend>Other Controls</legend>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"simulate-login\"\n                @click=${this.loginChanged}\n              />\n              <label for=\"simulate-login\">Simulate login</label>\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-date-picker\"\n                checked\n                @click=${this.datePickerChanged}\n              />\n              <label for=\"enable-date-picker\">Enable date picker</label>\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-facets\"\n                checked\n                @click=${this.facetsChanged}\n              />\n              <label for=\"enable-facets\">Enable facets</label>\n            </div>\n            <div class=\"checkbox-control indent\">\n              <input\n                type=\"checkbox\"\n                id=\"lazy-load-facets\"\n                ?disabled=${this.suppressFacets}\n                @click=${this.lazyLoadFacetsChanged}\n              />\n              <label for=\"lazy-load-facets\">Lazy load facets</label>\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-management\"\n                @click=${this.manageModeCheckboxChanged}\n              />\n              <label for=\"enable-management\">Enable manage mode</label>\n            </div>\n            <div class=\"checkbox-control indent\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-search-management\"\n                @click=${this.SearchManageModeCheckboxChanged}\n              />\n              <label for=\"enable-search-management\">Search</label>\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-smart-facet-bar\"\n                @click=${this.smartFacetBarCheckboxChanged}\n              />\n              <label for=\"enable-smart-facet-bar\">Enable smart facet bar</label>\n            </div>\n          </fieldset>\n\n          <fieldset class=\"cb-visual-appearance\">\n            <legend>CB Visual Appearance</legend>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"show-dummy-snippets\"\n                @click=${this.snippetsChanged}\n              />\n              <label for=\"show-dummy-snippets\">Show dummy snippets</label>\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"show-dummy-reviews\"\n                @click=${this.reviewsChanged}\n              />\n              <label for=\"show-dummy-reviews\">Show dummy reviews</label>\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"show-facet-group-outline-check\"\n                @click=${this.toggleFacetGroupOutline}\n              />\n              <label for=\"show-facet-group-outline-check\">\n                Show facet group outlines\n              </label>\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"show-outline-check\"\n                @click=${this.outlineChanged}\n              />\n              <label for=\"show-outline-check\">Show cell outlines</label>\n            </div>\n          </fieldset>\n\n          <fieldset class=\"user-profile-controls\">\n            <legend>User Profile Controls</legend>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-facet-top-slot\"\n                @click=${this.facetTopSlotCheckboxChanged}\n              />\n              <label for=\"enable-facet-top-slot\">Show facet top slot</label>\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-cb-top-slot\"\n                @click=${this.cbTopSlotCheckboxChanged}\n              />\n              <label for=\"enable-cb-top-slot\">Show CB top slot</label>\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-sortbar-left-slot\"\n                @click=${this.sortBarLeftSlotCheckboxChanged}\n              />\n              <label for=\"enable-sortbar-left-slot\"\n                >Show sortbar left slot</label\n              >\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-sortbar-right-slot\"\n                @click=${this.sortBarRightSlotCheckboxChanged}\n              />\n              <label for=\"enable-sortbar-right-slot\"\n                >Show sortbar right slot</label\n              >\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-result-last-tile-slot\"\n                @click=${this.resultLastTileSlotCheckboxChanged}\n              />\n              <label for=\"enable-result-last-tile-slot\">\n                Show result last tile slot\n              </label>\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-replaced-sort-options\"\n                @click=${this.replaceSortOptionsChanged}\n              />\n              <label for=\"enable-replaced-sort-options\">\n                Show replaced sort options\n              </label>\n            </div>\n          </fieldset>\n\n          <fieldset class=\"user-profile-controls\">\n            <legend>Set Placeholder Types</legend>\n            <div class=\"checkbox-control\">\n              <input\n                id=\"enable-loading-placeholder\"\n                type=\"radio\"\n                @click=${() => this.setPlaceholderType('loading-placeholder')}\n                name=\"placeholder-radio\"\n              />\n              <label for=\"enable-loading-placeholder\"\n                >Loading Placeholder</label\n              >\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                id=\"enable-empty-placeholder\"\n                type=\"radio\"\n                @click=${() => this.setPlaceholderType('error-placeholder')}\n                value=\"empty-placeholder\"\n                name=\"placeholder-radio\"\n              />\n              <label for=\"enable-empty-placeholder\">Empty Placeholder</label>\n            </div>\n          </fieldset>\n        </div>\n        <button id=\"toggle-dev-tools-btn\" @click=${this.toggleDevTools}>\n          Toggle Search Controls\n        </button>\n      </div>\n      <div id=\"collection-browser-container\">\n        <collection-browser\n          .baseNavigationUrl=${'https://archive.org'}\n          .baseImageUrl=${'https://archive.org'}\n          .searchService=${this.searchService}\n          .resizeObserver=${this.resizeObserver}\n          .showHistogramDatePicker=${true}\n          .suppressFacets=${this.suppressFacets}\n          .lazyLoadFacets=${this.lazyLoadFacets}\n          .loggedIn=${this.loggedIn}\n          .modalManager=${this.modalManager}\n          .analyticsHandler=${this.analyticsHandler}\n          .pageContext=${'search'}\n          @visiblePageChanged=${this.visiblePageChanged}\n          @baseQueryChanged=${this.baseQueryChanged}\n          @searchTypeChanged=${this.searchTypeChanged}\n          @manageModeChanged=${this.manageModeChanged}\n          @itemRemovalRequested=${this.handleItemRemovalRequest}\n          @itemManagerRequested=${this.handleItemManagerRequest}\n        >\n          ${this.toggleSlots\n            ? html`<div slot=\"sortbar-left-slot\">Sort Slot</div>`\n            : nothing}\n          ${this.toggleSlots\n            ? html`<div slot=\"facet-top-slot\">Facet Slot</div>`\n            : nothing}\n        </collection-browser>\n      </div>\n      <modal-manager></modal-manager>\n    `;\n  }\n\n  private async setPlaceholderType(type: string) {\n    switch (type) {\n      case 'loading-placeholder':\n        this.collectionBrowser.baseQuery = '';\n        this.collectionBrowser.suppressPlaceholders = true;\n        this.collectionBrowser.clearResultsOnEmptyQuery = true;\n        this.requestUpdate();\n        await this.collectionBrowser.updateComplete;\n        break;\n      default:\n        break;\n    }\n  }\n\n  private baseQueryChanged(e: CustomEvent<{ baseQuery?: string }>): void {\n    this.searchQuery = e.detail.baseQuery;\n  }\n\n  /** Handler for search type changes coming from collection browser */\n  private searchTypeChanged(e: CustomEvent<SearchType>): void {\n    this.searchType = e.detail;\n  }\n\n  /** Handler for user input selecting a search type */\n  private searchTypeSelected(e: Event) {\n    const target = e.target as HTMLInputElement;\n    this.searchType = this.searchTypeFromSelectedOption(target.value);\n  }\n\n  private searchTypeFromSelectedOption(option: string): SearchType {\n    switch (option) {\n      case 'metadata':\n        return SearchType.METADATA;\n      case 'fulltext':\n        return SearchType.FULLTEXT;\n      case 'tv':\n        return SearchType.TV;\n      case 'radio':\n        return SearchType.RADIO;\n      default:\n        return SearchType.DEFAULT;\n    }\n  }\n\n  private loginChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n    if (target.checked) {\n      this.loggedIn = true;\n    } else {\n      this.loggedIn = false;\n    }\n  }\n\n  private outlineChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n    if (target.checked) {\n      this.collectionBrowser.style.setProperty(\n        '--infiniteScrollerCellOutline',\n        '1px solid #33D1FF',\n      );\n    } else {\n      this.collectionBrowser.style.removeProperty(\n        '--infiniteScrollerCellOutline',\n      );\n    }\n  }\n\n  private toggleDevTools() {\n    const pageUrl = new URL(window.location.href);\n    const { searchParams } = pageUrl;\n\n    if (searchParams.get('hide-dev-tools')) {\n      searchParams.delete('hide-dev-tools');\n    } else {\n      searchParams.set('hide-dev-tools', 'true');\n    }\n\n    this.shadowRoot?.getElementById('dev-tools')?.classList.toggle('hidden');\n\n    if (window.history.replaceState) {\n      window.history.replaceState(\n        {\n          path: pageUrl.toString(),\n        },\n        '',\n        pageUrl.toString(),\n      );\n    }\n  }\n\n  private toggleFacetGroupOutline(e: Event) {\n    const target = e.target as HTMLInputElement;\n    if (target.checked) {\n      this.collectionBrowser.classList.add('showFacetGroupOutlines');\n      this.modalManager.classList.add('showFacetGroupOutlines');\n    } else {\n      this.collectionBrowser.classList.remove('showFacetGroupOutlines');\n      this.modalManager.classList.remove('showFacetGroupOutlines');\n    }\n  }\n\n  private async snippetsChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n    if (target.checked) {\n      // Decorate the default search service with a wrapper that adds\n      // dummy snippets to any successful searches\n      this.searchService = {\n        async search(params, searchType) {\n          const searchResponse = await SearchService.default.search(\n            params,\n            searchType,\n          );\n          searchResponse.success?.response.results.forEach(result => {\n            Object.defineProperty(result, 'highlight', {\n              value: new StringField([\n                'this is a text {{{snippet}}} block with potentially',\n                'multiple {{{snippets}}} and such',\n                'but the {{{snippet}}} block may be quite long perhaps',\n                'depending on how many {{{snippet}}} matches there are',\n                'there may be multiple lines of {{{snippets}}} to show',\n                'but each {{{snippet}}} should be relatively short',\n                'and {{{snippets}}} are each a {{{snippet}}} of text',\n                'but every {{{snippet}}} might have multiple matches',\n                'the {{{snippets}}} should be separated and surrounded by ellipses',\n              ]),\n            });\n          });\n          return searchResponse;\n        },\n      };\n    } else {\n      // Restore the default seach service\n      this.searchService = SearchService.default;\n    }\n\n    // Re-perform the current search to show/hide the snippets immediately\n    this.reperformCurrentSearch();\n  }\n\n  private async reviewsChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n    if (target.checked) {\n      // Decorate the default search service with a wrapper that adds\n      // dummy reviews to any successful searches\n      this.searchService = {\n        async search(params, searchType) {\n          const searchResponse = await SearchService.default.search(\n            params,\n            searchType,\n          );\n          searchResponse.success?.response.results.forEach((result, i) => {\n            Object.defineProperty(result, 'review', {\n              value: {\n                title: 'My Great Review',\n                body: \"This item is really great and that's why I'm leaving this review on it and giving it so many star...\",\n                stars: (i + 3) % 6,\n              },\n            });\n          });\n          return searchResponse;\n        },\n      };\n    } else {\n      // Restore the default seach service\n      this.searchService = SearchService.default;\n    }\n\n    // Re-perform the current search to show/hide the reviews immediately\n    this.reperformCurrentSearch();\n  }\n\n  private async reperformCurrentSearch(): Promise<void> {\n    const oldQuery = this.searchQuery;\n    this.searchQuery = '-'; // Should just reset to the placeholder\n    await this.updateComplete;\n    // For unclear reasons, Safari refuses to re-apply the old query until the next tick, hence:\n    await new Promise(res => {\n      setTimeout(res, 0);\n    });\n    this.searchQuery = oldQuery; // Re-apply the original query\n  }\n\n  private datePickerChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n    this.collectionBrowser.showHistogramDatePicker = target.checked;\n\n    // When disabling the date picker from the demo app, also clear any existing date range params\n    if (!this.collectionBrowser.showHistogramDatePicker) {\n      this.collectionBrowser.minSelectedDate = undefined;\n      this.collectionBrowser.maxSelectedDate = undefined;\n    }\n  }\n\n  private facetsChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n    this.suppressFacets = !target.checked;\n  }\n\n  private lazyLoadFacetsChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n    this.lazyLoadFacets = target.checked;\n  }\n\n  /**\n   * Handler for when collection browser's manage mode changes.\n   * This lets us disable the checkbox in the dev panel when the user cancels out\n   * of manage mode from within collection browser.\n   */\n  private manageModeChanged(e: CustomEvent<boolean>): void {\n    const manageCheckbox = this.shadowRoot?.querySelector(\n      '#enable-management',\n    ) as HTMLInputElement;\n    if (manageCheckbox) manageCheckbox.checked = e.detail;\n  }\n\n  /**\n   * Handler for item removal\n   */\n  private handleItemRemovalRequest(e: CustomEvent) {\n    this.collectionBrowser.showRemoveItemsProcessingModal();\n    console.log('itemRemovalRequested: ', e.detail.items);\n\n    setTimeout(() => {\n      // execute item-removal-service, and response is successfully deleted\n      const status = false;\n\n      if (status) {\n        // looking for success?\n        this.collectionBrowser.isManageView = false;\n        this.modalManager?.closeModal();\n        this.modalManager?.classList.remove('remove-items');\n      } else {\n        // looking for failure?\n        this.collectionBrowser.showRemoveItemsErrorModal();\n      }\n    }, 2000); // let's wait to see processing modal\n  }\n\n  /**\n   * Handler when item manage requested\n   */\n  private handleItemManagerRequest(e: CustomEvent) {\n    console.log('itemManagerRequested: ', e.detail.items);\n  }\n\n  /**\n   * Handler for when the dev panel's \"Enable manage mode\" checkbox is changed.\n   */\n  private manageModeCheckboxChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n    this.collectionBrowser.isManageView = target.checked;\n    this.collectionBrowser.manageViewLabel =\n      'Select items to remove (customizable texts)';\n  }\n\n  /**\n   * Handler when the dev panel's \"Enable manage mode -> Search\" checkbox is changed.\n   */\n  private SearchManageModeCheckboxChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n    this.collectionBrowser.pageContext = target.checked\n      ? 'search'\n      : 'collection';\n  }\n\n  /**\n   * Handler for when the dev panel's \"Enable smart facet bar\" checkbox is changed.\n   */\n  private smartFacetBarCheckboxChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n    this.collectionBrowser.showSmartFacetBar = target.checked;\n  }\n\n  /**\n   * Handler for when the dev panel's \"Show facet top slot\" checkbox is changed.\n   */\n  private facetTopSlotCheckboxChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n\n    const p = document.createElement('p');\n    p.style.setProperty('border', '1px solid #000');\n    p.textContent = 'New stuff as a child.';\n    p.style.setProperty('height', '20rem');\n    p.style.backgroundColor = '#00000';\n    p.setAttribute('slot', 'facet-top-slot');\n\n    if (target.checked) {\n      this.collectionBrowser.appendChild(p);\n    } else {\n      this.collectionBrowser.removeChild(\n        this.collectionBrowser.lastElementChild as Element,\n      );\n    }\n  }\n\n  private toggleSlotOptions() {\n    this.toggleSlots = !this.toggleSlots;\n  }\n\n  private resultLastTileSlotCheckboxChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n\n    const div = document.createElement('div');\n    const title = document.createElement('h3');\n    title.textContent = 'Upload';\n\n    div.setAttribute('slot', 'result-last-tile');\n    div.setAttribute('class', 'result-last-tile');\n    div.appendChild(title);\n\n    if (target.checked) {\n      this.collectionBrowser.appendChild(div);\n    } else {\n      this.collectionBrowser.removeChild(\n        this.collectionBrowser.lastElementChild as Element,\n      );\n    }\n  }\n\n  /**\n   * Handler for when the dev panel's \"Show cb top slot\" checkbox is changed.\n   */\n  private cbTopSlotCheckboxChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n\n    const p = document.createElement('p');\n    p.style.setProperty('border', '1px solid #000');\n    p.textContent = 'My Favorite list header.';\n    p.style.setProperty('height', '10rem');\n    p.style.backgroundColor = '#00000';\n    p.setAttribute('slot', 'cb-top-slot');\n\n    if (target.checked) {\n      this.collectionBrowser.appendChild(p);\n    } else {\n      this.collectionBrowser.removeChild(\n        this.collectionBrowser.lastElementChild as Element,\n      );\n    }\n  }\n\n  /**\n   * Handler for when the dev panel's \"Show sort bar top left slot\" checkbox is changed.\n   */\n  private sortBarLeftSlotCheckboxChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n\n    if (target.checked) {\n      const div = document.createElement('div');\n      div.style.setProperty('border', '1px solid #000');\n      div.textContent = 'Btn';\n      div.style.setProperty('height', '3rem');\n      div.style.setProperty('width', '3rem');\n      div.setAttribute('slot', 'sort-options-left');\n\n      this.collectionBrowser.appendChild(div);\n    } else {\n      const slottedEl = this.collectionBrowser.querySelector(\n        '[slot=\"sort-options-left\"]',\n      );\n      if (slottedEl) this.collectionBrowser.removeChild(slottedEl);\n    }\n  }\n\n  /**\n   * Handler for when the dev panel's \"Show sort bar top right slot\" checkbox is changed.\n   */\n  private sortBarRightSlotCheckboxChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n\n    if (target.checked) {\n      const div = document.createElement('div');\n      div.style.setProperty('border', '1px solid #000');\n      div.textContent = 'Search bar';\n      div.style.setProperty('height', '3rem');\n      div.style.setProperty('width', '15rem');\n      div.setAttribute('slot', 'sort-options-right');\n\n      this.collectionBrowser.appendChild(div);\n    } else {\n      const slottedEl = this.collectionBrowser.querySelector(\n        '[slot=\"sort-options-right\"]',\n      );\n      if (slottedEl) this.collectionBrowser.removeChild(slottedEl);\n    }\n  }\n\n  private rowGapChanged(e: Event) {\n    const input = e.target as HTMLInputElement;\n    this.rowGap = parseFloat(input.value);\n    this.collectionBrowser.style.setProperty(\n      '--collectionBrowserRowGap',\n      `${input.value}rem`,\n    );\n  }\n\n  private colGapChanged(e: Event) {\n    const input = e.target as HTMLInputElement;\n    this.colGap = parseFloat(input.value);\n    this.collectionBrowser.style.setProperty(\n      '--collectionBrowserColGap',\n      `${input.value}rem`,\n    );\n  }\n\n  private widthChanged(e: Event) {\n    const input = e.target as HTMLInputElement;\n    this.cellWidth = parseFloat(input.value);\n    this.collectionBrowser.style.setProperty(\n      '--collectionBrowserCellMinWidth',\n      `${input.value}rem`,\n    );\n  }\n\n  private heightChanged(e: Event) {\n    const input = e.target as HTMLInputElement;\n    this.cellHeight = parseFloat(input.value);\n    this.collectionBrowser.style.setProperty(\n      '--collectionBrowserCellMinHeight',\n      `${input.value}rem`,\n    );\n    this.collectionBrowser.style.setProperty(\n      '--collectionBrowserCellMaxHeight',\n      `${input.value}rem`,\n    );\n  }\n\n  private visiblePageChanged(e: CustomEvent<{ pageNumber: number }>) {\n    const { pageNumber } = e.detail;\n    if (pageNumber === this.currentPage) return;\n    this.currentPage = pageNumber;\n  }\n\n  /**\n   * Handler for when the dev panel's \"Replace sort options\" checkbox is changed.\n   */\n  private replaceSortOptionsChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n\n    if (target.checked) {\n      const p = document.createElement('p');\n      p.style.setProperty('border', '1px solid #000');\n      p.textContent = 'New stuff as a child.';\n      p.style.setProperty('height', '20px');\n      p.setAttribute('slot', 'sort-options');\n\n      this.collectionBrowser.appendChild(p);\n      this.collectionBrowser.enableSortOptionsSlot = true;\n    } else {\n      const slottedEl = this.collectionBrowser.querySelector(\n        '[slot=\"sort-options\"]',\n      );\n      if (slottedEl) this.collectionBrowser.removeChild(slottedEl);\n      this.collectionBrowser.enableSortOptionsSlot = false;\n    }\n  }\n\n  static styles = css`\n    :host {\n      display: block;\n      --primaryButtonBGColor: #194880;\n      --ia-theme-link-color: #4b64ff;\n    }\n\n    /* add the following styles to ensure proper modal visibility */\n    body.modal-manager-open {\n      overflow: hidden;\n    }\n    modal-manager {\n      display: none;\n    }\n    modal-manager[mode='open'] {\n      display: block;\n    }\n    modal-manager.remove-items {\n      --modalWidth: 58rem;\n      --modalBorder: 2px solid var(--primaryButtonBGColor, #194880);\n      --modalTitleLineHeight: 4rem;\n      --modalTitleFontSize: 1.8rem;\n    }\n    modal-manager.more-search-facets {\n      --modalWidth: 85rem;\n      --modalBorder: 2px solid var(--primaryButtonBGColor, #194880);\n      --modalTitleLineHeight: 4rem;\n      --modalTitleFontSize: 1.8rem;\n      --modalCornerRadius: 0;\n      --modalBottomPadding: 0;\n      --modalBottomMargin: 0;\n      --modalScrollOffset: 0;\n      --modalCornerRadius: 0.5rem;\n    }\n    modal-manager.expanded-date-picker {\n      --modalWidth: 58rem;\n      --modalBorder: 2px solid var(--primaryButtonBGColor, #194880);\n      --modalTitleLineHeight: 4rem;\n      --modalTitleFontSize: 1.8rem;\n      --modalCornerRadius: 0;\n      --modalBottomPadding: 0;\n      --modalBottomMargin: 0;\n      --modalScrollOffset: 0;\n      --modalCornerRadius: 0.5rem;\n    }\n\n    input,\n    button {\n      font-size: 1.6rem;\n    }\n\n    modal-manager.showFacetGroupOutlines,\n    collection-browser.showFacetGroupOutlines {\n      --facet-row-border-top: 1px solid red;\n      --facet-row-border-bottom: 1px solid blue;\n    }\n\n    collection-browser {\n      /* Same as production */\n      max-width: 135rem;\n      margin: auto;\n    }\n\n    #collection-browser-container {\n      /* Same as production */\n      padding-left: 0.5rem;\n      margin-bottom: 2rem;\n    }\n\n    #base-query-field {\n      width: 300px;\n    }\n\n    .dev-tool-container {\n      position: relative;\n    }\n    #dev-tools {\n      position: relative;\n      top: 0;\n      left: 0;\n      z-index: 1;\n      -webkit-backdrop-filter: blur(10px);\n      backdrop-filter: blur(10px);\n      padding: 0.5rem 1rem;\n      border: 1px solid black;\n      font-size: 1.4rem;\n      background: #ffffffb3;\n    }\n\n    #dev-tools > * {\n      display: flex;\n    }\n\n    #toggle-dev-tools-btn {\n      position: fixed;\n      left: 77.4%;\n      top: 0;\n      background: red;\n      padding: 5px;\n      color: white;\n      font-size: 1.4rem;\n      margin: 0;\n      z-index: 1;\n      cursor: pointer;\n    }\n\n    #search-and-page-inputs {\n      flex-wrap: wrap;\n      row-gap: 2px;\n    }\n\n    #search-and-page-inputs > form {\n      margin-right: 1rem;\n    }\n\n    #search-and-page-inputs label {\n      display: inline-block;\n      min-width: 50px;\n    }\n\n    #page-number-input {\n      width: 75px;\n    }\n\n    .search-type {\n      margin-right: 1rem;\n    }\n\n    .cell-controls {\n      display: flex;\n      flex-wrap: wrap;\n    }\n    .cell-controls div {\n      display: flex;\n      align-items: center;\n    }\n    .cell-controls input[type='range'] {\n      width: 120px;\n    }\n    #cell-controls label {\n      display: inline-block;\n      width: 10rem;\n    }\n\n    #cell-size-control,\n    #cell-gap-control {\n      flex-basis: calc(50% - 1rem);\n      flex-grow: 1;\n    }\n\n    #cell-gap-control {\n      margin-left: 1rem;\n    }\n\n    #checkbox-controls {\n      padding-top: 0.5rem;\n      flex-wrap: wrap;\n    }\n\n    .checkbox-control {\n      flex-basis: 50%;\n    }\n    .checkbox-control.indent {\n      margin-left: 10px;\n    }\n    .checkbox-control label {\n      user-select: none;\n    }\n\n    #last-event {\n      background-color: aliceblue;\n      padding: 5px;\n      margin: 5px auto;\n    }\n\n    .hidden {\n      display: none;\n    }\n\n    #toggle-controls {\n      background-color: lightskyblue;\n      padding: 5px;\n      margin: 5px auto;\n    }\n\n    #search-types {\n      margin: 5px auto;\n      background-color: aliceblue;\n      font-size: 1.6rem;\n    }\n\n    // slots\n    div[slot='cb-top-slot'] {\n      height: 50px;\n      border: 1px solid red;\n      background: bisque;\n    }\n    div[slot='facet-top-slot'] {\n      border: 1px solid red;\n      width: 100%;\n      height: 150px;\n      background-color: darkseagreen;\n    }\n    div[slot='sort-slot-left'] {\n      height: 50px;\n      border: 1px solid red;\n      background: bisque;\n    }\n\n    /* user profile controls */\n    .user-profile-controls {\n      width: fit-content;\n    }\n\n    fieldset {\n      display: inline-block !important;\n    }\n\n    .result-last-tile {\n      border-radius: 4px;\n      background-color: white;\n      border: 3px dashed #555;\n      box-shadow: none;\n      display: grid;\n      align-content: center;\n    }\n    .result-last-tile:hover {\n      box-shadow: rgba(8, 8, 32, 0.8) 0 0 6px 2px;\n      transition: box-shadow 0.1s ease 0s;\n      cursor: pointer;\n      border: 3px dashed #4b64ff;\n    }\n    .result-last-tile h3 {\n      margin-bottom: 4rem;\n      margin: 0px auto;\n      font-size: 2.8rem;\n      color: rgb(44, 44, 44);\n      font-weight: 200;\n      text-align: center;\n    }\n  `;\n}\n"]}
+{"version":3,"file":"app-root.js","sourceRoot":"","sources":["../../src/app-root.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AnalyticsEvent,\n  AnalyticsManager,\n} from '@internetarchive/analytics-manager';\nimport {\n  SearchService,\n  SearchServiceInterface,\n  SearchType,\n} from '@internetarchive/search-service';\nimport { html, css, LitElement, PropertyValues, nothing } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { SharedResizeObserver } from '@internetarchive/shared-resize-observer';\n\nimport type { ModalManagerInterface } from '@internetarchive/modal-manager';\nimport type { AnalyticsManagerInterface } from '@internetarchive/analytics-manager';\nimport type { CollectionBrowser } from '../src/collection-browser';\n\nimport '../src/collection-browser';\nimport { StringField } from '@internetarchive/iaux-item-metadata';\n\n@customElement('app-root')\nexport class AppRoot extends LitElement {\n  private searchService: SearchServiceInterface =\n    this.initSearchServiceFromUrlParams();\n\n  private resizeObserver = new SharedResizeObserver();\n\n  @state() private toggleSlots: boolean = false;\n\n  @state() private currentPage?: number;\n\n  @state() private searchQuery?: string;\n\n  @state() private withinCollection?: string;\n\n  @state() private cellWidth: number = 18;\n\n  @state() private cellHeight: number = 29;\n\n  @state() private rowGap: number = 1.7;\n\n  @state() private colGap: number = 1.7;\n\n  @state() private suppressFacets: boolean = false;\n\n  @state() private lazyLoadFacets: boolean = false;\n\n  @state() private loggedIn: boolean = false;\n\n  @state() private searchType: SearchType = SearchType.METADATA;\n\n  @property({ type: Object, reflect: false }) latestAction?: AnalyticsEvent;\n\n  @query('#base-query-field') private baseQueryField!: HTMLInputElement;\n\n  @query('#base-collection-field')\n  private baseCollectionField!: HTMLInputElement;\n\n  @query('#page-number-input') private pageNumberInput!: HTMLInputElement;\n\n  @query('collection-browser') private collectionBrowser!: CollectionBrowser;\n\n  @query('modal-manager') private modalManager!: ModalManagerInterface;\n\n  private analyticsManager = new AnalyticsManager();\n\n  private analyticsHandler: AnalyticsManagerInterface = {\n    sendPing: this.sendAnalytics.bind(this),\n    sendEvent: this.sendAnalytics.bind(this),\n    sendEventNoSampling: this.sendAnalytics.bind(this),\n  };\n\n  private sendAnalytics(ae: AnalyticsEvent) {\n    console.log('Analytics Received ----', ae);\n    this.latestAction = ae;\n    this.analyticsManager?.sendEvent(ae);\n  }\n\n  private initSearchServiceFromUrlParams() {\n    const params = new URL(window.location.href).searchParams;\n    return new SearchService({\n      includeCredentials: false,\n      baseUrl: params.get('search_base_url') ?? undefined,\n      servicePath: params.get('search_service_path') ?? undefined,\n      debuggingEnabled: !!params.get('debugging'),\n    });\n  }\n\n  private searchPressed(e: Event) {\n    e.preventDefault();\n    this.searchQuery = this.baseQueryField.value;\n    this.collectionBrowser.searchType = this.searchType;\n\n    this.goToCurrentPage();\n  }\n\n  private collectionChanged(e: Event) {\n    e.preventDefault();\n    this.withinCollection = this.baseCollectionField.value;\n    this.collectionBrowser.withinCollection = this.withinCollection;\n\n    this.goToCurrentPage();\n  }\n\n  private goToCurrentPage() {\n    const page = this.currentPage ?? 1;\n    if (page > 1) {\n      this.collectionBrowser.goToPage(page);\n    }\n  }\n\n  private changePagePressed(e: Event) {\n    e.preventDefault();\n    this.currentPage = this.pageNumberInput.valueAsNumber;\n    this.collectionBrowser.goToPage(this.currentPage);\n  }\n\n  protected override updated(changed: PropertyValues): void {\n    if (changed.has('currentPage') && this.currentPage) {\n      this.pageNumberInput.value = this.currentPage.toString();\n    }\n\n    if (changed.has('searchQuery')) {\n      this.queryUpdated();\n    }\n  }\n\n  private queryUpdated() {\n    this.collectionBrowser.baseQuery = this.searchQuery;\n  }\n\n  private get getClass() {\n    const searchParams = new URLSearchParams(window.location.search);\n\n    return searchParams.get('hide-dev-tools') ? 'hidden' : '';\n  }\n\n  render() {\n    return html`\n      <div class=\"dev-tool-container\">\n        <div id=\"dev-tools\" class=${this.getClass}>\n          <div id=\"search-and-page-inputs\">\n            <form @submit=${this.searchPressed}>\n              <label for=\"base-query-field\"> Query: </label>\n              <input\n                type=\"text\"\n                id=\"base-query-field\"\n                .value=${this.searchQuery ?? ''}\n              />\n              <input type=\"submit\" value=\"Search\" />\n            </form>\n            <form @submit=${this.changePagePressed}>\n              <label for=\"page-number-input\"> Page: </label>\n              <input type=\"number\" value=\"1\" id=\"page-number-input\" />\n              <input type=\"submit\" value=\"Go\" />\n            </form>\n          </div>\n          <div>\n            <form @submit=${this.collectionChanged}>\n              <label for=\"base-collection-field\"> Within collection: </label>\n              <input\n                type=\"text\"\n                id=\"base-collection-field\"\n                .value=${this.withinCollection ?? ''}\n              />\n              <input type=\"submit\" value=\"Search\" />\n            </form>\n          </div>\n\n          <div id=\"search-types\">\n            Search type:\n            <span class=\"search-type\">\n              <input\n                type=\"radio\"\n                id=\"default-search\"\n                name=\"search-type\"\n                value=\"default\"\n                .checked=${this.searchType === SearchType.DEFAULT}\n                @click=${this.searchTypeSelected}\n              />\n              <label for=\"default-search\">Default</label>\n            </span>\n            <span class=\"search-type\">\n              <input\n                type=\"radio\"\n                id=\"metadata-search\"\n                name=\"search-type\"\n                value=\"metadata\"\n                .checked=${this.searchType === SearchType.METADATA}\n                @click=${this.searchTypeSelected}\n              />\n              <label for=\"metadata-search\">Metadata</label>\n            </span>\n            <span class=\"search-type\">\n              <input\n                type=\"radio\"\n                id=\"fulltext-search\"\n                name=\"search-type\"\n                value=\"fulltext\"\n                .checked=${this.searchType === SearchType.FULLTEXT}\n                @click=${this.searchTypeSelected}\n              />\n              <label for=\"fulltext-search\">Full text</label>\n            </span>\n            <span class=\"search-type\">\n              <input\n                type=\"radio\"\n                id=\"tv-search\"\n                name=\"search-type\"\n                value=\"tv\"\n                .checked=${this.searchType === SearchType.TV}\n                @click=${this.searchTypeSelected}\n              />\n              <label for=\"tv-search\">TV</label>\n            </span>\n            <span class=\"search-type\">\n              <input\n                type=\"radio\"\n                id=\"radio-search\"\n                name=\"search-type\"\n                value=\"radio\"\n                .checked=${this.searchType === SearchType.RADIO}\n                @click=${this.searchTypeSelected}\n              />\n              <label for=\"radio-search\">Radio</label>\n            </span>\n          </div>\n\n          <div id=\"toggle-controls\">\n            <button\n              @click=${() => {\n                const details =\n                  this.shadowRoot?.getElementById('cell-size-control');\n                details?.classList.toggle('hidden');\n                const rowGapControls =\n                  this.shadowRoot?.getElementById('cell-gap-control');\n                rowGapControls?.classList.toggle('hidden');\n              }}\n            >\n              Toggle Cell Controls\n            </button>\n            <button\n              @click=${() => {\n                const details = this.shadowRoot?.getElementById(\n                  'latest-event-details',\n                );\n                details?.classList.toggle('hidden');\n              }}\n            >\n              Last Event Captured\n            </button>\n          </div>\n\n          <div id=\"last-event\">\n            <pre id=\"latest-event-details\" class=\"hidden\">\n              ${JSON.stringify(this.latestAction, null, 2)}\n            </pre\n            >\n          </div>\n\n          <fieldset class=\"cell-controls\">\n            <legend>Cell Controls</legend>\n            <div>\n              <label for=\"cell-width-slider\">Cell width:</label>\n              <input\n                type=\"range\"\n                min=\"10\"\n                max=\"100\"\n                value=\"18\"\n                step=\"0.1\"\n                id=\"cell-width-slider\"\n                @input=${this.widthChanged}\n              />\n              <span>${this.cellWidth}rem</span>\n            </div>\n            <div>\n              <label for=\"cell-height-slider\">Cell height:</label>\n              <input\n                type=\"range\"\n                min=\"10\"\n                max=\"100\"\n                value=\"29\"\n                step=\"0.1\"\n                id=\"cell-height-slider\"\n                @input=${this.heightChanged}\n              />\n              <span>${this.cellHeight}rem</span>\n            </div>\n            <div>\n              <label for=\"cell-row-gap-slider\">Row gap:</label>\n              <input\n                type=\"range\"\n                min=\"0\"\n                max=\"5\"\n                value=\"1.7\"\n                step=\"0.1\"\n                id=\"cell-row-gap-slider\"\n                @input=${this.rowGapChanged}\n              />\n              <span>${this.rowGap}rem</span>\n            </div>\n            <div>\n              <label for=\"cell-col-gap-slider\">Col gap:</label>\n              <input\n                type=\"range\"\n                min=\"0\"\n                max=\"5\"\n                value=\"1.7\"\n                step=\"0.1\"\n                id=\"cell-col-gap-slider\"\n                @input=${this.colGapChanged}\n              />\n              <span>${this.colGap}rem</span>\n            </div>\n          </fieldset>\n\n          <fieldset class=\"other-controls\">\n            <legend>Other Controls</legend>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"simulate-login\"\n                @click=${this.loginChanged}\n              />\n              <label for=\"simulate-login\">Simulate login</label>\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-date-picker\"\n                checked\n                @click=${this.datePickerChanged}\n              />\n              <label for=\"enable-date-picker\">Enable date picker</label>\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-facets\"\n                checked\n                @click=${this.facetsChanged}\n              />\n              <label for=\"enable-facets\">Enable facets</label>\n            </div>\n            <div class=\"checkbox-control indent\">\n              <input\n                type=\"checkbox\"\n                id=\"lazy-load-facets\"\n                ?disabled=${this.suppressFacets}\n                @click=${this.lazyLoadFacetsChanged}\n              />\n              <label for=\"lazy-load-facets\">Lazy load facets</label>\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-management\"\n                @click=${this.manageModeCheckboxChanged}\n              />\n              <label for=\"enable-management\">Enable manage mode</label>\n            </div>\n            <div class=\"checkbox-control indent\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-search-management\"\n                @click=${this.SearchManageModeCheckboxChanged}\n              />\n              <label for=\"enable-search-management\">Search</label>\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-smart-facet-bar\"\n                @click=${this.smartFacetBarCheckboxChanged}\n              />\n              <label for=\"enable-smart-facet-bar\">Enable smart facet bar</label>\n            </div>\n          </fieldset>\n\n          <fieldset class=\"cb-visual-appearance\">\n            <legend>CB Visual Appearance</legend>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"show-dummy-snippets\"\n                @click=${this.snippetsChanged}\n              />\n              <label for=\"show-dummy-snippets\">Show dummy snippets</label>\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"show-dummy-reviews\"\n                @click=${this.reviewsChanged}\n              />\n              <label for=\"show-dummy-reviews\">Show dummy reviews</label>\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"show-facet-group-outline-check\"\n                @click=${this.toggleFacetGroupOutline}\n              />\n              <label for=\"show-facet-group-outline-check\">\n                Show facet group outlines\n              </label>\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"show-outline-check\"\n                @click=${this.outlineChanged}\n              />\n              <label for=\"show-outline-check\">Show cell outlines</label>\n            </div>\n          </fieldset>\n\n          <fieldset class=\"user-profile-controls\">\n            <legend>User Profile Controls</legend>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-facet-top-slot\"\n                @click=${this.facetTopSlotCheckboxChanged}\n              />\n              <label for=\"enable-facet-top-slot\">Show facet top slot</label>\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-cb-top-slot\"\n                @click=${this.cbTopSlotCheckboxChanged}\n              />\n              <label for=\"enable-cb-top-slot\">Show CB top slot</label>\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-sortbar-left-slot\"\n                @click=${this.sortBarLeftSlotCheckboxChanged}\n              />\n              <label for=\"enable-sortbar-left-slot\"\n                >Show sortbar left slot</label\n              >\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-sortbar-right-slot\"\n                @click=${this.sortBarRightSlotCheckboxChanged}\n              />\n              <label for=\"enable-sortbar-right-slot\"\n                >Show sortbar right slot</label\n              >\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-result-last-tile-slot\"\n                @click=${this.resultLastTileSlotCheckboxChanged}\n              />\n              <label for=\"enable-result-last-tile-slot\">\n                Show result last tile slot\n              </label>\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                type=\"checkbox\"\n                id=\"enable-replaced-sort-options\"\n                @click=${this.replaceSortOptionsChanged}\n              />\n              <label for=\"enable-replaced-sort-options\">\n                Show replaced sort options\n              </label>\n            </div>\n          </fieldset>\n\n          <fieldset class=\"user-profile-controls\">\n            <legend>Set Placeholder Types</legend>\n            <div class=\"checkbox-control\">\n              <input\n                id=\"enable-loading-placeholder\"\n                type=\"radio\"\n                @click=${() => this.setPlaceholderType('loading-placeholder')}\n                name=\"placeholder-radio\"\n              />\n              <label for=\"enable-loading-placeholder\"\n                >Loading Placeholder</label\n              >\n            </div>\n            <div class=\"checkbox-control\">\n              <input\n                id=\"enable-empty-placeholder\"\n                type=\"radio\"\n                @click=${() => this.setPlaceholderType('error-placeholder')}\n                value=\"empty-placeholder\"\n                name=\"placeholder-radio\"\n              />\n              <label for=\"enable-empty-placeholder\">Empty Placeholder</label>\n            </div>\n          </fieldset>\n        </div>\n        <button id=\"toggle-dev-tools-btn\" @click=${this.toggleDevTools}>\n          Toggle Search Controls\n        </button>\n      </div>\n      <div id=\"collection-browser-container\">\n        <collection-browser\n          .baseNavigationUrl=${'https://archive.org'}\n          .baseImageUrl=${'https://archive.org'}\n          .searchService=${this.searchService}\n          .resizeObserver=${this.resizeObserver}\n          .showHistogramDatePicker=${true}\n          .suppressFacets=${this.suppressFacets}\n          .lazyLoadFacets=${this.lazyLoadFacets}\n          .loggedIn=${this.loggedIn}\n          .modalManager=${this.modalManager}\n          .analyticsHandler=${this.analyticsHandler}\n          .pageContext=${'search'}\n          @visiblePageChanged=${this.visiblePageChanged}\n          @baseQueryChanged=${this.baseQueryChanged}\n          @searchTypeChanged=${this.searchTypeChanged}\n          @manageModeChanged=${this.manageModeChanged}\n          @itemRemovalRequested=${this.handleItemRemovalRequest}\n          @itemManagerRequested=${this.handleItemManagerRequest}\n        >\n          ${this.toggleSlots\n            ? html`<div slot=\"sortbar-left-slot\">Sort Slot</div>`\n            : nothing}\n          ${this.toggleSlots\n            ? html`<div slot=\"facet-top-slot\">Facet Slot</div>`\n            : nothing}\n        </collection-browser>\n      </div>\n      <modal-manager></modal-manager>\n    `;\n  }\n\n  private async setPlaceholderType(type: string) {\n    switch (type) {\n      case 'loading-placeholder':\n        this.collectionBrowser.baseQuery = '';\n        this.collectionBrowser.suppressPlaceholders = true;\n        this.collectionBrowser.clearResultsOnEmptyQuery = true;\n        this.requestUpdate();\n        await this.collectionBrowser.updateComplete;\n        break;\n      default:\n        break;\n    }\n  }\n\n  private baseQueryChanged(e: CustomEvent<{ baseQuery?: string }>): void {\n    this.searchQuery = e.detail.baseQuery;\n  }\n\n  /** Handler for search type changes coming from collection browser */\n  private searchTypeChanged(e: CustomEvent<SearchType>): void {\n    this.searchType = e.detail;\n  }\n\n  /** Handler for user input selecting a search type */\n  private searchTypeSelected(e: Event) {\n    const target = e.target as HTMLInputElement;\n    this.searchType = this.searchTypeFromSelectedOption(target.value);\n  }\n\n  private searchTypeFromSelectedOption(option: string): SearchType {\n    switch (option) {\n      case 'metadata':\n        return SearchType.METADATA;\n      case 'fulltext':\n        return SearchType.FULLTEXT;\n      case 'tv':\n        return SearchType.TV;\n      case 'radio':\n        return SearchType.RADIO;\n      default:\n        return SearchType.DEFAULT;\n    }\n  }\n\n  private loginChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n    if (target.checked) {\n      this.loggedIn = true;\n    } else {\n      this.loggedIn = false;\n    }\n  }\n\n  private outlineChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n    if (target.checked) {\n      this.collectionBrowser.style.setProperty(\n        '--infiniteScrollerCellOutline',\n        '1px solid #33D1FF',\n      );\n    } else {\n      this.collectionBrowser.style.removeProperty(\n        '--infiniteScrollerCellOutline',\n      );\n    }\n  }\n\n  private toggleDevTools() {\n    const pageUrl = new URL(window.location.href);\n    const { searchParams } = pageUrl;\n\n    if (searchParams.get('hide-dev-tools')) {\n      searchParams.delete('hide-dev-tools');\n    } else {\n      searchParams.set('hide-dev-tools', 'true');\n    }\n\n    this.shadowRoot?.getElementById('dev-tools')?.classList.toggle('hidden');\n\n    if (window.history.replaceState) {\n      window.history.replaceState(\n        {\n          path: pageUrl.toString(),\n        },\n        '',\n        pageUrl.toString(),\n      );\n    }\n  }\n\n  private toggleFacetGroupOutline(e: Event) {\n    const target = e.target as HTMLInputElement;\n    if (target.checked) {\n      this.collectionBrowser.classList.add('showFacetGroupOutlines');\n      this.modalManager.classList.add('showFacetGroupOutlines');\n    } else {\n      this.collectionBrowser.classList.remove('showFacetGroupOutlines');\n      this.modalManager.classList.remove('showFacetGroupOutlines');\n    }\n  }\n\n  private async snippetsChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n    if (target.checked) {\n      // Decorate the default search service with a wrapper that adds\n      // dummy snippets to any successful searches\n      this.searchService = {\n        async search(params, searchType) {\n          const searchResponse = await SearchService.default.search(\n            params,\n            searchType,\n          );\n          searchResponse.success?.response.results.forEach(result => {\n            Object.defineProperty(result, 'highlight', {\n              value: new StringField([\n                'this is a text {{{snippet}}} block with potentially',\n                'multiple {{{snippets}}} and such',\n                'but the {{{snippet}}} block may be quite long perhaps',\n                'depending on how many {{{snippet}}} matches there are',\n                'there may be multiple lines of {{{snippets}}} to show',\n                'but each {{{snippet}}} should be relatively short',\n                'and {{{snippets}}} are each a {{{snippet}}} of text',\n                'but every {{{snippet}}} might have multiple matches',\n                'the {{{snippets}}} should be separated and surrounded by ellipses',\n              ]),\n            });\n          });\n          return searchResponse;\n        },\n        async itemDetails(identifier: string) {\n          return SearchService.default.itemDetails(identifier);\n        },\n      };\n    } else {\n      // Restore the default seach service\n      this.searchService = SearchService.default;\n    }\n\n    // Re-perform the current search to show/hide the snippets immediately\n    this.reperformCurrentSearch();\n  }\n\n  private async reviewsChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n    if (target.checked) {\n      // Decorate the default search service with a wrapper that adds\n      // dummy reviews to any successful searches\n      this.searchService = {\n        async search(params, searchType) {\n          const searchResponse = await SearchService.default.search(\n            params,\n            searchType,\n          );\n          searchResponse.success?.response.results.forEach((result, i) => {\n            Object.defineProperty(result, 'review', {\n              value: {\n                title: 'My Great Review',\n                body: \"This item is really great and that's why I'm leaving this review on it and giving it so many star...\",\n                stars: (i + 3) % 6,\n              },\n            });\n          });\n          return searchResponse;\n        },\n        async itemDetails(identifier: string) {\n          return SearchService.default.itemDetails(identifier);\n        },\n      };\n    } else {\n      // Restore the default seach service\n      this.searchService = SearchService.default;\n    }\n\n    // Re-perform the current search to show/hide the reviews immediately\n    this.reperformCurrentSearch();\n  }\n\n  private async reperformCurrentSearch(): Promise<void> {\n    const oldQuery = this.searchQuery;\n    this.searchQuery = '-'; // Should just reset to the placeholder\n    await this.updateComplete;\n    // For unclear reasons, Safari refuses to re-apply the old query until the next tick, hence:\n    await new Promise(res => {\n      setTimeout(res, 0);\n    });\n    this.searchQuery = oldQuery; // Re-apply the original query\n  }\n\n  private datePickerChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n    this.collectionBrowser.showHistogramDatePicker = target.checked;\n\n    // When disabling the date picker from the demo app, also clear any existing date range params\n    if (!this.collectionBrowser.showHistogramDatePicker) {\n      this.collectionBrowser.minSelectedDate = undefined;\n      this.collectionBrowser.maxSelectedDate = undefined;\n    }\n  }\n\n  private facetsChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n    this.suppressFacets = !target.checked;\n  }\n\n  private lazyLoadFacetsChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n    this.lazyLoadFacets = target.checked;\n  }\n\n  /**\n   * Handler for when collection browser's manage mode changes.\n   * This lets us disable the checkbox in the dev panel when the user cancels out\n   * of manage mode from within collection browser.\n   */\n  private manageModeChanged(e: CustomEvent<boolean>): void {\n    const manageCheckbox = this.shadowRoot?.querySelector(\n      '#enable-management',\n    ) as HTMLInputElement;\n    if (manageCheckbox) manageCheckbox.checked = e.detail;\n  }\n\n  /**\n   * Handler for item removal\n   */\n  private handleItemRemovalRequest(e: CustomEvent) {\n    this.collectionBrowser.showRemoveItemsProcessingModal();\n    console.log('itemRemovalRequested: ', e.detail.items);\n\n    setTimeout(() => {\n      // execute item-removal-service, and response is successfully deleted\n      const status = false;\n\n      if (status) {\n        // looking for success?\n        this.collectionBrowser.isManageView = false;\n        this.modalManager?.closeModal();\n        this.modalManager?.classList.remove('remove-items');\n      } else {\n        // looking for failure?\n        this.collectionBrowser.showRemoveItemsErrorModal();\n      }\n    }, 2000); // let's wait to see processing modal\n  }\n\n  /**\n   * Handler when item manage requested\n   */\n  private handleItemManagerRequest(e: CustomEvent) {\n    console.log('itemManagerRequested: ', e.detail.items);\n  }\n\n  /**\n   * Handler for when the dev panel's \"Enable manage mode\" checkbox is changed.\n   */\n  private manageModeCheckboxChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n    this.collectionBrowser.isManageView = target.checked;\n    this.collectionBrowser.manageViewLabel =\n      'Select items to remove (customizable texts)';\n  }\n\n  /**\n   * Handler when the dev panel's \"Enable manage mode -> Search\" checkbox is changed.\n   */\n  private SearchManageModeCheckboxChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n    this.collectionBrowser.pageContext = target.checked\n      ? 'search'\n      : 'collection';\n  }\n\n  /**\n   * Handler for when the dev panel's \"Enable smart facet bar\" checkbox is changed.\n   */\n  private smartFacetBarCheckboxChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n    this.collectionBrowser.showSmartFacetBar = target.checked;\n  }\n\n  /**\n   * Handler for when the dev panel's \"Show facet top slot\" checkbox is changed.\n   */\n  private facetTopSlotCheckboxChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n\n    const p = document.createElement('p');\n    p.style.setProperty('border', '1px solid #000');\n    p.textContent = 'New stuff as a child.';\n    p.style.setProperty('height', '20rem');\n    p.style.backgroundColor = '#00000';\n    p.setAttribute('slot', 'facet-top-slot');\n\n    if (target.checked) {\n      this.collectionBrowser.appendChild(p);\n    } else {\n      this.collectionBrowser.removeChild(\n        this.collectionBrowser.lastElementChild as Element,\n      );\n    }\n  }\n\n  private toggleSlotOptions() {\n    this.toggleSlots = !this.toggleSlots;\n  }\n\n  private resultLastTileSlotCheckboxChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n\n    const div = document.createElement('div');\n    const title = document.createElement('h3');\n    title.textContent = 'Upload';\n\n    div.setAttribute('slot', 'result-last-tile');\n    div.setAttribute('class', 'result-last-tile');\n    div.appendChild(title);\n\n    if (target.checked) {\n      this.collectionBrowser.appendChild(div);\n    } else {\n      this.collectionBrowser.removeChild(\n        this.collectionBrowser.lastElementChild as Element,\n      );\n    }\n  }\n\n  /**\n   * Handler for when the dev panel's \"Show cb top slot\" checkbox is changed.\n   */\n  private cbTopSlotCheckboxChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n\n    const p = document.createElement('p');\n    p.style.setProperty('border', '1px solid #000');\n    p.textContent = 'My Favorite list header.';\n    p.style.setProperty('height', '10rem');\n    p.style.backgroundColor = '#00000';\n    p.setAttribute('slot', 'cb-top-slot');\n\n    if (target.checked) {\n      this.collectionBrowser.appendChild(p);\n    } else {\n      this.collectionBrowser.removeChild(\n        this.collectionBrowser.lastElementChild as Element,\n      );\n    }\n  }\n\n  /**\n   * Handler for when the dev panel's \"Show sort bar top left slot\" checkbox is changed.\n   */\n  private sortBarLeftSlotCheckboxChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n\n    if (target.checked) {\n      const div = document.createElement('div');\n      div.style.setProperty('border', '1px solid #000');\n      div.textContent = 'Btn';\n      div.style.setProperty('height', '3rem');\n      div.style.setProperty('width', '3rem');\n      div.setAttribute('slot', 'sort-options-left');\n\n      this.collectionBrowser.appendChild(div);\n    } else {\n      const slottedEl = this.collectionBrowser.querySelector(\n        '[slot=\"sort-options-left\"]',\n      );\n      if (slottedEl) this.collectionBrowser.removeChild(slottedEl);\n    }\n  }\n\n  /**\n   * Handler for when the dev panel's \"Show sort bar top right slot\" checkbox is changed.\n   */\n  private sortBarRightSlotCheckboxChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n\n    if (target.checked) {\n      const div = document.createElement('div');\n      div.style.setProperty('border', '1px solid #000');\n      div.textContent = 'Search bar';\n      div.style.setProperty('height', '3rem');\n      div.style.setProperty('width', '15rem');\n      div.setAttribute('slot', 'sort-options-right');\n\n      this.collectionBrowser.appendChild(div);\n    } else {\n      const slottedEl = this.collectionBrowser.querySelector(\n        '[slot=\"sort-options-right\"]',\n      );\n      if (slottedEl) this.collectionBrowser.removeChild(slottedEl);\n    }\n  }\n\n  private rowGapChanged(e: Event) {\n    const input = e.target as HTMLInputElement;\n    this.rowGap = parseFloat(input.value);\n    this.collectionBrowser.style.setProperty(\n      '--collectionBrowserRowGap',\n      `${input.value}rem`,\n    );\n  }\n\n  private colGapChanged(e: Event) {\n    const input = e.target as HTMLInputElement;\n    this.colGap = parseFloat(input.value);\n    this.collectionBrowser.style.setProperty(\n      '--collectionBrowserColGap',\n      `${input.value}rem`,\n    );\n  }\n\n  private widthChanged(e: Event) {\n    const input = e.target as HTMLInputElement;\n    this.cellWidth = parseFloat(input.value);\n    this.collectionBrowser.style.setProperty(\n      '--collectionBrowserCellMinWidth',\n      `${input.value}rem`,\n    );\n  }\n\n  private heightChanged(e: Event) {\n    const input = e.target as HTMLInputElement;\n    this.cellHeight = parseFloat(input.value);\n    this.collectionBrowser.style.setProperty(\n      '--collectionBrowserCellMinHeight',\n      `${input.value}rem`,\n    );\n    this.collectionBrowser.style.setProperty(\n      '--collectionBrowserCellMaxHeight',\n      `${input.value}rem`,\n    );\n  }\n\n  private visiblePageChanged(e: CustomEvent<{ pageNumber: number }>) {\n    const { pageNumber } = e.detail;\n    if (pageNumber === this.currentPage) return;\n    this.currentPage = pageNumber;\n  }\n\n  /**\n   * Handler for when the dev panel's \"Replace sort options\" checkbox is changed.\n   */\n  private replaceSortOptionsChanged(e: Event) {\n    const target = e.target as HTMLInputElement;\n\n    if (target.checked) {\n      const p = document.createElement('p');\n      p.style.setProperty('border', '1px solid #000');\n      p.textContent = 'New stuff as a child.';\n      p.style.setProperty('height', '20px');\n      p.setAttribute('slot', 'sort-options');\n\n      this.collectionBrowser.appendChild(p);\n      this.collectionBrowser.enableSortOptionsSlot = true;\n    } else {\n      const slottedEl = this.collectionBrowser.querySelector(\n        '[slot=\"sort-options\"]',\n      );\n      if (slottedEl) this.collectionBrowser.removeChild(slottedEl);\n      this.collectionBrowser.enableSortOptionsSlot = false;\n    }\n  }\n\n  static styles = css`\n    :host {\n      display: block;\n      --primaryButtonBGColor: #194880;\n      --ia-theme-link-color: #4b64ff;\n    }\n\n    /* add the following styles to ensure proper modal visibility */\n    body.modal-manager-open {\n      overflow: hidden;\n    }\n    modal-manager {\n      display: none;\n    }\n    modal-manager[mode='open'] {\n      display: block;\n    }\n    modal-manager.remove-items {\n      --modalWidth: 58rem;\n      --modalBorder: 2px solid var(--primaryButtonBGColor, #194880);\n      --modalTitleLineHeight: 4rem;\n      --modalTitleFontSize: 1.8rem;\n    }\n    modal-manager.more-search-facets {\n      --modalWidth: 85rem;\n      --modalBorder: 2px solid var(--primaryButtonBGColor, #194880);\n      --modalTitleLineHeight: 4rem;\n      --modalTitleFontSize: 1.8rem;\n      --modalCornerRadius: 0;\n      --modalBottomPadding: 0;\n      --modalBottomMargin: 0;\n      --modalScrollOffset: 0;\n      --modalCornerRadius: 0.5rem;\n    }\n    modal-manager.expanded-date-picker {\n      --modalWidth: 58rem;\n      --modalBorder: 2px solid var(--primaryButtonBGColor, #194880);\n      --modalTitleLineHeight: 4rem;\n      --modalTitleFontSize: 1.8rem;\n      --modalCornerRadius: 0;\n      --modalBottomPadding: 0;\n      --modalBottomMargin: 0;\n      --modalScrollOffset: 0;\n      --modalCornerRadius: 0.5rem;\n    }\n\n    input,\n    button {\n      font-size: 1.6rem;\n    }\n\n    modal-manager.showFacetGroupOutlines,\n    collection-browser.showFacetGroupOutlines {\n      --facet-row-border-top: 1px solid red;\n      --facet-row-border-bottom: 1px solid blue;\n    }\n\n    collection-browser {\n      /* Same as production */\n      max-width: 135rem;\n      margin: auto;\n    }\n\n    #collection-browser-container {\n      /* Same as production */\n      padding-left: 0.5rem;\n      margin-bottom: 2rem;\n    }\n\n    #base-query-field {\n      width: 300px;\n    }\n\n    .dev-tool-container {\n      position: relative;\n    }\n    #dev-tools {\n      position: relative;\n      top: 0;\n      left: 0;\n      z-index: 1;\n      -webkit-backdrop-filter: blur(10px);\n      backdrop-filter: blur(10px);\n      padding: 0.5rem 1rem;\n      border: 1px solid black;\n      font-size: 1.4rem;\n      background: #ffffffb3;\n    }\n\n    #dev-tools > * {\n      display: flex;\n    }\n\n    #toggle-dev-tools-btn {\n      position: fixed;\n      left: 77.4%;\n      top: 0;\n      background: red;\n      padding: 5px;\n      color: white;\n      font-size: 1.4rem;\n      margin: 0;\n      z-index: 1;\n      cursor: pointer;\n    }\n\n    #search-and-page-inputs {\n      flex-wrap: wrap;\n      row-gap: 2px;\n    }\n\n    #search-and-page-inputs > form {\n      margin-right: 1rem;\n    }\n\n    #search-and-page-inputs label {\n      display: inline-block;\n      min-width: 50px;\n    }\n\n    #page-number-input {\n      width: 75px;\n    }\n\n    .search-type {\n      margin-right: 1rem;\n    }\n\n    .cell-controls {\n      display: flex;\n      flex-wrap: wrap;\n    }\n    .cell-controls div {\n      display: flex;\n      align-items: center;\n    }\n    .cell-controls input[type='range'] {\n      width: 120px;\n    }\n    #cell-controls label {\n      display: inline-block;\n      width: 10rem;\n    }\n\n    #cell-size-control,\n    #cell-gap-control {\n      flex-basis: calc(50% - 1rem);\n      flex-grow: 1;\n    }\n\n    #cell-gap-control {\n      margin-left: 1rem;\n    }\n\n    #checkbox-controls {\n      padding-top: 0.5rem;\n      flex-wrap: wrap;\n    }\n\n    .checkbox-control {\n      flex-basis: 50%;\n    }\n    .checkbox-control.indent {\n      margin-left: 10px;\n    }\n    .checkbox-control label {\n      user-select: none;\n    }\n\n    #last-event {\n      background-color: aliceblue;\n      padding: 5px;\n      margin: 5px auto;\n    }\n\n    .hidden {\n      display: none;\n    }\n\n    #toggle-controls {\n      background-color: lightskyblue;\n      padding: 5px;\n      margin: 5px auto;\n    }\n\n    #search-types {\n      margin: 5px auto;\n      background-color: aliceblue;\n      font-size: 1.6rem;\n    }\n\n    // slots\n    div[slot='cb-top-slot'] {\n      height: 50px;\n      border: 1px solid red;\n      background: bisque;\n    }\n    div[slot='facet-top-slot'] {\n      border: 1px solid red;\n      width: 100%;\n      height: 150px;\n      background-color: darkseagreen;\n    }\n    div[slot='sort-slot-left'] {\n      height: 50px;\n      border: 1px solid red;\n      background: bisque;\n    }\n\n    /* user profile controls */\n    .user-profile-controls {\n      width: fit-content;\n    }\n\n    fieldset {\n      display: inline-block !important;\n    }\n\n    .result-last-tile {\n      border-radius: 4px;\n      background-color: white;\n      border: 3px dashed #555;\n      box-shadow: none;\n      display: grid;\n      align-content: center;\n    }\n    .result-last-tile:hover {\n      box-shadow: rgba(8, 8, 32, 0.8) 0 0 6px 2px;\n      transition: box-shadow 0.1s ease 0s;\n      cursor: pointer;\n      border: 3px dashed #4b64ff;\n    }\n    .result-last-tile h3 {\n      margin-bottom: 4rem;\n      margin: 0px auto;\n      font-size: 2.8rem;\n      color: rgb(44, 44, 44);\n      font-weight: 200;\n      text-align: center;\n    }\n  `;\n}\n"]}

package/dist/test/mocks/mock-search-service.d.ts

@@ -12,4 +12,5 @@ export declare class MockSearchService implements SearchServiceInterface {
         resultsSpy?: (() => void) | undefined;
     });
     search(params: SearchParams, searchType: SearchType): Promise<Result<SearchResponse, SearchServiceError>>;
+    itemDetails(identifier: string): Promise<Result<SearchResponse, SearchServiceError>>;
 }

package/dist/test/mocks/mock-search-service.js

@@ -55,5 +55,8 @@ export class MockSearchService {
         }
         return result;
     }
+    async itemDetails(identifier) {
+        throw new Error('Method not implemented.');
+    }
 }
 //# sourceMappingURL=mock-search-service.js.map

package/dist/test/mocks/mock-search-service.js.map

@@ -1 +1 @@
-{"version":3,"file":"mock-search-service.js","sourceRoot":"","sources":["../../../test/mocks/mock-search-service.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Result } from '@internetarchive/result-type';\nimport type {\n  SearchParams,\n  SearchResponse,\n  SearchServiceInterface,\n  SearchServiceError,\n  SearchType,\n} from '@internetarchive/search-service';\nimport {\n  getMockSuccessSingleResult,\n  getMockSuccessMultipleResults,\n  getMockSuccessSingleResultWithSort,\n  getMockSuccessLoggedInResult,\n  getMockSuccessNoPreviewResult,\n  getMockSuccessLoggedInAndNoPreviewResult,\n  getMockSuccessWithYearHistogramAggs,\n  getMockSuccessWithDateHistogramAggs,\n  getMockSuccessMultiLineDescription,\n  getMockSuccessFirstTitleResult,\n  getMockSuccessFirstCreatorResult,\n  getMockErrorResult,\n  getMockMalformedResult,\n  getMockSuccessWithCollectionTitles,\n  getMockSuccessWithChannelAliases,\n  getMockSuccessWithCollectionAggregations,\n  getMockSuccessExtraQuotedHref,\n  getMockSuccessWithDefaultSort,\n  getMockSuccessWithConciseDefaultSort,\n  getMockSuccessWithDefaultFavSort,\n  getMockSuccessWithParentCollections,\n  getMockSuccessForTvCollection,\n  getMockSuccessManyFields,\n  getMockSuccessNoResults,\n  getMockSuccessWithWebArchiveHits,\n  getMockSuccessWithManyAggregations,\n  getMockSuccessTvFields,\n} from './mock-search-responses';\n\nconst responses: Record<\n  string,\n  () => Result<SearchResponse, SearchServiceError>\n> = {\n  'single-result': getMockSuccessSingleResult,\n  years: getMockSuccessWithYearHistogramAggs,\n  months: getMockSuccessWithDateHistogramAggs,\n  'multi-line-description': getMockSuccessMultiLineDescription,\n  loggedin: getMockSuccessLoggedInResult,\n  'no-preview': getMockSuccessNoPreviewResult,\n  'loggedin-no-preview': getMockSuccessLoggedInAndNoPreviewResult,\n  'first-title': getMockSuccessFirstTitleResult,\n  'first-creator': getMockSuccessFirstCreatorResult,\n  'collection-titles': getMockSuccessWithCollectionTitles,\n  'channel-aliases': getMockSuccessWithChannelAliases,\n  'collection-aggregations': getMockSuccessWithCollectionAggregations,\n  'extra-quoted-href': getMockSuccessExtraQuotedHref,\n  'default-sort': getMockSuccessWithDefaultSort,\n  'default-sort-concise': getMockSuccessWithConciseDefaultSort,\n  'fav-sort': getMockSuccessWithDefaultFavSort,\n  'parent-collections': getMockSuccessWithParentCollections,\n  'tv-collection': getMockSuccessForTvCollection,\n  'web-archive': getMockSuccessWithWebArchiveHits,\n  'more-facets': getMockSuccessWithManyAggregations,\n  'many-fields': getMockSuccessManyFields,\n  'tv-fields': getMockSuccessTvFields,\n  'no-results': getMockSuccessNoResults,\n  error: getMockErrorResult,\n  malformed: getMockMalformedResult,\n};\n\nexport class MockSearchService implements SearchServiceInterface {\n  searchParams?: SearchParams;\n\n  searchType?: SearchType;\n\n  asyncResponse: boolean;\n\n  asyncResponseDelay: number;\n\n  resultsSpy: Function;\n\n  constructor({\n    asyncResponse = false,\n    asyncResponseDelay = 0,\n    resultsSpy = () => {},\n  } = {}) {\n    this.asyncResponse = asyncResponse;\n    this.asyncResponseDelay = asyncResponseDelay;\n    this.resultsSpy = resultsSpy;\n  }\n\n  async search(\n    params: SearchParams,\n    searchType: SearchType,\n  ): Promise<Result<SearchResponse, SearchServiceError>> {\n    this.searchParams = params;\n    this.searchType = searchType;\n\n    if (this.asyncResponse) {\n      // Add an artificial 1-tick delay\n      await new Promise(res => {\n        setTimeout(res, this.asyncResponseDelay);\n      });\n    }\n\n    const responseKey =\n      (this.searchParams.query || this.searchParams.pageTarget) ?? '';\n    const resultFn: () => Result<SearchResponse, SearchServiceError> =\n      responses[responseKey] ?? getMockSuccessMultipleResults;\n    let result = resultFn();\n\n    // with-sort query has special handling\n    if (this.searchParams.query === 'with-sort') {\n      result = getMockSuccessSingleResultWithSort(this.resultsSpy);\n    }\n\n    // Apply any uid param from the request\n    if (result.success) {\n      (result.success.request.clientParameters as any).uid = params.uid;\n    }\n\n    return result;\n  }\n}\n"]}
+{"version":3,"file":"mock-search-service.js","sourceRoot":"","sources":["../../../test/mocks/mock-search-service.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Result } from '@internetarchive/result-type';\nimport type {\n  SearchParams,\n  SearchResponse,\n  SearchServiceInterface,\n  SearchServiceError,\n  SearchType,\n} from '@internetarchive/search-service';\nimport {\n  getMockSuccessSingleResult,\n  getMockSuccessMultipleResults,\n  getMockSuccessSingleResultWithSort,\n  getMockSuccessLoggedInResult,\n  getMockSuccessNoPreviewResult,\n  getMockSuccessLoggedInAndNoPreviewResult,\n  getMockSuccessWithYearHistogramAggs,\n  getMockSuccessWithDateHistogramAggs,\n  getMockSuccessMultiLineDescription,\n  getMockSuccessFirstTitleResult,\n  getMockSuccessFirstCreatorResult,\n  getMockErrorResult,\n  getMockMalformedResult,\n  getMockSuccessWithCollectionTitles,\n  getMockSuccessWithChannelAliases,\n  getMockSuccessWithCollectionAggregations,\n  getMockSuccessExtraQuotedHref,\n  getMockSuccessWithDefaultSort,\n  getMockSuccessWithConciseDefaultSort,\n  getMockSuccessWithDefaultFavSort,\n  getMockSuccessWithParentCollections,\n  getMockSuccessForTvCollection,\n  getMockSuccessManyFields,\n  getMockSuccessNoResults,\n  getMockSuccessWithWebArchiveHits,\n  getMockSuccessWithManyAggregations,\n  getMockSuccessTvFields,\n} from './mock-search-responses';\n\nconst responses: Record<\n  string,\n  () => Result<SearchResponse, SearchServiceError>\n> = {\n  'single-result': getMockSuccessSingleResult,\n  years: getMockSuccessWithYearHistogramAggs,\n  months: getMockSuccessWithDateHistogramAggs,\n  'multi-line-description': getMockSuccessMultiLineDescription,\n  loggedin: getMockSuccessLoggedInResult,\n  'no-preview': getMockSuccessNoPreviewResult,\n  'loggedin-no-preview': getMockSuccessLoggedInAndNoPreviewResult,\n  'first-title': getMockSuccessFirstTitleResult,\n  'first-creator': getMockSuccessFirstCreatorResult,\n  'collection-titles': getMockSuccessWithCollectionTitles,\n  'channel-aliases': getMockSuccessWithChannelAliases,\n  'collection-aggregations': getMockSuccessWithCollectionAggregations,\n  'extra-quoted-href': getMockSuccessExtraQuotedHref,\n  'default-sort': getMockSuccessWithDefaultSort,\n  'default-sort-concise': getMockSuccessWithConciseDefaultSort,\n  'fav-sort': getMockSuccessWithDefaultFavSort,\n  'parent-collections': getMockSuccessWithParentCollections,\n  'tv-collection': getMockSuccessForTvCollection,\n  'web-archive': getMockSuccessWithWebArchiveHits,\n  'more-facets': getMockSuccessWithManyAggregations,\n  'many-fields': getMockSuccessManyFields,\n  'tv-fields': getMockSuccessTvFields,\n  'no-results': getMockSuccessNoResults,\n  error: getMockErrorResult,\n  malformed: getMockMalformedResult,\n};\n\nexport class MockSearchService implements SearchServiceInterface {\n  searchParams?: SearchParams;\n\n  searchType?: SearchType;\n\n  asyncResponse: boolean;\n\n  asyncResponseDelay: number;\n\n  resultsSpy: Function;\n\n  constructor({\n    asyncResponse = false,\n    asyncResponseDelay = 0,\n    resultsSpy = () => {},\n  } = {}) {\n    this.asyncResponse = asyncResponse;\n    this.asyncResponseDelay = asyncResponseDelay;\n    this.resultsSpy = resultsSpy;\n  }\n\n  async search(\n    params: SearchParams,\n    searchType: SearchType,\n  ): Promise<Result<SearchResponse, SearchServiceError>> {\n    this.searchParams = params;\n    this.searchType = searchType;\n\n    if (this.asyncResponse) {\n      // Add an artificial 1-tick delay\n      await new Promise(res => {\n        setTimeout(res, this.asyncResponseDelay);\n      });\n    }\n\n    const responseKey =\n      (this.searchParams.query || this.searchParams.pageTarget) ?? '';\n    const resultFn: () => Result<SearchResponse, SearchServiceError> =\n      responses[responseKey] ?? getMockSuccessMultipleResults;\n    let result = resultFn();\n\n    // with-sort query has special handling\n    if (this.searchParams.query === 'with-sort') {\n      result = getMockSuccessSingleResultWithSort(this.resultsSpy);\n    }\n\n    // Apply any uid param from the request\n    if (result.success) {\n      (result.success.request.clientParameters as any).uid = params.uid;\n    }\n\n    return result;\n  }\n\n  async itemDetails(\n    identifier: string,\n  ): Promise<Result<SearchResponse, SearchServiceError>> {\n    throw new Error('Method not implemented.');\n  }\n}\n"]}