@internetarchive/collection-browser 2.10.1-alpha-webdev7479.9 → 2.11.0

package/dist/src/assets/img/icons/close-circle-dark.d.ts

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

package/dist/src/assets/img/icons/close-circle-dark.js

@@ -0,0 +1,5 @@
+import { svg } from 'lit';
+export default svg `
+  <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="m50 0c27.6142375 0 50 22.3857625 50 50s-22.3857625 50-50 50-50-22.3857625-50-50 22.3857625-50 50-50zm23.8159475 26.1840525c-1.4033215-1.4033215-3.5816761-1.5592461-5.1572272-.4677738l-.5598841.4677738-18.0988362 18.0989475-18.0988362-18.0989475-.5598841-.4677738c-1.5755511-1.0914723-3.7539057-.9355477-5.1572272.4677738-1.5787367 1.5787367-1.5787367 4.1383746 0 5.7171113l18.0989475 18.0988362-18.0989475 18.0988362c-1.5787367 1.5787367-1.5787367 4.1383746 0 5.7171113 1.4033215 1.4033215 3.5816761 1.5592461 5.1572272.4677738l.5598841-.4677738 18.0988362-18.0989475 18.0988362 18.0989475.5598841.4677738c1.5755511 1.0914723 3.7539057.9355477 5.1572272-.4677738 1.5787367-1.5787367 1.5787367-4.1383746 0-5.7171113l-18.0989475-18.0988362 18.0989475-18.0988362c1.5787367-1.5787367 1.5787367-4.1383746 0-5.7171113z" fill-rule="evenodd"/></svg>
+`;
+//# sourceMappingURL=close-circle-dark.js.map

package/dist/src/assets/img/icons/close-circle-dark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-circle-dark.js","sourceRoot":"","sources":["../../../../../src/assets/img/icons/close-circle-dark.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;CAEjB,CAAC","sourcesContent":["import { svg } from 'lit';\n\nexport default svg`\n  <svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m50 0c27.6142375 0 50 22.3857625 50 50s-22.3857625 50-50 50-50-22.3857625-50-50 22.3857625-50 50-50zm23.8159475 26.1840525c-1.4033215-1.4033215-3.5816761-1.5592461-5.1572272-.4677738l-.5598841.4677738-18.0988362 18.0989475-18.0988362-18.0989475-.5598841-.4677738c-1.5755511-1.0914723-3.7539057-.9355477-5.1572272.4677738-1.5787367 1.5787367-1.5787367 4.1383746 0 5.7171113l18.0989475 18.0988362-18.0989475 18.0988362c-1.5787367 1.5787367-1.5787367 4.1383746 0 5.7171113 1.4033215 1.4033215 3.5816761 1.5592461 5.1572272.4677738l.5598841-.4677738 18.0988362-18.0989475 18.0988362 18.0989475.5598841.4677738c1.5755511 1.0914723 3.7539057.9355477 5.1572272-.4677738 1.5787367-1.5787367 1.5787367-4.1383746 0-5.7171113l-18.0989475-18.0988362 18.0989475-18.0988362c1.5787367-1.5787367 1.5787367-4.1383746 0-5.7171113z\" fill-rule=\"evenodd\"/></svg>\n`;\n"]}

package/dist/src/collection-browser.d.ts

@@ -122,10 +122,6 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
     modalManager?: ModalManagerInterface;
     featureFeedbackService?: FeatureFeedbackServiceInterface;
     recaptchaManager?: RecaptchaManagerInterface;
-    /**
-     * Whether we are representing a TV collection, needing slightly different tile handling.
-     */
-    isTVCollection: boolean;
     /**
      * If item management UI active
      */
@@ -135,6 +131,7 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
     enableSortOptionsSlot: boolean;
     /** Whether to display a smart results carousel above the full results */
     showSmartResults: boolean;
+    resultsHeader?: string;
     /**
      * The maximum number of pages we will load when a privileged user clicks
      * the "Manage" button on the search page. Limited to 15 pages.
@@ -173,6 +170,7 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
     private leftColumn?;
     private collectionFacets?;
     private manageBar?;
+    private smartFacetBar?;
     analyticsHandler?: AnalyticsManagerInterface;
     /** Whether layout size analytics have been sent already. */
     private layoutSizeAnalyticsSent;
@@ -328,6 +326,7 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
      * Handler when user request to bulk edit from /search/ page
      */
     private handleManageItems;
+    refreshSmartFacets(): void;
     /**
      * Handler to show processing modal while removing item
      */
@@ -498,6 +497,11 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
      * (e.g., metadata vs. full-text).
      */
     private emitSearchTypeChanged;
+    /**
+     * Emits a `facetPaneVisibilityChanged` event indicating that the facet pane has
+     * been toggled open or closed.
+     */
+    private emitFacetPaneVisibilityChanged;
     /**
      * Emits a `queryStateChanged` event indicating that one or more of this component's
      * properties have changed in a way that could affect the set of search results.

package/dist/src/collection-browser.js

@@ -29,7 +29,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         /**
          * Which backend should be targeted by searches (e.g., metadata or FTS)
          */
-        this.searchType = SearchType.DEFAULT;
+        this.searchType = SearchType.METADATA;
         this.selectedSort = SortField.default;
         this.selectedTitleFilter = null;
         this.selectedCreatorFilter = null;
@@ -100,10 +100,6 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         this.mobileBreakpoint = 600;
         this.loggedIn = false;
         this.modalManager = undefined;
-        /**
-         * Whether we are representing a TV collection, needing slightly different tile handling.
-         */
-        this.isTVCollection = false;
         /**
          * If item management UI active
          */
@@ -338,7 +334,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
     render() {
         return html `
       ${this.showSmartFacetBar
-            ? html ` <smart-facet-bar
+            ? html `<smart-facet-bar
             .query=${this.baseQuery}
             .aggregations=${this.dataSource.aggregations}
             .selectedFacets=${this.selectedFacets}
@@ -347,6 +343,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
             @facetsChanged=${this.facetsChanged}
             @filtersToggled=${() => {
                 this.facetPaneVisible = !this.facetPaneVisible;
+                this.emitFacetPaneVisibilityChanged();
             }}
           ></smart-facet-bar>`
             : nothing}
@@ -503,18 +500,21 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
      * tiles and sort/filter bar are shown.
      */
     get rightColumnTemplate() {
+        var _a;
+        const rightColumnClasses = classMap({
+            column: true,
+            'full-width': this.showSmartFacetBar && !this.facetPaneVisible,
+            'smart-results-spacing': !!this.showSmartResults,
+        });
         return html `
-      <div
-        id="right-column"
-        class="column ${this.showSmartResults ? 'smart-results-spacing' : ''}"
-      >
+      <div id="right-column" class=${rightColumnClasses}>
         ${this.showSmartResults
             ? html `<slot name="smart-results"></slot>`
             : nothing}
         <section id="results">
           ${this.showSmartResults
             ? html `<h2 class="results-section-heading">
-                ${msg('All results')}
+                ${(_a = this.resultsHeader) !== null && _a !== void 0 ? _a : msg('All results')}
               </h2>`
             : nothing}
           <div id="cb-top-view">
@@ -651,6 +651,10 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
             },
         }));
     }
+    refreshSmartFacets() {
+        var _a;
+        (_a = this.smartFacetBar) === null || _a === void 0 ? void 0 : _a.refresh();
+    }
     /**
      * Handler to show processing modal while removing item
      */
@@ -1311,6 +1315,15 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
             detail: this.searchType,
         }));
     }
+    /**
+     * Emits a `facetPaneVisibilityChanged` event indicating that the facet pane has
+     * been toggled open or closed.
+     */
+    emitFacetPaneVisibilityChanged() {
+        this.dispatchEvent(new CustomEvent('facetPaneVisibilityChanged', {
+            detail: this.facetPaneVisible,
+        }));
+    }
     /**
      * Emits a `queryStateChanged` event indicating that one or more of this component's
      * properties have changed in a way that could affect the set of search results.
@@ -1483,11 +1496,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
             selectedTitleFilter: (_c = this.selectedTitleFilter) !== null && _c !== void 0 ? _c : undefined,
             selectedCreatorFilter: (_d = this.selectedCreatorFilter) !== null && _d !== void 0 ? _d : undefined,
         };
-        const persistOptions = {
-            forceReplace: this.dataSourceInstallInProgress,
-            persistMetadataSearchType: this.isTVCollection,
-        };
-        this.restorationStateHandler.persistState(restorationState, persistOptions);
+        this.restorationStateHandler.persistState(restorationState, this.dataSourceInstallInProgress);
     }
     /**
      * Emits a `searchResultsLoadingChanged` event indicating that our loading state has
@@ -1689,7 +1698,6 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         .mobileBreakpoint=${this.mobileBreakpoint}
         .loggedIn=${this.loggedIn}
         .isManageView=${this.isManageView}
-        ?showTvClips=${this.isTVCollection}
         ?enableHoverPane=${true}
         @resultSelected=${(e) => this.resultSelected(e)}
       >
@@ -1803,13 +1811,16 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
           flex: 1;
           position: relative;
           min-height: 90vh;
-          border-left: 1px solid rgb(232, 232, 232);
           border-right: 1px solid rgb(232, 232, 232);
           margin-top: var(--rightColumnMarginTop, 0);
           padding-top: 2rem;
           background: #fff;
         }
 
+        #left-column:not([hidden]) + #right-column {
+          border-left: 1px solid rgb(232, 232, 232);
+        }
+
         #right-column.smart-results-spacing {
           padding-top: 0.5rem;
           border-right: none;
@@ -2278,9 +2289,6 @@ __decorate([
 __decorate([
     property({ type: Object })
 ], CollectionBrowser.prototype, "recaptchaManager", void 0);
-__decorate([
-    property({ type: Boolean })
-], CollectionBrowser.prototype, "isTVCollection", void 0);
 __decorate([
     property({ type: Boolean })
 ], CollectionBrowser.prototype, "isManageView", void 0);
@@ -2293,6 +2301,9 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], CollectionBrowser.prototype, "showSmartResults", void 0);
+__decorate([
+    property({ type: String })
+], CollectionBrowser.prototype, "resultsHeader", void 0);
 __decorate([
     property({ type: Number })
 ], CollectionBrowser.prototype, "maxPagesToManage", void 0);
@@ -2335,6 +2346,9 @@ __decorate([
 __decorate([
     query('manage-bar')
 ], CollectionBrowser.prototype, "manageBar", void 0);
+__decorate([
+    query('smart-facet-bar')
+], CollectionBrowser.prototype, "smartFacetBar", void 0);
 __decorate([
     property({ type: Object, attribute: false })
 ], CollectionBrowser.prototype, "analyticsHandler", void 0);