@internetarchive/collection-browser 3.5.2-alpha-webdev8164.0 → 3.5.2-webdev-8162.1

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 (45) hide show
  1. package/.editorconfig +29 -29
  2. package/.github/workflows/ci.yml +27 -27
  3. package/.github/workflows/gh-pages-main.yml +39 -39
  4. package/.github/workflows/npm-publish.yml +39 -39
  5. package/.github/workflows/pr-preview.yml +38 -38
  6. package/.prettierignore +1 -1
  7. package/LICENSE +661 -661
  8. package/README.md +83 -83
  9. package/dist/src/app-root.js +606 -606
  10. package/dist/src/app-root.js.map +1 -1
  11. package/dist/src/collection-facets/facets-template.js +23 -28
  12. package/dist/src/collection-facets/facets-template.js.map +1 -1
  13. package/dist/src/collection-facets/more-facets-content.d.ts +8 -34
  14. package/dist/src/collection-facets/more-facets-content.js +159 -358
  15. package/dist/src/collection-facets/more-facets-content.js.map +1 -1
  16. package/dist/src/tiles/grid/collection-tile.js +77 -77
  17. package/dist/src/tiles/grid/collection-tile.js.map +1 -1
  18. package/dist/src/tiles/grid/item-tile.js +137 -137
  19. package/dist/src/tiles/grid/item-tile.js.map +1 -1
  20. package/dist/src/tiles/models.js.map +1 -1
  21. package/dist/src/tiles/tile-dispatcher.js +215 -215
  22. package/dist/src/tiles/tile-dispatcher.js.map +1 -1
  23. package/dist/test/collection-browser.test.js +1 -1
  24. package/dist/test/collection-browser.test.js.map +1 -1
  25. package/dist/test/collection-facets/more-facets-content.test.js +31 -137
  26. package/dist/test/collection-facets/more-facets-content.test.js.map +1 -1
  27. package/eslint.config.mjs +53 -53
  28. package/index.html +24 -24
  29. package/local.archive.org.cert +86 -86
  30. package/local.archive.org.key +27 -27
  31. package/package.json +121 -119
  32. package/renovate.json +6 -6
  33. package/src/app-root.ts +1140 -1140
  34. package/src/collection-facets/facets-template.ts +83 -88
  35. package/src/collection-facets/more-facets-content.ts +642 -856
  36. package/src/tiles/grid/collection-tile.ts +163 -163
  37. package/src/tiles/grid/item-tile.ts +340 -340
  38. package/src/tiles/models.ts +1 -1
  39. package/src/tiles/tile-dispatcher.ts +517 -517
  40. package/test/collection-browser.test.ts +1 -1
  41. package/test/collection-facets/more-facets-content.test.ts +231 -378
  42. package/tsconfig.json +25 -25
  43. package/web-dev-server.config.mjs +30 -30
  44. package/web-test-runner.config.mjs +52 -41
  45. package/.husky/pre-commit +0 -4
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 {\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"]}
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';\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 facetPaneVisible\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"]}
package/dist/src/collection-facets/facets-template.js CHANGED
@@ -21,15 +21,15 @@ let FacetsTemplate = class FacetsTemplate extends LitElement {
21
21
  const facetBuckets = facetGroup.buckets;
22
22
  // Added data-testid for Playwright testing
23
23
  // Using className and aria-labels is not ideal for Playwright locator
24
- return html `
25
- <div class="facet-rows" data-testid="facets-on-${facetGroup.key}">
26
- ${repeat(facetBuckets, bucket => `${facetGroup.key}:${bucket.key}`, bucket => html `<facet-row
27
- .facetType=${facetGroup.key}
28
- .bucket=${bucket}
29
- .collectionTitles=${this.collectionTitles}
30
- @facetClick=${this.facetClicked}
31
- ></facet-row>`)}
32
- </div>
24
+ return html `
25
+ <div class="facet-rows" data-testid="facets-on-${facetGroup.key}">
26
+ ${repeat(facetBuckets, bucket => `${facetGroup.key}:${bucket.key}`, bucket => html `<facet-row
27
+ .facetType=${facetGroup.key}
28
+ .bucket=${bucket}
29
+ .collectionTitles=${this.collectionTitles}
30
+ @facetClick=${this.facetClicked}
31
+ ></facet-row>`)}
32
+ </div>
33
33
  `;
34
34
  }
35
35
  render() {
@@ -38,25 +38,20 @@ let FacetsTemplate = class FacetsTemplate extends LitElement {
38
38
  static get styles() {
39
39
  const columnCount = css `var(--facetsColumnCount, 1)`;
40
40
  const columnGap = css `var(--facetsColumnGap, 15px)`;
41
- const columnWidth = css `var(--facetsColumnWidth, auto)`;
42
- const maxHeight = css `var(--facetsMaxHeight, none)`;
43
- return css `
44
- .facet-rows {
45
- column-count: ${columnCount};
46
- column-gap: ${columnGap};
47
- column-width: ${columnWidth};
48
- max-height: ${maxHeight};
49
- column-fill: auto;
50
- }
51
-
52
- a:link,
53
- a:visited {
54
- text-decoration: none;
55
- color: var(--ia-theme-link-color, #4b64ff);
56
- }
57
- a:hover {
58
- text-decoration: underline;
59
- }
41
+ return css `
42
+ .facet-rows {
43
+ column-count: ${columnCount};
44
+ column-gap: ${columnGap};
45
+ }
46
+
47
+ a:link,
48
+ a:visited {
49
+ text-decoration: none;
50
+ color: var(--ia-theme-link-color, #4b64ff);
51
+ }
52
+ a:hover {
53
+ text-decoration: underline;
54
+ }
60
55
  `;
61
56
  }
62
57
  };
package/dist/src/collection-facets/facets-template.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"facets-template.js","sourceRoot":"","sources":["../../../src/collection-facets/facets-template.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EACH,IAAI,EACJ,UAAU,EAGV,OAAO,GACR,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGlD,OAAO,aAAa,CAAC;AAGd,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAMpC,YAAY,CAAC,CAAiC;QACpD,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACzC,CAAC;IAEO,uBAAuB,CAAC,MAAyB;QACvD,MAAM,KAAK,GAAG,IAAI,WAAW,CAAoB,YAAY,EAAE;YAC7D,MAAM;YACN,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,IAAY,cAAc;QACxB,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,UAAU;YAAE,OAAO,OAAO,CAAC;QAEhC,MAAM,YAAY,GAAG,UAAU,CAAC,OAAwB,CAAC;QAEzD,2CAA2C;QAC3C,sEAAsE;QACtE,OAAO,IAAI,CAAA;uDACwC,UAAU,CAAC,GAAG;UAC3D,MAAM,CACN,YAAY,EACZ,MAAM,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,GAAG,IAAI,MAAM,CAAC,GAAG,EAAE,EAC3C,MAAM,CAAC,EAAE,CACP,IAAI,CAAA;2BACW,UAAU,CAAC,GAAG;wBACjB,MAAM;kCACI,IAAI,CAAC,gBAAgB;4BAC3B,IAAI,CAAC,YAAY;0BACnB,CACjB;;KAEJ,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;IACtC,CAAC;IAED,MAAM,KAAK,MAAM;QACf,MAAM,WAAW,GAAG,GAAG,CAAA,6BAA6B,CAAC;QACrD,MAAM,SAAS,GAAG,GAAG,CAAA,8BAA8B,CAAC;QACpD,MAAM,WAAW,GAAG,GAAG,CAAA,gCAAgC,CAAC;QACxD,MAAM,SAAS,GAAG,GAAG,CAAA,8BAA8B,CAAC;QAEpD,OAAO,GAAG,CAAA;;wBAEU,WAAW;sBACb,SAAS;wBACP,WAAW;sBACb,SAAS;;;;;;;;;;;;KAY1B,CAAC;IACJ,CAAC;CACF,CAAA;AAvE6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAyB;AAGpD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDACS;AAJzB,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CAwE1B","sourcesContent":["import {\r\n css,\r\n html,\r\n LitElement,\r\n TemplateResult,\r\n CSSResultGroup,\r\n nothing,\r\n} from 'lit';\r\nimport { customElement, property } from 'lit/decorators.js';\r\nimport { repeat } from 'lit/directives/repeat.js';\r\nimport type { FacetGroup, FacetBucket, FacetEventDetails } from '../models';\r\nimport type { CollectionTitles } from '../data-source/models';\r\nimport './facet-row';\r\n\r\n@customElement('facets-template')\r\nexport class FacetsTemplate extends LitElement {\r\n @property({ type: Object }) facetGroup?: FacetGroup;\r\n\r\n @property({ type: Object })\r\n collectionTitles?: CollectionTitles;\r\n\r\n private facetClicked(e: CustomEvent<FacetEventDetails>) {\r\n this.dispatchFacetClickEvent(e.detail);\r\n }\r\n\r\n private dispatchFacetClickEvent(detail: FacetEventDetails) {\r\n const event = new CustomEvent<FacetEventDetails>('facetClick', {\r\n detail,\r\n composed: true,\r\n });\r\n this.dispatchEvent(event);\r\n }\r\n\r\n private get facetsTemplate(): TemplateResult | typeof nothing {\r\n const { facetGroup } = this;\r\n if (!facetGroup) return nothing;\r\n\r\n const facetBuckets = facetGroup.buckets as FacetBucket[];\r\n\r\n // Added data-testid for Playwright testing\r\n // Using className and aria-labels is not ideal for Playwright locator\r\n return html`\r\n <div class=\"facet-rows\" data-testid=\"facets-on-${facetGroup.key}\">\r\n ${repeat(\r\n facetBuckets,\r\n bucket => `${facetGroup.key}:${bucket.key}`,\r\n bucket =>\r\n html`<facet-row\r\n .facetType=${facetGroup.key}\r\n .bucket=${bucket}\r\n .collectionTitles=${this.collectionTitles}\r\n @facetClick=${this.facetClicked}\r\n ></facet-row>`,\r\n )}\r\n </div>\r\n `;\r\n }\r\n\r\n render() {\r\n return html`${this.facetsTemplate}`;\r\n }\r\n\r\n static get styles(): CSSResultGroup {\r\n const columnCount = css`var(--facetsColumnCount, 1)`;\r\n const columnGap = css`var(--facetsColumnGap, 15px)`;\r\n const columnWidth = css`var(--facetsColumnWidth, auto)`;\r\n const maxHeight = css`var(--facetsMaxHeight, none)`;\r\n\r\n return css`\r\n .facet-rows {\r\n column-count: ${columnCount};\r\n column-gap: ${columnGap};\r\n column-width: ${columnWidth};\r\n max-height: ${maxHeight};\r\n column-fill: auto;\r\n }\r\n\r\n a:link,\r\n a:visited {\r\n text-decoration: none;\r\n color: var(--ia-theme-link-color, #4b64ff);\r\n }\r\n a:hover {\r\n text-decoration: underline;\r\n }\r\n `;\r\n }\r\n}\r\n"]}
1
+ {"version":3,"file":"facets-template.js","sourceRoot":"","sources":["../../../src/collection-facets/facets-template.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EACH,IAAI,EACJ,UAAU,EAGV,OAAO,GACR,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGlD,OAAO,aAAa,CAAC;AAGd,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAMpC,YAAY,CAAC,CAAiC;QACpD,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACzC,CAAC;IAEO,uBAAuB,CAAC,MAAyB;QACvD,MAAM,KAAK,GAAG,IAAI,WAAW,CAAoB,YAAY,EAAE;YAC7D,MAAM;YACN,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,IAAY,cAAc;QACxB,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,UAAU;YAAE,OAAO,OAAO,CAAC;QAEhC,MAAM,YAAY,GAAG,UAAU,CAAC,OAAwB,CAAC;QAEzD,2CAA2C;QAC3C,sEAAsE;QACtE,OAAO,IAAI,CAAA;uDACwC,UAAU,CAAC,GAAG;UAC3D,MAAM,CACN,YAAY,EACZ,MAAM,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,GAAG,IAAI,MAAM,CAAC,GAAG,EAAE,EAC3C,MAAM,CAAC,EAAE,CACP,IAAI,CAAA;2BACW,UAAU,CAAC,GAAG;wBACjB,MAAM;kCACI,IAAI,CAAC,gBAAgB;4BAC3B,IAAI,CAAC,YAAY;0BACnB,CACjB;;KAEJ,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;IACtC,CAAC;IAED,MAAM,KAAK,MAAM;QACf,MAAM,WAAW,GAAG,GAAG,CAAA,6BAA6B,CAAC;QACrD,MAAM,SAAS,GAAG,GAAG,CAAA,8BAA8B,CAAC;QAEpD,OAAO,GAAG,CAAA;;wBAEU,WAAW;sBACb,SAAS;;;;;;;;;;;KAW1B,CAAC;IACJ,CAAC;CACF,CAAA;AAlE6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAyB;AAGpD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDACS;AAJzB,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CAmE1B","sourcesContent":["import {\n css,\n html,\n LitElement,\n TemplateResult,\n CSSResultGroup,\n nothing,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport type { FacetGroup, FacetBucket, FacetEventDetails } from '../models';\nimport type { CollectionTitles } from '../data-source/models';\nimport './facet-row';\n\n@customElement('facets-template')\nexport class FacetsTemplate extends LitElement {\n @property({ type: Object }) facetGroup?: FacetGroup;\n\n @property({ type: Object })\n collectionTitles?: CollectionTitles;\n\n private facetClicked(e: CustomEvent<FacetEventDetails>) {\n this.dispatchFacetClickEvent(e.detail);\n }\n\n private dispatchFacetClickEvent(detail: FacetEventDetails) {\n const event = new CustomEvent<FacetEventDetails>('facetClick', {\n detail,\n composed: true,\n });\n this.dispatchEvent(event);\n }\n\n private get facetsTemplate(): TemplateResult | typeof nothing {\n const { facetGroup } = this;\n if (!facetGroup) return nothing;\n\n const facetBuckets = facetGroup.buckets as FacetBucket[];\n\n // Added data-testid for Playwright testing\n // Using className and aria-labels is not ideal for Playwright locator\n return html`\n <div class=\"facet-rows\" data-testid=\"facets-on-${facetGroup.key}\">\n ${repeat(\n facetBuckets,\n bucket => `${facetGroup.key}:${bucket.key}`,\n bucket =>\n html`<facet-row\n .facetType=${facetGroup.key}\n .bucket=${bucket}\n .collectionTitles=${this.collectionTitles}\n @facetClick=${this.facetClicked}\n ></facet-row>`,\n )}\n </div>\n `;\n }\n\n render() {\n return html`${this.facetsTemplate}`;\n }\n\n static get styles(): CSSResultGroup {\n const columnCount = css`var(--facetsColumnCount, 1)`;\n const columnGap = css`var(--facetsColumnGap, 15px)`;\n\n return css`\n .facet-rows {\n column-count: ${columnCount};\n column-gap: ${columnGap};\n }\n\n a:link,\n a:visited {\n text-decoration: none;\n color: var(--ia-theme-link-color, #4b64ff);\n }\n a:hover {\n text-decoration: underline;\n }\n `;\n }\n}\n"]}
package/dist/src/collection-facets/more-facets-content.d.ts CHANGED
@@ -5,9 +5,9 @@ import type { AnalyticsManagerInterface } from '@internetarchive/analytics-manag
5
5
  import { SelectedFacets, FacetOption } from '../models';
6
6
  import type { CollectionTitles, PageSpecifierParams, TVChannelAliases } from '../data-source/models';
7
7
  import '@internetarchive/elements/ia-status-indicator/ia-status-indicator';
8
+ import './more-facets-pagination';
8
9
  import './facets-template';
9
10
  import './toggle-switch';
10
- import './more-facets-pagination';
11
11
  export declare class MoreFacetsContent extends LitElement {
12
12
  facetKey?: FacetOption;
13
13
  query?: string;
@@ -51,12 +51,7 @@ export declare class MoreFacetsContent extends LitElement {
51
51
  */
52
52
  private unappliedFacetChanges;
53
53
  /**
54
- * Text entered by the user to filter facet buckets.
55
- * Applied to bucket.key for case-insensitive matching.
56
- */
57
- private filterText;
58
- /**
59
- * Current page number for pagination (when facet count >= PAGINATION_THRESHOLD).
54
+ * Which page of facets we are showing.
60
55
  */
61
56
  private pageNumber;
62
57
  willUpdate(changed: PropertyValues): void;
@@ -75,6 +70,10 @@ export declare class MoreFacetsContent extends LitElement {
75
70
  * - this.aggregations - hold result of search service and being used for further processing.
76
71
  */
77
72
  updateSpecificFacets(): Promise<void>;
73
+ /**
74
+ * Handler for page number changes from the pagination widget.
75
+ */
76
+ private pageNumberClicked;
78
77
  /**
79
78
  * Combines the selected facets with the aggregations to create a single list of facets
80
79
  */
@@ -90,43 +89,18 @@ export declare class MoreFacetsContent extends LitElement {
90
89
  */
91
90
  private get aggregationFacetGroup();
92
91
  /**
93
- * Returns the facet group with buckets filtered by the current filter text.
94
- * Filters are applied to the full bucket list before pagination.
95
- */
96
- private get filteredFacetGroup();
97
- /**
98
- * Determines whether to use pagination based on the number of filtered facets.
99
- * Returns true if facet count >= PAGINATION_THRESHOLD, false otherwise.
100
- */
101
- private get usePagination();
102
- /**
103
- * Returns the facet group for the current page.
104
- * If using pagination (>= 1000 facets), slices to show only the current page.
105
- * Otherwise, returns all facets for horizontal scrolling.
92
+ * Returns a FacetGroup representing only the current page of facet buckets to show.
106
93
  */
107
94
  private get facetGroupForCurrentPage();
108
95
  private get moreFacetsTemplate();
109
96
  private get loaderTemplate();
110
- private get emptyFilterResultsTemplate();
111
97
  /**
112
- * Number of pages for pagination (only used when facet count >= PAGINATION_THRESHOLD).
98
+ * How many pages of facets to show in the modal pagination widget
113
99
  */
114
100
  private get paginationSize();
115
- /**
116
- * Template for pagination component (only shown when facet count >= PAGINATION_THRESHOLD).
117
- */
118
101
  private get facetsPaginationTemplate();
119
102
  private get footerTemplate();
120
103
  private sortFacetAggregation;
121
- /**
122
- * Handler for filter input changes. Updates the filter text and triggers re-render.
123
- */
124
- private handleFilterInput;
125
- /**
126
- * Handler for pagination page number clicks.
127
- * Only used when facet count >= PAGINATION_THRESHOLD.
128
- */
129
- private pageNumberClicked;
130
104
  private get modalHeaderTemplate();
131
105
  render(): TemplateResult<1>;
132
106
  private applySearchFacetsClicked;