@internetarchive/collection-browser 2.22.1 → 3.0.1-webdev-7936.0

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

@@ -158,9 +158,8 @@ export declare class CollectionBrowser extends LitElement implements InfiniteScr
     manageViewLabel: string;
     /** Whether to replace the default sort options with a slot for customization (default: false) */
     enableSortOptionsSlot: boolean;
-    /** Whether to display a smart results carousel above the full results */
+    /** Whether to expose a slot for 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.

package/dist/src/collection-browser.js

@@ -125,7 +125,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
         this.manageViewLabel = 'Select items to remove';
         /** Whether to replace the default sort options with a slot for customization (default: false) */
         this.enableSortOptionsSlot = false;
-        /** Whether to display a smart results carousel above the full results */
+        /** Whether to expose a slot for a smart results carousel above the full results */
         this.showSmartResults = false;
         /**
          * The maximum number of pages we will load when a privileged user clicks
@@ -528,7 +528,6 @@ 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.facetPaneVisible,
@@ -540,11 +539,9 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
             ? html `<slot name="smart-results"></slot>`
             : nothing}
         <section id="results">
-          ${this.showSmartResults
-            ? html `<h2 class="results-section-heading">
-                ${(_a = this.resultsHeader) !== null && _a !== void 0 ? _a : msg('All results')}
-              </h2>`
-            : nothing}
+          <h2 class="results-section-heading">
+            <slot name="results-heading"></slot>
+          </h2>
           <div id="cb-top-view">
             <slot name="cb-top-slot"></slot>
           </div>
@@ -1955,7 +1952,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
           min-height: 90vh;
           border-right: 1px solid rgb(232, 232, 232);
           margin-top: var(--rightColumnMarginTop, 0);
-          padding-top: 2rem;
+          padding-top: var(--rightColumnPaddingTop, 2rem);
           background: #fff;
         }
 
@@ -2157,7 +2154,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
           max-height: 0;
           transition: max-height 0.2s ease-in-out;
           z-index: 1;
-          margin-top: 5rem;
+          margin-top: var(--facetsContainerMarginTop, 5rem);
           padding-bottom: 2rem;
         }
 
@@ -2231,6 +2228,7 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
 
         #tile-blur-check {
           margin: 0 5px 0 0;
+          width: 15px;
         }
 
         circular-activity-indicator {
@@ -2470,9 +2468,6 @@ __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);