@internetarchive/collection-browser 4.4.0 → 4.5.0

package/dist/index.d.ts

@@ -12,6 +12,7 @@ export { TileList } from './src/tiles/list/tile-list';
 export { TileListCompact } from './src/tiles/list/tile-list-compact';
 export { TileDispatcher } from './src/tiles/tile-dispatcher';
 export { LayoutType } from './src/tiles/models';
+export type { TileAction } from './src/tiles/models';
 export { SmartQueryHeuristic, KeywordFacetMap, SmartFacet, } from './src/collection-facets/smart-facets/models';
 export * from './src/collection-facets/smart-facets/heuristics/index';
 export { SmartQueryHeuristicGroup } from './src/collection-facets/smart-facets/smart-facet-heuristics';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,kDAAkD,CAAC;AAG/F,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAEL,SAAS,EACT,SAAS,EAGT,wBAAwB,GACzB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,4BAA4B,EAAE,MAAM,6CAA6C,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAO7D,cAAc,uDAAuD,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6DAA6D,CAAC","sourcesContent":["export { CollectionBrowser } from './src/collection-browser';\nexport { CollectionBrowserDataSource } from './src/data-source/collection-browser-data-source';\nexport { CollectionBrowserDataSourceInterface } from './src/data-source/collection-browser-data-source-interface';\nexport { CollectionBrowserQueryState } from './src/data-source/collection-browser-query-state';\nexport { SortFilterBar } from './src/sort-filter-bar/sort-filter-bar';\nexport {\n  CollectionDisplayMode,\n  SortField,\n  TileModel,\n  FacetOption,\n  SelectedFacets,\n  getDefaultSelectedFacets,\n} from './src/models';\nexport { CollectionBrowserLoadingTile } from './src/tiles/collection-browser-loading-tile';\nexport { CollectionTile } from './src/tiles/grid/collection-tile';\nexport { AccountTile } from './src/tiles/grid/account-tile';\nexport { ItemTile } from './src/tiles/grid/item-tile';\nexport { TileList } from './src/tiles/list/tile-list';\nexport { TileListCompact } from './src/tiles/list/tile-list-compact';\nexport { TileDispatcher } from './src/tiles/tile-dispatcher';\nexport { LayoutType } from './src/tiles/models';\nexport {\n  SmartQueryHeuristic,\n  KeywordFacetMap,\n  SmartFacet,\n} from './src/collection-facets/smart-facets/models';\nexport * from './src/collection-facets/smart-facets/heuristics/index';\nexport { SmartQueryHeuristicGroup } from './src/collection-facets/smart-facets/smart-facet-heuristics';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,kDAAkD,CAAC;AAG/F,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAEL,SAAS,EACT,SAAS,EAGT,wBAAwB,GACzB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,4BAA4B,EAAE,MAAM,6CAA6C,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAQ7D,cAAc,uDAAuD,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6DAA6D,CAAC","sourcesContent":["export { CollectionBrowser } from './src/collection-browser';\r\nexport { CollectionBrowserDataSource } from './src/data-source/collection-browser-data-source';\r\nexport { CollectionBrowserDataSourceInterface } from './src/data-source/collection-browser-data-source-interface';\r\nexport { CollectionBrowserQueryState } from './src/data-source/collection-browser-query-state';\r\nexport { SortFilterBar } from './src/sort-filter-bar/sort-filter-bar';\r\nexport {\r\n  CollectionDisplayMode,\r\n  SortField,\r\n  TileModel,\r\n  FacetOption,\r\n  SelectedFacets,\r\n  getDefaultSelectedFacets,\r\n} from './src/models';\r\nexport { CollectionBrowserLoadingTile } from './src/tiles/collection-browser-loading-tile';\r\nexport { CollectionTile } from './src/tiles/grid/collection-tile';\r\nexport { AccountTile } from './src/tiles/grid/account-tile';\r\nexport { ItemTile } from './src/tiles/grid/item-tile';\r\nexport { TileList } from './src/tiles/list/tile-list';\r\nexport { TileListCompact } from './src/tiles/list/tile-list-compact';\r\nexport { TileDispatcher } from './src/tiles/tile-dispatcher';\r\nexport { LayoutType } from './src/tiles/models';\r\nexport type { TileAction } from './src/tiles/models';\r\nexport {\r\n  SmartQueryHeuristic,\r\n  KeywordFacetMap,\r\n  SmartFacet,\r\n} from './src/collection-facets/smart-facets/models';\r\nexport * from './src/collection-facets/smart-facets/heuristics/index';\r\nexport { SmartQueryHeuristicGroup } from './src/collection-facets/smart-facets/smart-facet-heuristics';\r\n"]}

package/dist/src/app-root.d.ts

@@ -77,6 +77,14 @@ export declare class AppRoot extends LitElement {
      * Handler for when the dev panel's "Enable smart facet bar" checkbox is changed.
      */
     private smartFacetBarCheckboxChanged;
+    /**
+     * Handler for when the dev panel's "Enable tile action buttons" checkbox is changed.
+     */
+    private tileActionsCheckboxChanged;
+    /**
+     * Handler for tile action button clicks (logs to console for QA).
+     */
+    private handleTileActionClicked;
     /**
      * Handler for when the dev panel's "Show facet top slot" checkbox is changed.
      */

package/dist/src/app-root.js

@@ -318,6 +318,16 @@ let AppRoot = class AppRoot extends LitElement {
               />
               <label for="enable-smart-facet-bar">Enable smart facet bar</label>
             </div>
+            <div class="checkbox-control">
+              <input
+                type="checkbox"
+                id="enable-tile-actions"
+                @click=${this.tileActionsCheckboxChanged}
+              />
+              <label for="enable-tile-actions"
+                >Enable tile action buttons</label
+              >
+            </div>
           </fieldset>
 
           <fieldset class="cb-visual-appearance">
@@ -514,6 +524,7 @@ let AppRoot = class AppRoot extends LitElement {
           @manageModeChanged=${this.manageModeChanged}
           @itemRemovalRequested=${this.handleItemRemovalRequest}
           @itemManagerRequested=${this.handleItemManagerRequest}
+          @tileActionClicked=${this.handleTileActionClicked}
         >
           ${this.toggleSlots
             ? html `<div slot="sortbar-left-slot">Sort Slot</div>`
@@ -702,6 +713,21 @@ let AppRoot = class AppRoot extends LitElement {
         const target = e.target;
         this.collectionBrowser.showSmartFacetBar = target.checked;
     }
+    /**
+     * Handler for when the dev panel's "Enable tile action buttons" checkbox is changed.
+     */
+    tileActionsCheckboxChanged(e) {
+        const target = e.target;
+        this.collectionBrowser.tileActions = target.checked
+            ? [{ id: 'demo-action', label: 'Return' }]
+            : [];
+    }
+    /**
+     * Handler for tile action button clicks (logs to console for QA).
+     */
+    handleTileActionClicked(e) {
+        console.log('Tile action clicked:', e.detail.actionId, e.detail.model);
+    }
     /**
      * Handler for when the dev panel's "Show facet top slot" checkbox is changed.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"app-root.js","sourceRoot":"","sources":["../../src/app-root.ts"],"names":[],"mappings":"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","sourcesContent":["import {\r\n  AnalyticsEvent,\r\n  AnalyticsManager,\r\n} from '@internetarchive/analytics-manager';\r\nimport {\r\n  PageElementName,\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\nimport { InfiniteScroller } from '@internetarchive/infinite-scroller';\r\nimport { TileDispatcher } from './tiles/tile-dispatcher';\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  @state() private profileElement?: PageElementName;\r\n\r\n  @state() private withinProfile?: string;\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    } else {\r\n      // Ensure we reset the initial page\r\n      this.collectionBrowser.initialPageNumber = 1;\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            <div class=\"checkbox-control\">\r\n              <input\r\n                type=\"checkbox\"\r\n                id=\"minimal-tiles-check\"\r\n                @click=${this.minimalTilesChanged}\r\n              />\r\n              <label for=\"minimal-tiles-check\">Minimal tile layouts</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            <div class=\"text-input-control\">\r\n              <label for=\"within-profile-input\">withinProfile</label>\r\n              <input\r\n                type=\"text\"\r\n                id=\"within-profile-input\"\r\n                placeholder=\"e.g. @foobar\"\r\n                @change=${(e: Event) => {\r\n                  const val = (e.target as HTMLInputElement).value.trim();\r\n                  this.withinProfile = val || undefined;\r\n                }}\r\n              />\r\n            </div>\r\n            <details class=\"profile-element-controls\">\r\n              <summary>\r\n                Profile tab\r\n                (profileElement)${this.profileElement\r\n                  ? html`: <strong>${this.profileElement}</strong>`\r\n                  : ''}\r\n              </summary>\r\n              <div class=\"profile-element-options\">\r\n                <div class=\"checkbox-control\">\r\n                  <input\r\n                    type=\"radio\"\r\n                    id=\"profile-none\"\r\n                    name=\"profile-element\"\r\n                    value=\"\"\r\n                    checked\r\n                    @click=${this.profileElementChanged}\r\n                  />\r\n                  <label for=\"profile-none\">None</label>\r\n                </div>\r\n                ${(\r\n                  [\r\n                    'uploads',\r\n                    'favorites',\r\n                    'reviews',\r\n                    'collections',\r\n                    'lending',\r\n                    'web_archives',\r\n                    'forum_posts',\r\n                  ] as PageElementName[]\r\n                ).map(\r\n                  tab => html`\r\n                    <div class=\"checkbox-control\">\r\n                      <input\r\n                        type=\"radio\"\r\n                        id=\"profile-${tab}\"\r\n                        name=\"profile-element\"\r\n                        value=\"${tab}\"\r\n                        @click=${this.profileElementChanged}\r\n                      />\r\n                      <label for=\"profile-${tab}\">${tab}</label>\r\n                    </div>\r\n                  `,\r\n                )}\r\n              </div>\r\n            </details>\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          .withinProfile=${this.withinProfile}\r\n          .profileElement=${this.profileElement}\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 minimalTilesChanged(e: Event) {\r\n    const target = e.target as HTMLInputElement;\r\n    const scroller = this.collectionBrowser?.shadowRoot!.querySelector(\r\n      'infinite-scroller',\r\n    ) as InfiniteScroller;\r\n    const tileDispatchers = [\r\n      ...scroller.shadowRoot!.querySelectorAll('tile-dispatcher'),\r\n    ] as TileDispatcher[];\r\n\r\n    if (target.checked) {\r\n      tileDispatchers?.forEach(tile => (tile.layoutType = 'minimal'));\r\n    } else {\r\n      tileDispatchers?.forEach(tile => (tile.layoutType = 'default'));\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  private profileElementChanged(e: Event) {\r\n    const input = e.target as HTMLInputElement;\r\n    this.profileElement = (input.value as PageElementName) || undefined;\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    .profile-element-controls {\r\n      margin-top: 4px;\r\n    }\r\n\r\n    .profile-element-controls summary {\r\n      cursor: pointer;\r\n      user-select: none;\r\n    }\r\n\r\n    .profile-element-options {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      column-gap: 8px;\r\n      margin-top: 4px;\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"]}
+{"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  PageElementName,\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\nimport { InfiniteScroller } from '@internetarchive/infinite-scroller';\r\nimport { TileDispatcher } from './tiles/tile-dispatcher';\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  @state() private profileElement?: PageElementName;\r\n\r\n  @state() private withinProfile?: string;\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    } else {\r\n      // Ensure we reset the initial page\r\n      this.collectionBrowser.initialPageNumber = 1;\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            <div class=\"checkbox-control\">\r\n              <input\r\n                type=\"checkbox\"\r\n                id=\"enable-tile-actions\"\r\n                @click=${this.tileActionsCheckboxChanged}\r\n              />\r\n              <label for=\"enable-tile-actions\"\r\n                >Enable tile action buttons</label\r\n              >\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            <div class=\"checkbox-control\">\r\n              <input\r\n                type=\"checkbox\"\r\n                id=\"minimal-tiles-check\"\r\n                @click=${this.minimalTilesChanged}\r\n              />\r\n              <label for=\"minimal-tiles-check\">Minimal tile layouts</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            <div class=\"text-input-control\">\r\n              <label for=\"within-profile-input\">withinProfile</label>\r\n              <input\r\n                type=\"text\"\r\n                id=\"within-profile-input\"\r\n                placeholder=\"e.g. @foobar\"\r\n                @change=${(e: Event) => {\r\n                  const val = (e.target as HTMLInputElement).value.trim();\r\n                  this.withinProfile = val || undefined;\r\n                }}\r\n              />\r\n            </div>\r\n            <details class=\"profile-element-controls\">\r\n              <summary>\r\n                Profile tab\r\n                (profileElement)${this.profileElement\r\n                  ? html`: <strong>${this.profileElement}</strong>`\r\n                  : ''}\r\n              </summary>\r\n              <div class=\"profile-element-options\">\r\n                <div class=\"checkbox-control\">\r\n                  <input\r\n                    type=\"radio\"\r\n                    id=\"profile-none\"\r\n                    name=\"profile-element\"\r\n                    value=\"\"\r\n                    checked\r\n                    @click=${this.profileElementChanged}\r\n                  />\r\n                  <label for=\"profile-none\">None</label>\r\n                </div>\r\n                ${(\r\n                  [\r\n                    'uploads',\r\n                    'favorites',\r\n                    'reviews',\r\n                    'collections',\r\n                    'lending',\r\n                    'web_archives',\r\n                    'forum_posts',\r\n                  ] as PageElementName[]\r\n                ).map(\r\n                  tab => html`\r\n                    <div class=\"checkbox-control\">\r\n                      <input\r\n                        type=\"radio\"\r\n                        id=\"profile-${tab}\"\r\n                        name=\"profile-element\"\r\n                        value=\"${tab}\"\r\n                        @click=${this.profileElementChanged}\r\n                      />\r\n                      <label for=\"profile-${tab}\">${tab}</label>\r\n                    </div>\r\n                  `,\r\n                )}\r\n              </div>\r\n            </details>\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          .withinProfile=${this.withinProfile}\r\n          .profileElement=${this.profileElement}\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          @tileActionClicked=${this.handleTileActionClicked}\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 minimalTilesChanged(e: Event) {\r\n    const target = e.target as HTMLInputElement;\r\n    const scroller = this.collectionBrowser?.shadowRoot!.querySelector(\r\n      'infinite-scroller',\r\n    ) as InfiniteScroller;\r\n    const tileDispatchers = [\r\n      ...scroller.shadowRoot!.querySelectorAll('tile-dispatcher'),\r\n    ] as TileDispatcher[];\r\n\r\n    if (target.checked) {\r\n      tileDispatchers?.forEach(tile => (tile.layoutType = 'minimal'));\r\n    } else {\r\n      tileDispatchers?.forEach(tile => (tile.layoutType = 'default'));\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 \"Enable tile action buttons\" checkbox is changed.\r\n   */\r\n  private tileActionsCheckboxChanged(e: Event) {\r\n    const target = e.target as HTMLInputElement;\r\n    this.collectionBrowser.tileActions = target.checked\r\n      ? [{ id: 'demo-action', label: 'Return' }]\r\n      : [];\r\n  }\r\n\r\n  /**\r\n   * Handler for tile action button clicks (logs to console for QA).\r\n   */\r\n  private handleTileActionClicked(\r\n    e: CustomEvent<{ actionId: string; model: unknown }>,\r\n  ) {\r\n    console.log('Tile action clicked:', e.detail.actionId, e.detail.model);\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  private profileElementChanged(e: Event) {\r\n    const input = e.target as HTMLInputElement;\r\n    this.profileElement = (input.value as PageElementName) || undefined;\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    .profile-element-controls {\r\n      margin-top: 4px;\r\n    }\r\n\r\n    .profile-element-controls summary {\r\n      cursor: pointer;\r\n      user-select: none;\r\n    }\r\n\r\n    .profile-element-options {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      column-gap: 8px;\r\n      margin-top: 4px;\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.d.ts

@@ -11,6 +11,7 @@ import { SelectedFacets, SortField, CollectionBrowserContext, TileModel, Collect
 import { RestorationStateHandlerInterface } from './restoration-state-handler';
 import type { CollectionBrowserQueryState, CollectionBrowserSearchInterface } from './data-source/collection-browser-query-state';
 import type { CollectionBrowserDataSourceInterface } from './data-source/collection-browser-data-source-interface';
+import type { LayoutType, TileAction } from './tiles/models';
 import '@internetarchive/elements/ia-combo-box/ia-combo-box';
 import './empty-placeholder';
 import './tiles/tile-dispatcher';
@@ -164,6 +165,13 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
      * If item management UI active
      */
     isManageView: boolean;
+    /** Action buttons to display on each tile */
+    tileActions: TileAction[];
+    /**
+     * The simplified layout to apply to grid-mode tiles, if any. See
+     * `LayoutType` for available options. Has no effect on list display modes.
+     */
+    tileLayoutType: LayoutType;
     manageViewLabel: string;
     /** Whether to replace the default sort options with a slot for customization (default: false) */
     enableSortOptionsSlot: boolean;

package/dist/src/collection-browser.js

@@ -124,6 +124,13 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
          * If item management UI active
          */
         this.isManageView = false;
+        /** Action buttons to display on each tile */
+        this.tileActions = [];
+        /**
+         * The simplified layout to apply to grid-mode tiles, if any. See
+         * `LayoutType` for available options. Has no effect on list display modes.
+         */
+        this.tileLayoutType = 'default';
         this.manageViewLabel = 'Select items to remove';
         /** Whether to replace the default sort options with a slot for customization (default: false) */
         this.enableSortOptionsSlot = false;
@@ -1289,6 +1296,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
           .mobileBreakpoint=${this.mobileBreakpoint}
           .loggedIn=${this.loggedIn}
           .suppressBlurring=${this.shouldSuppressTileBlurring}
+          .tileActions=${this.tileActions}
         >
         </tile-dispatcher>
       </div>
@@ -1411,7 +1419,9 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         if (changed.has('displayMode') ||
             changed.has('baseNavigationUrl') ||
             changed.has('baseImageUrl') ||
-            changed.has('loggedIn')) {
+            changed.has('loggedIn') ||
+            changed.has('tileActions') ||
+            changed.has('tileLayoutType')) {
             this.infiniteScroller?.reload();
         }
         if (changed.has('profileElement')) {
@@ -2065,6 +2075,8 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         .loggedIn=${this.loggedIn}
         .suppressBlurring=${this.shouldSuppressTileBlurring}
         .isManageView=${this.isManageView}
+        .tileActions=${this.tileActions}
+        .layoutType=${this.tileLayoutType}
         ?showTvClips=${isTVSearch || isTVCollection}
         ?enableHoverPane=${true}
         ?useLocalTime=${shouldUseLocalTime}
@@ -2726,6 +2738,12 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], CollectionBrowser.prototype, "isManageView", void 0);
+__decorate([
+    property({ type: Array })
+], CollectionBrowser.prototype, "tileActions", void 0);
+__decorate([
+    property({ type: String })
+], CollectionBrowser.prototype, "tileLayoutType", void 0);
 __decorate([
     property({ type: String })
 ], CollectionBrowser.prototype, "manageViewLabel", void 0);