@internetarchive/collection-browser 2.19.0 → 2.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/dist/src/app-root.js +606 -605
  2. package/dist/src/app-root.js.map +1 -1
  3. package/dist/src/collection-browser.js +28 -11
  4. package/dist/src/collection-browser.js.map +1 -1
  5. package/dist/src/collection-facets/smart-facets/smart-facet-bar.js +75 -75
  6. package/dist/src/collection-facets/smart-facets/smart-facet-bar.js.map +1 -1
  7. package/dist/src/collection-facets/smart-facets/smart-facet-dropdown.js +54 -54
  8. package/dist/src/collection-facets/smart-facets/smart-facet-dropdown.js.map +1 -1
  9. package/dist/src/collection-facets.js +263 -263
  10. package/dist/src/collection-facets.js.map +1 -1
  11. package/dist/src/expanded-date-picker.js +52 -52
  12. package/dist/src/expanded-date-picker.js.map +1 -1
  13. package/dist/src/models.d.ts +13 -0
  14. package/dist/src/models.js +41 -0
  15. package/dist/src/models.js.map +1 -1
  16. package/dist/src/sort-filter-bar/sort-filter-bar.d.ts +79 -24
  17. package/dist/src/sort-filter-bar/sort-filter-bar.js +201 -119
  18. package/dist/src/sort-filter-bar/sort-filter-bar.js.map +1 -1
  19. package/dist/src/tiles/grid/item-tile.js +139 -139
  20. package/dist/src/tiles/grid/item-tile.js.map +1 -1
  21. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.js +118 -118
  22. package/dist/src/tiles/grid/styles/tile-grid-shared-styles.js.map +1 -1
  23. package/dist/src/tiles/list/tile-list.js +289 -289
  24. package/dist/src/tiles/list/tile-list.js.map +1 -1
  25. package/dist/src/tiles/tile-dispatcher.js +200 -200
  26. package/dist/src/tiles/tile-dispatcher.js.map +1 -1
  27. package/dist/test/sort-filter-bar/sort-filter-bar.test.js +157 -11
  28. package/dist/test/sort-filter-bar/sort-filter-bar.test.js.map +1 -1
  29. package/package.json +1 -1
  30. package/src/app-root.ts +1140 -1140
  31. package/src/collection-browser.ts +32 -10
  32. package/src/collection-facets/smart-facets/smart-facet-bar.ts +437 -437
  33. package/src/collection-facets/smart-facets/smart-facet-dropdown.ts +185 -185
  34. package/src/collection-facets.ts +990 -990
  35. package/src/expanded-date-picker.ts +191 -191
  36. package/src/models.ts +48 -0
  37. package/src/sort-filter-bar/sort-filter-bar.ts +220 -126
  38. package/src/tiles/grid/item-tile.ts +339 -339
  39. package/src/tiles/grid/styles/tile-grid-shared-styles.ts +129 -129
  40. package/src/tiles/list/tile-list.ts +688 -688
  41. package/src/tiles/tile-dispatcher.ts +486 -486
  42. package/test/sort-filter-bar/sort-filter-bar.test.ts +205 -12
  43. package/tsconfig.json +1 -1
package/dist/src/app-root.js.map CHANGED
@@ -1 +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-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 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"]}
1
+ {"version":3,"file":"app-root.js","sourceRoot":"","sources":["../../src/app-root.ts"],"names":[],"mappings":"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","sourcesContent":["import {\r\n AnalyticsEvent,\r\n AnalyticsManager,\r\n} from '@internetarchive/analytics-manager';\r\nimport {\r\n SearchService,\r\n SearchServiceInterface,\r\n SearchType,\r\n} from '@internetarchive/search-service';\r\nimport { html, css, LitElement, PropertyValues, nothing } from 'lit';\r\nimport { customElement, property, query, state } from 'lit/decorators.js';\r\nimport { SharedResizeObserver } from '@internetarchive/shared-resize-observer';\r\n\r\nimport type { ModalManagerInterface } from '@internetarchive/modal-manager';\r\nimport type { AnalyticsManagerInterface } from '@internetarchive/analytics-manager';\r\nimport type { CollectionBrowser } from '../src/collection-browser';\r\n\r\nimport '../src/collection-browser';\r\n\r\n@customElement('app-root')\r\nexport class AppRoot extends LitElement {\r\n private searchService: SearchServiceInterface =\r\n this.initSearchServiceFromUrlParams();\r\n\r\n private resizeObserver = new SharedResizeObserver();\r\n\r\n @state() private toggleSlots: boolean = false;\r\n\r\n @state() private currentPage?: number;\r\n\r\n @state() private searchQuery?: string;\r\n\r\n @state() private withinCollection?: string;\r\n\r\n @state() private cellWidth: number = 18;\r\n\r\n @state() private cellHeight: number = 29;\r\n\r\n @state() private rowGap: number = 1.7;\r\n\r\n @state() private colGap: number = 1.7;\r\n\r\n @state() private suppressFacets: boolean = false;\r\n\r\n @state() private lazyLoadFacets: boolean = false;\r\n\r\n @state() private loggedIn: boolean = false;\r\n\r\n @state() private searchType: SearchType = SearchType.METADATA;\r\n\r\n @property({ type: Object, reflect: false }) latestAction?: AnalyticsEvent;\r\n\r\n @query('#base-query-field') private baseQueryField!: HTMLInputElement;\r\n\r\n @query('#base-collection-field')\r\n private baseCollectionField!: HTMLInputElement;\r\n\r\n @query('#page-number-input') private pageNumberInput!: HTMLInputElement;\r\n\r\n @query('collection-browser') private collectionBrowser!: CollectionBrowser;\r\n\r\n @query('modal-manager') private modalManager!: ModalManagerInterface;\r\n\r\n private analyticsManager = new AnalyticsManager();\r\n\r\n private analyticsHandler: AnalyticsManagerInterface = {\r\n sendPing: this.sendAnalytics.bind(this),\r\n sendEvent: this.sendAnalytics.bind(this),\r\n sendEventNoSampling: this.sendAnalytics.bind(this),\r\n };\r\n\r\n private sendAnalytics(ae: AnalyticsEvent) {\r\n console.log('Analytics Received ----', ae);\r\n this.latestAction = ae;\r\n this.analyticsManager?.sendEvent(ae);\r\n }\r\n\r\n private initSearchServiceFromUrlParams() {\r\n const params = new URL(window.location.href).searchParams;\r\n return new SearchService({\r\n includeCredentials: false,\r\n baseUrl: params.get('search_base_url') ?? undefined,\r\n servicePath: params.get('search_service_path') ?? undefined,\r\n debuggingEnabled: !!params.get('debugging'),\r\n });\r\n }\r\n\r\n private searchPressed(e: Event) {\r\n e.preventDefault();\r\n this.searchQuery = this.baseQueryField.value;\r\n this.collectionBrowser.searchType = this.searchType;\r\n\r\n this.goToCurrentPage();\r\n }\r\n\r\n private collectionChanged(e: Event) {\r\n e.preventDefault();\r\n this.withinCollection = this.baseCollectionField.value;\r\n this.collectionBrowser.withinCollection = this.withinCollection;\r\n\r\n this.goToCurrentPage();\r\n }\r\n\r\n private goToCurrentPage() {\r\n const page = this.currentPage ?? 1;\r\n if (page > 1) {\r\n this.collectionBrowser.goToPage(page);\r\n }\r\n }\r\n\r\n private changePagePressed(e: Event) {\r\n e.preventDefault();\r\n this.currentPage = this.pageNumberInput.valueAsNumber;\r\n this.collectionBrowser.goToPage(this.currentPage);\r\n }\r\n\r\n protected override updated(changed: PropertyValues): void {\r\n if (changed.has('currentPage') && this.currentPage) {\r\n this.pageNumberInput.value = this.currentPage.toString();\r\n }\r\n\r\n if (changed.has('searchQuery')) {\r\n this.queryUpdated();\r\n }\r\n }\r\n\r\n private queryUpdated() {\r\n this.collectionBrowser.baseQuery = this.searchQuery;\r\n }\r\n\r\n private get getClass() {\r\n const searchParams = new URLSearchParams(window.location.search);\r\n\r\n return searchParams.get('hide-dev-tools') ? 'hidden' : '';\r\n }\r\n\r\n render() {\r\n return html`\r\n <div class=\"dev-tool-container\">\r\n <div id=\"dev-tools\" class=${this.getClass}>\r\n <div id=\"search-and-page-inputs\">\r\n <form @submit=${this.searchPressed}>\r\n <label for=\"base-query-field\"> Query: </label>\r\n <input\r\n type=\"text\"\r\n id=\"base-query-field\"\r\n .value=${this.searchQuery ?? ''}\r\n />\r\n <input type=\"submit\" value=\"Search\" />\r\n </form>\r\n <form @submit=${this.changePagePressed}>\r\n <label for=\"page-number-input\"> Page: </label>\r\n <input type=\"number\" value=\"1\" id=\"page-number-input\" />\r\n <input type=\"submit\" value=\"Go\" />\r\n </form>\r\n </div>\r\n <div>\r\n <form @submit=${this.collectionChanged}>\r\n <label for=\"base-collection-field\"> Within collection: </label>\r\n <input\r\n type=\"text\"\r\n id=\"base-collection-field\"\r\n .value=${this.withinCollection ?? ''}\r\n />\r\n <input type=\"submit\" value=\"Search\" />\r\n </form>\r\n </div>\r\n\r\n <div id=\"search-types\">\r\n Search type:\r\n <span class=\"search-type\">\r\n <input\r\n type=\"radio\"\r\n id=\"default-search\"\r\n name=\"search-type\"\r\n value=\"default\"\r\n .checked=${this.searchType === SearchType.DEFAULT}\r\n @click=${this.searchTypeSelected}\r\n />\r\n <label for=\"default-search\">Default</label>\r\n </span>\r\n <span class=\"search-type\">\r\n <input\r\n type=\"radio\"\r\n id=\"metadata-search\"\r\n name=\"search-type\"\r\n value=\"metadata\"\r\n .checked=${this.searchType === SearchType.METADATA}\r\n @click=${this.searchTypeSelected}\r\n />\r\n <label for=\"metadata-search\">Metadata</label>\r\n </span>\r\n <span class=\"search-type\">\r\n <input\r\n type=\"radio\"\r\n id=\"fulltext-search\"\r\n name=\"search-type\"\r\n value=\"fulltext\"\r\n .checked=${this.searchType === SearchType.FULLTEXT}\r\n @click=${this.searchTypeSelected}\r\n />\r\n <label for=\"fulltext-search\">Full text</label>\r\n </span>\r\n <span class=\"search-type\">\r\n <input\r\n type=\"radio\"\r\n id=\"tv-search\"\r\n name=\"search-type\"\r\n value=\"tv\"\r\n .checked=${this.searchType === SearchType.TV}\r\n @click=${this.searchTypeSelected}\r\n />\r\n <label for=\"tv-search\">TV</label>\r\n </span>\r\n <span class=\"search-type\">\r\n <input\r\n type=\"radio\"\r\n id=\"radio-search\"\r\n name=\"search-type\"\r\n value=\"radio\"\r\n .checked=${this.searchType === SearchType.RADIO}\r\n @click=${this.searchTypeSelected}\r\n />\r\n <label for=\"radio-search\">Radio</label>\r\n </span>\r\n </div>\r\n\r\n <div id=\"toggle-controls\">\r\n <button\r\n @click=${() => {\r\n const details =\r\n this.shadowRoot?.getElementById('cell-size-control');\r\n details?.classList.toggle('hidden');\r\n const rowGapControls =\r\n this.shadowRoot?.getElementById('cell-gap-control');\r\n rowGapControls?.classList.toggle('hidden');\r\n }}\r\n >\r\n Toggle Cell Controls\r\n </button>\r\n <button\r\n @click=${() => {\r\n const details = this.shadowRoot?.getElementById(\r\n 'latest-event-details',\r\n );\r\n details?.classList.toggle('hidden');\r\n }}\r\n >\r\n Last Event Captured\r\n </button>\r\n </div>\r\n\r\n <div id=\"last-event\">\r\n <pre id=\"latest-event-details\" class=\"hidden\">\r\n ${JSON.stringify(this.latestAction, null, 2)}\r\n </pre\r\n >\r\n </div>\r\n\r\n <fieldset class=\"cell-controls\">\r\n <legend>Cell Controls</legend>\r\n <div>\r\n <label for=\"cell-width-slider\">Cell width:</label>\r\n <input\r\n type=\"range\"\r\n min=\"10\"\r\n max=\"100\"\r\n value=\"18\"\r\n step=\"0.1\"\r\n id=\"cell-width-slider\"\r\n @input=${this.widthChanged}\r\n />\r\n <span>${this.cellWidth}rem</span>\r\n </div>\r\n <div>\r\n <label for=\"cell-height-slider\">Cell height:</label>\r\n <input\r\n type=\"range\"\r\n min=\"10\"\r\n max=\"100\"\r\n value=\"29\"\r\n step=\"0.1\"\r\n id=\"cell-height-slider\"\r\n @input=${this.heightChanged}\r\n />\r\n <span>${this.cellHeight}rem</span>\r\n </div>\r\n <div>\r\n <label for=\"cell-row-gap-slider\">Row gap:</label>\r\n <input\r\n type=\"range\"\r\n min=\"0\"\r\n max=\"5\"\r\n value=\"1.7\"\r\n step=\"0.1\"\r\n id=\"cell-row-gap-slider\"\r\n @input=${this.rowGapChanged}\r\n />\r\n <span>${this.rowGap}rem</span>\r\n </div>\r\n <div>\r\n <label for=\"cell-col-gap-slider\">Col gap:</label>\r\n <input\r\n type=\"range\"\r\n min=\"0\"\r\n max=\"5\"\r\n value=\"1.7\"\r\n step=\"0.1\"\r\n id=\"cell-col-gap-slider\"\r\n @input=${this.colGapChanged}\r\n />\r\n <span>${this.colGap}rem</span>\r\n </div>\r\n </fieldset>\r\n\r\n <fieldset class=\"other-controls\">\r\n <legend>Other Controls</legend>\r\n <div class=\"checkbox-control\">\r\n <input\r\n type=\"checkbox\"\r\n id=\"simulate-login\"\r\n @click=${this.loginChanged}\r\n />\r\n <label for=\"simulate-login\">Simulate login</label>\r\n </div>\r\n <div class=\"checkbox-control\">\r\n <input\r\n type=\"checkbox\"\r\n id=\"enable-date-picker\"\r\n checked\r\n @click=${this.datePickerChanged}\r\n />\r\n <label for=\"enable-date-picker\">Enable date picker</label>\r\n </div>\r\n <div class=\"checkbox-control\">\r\n <input\r\n type=\"checkbox\"\r\n id=\"enable-facets\"\r\n checked\r\n @click=${this.facetsChanged}\r\n />\r\n <label for=\"enable-facets\">Enable facets</label>\r\n </div>\r\n <div class=\"checkbox-control indent\">\r\n <input\r\n type=\"checkbox\"\r\n id=\"lazy-load-facets\"\r\n ?disabled=${this.suppressFacets}\r\n @click=${this.lazyLoadFacetsChanged}\r\n />\r\n <label for=\"lazy-load-facets\">Lazy load facets</label>\r\n </div>\r\n <div class=\"checkbox-control\">\r\n <input\r\n type=\"checkbox\"\r\n id=\"enable-management\"\r\n @click=${this.manageModeCheckboxChanged}\r\n />\r\n <label for=\"enable-management\">Enable manage mode</label>\r\n </div>\r\n <div class=\"checkbox-control indent\">\r\n <input\r\n type=\"checkbox\"\r\n id=\"enable-search-management\"\r\n @click=${this.SearchManageModeCheckboxChanged}\r\n />\r\n <label for=\"enable-search-management\">Search</label>\r\n </div>\r\n <div class=\"checkbox-control\">\r\n <input\r\n type=\"checkbox\"\r\n id=\"enable-smart-facet-bar\"\r\n @click=${this.smartFacetBarCheckboxChanged}\r\n />\r\n <label for=\"enable-smart-facet-bar\">Enable smart facet bar</label>\r\n </div>\r\n </fieldset>\r\n\r\n <fieldset class=\"cb-visual-appearance\">\r\n <legend>CB Visual Appearance</legend>\r\n <div class=\"checkbox-control\">\r\n <input\r\n type=\"checkbox\"\r\n id=\"show-facet-group-outline-check\"\r\n @click=${this.toggleFacetGroupOutline}\r\n />\r\n <label for=\"show-facet-group-outline-check\">\r\n Show facet group outlines\r\n </label>\r\n </div>\r\n <div class=\"checkbox-control\">\r\n <input\r\n type=\"checkbox\"\r\n id=\"show-outline-check\"\r\n @click=${this.outlineChanged}\r\n />\r\n <label for=\"show-outline-check\">Show cell outlines</label>\r\n </div>\r\n </fieldset>\r\n\r\n <fieldset class=\"user-profile-controls\">\r\n <legend>User Profile Controls</legend>\r\n <div class=\"checkbox-control\">\r\n <input\r\n type=\"checkbox\"\r\n id=\"enable-facet-top-slot\"\r\n @click=${this.facetTopSlotCheckboxChanged}\r\n />\r\n <label for=\"enable-facet-top-slot\">Show facet top slot</label>\r\n </div>\r\n <div class=\"checkbox-control\">\r\n <input\r\n type=\"checkbox\"\r\n id=\"enable-cb-top-slot\"\r\n @click=${this.cbTopSlotCheckboxChanged}\r\n />\r\n <label for=\"enable-cb-top-slot\">Show CB top slot</label>\r\n </div>\r\n <div class=\"checkbox-control\">\r\n <input\r\n type=\"checkbox\"\r\n id=\"enable-sortbar-left-slot\"\r\n @click=${this.sortBarLeftSlotCheckboxChanged}\r\n />\r\n <label for=\"enable-sortbar-left-slot\"\r\n >Show sortbar left slot</label\r\n >\r\n </div>\r\n <div class=\"checkbox-control\">\r\n <input\r\n type=\"checkbox\"\r\n id=\"enable-sortbar-right-slot\"\r\n @click=${this.sortBarRightSlotCheckboxChanged}\r\n />\r\n <label for=\"enable-sortbar-right-slot\"\r\n >Show sortbar right slot</label\r\n >\r\n </div>\r\n <div class=\"checkbox-control\">\r\n <input\r\n type=\"checkbox\"\r\n id=\"enable-result-last-tile-slot\"\r\n @click=${this.resultLastTileSlotCheckboxChanged}\r\n />\r\n <label for=\"enable-result-last-tile-slot\">\r\n Show result last tile slot\r\n </label>\r\n </div>\r\n <div class=\"checkbox-control\">\r\n <input\r\n type=\"checkbox\"\r\n id=\"enable-replaced-sort-options\"\r\n @click=${this.replaceSortOptionsChanged}\r\n />\r\n <label for=\"enable-replaced-sort-options\">\r\n Show replaced sort options\r\n </label>\r\n </div>\r\n </fieldset>\r\n\r\n <fieldset class=\"user-profile-controls\">\r\n <legend>Set Placeholder Types</legend>\r\n <div class=\"checkbox-control\">\r\n <input\r\n id=\"enable-loading-placeholder\"\r\n type=\"radio\"\r\n @click=${() => this.setPlaceholderType('loading-placeholder')}\r\n name=\"placeholder-radio\"\r\n />\r\n <label for=\"enable-loading-placeholder\"\r\n >Loading Placeholder</label\r\n >\r\n </div>\r\n <div class=\"checkbox-control\">\r\n <input\r\n id=\"enable-empty-placeholder\"\r\n type=\"radio\"\r\n @click=${() => this.setPlaceholderType('error-placeholder')}\r\n value=\"empty-placeholder\"\r\n name=\"placeholder-radio\"\r\n />\r\n <label for=\"enable-empty-placeholder\">Empty Placeholder</label>\r\n </div>\r\n </fieldset>\r\n </div>\r\n <button id=\"toggle-dev-tools-btn\" @click=${this.toggleDevTools}>\r\n Toggle Search Controls\r\n </button>\r\n </div>\r\n <div id=\"collection-browser-container\">\r\n <collection-browser\r\n facetPaneVisible\r\n .baseNavigationUrl=${'https://archive.org'}\r\n .baseImageUrl=${'https://archive.org'}\r\n .searchService=${this.searchService}\r\n .resizeObserver=${this.resizeObserver}\r\n .showHistogramDatePicker=${true}\r\n .suppressFacets=${this.suppressFacets}\r\n .lazyLoadFacets=${this.lazyLoadFacets}\r\n .loggedIn=${this.loggedIn}\r\n .modalManager=${this.modalManager}\r\n .analyticsHandler=${this.analyticsHandler}\r\n .pageContext=${'search'}\r\n @visiblePageChanged=${this.visiblePageChanged}\r\n @baseQueryChanged=${this.baseQueryChanged}\r\n @searchTypeChanged=${this.searchTypeChanged}\r\n @manageModeChanged=${this.manageModeChanged}\r\n @itemRemovalRequested=${this.handleItemRemovalRequest}\r\n @itemManagerRequested=${this.handleItemManagerRequest}\r\n >\r\n ${this.toggleSlots\r\n ? html`<div slot=\"sortbar-left-slot\">Sort Slot</div>`\r\n : nothing}\r\n ${this.toggleSlots\r\n ? html`<div slot=\"facet-top-slot\">Facet Slot</div>`\r\n : nothing}\r\n </collection-browser>\r\n </div>\r\n <modal-manager></modal-manager>\r\n `;\r\n }\r\n\r\n private async setPlaceholderType(type: string) {\r\n switch (type) {\r\n case 'loading-placeholder':\r\n this.collectionBrowser.baseQuery = '';\r\n this.collectionBrowser.suppressPlaceholders = true;\r\n this.collectionBrowser.clearResultsOnEmptyQuery = true;\r\n this.requestUpdate();\r\n await this.collectionBrowser.updateComplete;\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n private baseQueryChanged(e: CustomEvent<{ baseQuery?: string }>): void {\r\n this.searchQuery = e.detail.baseQuery;\r\n }\r\n\r\n /** Handler for search type changes coming from collection browser */\r\n private searchTypeChanged(e: CustomEvent<SearchType>): void {\r\n this.searchType = e.detail;\r\n }\r\n\r\n /** Handler for user input selecting a search type */\r\n private searchTypeSelected(e: Event) {\r\n const target = e.target as HTMLInputElement;\r\n this.searchType = this.searchTypeFromSelectedOption(target.value);\r\n }\r\n\r\n private searchTypeFromSelectedOption(option: string): SearchType {\r\n switch (option) {\r\n case 'metadata':\r\n return SearchType.METADATA;\r\n case 'fulltext':\r\n return SearchType.FULLTEXT;\r\n case 'tv':\r\n return SearchType.TV;\r\n case 'radio':\r\n return SearchType.RADIO;\r\n default:\r\n return SearchType.DEFAULT;\r\n }\r\n }\r\n\r\n private loginChanged(e: Event) {\r\n const target = e.target as HTMLInputElement;\r\n if (target.checked) {\r\n this.loggedIn = true;\r\n } else {\r\n this.loggedIn = false;\r\n }\r\n }\r\n\r\n private outlineChanged(e: Event) {\r\n const target = e.target as HTMLInputElement;\r\n if (target.checked) {\r\n this.collectionBrowser.style.setProperty(\r\n '--infiniteScrollerCellOutline',\r\n '1px solid #33D1FF',\r\n );\r\n } else {\r\n this.collectionBrowser.style.removeProperty(\r\n '--infiniteScrollerCellOutline',\r\n );\r\n }\r\n }\r\n\r\n private toggleDevTools() {\r\n const pageUrl = new URL(window.location.href);\r\n const { searchParams } = pageUrl;\r\n\r\n if (searchParams.get('hide-dev-tools')) {\r\n searchParams.delete('hide-dev-tools');\r\n } else {\r\n searchParams.set('hide-dev-tools', 'true');\r\n }\r\n\r\n this.shadowRoot?.getElementById('dev-tools')?.classList.toggle('hidden');\r\n\r\n if (window.history.replaceState) {\r\n window.history.replaceState(\r\n {\r\n path: pageUrl.toString(),\r\n },\r\n '',\r\n pageUrl.toString(),\r\n );\r\n }\r\n }\r\n\r\n private toggleFacetGroupOutline(e: Event) {\r\n const target = e.target as HTMLInputElement;\r\n if (target.checked) {\r\n this.collectionBrowser.classList.add('showFacetGroupOutlines');\r\n this.modalManager.classList.add('showFacetGroupOutlines');\r\n } else {\r\n this.collectionBrowser.classList.remove('showFacetGroupOutlines');\r\n this.modalManager.classList.remove('showFacetGroupOutlines');\r\n }\r\n }\r\n\r\n private datePickerChanged(e: Event) {\r\n const target = e.target as HTMLInputElement;\r\n this.collectionBrowser.showHistogramDatePicker = target.checked;\r\n\r\n // When disabling the date picker from the demo app, also clear any existing date range params\r\n if (!this.collectionBrowser.showHistogramDatePicker) {\r\n this.collectionBrowser.minSelectedDate = undefined;\r\n this.collectionBrowser.maxSelectedDate = undefined;\r\n }\r\n }\r\n\r\n private facetsChanged(e: Event) {\r\n const target = e.target as HTMLInputElement;\r\n this.suppressFacets = !target.checked;\r\n }\r\n\r\n private lazyLoadFacetsChanged(e: Event) {\r\n const target = e.target as HTMLInputElement;\r\n this.lazyLoadFacets = target.checked;\r\n }\r\n\r\n /**\r\n * Handler for when collection browser's manage mode changes.\r\n * This lets us disable the checkbox in the dev panel when the user cancels out\r\n * of manage mode from within collection browser.\r\n */\r\n private manageModeChanged(e: CustomEvent<boolean>): void {\r\n const manageCheckbox = this.shadowRoot?.querySelector(\r\n '#enable-management',\r\n ) as HTMLInputElement;\r\n if (manageCheckbox) manageCheckbox.checked = e.detail;\r\n }\r\n\r\n /**\r\n * Handler for item removal\r\n */\r\n private handleItemRemovalRequest(e: CustomEvent) {\r\n this.collectionBrowser.showRemoveItemsProcessingModal();\r\n console.log('itemRemovalRequested: ', e.detail.items);\r\n\r\n setTimeout(() => {\r\n // execute item-removal-service, and response is successfully deleted\r\n const status = false;\r\n\r\n if (status) {\r\n // looking for success?\r\n this.collectionBrowser.isManageView = false;\r\n this.modalManager?.closeModal();\r\n this.modalManager?.classList.remove('remove-items');\r\n } else {\r\n // looking for failure?\r\n this.collectionBrowser.showRemoveItemsErrorModal();\r\n }\r\n }, 2000); // let's wait to see processing modal\r\n }\r\n\r\n /**\r\n * Handler when item manage requested\r\n */\r\n private handleItemManagerRequest(e: CustomEvent) {\r\n console.log('itemManagerRequested: ', e.detail.items);\r\n }\r\n\r\n /**\r\n * Handler for when the dev panel's \"Enable manage mode\" checkbox is changed.\r\n */\r\n private manageModeCheckboxChanged(e: Event) {\r\n const target = e.target as HTMLInputElement;\r\n this.collectionBrowser.isManageView = target.checked;\r\n this.collectionBrowser.manageViewLabel =\r\n 'Select items to remove (customizable texts)';\r\n }\r\n\r\n /**\r\n * Handler when the dev panel's \"Enable manage mode -> Search\" checkbox is changed.\r\n */\r\n private SearchManageModeCheckboxChanged(e: Event) {\r\n const target = e.target as HTMLInputElement;\r\n this.collectionBrowser.pageContext = target.checked\r\n ? 'search'\r\n : 'collection';\r\n }\r\n\r\n /**\r\n * Handler for when the dev panel's \"Enable smart facet bar\" checkbox is changed.\r\n */\r\n private smartFacetBarCheckboxChanged(e: Event) {\r\n const target = e.target as HTMLInputElement;\r\n this.collectionBrowser.showSmartFacetBar = target.checked;\r\n }\r\n\r\n /**\r\n * Handler for when the dev panel's \"Show facet top slot\" checkbox is changed.\r\n */\r\n private facetTopSlotCheckboxChanged(e: Event) {\r\n const target = e.target as HTMLInputElement;\r\n\r\n const p = document.createElement('p');\r\n p.style.setProperty('border', '1px solid #000');\r\n p.textContent = 'New stuff as a child.';\r\n p.style.setProperty('height', '20rem');\r\n p.style.backgroundColor = '#00000';\r\n p.setAttribute('slot', 'facet-top-slot');\r\n\r\n if (target.checked) {\r\n this.collectionBrowser.appendChild(p);\r\n } else {\r\n this.collectionBrowser.removeChild(\r\n this.collectionBrowser.lastElementChild as Element,\r\n );\r\n }\r\n }\r\n\r\n private toggleSlotOptions() {\r\n this.toggleSlots = !this.toggleSlots;\r\n }\r\n\r\n private resultLastTileSlotCheckboxChanged(e: Event) {\r\n const target = e.target as HTMLInputElement;\r\n\r\n const div = document.createElement('div');\r\n const title = document.createElement('h3');\r\n title.textContent = 'Upload';\r\n\r\n div.setAttribute('slot', 'result-last-tile');\r\n div.setAttribute('class', 'result-last-tile');\r\n div.appendChild(title);\r\n\r\n if (target.checked) {\r\n this.collectionBrowser.appendChild(div);\r\n } else {\r\n this.collectionBrowser.removeChild(\r\n this.collectionBrowser.lastElementChild as Element,\r\n );\r\n }\r\n }\r\n\r\n /**\r\n * Handler for when the dev panel's \"Show cb top slot\" checkbox is changed.\r\n */\r\n private cbTopSlotCheckboxChanged(e: Event) {\r\n const target = e.target as HTMLInputElement;\r\n\r\n const p = document.createElement('p');\r\n p.style.setProperty('border', '1px solid #000');\r\n p.textContent = 'My Favorite list header.';\r\n p.style.setProperty('height', '10rem');\r\n p.style.backgroundColor = '#00000';\r\n p.setAttribute('slot', 'cb-top-slot');\r\n\r\n if (target.checked) {\r\n this.collectionBrowser.appendChild(p);\r\n } else {\r\n this.collectionBrowser.removeChild(\r\n this.collectionBrowser.lastElementChild as Element,\r\n );\r\n }\r\n }\r\n\r\n /**\r\n * Handler for when the dev panel's \"Show sort bar top left slot\" checkbox is changed.\r\n */\r\n private sortBarLeftSlotCheckboxChanged(e: Event) {\r\n const target = e.target as HTMLInputElement;\r\n\r\n if (target.checked) {\r\n const div = document.createElement('div');\r\n div.style.setProperty('border', '1px solid #000');\r\n div.textContent = 'Btn';\r\n div.style.setProperty('height', '3rem');\r\n div.style.setProperty('width', '3rem');\r\n div.setAttribute('slot', 'sort-options-left');\r\n\r\n this.collectionBrowser.appendChild(div);\r\n } else {\r\n const slottedEl = this.collectionBrowser.querySelector(\r\n '[slot=\"sort-options-left\"]',\r\n );\r\n if (slottedEl) this.collectionBrowser.removeChild(slottedEl);\r\n }\r\n }\r\n\r\n /**\r\n * Handler for when the dev panel's \"Show sort bar top right slot\" checkbox is changed.\r\n */\r\n private sortBarRightSlotCheckboxChanged(e: Event) {\r\n const target = e.target as HTMLInputElement;\r\n\r\n if (target.checked) {\r\n const div = document.createElement('div');\r\n div.style.setProperty('border', '1px solid #000');\r\n div.textContent = 'Search bar';\r\n div.style.setProperty('height', '3rem');\r\n div.style.setProperty('width', '15rem');\r\n div.setAttribute('slot', 'sort-options-right');\r\n\r\n this.collectionBrowser.appendChild(div);\r\n } else {\r\n const slottedEl = this.collectionBrowser.querySelector(\r\n '[slot=\"sort-options-right\"]',\r\n );\r\n if (slottedEl) this.collectionBrowser.removeChild(slottedEl);\r\n }\r\n }\r\n\r\n private rowGapChanged(e: Event) {\r\n const input = e.target as HTMLInputElement;\r\n this.rowGap = parseFloat(input.value);\r\n this.collectionBrowser.style.setProperty(\r\n '--collectionBrowserRowGap',\r\n `${input.value}rem`,\r\n );\r\n }\r\n\r\n private colGapChanged(e: Event) {\r\n const input = e.target as HTMLInputElement;\r\n this.colGap = parseFloat(input.value);\r\n this.collectionBrowser.style.setProperty(\r\n '--collectionBrowserColGap',\r\n `${input.value}rem`,\r\n );\r\n }\r\n\r\n private widthChanged(e: Event) {\r\n const input = e.target as HTMLInputElement;\r\n this.cellWidth = parseFloat(input.value);\r\n this.collectionBrowser.style.setProperty(\r\n '--collectionBrowserCellMinWidth',\r\n `${input.value}rem`,\r\n );\r\n }\r\n\r\n private heightChanged(e: Event) {\r\n const input = e.target as HTMLInputElement;\r\n this.cellHeight = parseFloat(input.value);\r\n this.collectionBrowser.style.setProperty(\r\n '--collectionBrowserCellMinHeight',\r\n `${input.value}rem`,\r\n );\r\n this.collectionBrowser.style.setProperty(\r\n '--collectionBrowserCellMaxHeight',\r\n `${input.value}rem`,\r\n );\r\n }\r\n\r\n private visiblePageChanged(e: CustomEvent<{ pageNumber: number }>) {\r\n const { pageNumber } = e.detail;\r\n if (pageNumber === this.currentPage) return;\r\n this.currentPage = pageNumber;\r\n }\r\n\r\n /**\r\n * Handler for when the dev panel's \"Replace sort options\" checkbox is changed.\r\n */\r\n private replaceSortOptionsChanged(e: Event) {\r\n const target = e.target as HTMLInputElement;\r\n\r\n if (target.checked) {\r\n const p = document.createElement('p');\r\n p.style.setProperty('border', '1px solid #000');\r\n p.textContent = 'New stuff as a child.';\r\n p.style.setProperty('height', '20px');\r\n p.setAttribute('slot', 'sort-options');\r\n\r\n this.collectionBrowser.appendChild(p);\r\n this.collectionBrowser.enableSortOptionsSlot = true;\r\n } else {\r\n const slottedEl = this.collectionBrowser.querySelector(\r\n '[slot=\"sort-options\"]',\r\n );\r\n if (slottedEl) this.collectionBrowser.removeChild(slottedEl);\r\n this.collectionBrowser.enableSortOptionsSlot = false;\r\n }\r\n }\r\n\r\n static styles = css`\r\n :host {\r\n display: block;\r\n --primaryButtonBGColor: #194880;\r\n --ia-theme-link-color: #4b64ff;\r\n }\r\n\r\n /* add the following styles to ensure proper modal visibility */\r\n body.modal-manager-open {\r\n overflow: hidden;\r\n }\r\n modal-manager {\r\n display: none;\r\n }\r\n modal-manager[mode='open'] {\r\n display: block;\r\n }\r\n modal-manager.remove-items {\r\n --modalWidth: 58rem;\r\n --modalBorder: 2px solid var(--primaryButtonBGColor, #194880);\r\n --modalTitleLineHeight: 4rem;\r\n --modalTitleFontSize: 1.8rem;\r\n }\r\n modal-manager.more-search-facets {\r\n --modalWidth: 85rem;\r\n --modalBorder: 2px solid var(--primaryButtonBGColor, #194880);\r\n --modalTitleLineHeight: 4rem;\r\n --modalTitleFontSize: 1.8rem;\r\n --modalCornerRadius: 0;\r\n --modalBottomPadding: 0;\r\n --modalBottomMargin: 0;\r\n --modalScrollOffset: 0;\r\n --modalCornerRadius: 0.5rem;\r\n }\r\n modal-manager.expanded-date-picker {\r\n --modalWidth: 58rem;\r\n --modalBorder: 2px solid var(--primaryButtonBGColor, #194880);\r\n --modalTitleLineHeight: 4rem;\r\n --modalTitleFontSize: 1.8rem;\r\n --modalCornerRadius: 0;\r\n --modalBottomPadding: 0;\r\n --modalBottomMargin: 0;\r\n --modalScrollOffset: 0;\r\n --modalCornerRadius: 0.5rem;\r\n }\r\n\r\n input,\r\n button {\r\n font-size: 1.6rem;\r\n }\r\n\r\n modal-manager.showFacetGroupOutlines,\r\n collection-browser.showFacetGroupOutlines {\r\n --facet-row-border-top: 1px solid red;\r\n --facet-row-border-bottom: 1px solid blue;\r\n }\r\n\r\n collection-browser {\r\n /* Same as production */\r\n max-width: 135rem;\r\n margin: auto;\r\n }\r\n\r\n #collection-browser-container {\r\n /* Same as production */\r\n padding-left: 0.5rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n #base-query-field {\r\n width: 300px;\r\n }\r\n\r\n .dev-tool-container {\r\n position: relative;\r\n }\r\n #dev-tools {\r\n position: relative;\r\n top: 0;\r\n left: 0;\r\n z-index: 1;\r\n -webkit-backdrop-filter: blur(10px);\r\n backdrop-filter: blur(10px);\r\n padding: 0.5rem 1rem;\r\n border: 1px solid black;\r\n font-size: 1.4rem;\r\n background: #ffffffb3;\r\n }\r\n\r\n #dev-tools > * {\r\n display: flex;\r\n }\r\n\r\n #toggle-dev-tools-btn {\r\n position: fixed;\r\n left: 77.4%;\r\n top: 0;\r\n background: red;\r\n padding: 5px;\r\n color: white;\r\n font-size: 1.4rem;\r\n margin: 0;\r\n z-index: 1;\r\n cursor: pointer;\r\n }\r\n\r\n #search-and-page-inputs {\r\n flex-wrap: wrap;\r\n row-gap: 2px;\r\n }\r\n\r\n #search-and-page-inputs > form {\r\n margin-right: 1rem;\r\n }\r\n\r\n #search-and-page-inputs label {\r\n display: inline-block;\r\n min-width: 50px;\r\n }\r\n\r\n #page-number-input {\r\n width: 75px;\r\n }\r\n\r\n .search-type {\r\n margin-right: 1rem;\r\n }\r\n\r\n .cell-controls {\r\n display: flex;\r\n flex-wrap: wrap;\r\n }\r\n .cell-controls div {\r\n display: flex;\r\n align-items: center;\r\n }\r\n .cell-controls input[type='range'] {\r\n width: 120px;\r\n }\r\n #cell-controls label {\r\n display: inline-block;\r\n width: 10rem;\r\n }\r\n\r\n #cell-size-control,\r\n #cell-gap-control {\r\n flex-basis: calc(50% - 1rem);\r\n flex-grow: 1;\r\n }\r\n\r\n #cell-gap-control {\r\n margin-left: 1rem;\r\n }\r\n\r\n #checkbox-controls {\r\n padding-top: 0.5rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .checkbox-control {\r\n flex-basis: 50%;\r\n }\r\n .checkbox-control.indent {\r\n margin-left: 10px;\r\n }\r\n .checkbox-control label {\r\n user-select: none;\r\n }\r\n\r\n #last-event {\r\n background-color: aliceblue;\r\n padding: 5px;\r\n margin: 5px auto;\r\n }\r\n\r\n .hidden {\r\n display: none;\r\n }\r\n\r\n #toggle-controls {\r\n background-color: lightskyblue;\r\n padding: 5px;\r\n margin: 5px auto;\r\n }\r\n\r\n #search-types {\r\n margin: 5px auto;\r\n background-color: aliceblue;\r\n font-size: 1.6rem;\r\n }\r\n\r\n // slots\r\n div[slot='cb-top-slot'] {\r\n height: 50px;\r\n border: 1px solid red;\r\n background: bisque;\r\n }\r\n div[slot='facet-top-slot'] {\r\n border: 1px solid red;\r\n width: 100%;\r\n height: 150px;\r\n background-color: darkseagreen;\r\n }\r\n div[slot='sort-slot-left'] {\r\n height: 50px;\r\n border: 1px solid red;\r\n background: bisque;\r\n }\r\n\r\n /* user profile controls */\r\n .user-profile-controls {\r\n width: fit-content;\r\n }\r\n\r\n fieldset {\r\n display: inline-block !important;\r\n }\r\n\r\n .result-last-tile {\r\n border-radius: 4px;\r\n background-color: white;\r\n border: 3px dashed #555;\r\n box-shadow: none;\r\n display: grid;\r\n align-content: center;\r\n }\r\n .result-last-tile:hover {\r\n box-shadow: rgba(8, 8, 32, 0.8) 0 0 6px 2px;\r\n transition: box-shadow 0.1s ease 0s;\r\n cursor: pointer;\r\n border: 3px dashed #4b64ff;\r\n }\r\n .result-last-tile h3 {\r\n margin-bottom: 4rem;\r\n margin: 0px auto;\r\n font-size: 2.8rem;\r\n color: rgb(44, 44, 44);\r\n font-weight: 200;\r\n text-align: center;\r\n }\r\n `;\r\n}\r\n"]}
package/dist/src/collection-browser.js CHANGED
@@ -5,7 +5,7 @@ import { classMap } from 'lit/directives/class-map.js';
5
5
  import { msg } from '@lit/localize';
6
6
  import { SearchType, } from '@internetarchive/search-service';
7
7
  import '@internetarchive/infinite-scroller';
8
- import { SortField, getDefaultSelectedFacets, sortOptionFromAPIString, SORT_OPTIONS, defaultProfileElementSorts, defaultFacetDisplayOrder, tvFacetDisplayOrder, } from './models';
8
+ import { SortField, getDefaultSelectedFacets, sortOptionFromAPIString, SORT_OPTIONS, defaultProfileElementSorts, defaultFacetDisplayOrder, tvFacetDisplayOrder, defaultSortAvailability, favoritesSortAvailability, tvSortAvailability, } from './models';
9
9
  import { RestorationStateHandler, } from './restoration-state-handler';
10
10
  import { CollectionBrowserDataSource } from './data-source/collection-browser-data-source';
11
11
  import { FACETLESS_PAGE_ELEMENTS } from './data-source/models';
@@ -468,14 +468,10 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
468
468
  */
469
469
  get desktopLeftColumnTemplate() {
470
470
  return html `
471
- <div
472
- id="left-column"
473
- class="column"
474
- ?hidden=${this.showSmartFacetBar && !this.facetPaneVisible}
475
- >
471
+ <div id="left-column" class="column" ?hidden=${!this.facetPaneVisible}>
476
472
  ${this.facetTopViewSlot}
477
473
  <div id="facets-header-container">
478
- <h2 id="facets-header" class="sr-only">Filters</h2>
474
+ <h2 id="facets-header" class="sr-only">${msg('Filters')}</h2>
479
475
  ${this.resultsCountTemplate} ${this.clearFiltersBtnTemplate(false)}
480
476
  </div>
481
477
  <div id="facets-container" aria-labelledby="facets-header">
@@ -526,7 +522,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
526
522
  var _a;
527
523
  const rightColumnClasses = classMap({
528
524
  column: true,
529
- 'full-width': this.showSmartFacetBar && !this.facetPaneVisible,
525
+ 'full-width': !this.facetPaneVisible,
530
526
  'smart-results-spacing': !!this.showSmartResults,
531
527
  });
532
528
  return html `
@@ -590,14 +586,35 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
590
586
  var _a;
591
587
  if (this.suppressSortBar)
592
588
  return nothing;
589
+ // Determine the set of sortable fields that should be shown in the sort bar
590
+ let defaultViewSort = SortField.weeklyview;
591
+ let defaultDateSort = SortField.date;
592
+ let sortFieldAvailability = defaultSortAvailability;
593
+ // We adjust the sort options for a couple of special cases...
594
+ if ((_a = this.withinCollection) === null || _a === void 0 ? void 0 : _a.startsWith('fav-')) {
595
+ // When viewing a fav- collection, we include the Date Favorited option and show
596
+ // it as the default in the date dropdown.
597
+ defaultDateSort = SortField.datefavorited;
598
+ sortFieldAvailability = favoritesSortAvailability;
599
+ }
600
+ else if (!this.withinCollection && this.searchType === SearchType.TV) {
601
+ // When viewing TV search results, we default the views dropdown to All-time Views
602
+ // and exclude several of the usual date sort options.
603
+ defaultViewSort = SortField.alltimeview;
604
+ defaultDateSort = SortField.datearchived;
605
+ sortFieldAvailability = tvSortAvailability;
606
+ }
607
+ // We only show relevance sort if a search query is currently defined
608
+ sortFieldAvailability.relevance = this.isRelevanceSortAvailable;
593
609
  return html `
594
610
  <sort-filter-bar
595
611
  .defaultSortField=${this.defaultSortField}
596
612
  .defaultSortDirection=${this.defaultSortDirection}
613
+ .defaultViewSort=${defaultViewSort}
614
+ .defaultDateSort=${defaultDateSort}
597
615
  .selectedSort=${this.selectedSort}
598
616
  .sortDirection=${this.sortDirection}
599
- .showRelevance=${this.isRelevanceSortAvailable}
600
- .showDateFavorited=${(_a = this.withinCollection) === null || _a === void 0 ? void 0 : _a.startsWith('fav-')}
617
+ .sortFieldAvailability=${sortFieldAvailability}
601
618
  .displayMode=${this.displayMode}
602
619
  .selectedTitleFilter=${this.selectedTitleFilter}
603
620
  .selectedCreatorFilter=${this.selectedCreatorFilter}
@@ -2376,7 +2393,7 @@ __decorate([
2376
2393
  property({ type: String })
2377
2394
  ], CollectionBrowser.prototype, "facetLoadStrategy", void 0);
2378
2395
  __decorate([
2379
- property({ type: Boolean })
2396
+ property({ type: Boolean, reflect: true })
2380
2397
  ], CollectionBrowser.prototype, "facetPaneVisible", void 0);
2381
2398
  __decorate([
2382
2399
  property({ type: Boolean })