@internetarchive/collection-browser 2.10.1-alpha-webdev7479.10 → 2.12.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

@@ -135,6 +135,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 +174,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 +330,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 +501,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

@@ -338,7 +338,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 +347,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
             @facetsChanged=${this.facetsChanged}
             @filtersToggled=${() => {
                 this.facetPaneVisible = !this.facetPaneVisible;
+                this.emitFacetPaneVisibilityChanged();
             }}
           ></smart-facet-bar>`
             : nothing}
@@ -503,18 +504,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 +655,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 +1319,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.
@@ -1803,13 +1820,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;
@@ -2293,6 +2313,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 +2358,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);