@internetarchive/collection-browser 2.7.7-alpha.1 → 2.7.7

package/dist/src/collection-facets/smart-facets/smart-facet-bar.js

@@ -1,85 +1,86 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement, nothing, } from 'lit';
-import { repeat } from 'lit/directives/repeat.js';
-import { customElement, property, state } from 'lit/decorators.js';
-import { updateSelectedFacetBucket } from '../../utils/facet-utils';
-import { SmartQueryHeuristicGroup } from './smart-facet-heuristics';
-import { smartFacetEquals } from './smart-facet-equals';
-import { dedupe } from './dedupe';
-import filterIcon from '../../assets/img/icons/filter';
-import './smart-facet-button';
-import './smart-facet-dropdown';
-import { log } from '../../utils/log';
-const fieldPrefixes = {
-    collection: 'Collection: ',
-    creator: 'By: ',
-    subject: 'About: ',
-};
-function capitalize(str) {
-    return str.charAt(0).toUpperCase() + str.slice(1);
-}
-let SmartFacetBar = class SmartFacetBar extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.filterToggleActive = false;
-        this.heuristicRecs = [];
-        this.smartFacets = [];
-    }
-    //
-    // COMPONENT LIFECYCLE METHODS
-    //
-    render() {
+/* eslint-disable no-continue */
+import { __decorate } from "tslib";
+import { css, html, LitElement, nothing, } from 'lit';
+import { repeat } from 'lit/directives/repeat.js';
+import { customElement, property, state } from 'lit/decorators.js';
+import { updateSelectedFacetBucket } from '../../utils/facet-utils';
+import { SmartQueryHeuristicGroup } from './smart-facet-heuristics';
+import { smartFacetEquals } from './smart-facet-equals';
+import { dedupe } from './dedupe';
+import filterIcon from '../../assets/img/icons/filter';
+import './smart-facet-button';
+import './smart-facet-dropdown';
+import { log } from '../../utils/log';
+const fieldPrefixes = {
+    collection: 'Collection: ',
+    creator: 'By: ',
+    subject: 'About: ',
+};
+function capitalize(str) {
+    return str.charAt(0).toUpperCase() + str.slice(1);
+}
+let SmartFacetBar = class SmartFacetBar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.filterToggleActive = false;
+        this.heuristicRecs = [];
+        this.smartFacets = [];
+    }
+    //
+    // COMPONENT LIFECYCLE METHODS
+    //
+    render() {
         return html `
       <div id="smart-facets-container">
         ${this.filtersToggleTemplate}
         ${repeat(this.smartFacets, f => `${f[0].label}|${f[0].facets[0].facetType}|${f[0].facets[0].bucketKey}`, facet => this.makeSmartFacet(facet))}
       </div>
-    `;
-    }
-    willUpdate(changed) {
-        let shouldUpdateSmartFacets = false;
-        if (changed.has('query')) {
-            log('query change', changed.get('query'), this.query);
-            this.lastAggregations = undefined;
-            shouldUpdateSmartFacets = true;
-        }
-        if (changed.has('aggregations') &&
-            !this.lastAggregations &&
-            this.aggregations &&
-            Object.keys(this.aggregations).length > 0) {
-            log('aggs change', changed.get('aggregations'), this.aggregations);
-            this.lastAggregations = this.aggregations;
-            shouldUpdateSmartFacets = true;
-        }
-        if (shouldUpdateSmartFacets) {
-            log('should update smart facets, doing so...');
-            this.updateSmartFacets();
-        }
-    }
-    async updateSmartFacets() {
-        log('updating smart facets');
-        if (this.query) {
-            this.heuristicRecs =
-                await new SmartQueryHeuristicGroup().getRecommendedFacets(this.query);
-            log('heuristic recs are', this.heuristicRecs);
-            this.smartFacets = dedupe(this.facetsToDisplay);
-            log('smart facets are', this.smartFacets);
-        }
-    }
-    //
-    // OTHER METHODS
-    //
-    makeSmartFacet(facets) {
-        if (facets.length === 0) {
-            return nothing;
-        }
-        if (facets.length === 1) {
-            return this.smartFacetButton(facets[0]);
-        }
-        return this.smartFacetDropdown(facets);
-    }
-    smartFacetButton(facet) {
-        var _a;
+    `;
+    }
+    willUpdate(changed) {
+        let shouldUpdateSmartFacets = false;
+        if (changed.has('query')) {
+            log('query change', changed.get('query'), this.query);
+            this.lastAggregations = undefined;
+            shouldUpdateSmartFacets = true;
+        }
+        if (changed.has('aggregations') &&
+            !this.lastAggregations &&
+            this.aggregations &&
+            Object.keys(this.aggregations).length > 0) {
+            log('aggs change', changed.get('aggregations'), this.aggregations);
+            this.lastAggregations = this.aggregations;
+            shouldUpdateSmartFacets = true;
+        }
+        if (shouldUpdateSmartFacets) {
+            log('should update smart facets, doing so...');
+            this.updateSmartFacets();
+        }
+    }
+    async updateSmartFacets() {
+        log('updating smart facets');
+        if (this.query) {
+            this.heuristicRecs =
+                await new SmartQueryHeuristicGroup().getRecommendedFacets(this.query);
+            log('heuristic recs are', this.heuristicRecs);
+            this.smartFacets = dedupe(this.facetsToDisplay);
+            log('smart facets are', this.smartFacets);
+        }
+    }
+    //
+    // OTHER METHODS
+    //
+    makeSmartFacet(facets) {
+        if (facets.length === 0) {
+            return nothing;
+        }
+        if (facets.length === 1) {
+            return this.smartFacetButton(facets[0]);
+        }
+        return this.smartFacetDropdown(facets);
+    }
+    smartFacetButton(facet) {
+        var _a;
         return html `
       <smart-facet-button
         .facetInfo=${facet}
@@ -87,9 +88,9 @@ let SmartFacetBar = class SmartFacetBar extends LitElement {
         .selected=${(_a = facet.selected) !== null && _a !== void 0 ? _a : false}
         @facetClick=${this.facetClicked}
       ></smart-facet-button>
-    `;
-    }
-    smartFacetDropdown(facets) {
+    `;
+    }
+    smartFacetDropdown(facets) {
         return html `
       <smart-facet-dropdown
         .facetInfo=${facets}
@@ -98,9 +99,9 @@ let SmartFacetBar = class SmartFacetBar extends LitElement {
         @facetClick=${this.facetDropdownClicked}
         @dropdownClick=${this.onDropdownClick}
       ></smart-facet-dropdown>
-    `;
-    }
-    get filtersToggleTemplate() {
+    `;
+    }
+    get filtersToggleTemplate() {
         return html `
       <button
         id="filters-toggle"
@@ -110,129 +111,131 @@ let SmartFacetBar = class SmartFacetBar extends LitElement {
       >
         ${filterIcon}
       </button>
-    `;
-    }
-    get facetsToDisplay() {
-        const facets = [];
-        if (this.heuristicRecs.length > 0) {
-            for (const rec of this.heuristicRecs) {
-                facets.push([rec]);
-            }
-        }
-        if (this.lastAggregations) {
-            const keys = [
-                'mediatype',
-                'year',
-                'language',
-                'creator',
-                'subject',
-                'collection',
-            ];
-            for (const key of keys) {
-                const agg = this.lastAggregations[key];
-                if (!agg)
-                    continue;
-                if (agg.buckets.length === 0)
-                    continue;
-                if (['lending', 'year_histogram'].includes(key))
-                    continue;
-                if (typeof agg.buckets[0] === 'number')
-                    continue;
-                if (key === 'mediatype' &&
-                    this.selectedFacets &&
-                    Object.values(this.selectedFacets.mediatype).some(bucket => bucket.state !== 'none')) {
-                    continue;
-                }
-                const facetType = key;
-                const buckets = agg.buckets;
-                const unusedBuckets = buckets.filter(b => {
-                    var _a;
-                    const selectedFacetBucket = (_a = this.selectedFacets) === null || _a === void 0 ? void 0 : _a[facetType][b.key];
-                    if (selectedFacetBucket && selectedFacetBucket.state !== 'none') {
-                        return false;
-                    }
-                    return true;
-                });
-                if (facetType === 'mediatype') {
-                    facets.push([this.toSmartFacet(facetType, [unusedBuckets[0]])], [this.toSmartFacet(facetType, [unusedBuckets[1]])]);
-                }
-                else if (facetType === 'collection' || facetType === 'subject') {
-                    const topBuckets = unusedBuckets.slice(0, 5);
-                    facets.push(topBuckets.map(b => this.toSmartFacet(facetType, [b])));
-                }
-                else {
-                    facets.push([this.toSmartFacet(facetType, [unusedBuckets[0]])]);
-                }
-            }
-        }
-        return facets;
-    }
-    toSmartFacet(facetType, buckets) {
-        return {
-            facets: buckets.map(bucket => {
-                var _a;
-                let displayText = capitalize(bucket.key.toString());
-                if (facetType === 'collection') {
-                    const title = (_a = this.collectionTitles) === null || _a === void 0 ? void 0 : _a.get(bucket.key.toString());
-                    if (title)
-                        displayText = title;
-                }
-                return {
-                    facetType,
-                    bucketKey: bucket.key.toString(),
-                    displayText,
-                };
-            }),
-        };
-    }
-    facetClicked(e) {
-        if (!e.detail.smartFacet.selected) {
-            this.smartFacets = [
-                [{ ...e.detail.smartFacet, selected: true }],
-                ...this.smartFacets.filter(f => f[0] !== e.detail.smartFacet),
-            ];
-        }
-        for (const facet of e.detail.details) {
-            this.selectedFacets = updateSelectedFacetBucket(this.selectedFacets, facet.facetType, facet.bucket, true);
-        }
-        const event = new CustomEvent('facetsChanged', {
-            detail: this.selectedFacets,
-        });
-        this.dispatchEvent(event);
-    }
-    facetDropdownClicked(e) {
-        if (this.smartFacets.find(sf => smartFacetEquals(sf[0], e.detail.smartFacet))) {
-            return;
-        }
-        this.smartFacets = [
-            [{ ...e.detail.smartFacet, selected: true }],
-            ...this.smartFacets,
-        ];
-        for (const facet of e.detail.details) {
-            this.selectedFacets = updateSelectedFacetBucket(this.selectedFacets, facet.facetType, facet.bucket, true);
-        }
-        const event = new CustomEvent('facetsChanged', {
-            detail: this.selectedFacets,
-        });
-        this.dispatchEvent(event);
-    }
-    onDropdownClick(e) {
-        var _a;
-        log('smart bar: onDropdownClick', e.detail);
-        (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('smart-facet-dropdown').forEach(dropdown => {
-            if (dropdown !== e.detail) {
-                log('closing', dropdown);
-                dropdown.close();
-            }
-        });
-    }
-    filterToggleClicked() {
-        this.dispatchEvent(new CustomEvent('filtersToggled'));
-    }
-    //
-    // STYLES
-    //
-    static get styles() {
+    `;
+    }
+    get facetsToDisplay() {
+        const facets = [];
+        if (this.heuristicRecs.length > 0) {
+            for (const rec of this.heuristicRecs) {
+                facets.push([rec]);
+            }
+        }
+        if (this.lastAggregations) {
+            const keys = [
+                'mediatype',
+                'year',
+                'language',
+                'creator',
+                'subject',
+                'collection',
+            ];
+            for (const key of keys) {
+                const agg = this.lastAggregations[key];
+                if (!agg)
+                    continue;
+                if (agg.buckets.length === 0)
+                    continue;
+                if (['lending', 'year_histogram'].includes(key))
+                    continue;
+                if (typeof agg.buckets[0] === 'number')
+                    continue;
+                if (key === 'mediatype' &&
+                    this.selectedFacets &&
+                    Object.values(this.selectedFacets.mediatype).some(bucket => bucket.state !== 'none')) {
+                    continue;
+                }
+                const facetType = key;
+                const buckets = agg.buckets;
+                const unusedBuckets = buckets.filter(b => {
+                    var _a;
+                    const selectedFacetBucket = (_a = this.selectedFacets) === null || _a === void 0 ? void 0 : _a[facetType][b.key];
+                    if (selectedFacetBucket && selectedFacetBucket.state !== 'none') {
+                        return false;
+                    }
+                    return true;
+                });
+                if (facetType === 'mediatype') {
+                    facets.push([this.toSmartFacet(facetType, [unusedBuckets[0]])], [this.toSmartFacet(facetType, [unusedBuckets[1]])]);
+                }
+                else if (facetType === 'collection' || facetType === 'subject') {
+                    const topBuckets = unusedBuckets.slice(0, 5);
+                    facets.push(topBuckets.map(b => this.toSmartFacet(facetType, [b])));
+                }
+                else {
+                    facets.push([this.toSmartFacet(facetType, [unusedBuckets[0]])]);
+                }
+            }
+        }
+        return facets;
+    }
+    toSmartFacet(facetType, buckets
+    // prefix = true
+    ) {
+        return {
+            facets: buckets.map(bucket => {
+                var _a;
+                let displayText = capitalize(bucket.key.toString());
+                if (facetType === 'collection') {
+                    const title = (_a = this.collectionTitles) === null || _a === void 0 ? void 0 : _a.get(bucket.key.toString());
+                    if (title)
+                        displayText = title;
+                }
+                return {
+                    facetType,
+                    bucketKey: bucket.key.toString(),
+                    displayText,
+                };
+            }),
+        };
+    }
+    facetClicked(e) {
+        if (!e.detail.smartFacet.selected) {
+            this.smartFacets = [
+                [{ ...e.detail.smartFacet, selected: true }],
+                ...this.smartFacets.filter(f => f[0] !== e.detail.smartFacet),
+            ];
+        }
+        for (const facet of e.detail.details) {
+            this.selectedFacets = updateSelectedFacetBucket(this.selectedFacets, facet.facetType, facet.bucket, true);
+        }
+        const event = new CustomEvent('facetsChanged', {
+            detail: this.selectedFacets,
+        });
+        this.dispatchEvent(event);
+    }
+    facetDropdownClicked(e) {
+        if (this.smartFacets.find(sf => smartFacetEquals(sf[0], e.detail.smartFacet))) {
+            return;
+        }
+        this.smartFacets = [
+            [{ ...e.detail.smartFacet, selected: true }],
+            ...this.smartFacets,
+        ];
+        for (const facet of e.detail.details) {
+            this.selectedFacets = updateSelectedFacetBucket(this.selectedFacets, facet.facetType, facet.bucket, true);
+        }
+        const event = new CustomEvent('facetsChanged', {
+            detail: this.selectedFacets,
+        });
+        this.dispatchEvent(event);
+    }
+    onDropdownClick(e) {
+        var _a;
+        log('smart bar: onDropdownClick', e.detail);
+        (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('smart-facet-dropdown').forEach(dropdown => {
+            if (dropdown !== e.detail) {
+                log('closing', dropdown);
+                dropdown.close();
+            }
+        });
+    }
+    filterToggleClicked() {
+        this.dispatchEvent(new CustomEvent('filtersToggled'));
+    }
+    //
+    // STYLES
+    //
+    static get styles() {
         return css `
       #smart-facets-container {
         display: flex;
@@ -266,35 +269,35 @@ let SmartFacetBar = class SmartFacetBar extends LitElement {
         filter: invert(1);
         vertical-align: text-bottom;
       }
-    `;
-    }
-};
-__decorate([
-    property({ type: String })
-], SmartFacetBar.prototype, "query", void 0);
-__decorate([
-    property({ type: Object })
-], SmartFacetBar.prototype, "aggregations", void 0);
-__decorate([
-    property({ type: Object })
-], SmartFacetBar.prototype, "selectedFacets", void 0);
-__decorate([
-    property({ type: Object })
-], SmartFacetBar.prototype, "collectionTitles", void 0);
-__decorate([
-    property({ type: Boolean })
-], SmartFacetBar.prototype, "filterToggleActive", void 0);
-__decorate([
-    state()
-], SmartFacetBar.prototype, "heuristicRecs", void 0);
-__decorate([
-    state()
-], SmartFacetBar.prototype, "smartFacets", void 0);
-__decorate([
-    state()
-], SmartFacetBar.prototype, "lastAggregations", void 0);
-SmartFacetBar = __decorate([
-    customElement('smart-facet-bar')
-], SmartFacetBar);
-export { SmartFacetBar };
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], SmartFacetBar.prototype, "query", void 0);
+__decorate([
+    property({ type: Object })
+], SmartFacetBar.prototype, "aggregations", void 0);
+__decorate([
+    property({ type: Object })
+], SmartFacetBar.prototype, "selectedFacets", void 0);
+__decorate([
+    property({ type: Object })
+], SmartFacetBar.prototype, "collectionTitles", void 0);
+__decorate([
+    property({ type: Boolean })
+], SmartFacetBar.prototype, "filterToggleActive", void 0);
+__decorate([
+    state()
+], SmartFacetBar.prototype, "heuristicRecs", void 0);
+__decorate([
+    state()
+], SmartFacetBar.prototype, "smartFacets", void 0);
+__decorate([
+    state()
+], SmartFacetBar.prototype, "lastAggregations", void 0);
+SmartFacetBar = __decorate([
+    customElement('smart-facet-bar')
+], SmartFacetBar);
+export { SmartFacetBar };
 //# sourceMappingURL=smart-facet-bar.js.map

package/dist/src/collection-facets/smart-facets/smart-facet-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"smart-facet-bar.js","sourceRoot":"","sources":["../../../../src/collection-facets/smart-facets/smart-facet-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  TemplateResult,\n  CSSResultGroup,\n  nothing,\n  PropertyValues,\n} from 'lit';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport type { Aggregation, Bucket } from '@internetarchive/search-service';\nimport type { CollectionTitles } from '../../data-source/models';\nimport type { FacetOption, SelectedFacets } from '../../models';\nimport { updateSelectedFacetBucket } from '../../utils/facet-utils';\nimport { SmartQueryHeuristicGroup } from './smart-facet-heuristics';\nimport type { SmartFacetDropdown } from './smart-facet-dropdown';\nimport type { SmartFacet, SmartFacetEvent } from './models';\nimport { smartFacetEquals } from './smart-facet-equals';\nimport { dedupe } from './dedupe';\nimport filterIcon from '../../assets/img/icons/filter';\n\nimport './smart-facet-button';\nimport './smart-facet-dropdown';\nimport { log } from '../../utils/log';\n\nconst fieldPrefixes: Partial<Record<FacetOption, string>> = {\n  collection: 'Collection: ',\n  creator: 'By: ',\n  subject: 'About: ',\n};\n\nfunction capitalize(str: string) {\n  return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\n@customElement('smart-facet-bar')\nexport class SmartFacetBar extends LitElement {\n  @property({ type: String }) query?: string;\n\n  @property({ type: Object }) aggregations?: Record<string, Aggregation>;\n\n  @property({ type: Object }) selectedFacets?: SelectedFacets;\n\n  /** The map from collection identifiers to their titles */\n  @property({ type: Object })\n  collectionTitles?: CollectionTitles;\n\n  @property({ type: Boolean }) filterToggleActive = false;\n\n  @state() private heuristicRecs: SmartFacet[] = [];\n\n  @state() private smartFacets: SmartFacet[][] = [];\n\n  @state() private lastAggregations?: Record<string, Aggregation>;\n\n  //\n  // COMPONENT LIFECYCLE METHODS\n  //\n\n  render() {\n    return html`\n      <div id=\"smart-facets-container\">\n        ${this.filtersToggleTemplate}\n        ${repeat(\n          this.smartFacets,\n          f =>\n            `${f[0].label}|${f[0].facets[0].facetType}|${f[0].facets[0].bucketKey}`,\n          facet => this.makeSmartFacet(facet),\n        )}\n      </div>\n    `;\n  }\n\n  protected willUpdate(changed: PropertyValues): void {\n    let shouldUpdateSmartFacets = false;\n\n    if (changed.has('query')) {\n      log('query change', changed.get('query'), this.query);\n      this.lastAggregations = undefined;\n      shouldUpdateSmartFacets = true;\n    }\n\n    if (\n      changed.has('aggregations') &&\n      !this.lastAggregations &&\n      this.aggregations &&\n      Object.keys(this.aggregations).length > 0\n    ) {\n      log('aggs change', changed.get('aggregations'), this.aggregations);\n      this.lastAggregations = this.aggregations;\n      shouldUpdateSmartFacets = true;\n    }\n\n    if (shouldUpdateSmartFacets) {\n      log('should update smart facets, doing so...');\n      this.updateSmartFacets();\n    }\n  }\n\n  private async updateSmartFacets(): Promise<void> {\n    log('updating smart facets');\n    if (this.query) {\n      this.heuristicRecs =\n        await new SmartQueryHeuristicGroup().getRecommendedFacets(this.query);\n      log('heuristic recs are', this.heuristicRecs);\n      this.smartFacets = dedupe(this.facetsToDisplay);\n      log('smart facets are', this.smartFacets);\n    }\n  }\n\n  //\n  // OTHER METHODS\n  //\n\n  private makeSmartFacet(facets: SmartFacet[]) {\n    if (facets.length === 0) {\n      return nothing;\n    }\n    if (facets.length === 1) {\n      return this.smartFacetButton(facets[0]);\n    }\n    return this.smartFacetDropdown(facets);\n  }\n\n  private smartFacetButton(facet: SmartFacet) {\n    return html`\n      <smart-facet-button\n        .facetInfo=${facet}\n        .labelPrefix=${fieldPrefixes[facet.facets[0].facetType]}\n        .selected=${facet.selected ?? false}\n        @facetClick=${this.facetClicked}\n      ></smart-facet-button>\n    `;\n  }\n\n  private smartFacetDropdown(facets: SmartFacet[]) {\n    return html`\n      <smart-facet-dropdown\n        .facetInfo=${facets}\n        .labelPrefix=${fieldPrefixes[facets[0].facets[0].facetType]}\n        .activeFacetRef=${facets[0].facets[0]}\n        @facetClick=${this.facetDropdownClicked}\n        @dropdownClick=${this.onDropdownClick}\n      ></smart-facet-dropdown>\n    `;\n  }\n\n  private get filtersToggleTemplate(): TemplateResult {\n    return html`\n      <button\n        id=\"filters-toggle\"\n        class=${this.filterToggleActive ? 'active' : ''}\n        title=\"${this.filterToggleActive ? 'Hide' : 'Show'} filters pane\"\n        @click=${this.filterToggleClicked}\n      >\n        ${filterIcon}\n      </button>\n    `;\n  }\n\n  private get facetsToDisplay(): SmartFacet[][] {\n    const facets: SmartFacet[][] = [];\n\n    if (this.heuristicRecs.length > 0) {\n      for (const rec of this.heuristicRecs) {\n        facets.push([rec]);\n      }\n    }\n\n    if (this.lastAggregations) {\n      const keys = [\n        'mediatype',\n        'year',\n        'language',\n        'creator',\n        'subject',\n        'collection',\n      ];\n      for (const key of keys) {\n        const agg = this.lastAggregations[key];\n        if (!agg) continue;\n        if (agg.buckets.length === 0) continue;\n        if (['lending', 'year_histogram'].includes(key)) continue;\n        if (typeof agg.buckets[0] === 'number') continue;\n\n        if (\n          key === 'mediatype' &&\n          this.selectedFacets &&\n          Object.values(this.selectedFacets.mediatype).some(\n            bucket => bucket.state !== 'none',\n          )\n        ) {\n          continue;\n        }\n\n        const facetType = key as FacetOption;\n        const buckets = agg.buckets as Bucket[];\n\n        const unusedBuckets = buckets.filter(b => {\n          const selectedFacetBucket = this.selectedFacets?.[facetType][b.key];\n          if (selectedFacetBucket && selectedFacetBucket.state !== 'none') {\n            return false;\n          }\n          return true;\n        });\n\n        if (facetType === 'mediatype') {\n          facets.push(\n            [this.toSmartFacet(facetType, [unusedBuckets[0]])],\n            [this.toSmartFacet(facetType, [unusedBuckets[1]])],\n          );\n        } else if (facetType === 'collection' || facetType === 'subject') {\n          const topBuckets = unusedBuckets.slice(0, 5);\n          facets.push(topBuckets.map(b => this.toSmartFacet(facetType, [b])));\n        } else {\n          facets.push([this.toSmartFacet(facetType, [unusedBuckets[0]])]);\n        }\n      }\n    }\n\n    return facets;\n  }\n\n  private toSmartFacet(\n    facetType: FacetOption,\n    buckets: Bucket[],\n    // prefix = true\n  ): SmartFacet {\n    return {\n      facets: buckets.map(bucket => {\n        let displayText = capitalize(bucket.key.toString());\n        if (facetType === 'collection') {\n          const title = this.collectionTitles?.get(bucket.key.toString());\n          if (title) displayText = title;\n        }\n\n        return {\n          facetType,\n          bucketKey: bucket.key.toString(),\n          displayText,\n        };\n      }),\n    } as SmartFacet;\n  }\n\n  private facetClicked(e: CustomEvent<SmartFacetEvent>): void {\n    if (!e.detail.smartFacet.selected) {\n      this.smartFacets = [\n        [{ ...e.detail.smartFacet, selected: true }],\n        ...this.smartFacets.filter(f => f[0] !== e.detail.smartFacet),\n      ];\n    }\n\n    for (const facet of e.detail.details) {\n      this.selectedFacets = updateSelectedFacetBucket(\n        this.selectedFacets,\n        facet.facetType,\n        facet.bucket,\n        true,\n      );\n    }\n\n    const event = new CustomEvent<SelectedFacets>('facetsChanged', {\n      detail: this.selectedFacets,\n    });\n    this.dispatchEvent(event);\n  }\n\n  private facetDropdownClicked(e: CustomEvent<SmartFacetEvent>): void {\n    if (\n      this.smartFacets.find(sf => smartFacetEquals(sf[0], e.detail.smartFacet))\n    ) {\n      return;\n    }\n\n    this.smartFacets = [\n      [{ ...e.detail.smartFacet, selected: true }],\n      ...this.smartFacets,\n    ];\n\n    for (const facet of e.detail.details) {\n      this.selectedFacets = updateSelectedFacetBucket(\n        this.selectedFacets,\n        facet.facetType,\n        facet.bucket,\n        true,\n      );\n    }\n\n    const event = new CustomEvent<SelectedFacets>('facetsChanged', {\n      detail: this.selectedFacets,\n    });\n    this.dispatchEvent(event);\n  }\n\n  private onDropdownClick(e: CustomEvent<SmartFacetDropdown>): void {\n    log('smart bar: onDropdownClick', e.detail);\n    this.shadowRoot\n      ?.querySelectorAll('smart-facet-dropdown')\n      .forEach(dropdown => {\n        if (dropdown !== e.detail) {\n          log('closing', dropdown);\n          (dropdown as SmartFacetDropdown).close();\n        }\n      });\n  }\n\n  private filterToggleClicked(): void {\n    this.dispatchEvent(new CustomEvent('filtersToggled'));\n  }\n\n  //\n  // STYLES\n  //\n\n  static get styles(): CSSResultGroup {\n    return css`\n      #smart-facets-container {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 5px;\n        padding: 10px 0;\n      }\n\n      #filters-toggle {\n        margin: 0;\n        border: 0;\n        padding: 5px 10px;\n        border-radius: 15px;\n        background: #194880;\n        color: white;\n        font-size: 1.6rem;\n        font-family: inherit;\n        text-decoration: none;\n        box-shadow: 1px 1px rgba(0, 0, 0, 0.4);\n        cursor: pointer;\n      }\n\n      #filters-toggle.active {\n        background: #09294d;\n        box-shadow: -1px -1px rgba(0, 0, 0, 0.1);\n      }\n\n      #filters-toggle > svg {\n        width: 15px;\n        filter: invert(1);\n        vertical-align: text-bottom;\n      }\n    `;\n  }\n}\n"]}
+{"version":3,"file":"smart-facet-bar.js","sourceRoot":"","sources":["../../../../src/collection-facets/smart-facets/smart-facet-bar.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-continue */\n\nimport {\n  css,\n  html,\n  LitElement,\n  TemplateResult,\n  CSSResultGroup,\n  nothing,\n  PropertyValues,\n} from 'lit';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport type { Aggregation, Bucket } from '@internetarchive/search-service';\nimport type { CollectionTitles } from '../../data-source/models';\nimport type { FacetOption, SelectedFacets } from '../../models';\nimport { updateSelectedFacetBucket } from '../../utils/facet-utils';\nimport { SmartQueryHeuristicGroup } from './smart-facet-heuristics';\nimport type { SmartFacetDropdown } from './smart-facet-dropdown';\nimport type { SmartFacet, SmartFacetEvent } from './models';\nimport { smartFacetEquals } from './smart-facet-equals';\nimport { dedupe } from './dedupe';\nimport filterIcon from '../../assets/img/icons/filter';\n\nimport './smart-facet-button';\nimport './smart-facet-dropdown';\nimport { log } from '../../utils/log';\n\nconst fieldPrefixes: Partial<Record<FacetOption, string>> = {\n  collection: 'Collection: ',\n  creator: 'By: ',\n  subject: 'About: ',\n};\n\nfunction capitalize(str: string) {\n  return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\n@customElement('smart-facet-bar')\nexport class SmartFacetBar extends LitElement {\n  @property({ type: String }) query?: string;\n\n  @property({ type: Object }) aggregations?: Record<string, Aggregation>;\n\n  @property({ type: Object }) selectedFacets?: SelectedFacets;\n\n  /** The map from collection identifiers to their titles */\n  @property({ type: Object })\n  collectionTitles?: CollectionTitles;\n\n  @property({ type: Boolean }) filterToggleActive = false;\n\n  @state() private heuristicRecs: SmartFacet[] = [];\n\n  @state() private smartFacets: SmartFacet[][] = [];\n\n  @state() private lastAggregations?: Record<string, Aggregation>;\n\n  //\n  // COMPONENT LIFECYCLE METHODS\n  //\n\n  render() {\n    return html`\n      <div id=\"smart-facets-container\">\n        ${this.filtersToggleTemplate}\n        ${repeat(\n          this.smartFacets,\n          f =>\n            `${f[0].label}|${f[0].facets[0].facetType}|${f[0].facets[0].bucketKey}`,\n          facet => this.makeSmartFacet(facet)\n        )}\n      </div>\n    `;\n  }\n\n  protected willUpdate(changed: PropertyValues): void {\n    let shouldUpdateSmartFacets = false;\n\n    if (changed.has('query')) {\n      log('query change', changed.get('query'), this.query);\n      this.lastAggregations = undefined;\n      shouldUpdateSmartFacets = true;\n    }\n\n    if (\n      changed.has('aggregations') &&\n      !this.lastAggregations &&\n      this.aggregations &&\n      Object.keys(this.aggregations).length > 0\n    ) {\n      log('aggs change', changed.get('aggregations'), this.aggregations);\n      this.lastAggregations = this.aggregations;\n      shouldUpdateSmartFacets = true;\n    }\n\n    if (shouldUpdateSmartFacets) {\n      log('should update smart facets, doing so...');\n      this.updateSmartFacets();\n    }\n  }\n\n  private async updateSmartFacets(): Promise<void> {\n    log('updating smart facets');\n    if (this.query) {\n      this.heuristicRecs =\n        await new SmartQueryHeuristicGroup().getRecommendedFacets(this.query);\n      log('heuristic recs are', this.heuristicRecs);\n      this.smartFacets = dedupe(this.facetsToDisplay);\n      log('smart facets are', this.smartFacets);\n    }\n  }\n\n  //\n  // OTHER METHODS\n  //\n\n  private makeSmartFacet(facets: SmartFacet[]) {\n    if (facets.length === 0) {\n      return nothing;\n    }\n    if (facets.length === 1) {\n      return this.smartFacetButton(facets[0]);\n    }\n    return this.smartFacetDropdown(facets);\n  }\n\n  private smartFacetButton(facet: SmartFacet) {\n    return html`\n      <smart-facet-button\n        .facetInfo=${facet}\n        .labelPrefix=${fieldPrefixes[facet.facets[0].facetType]}\n        .selected=${facet.selected ?? false}\n        @facetClick=${this.facetClicked}\n      ></smart-facet-button>\n    `;\n  }\n\n  private smartFacetDropdown(facets: SmartFacet[]) {\n    return html`\n      <smart-facet-dropdown\n        .facetInfo=${facets}\n        .labelPrefix=${fieldPrefixes[facets[0].facets[0].facetType]}\n        .activeFacetRef=${facets[0].facets[0]}\n        @facetClick=${this.facetDropdownClicked}\n        @dropdownClick=${this.onDropdownClick}\n      ></smart-facet-dropdown>\n    `;\n  }\n\n  private get filtersToggleTemplate(): TemplateResult {\n    return html`\n      <button\n        id=\"filters-toggle\"\n        class=${this.filterToggleActive ? 'active' : ''}\n        title=\"${this.filterToggleActive ? 'Hide' : 'Show'} filters pane\"\n        @click=${this.filterToggleClicked}\n      >\n        ${filterIcon}\n      </button>\n    `;\n  }\n\n  private get facetsToDisplay(): SmartFacet[][] {\n    const facets: SmartFacet[][] = [];\n\n    if (this.heuristicRecs.length > 0) {\n      for (const rec of this.heuristicRecs) {\n        facets.push([rec]);\n      }\n    }\n\n    if (this.lastAggregations) {\n      const keys = [\n        'mediatype',\n        'year',\n        'language',\n        'creator',\n        'subject',\n        'collection',\n      ];\n      for (const key of keys) {\n        const agg = this.lastAggregations[key];\n        if (!agg) continue;\n        if (agg.buckets.length === 0) continue;\n        if (['lending', 'year_histogram'].includes(key)) continue;\n        if (typeof agg.buckets[0] === 'number') continue;\n\n        if (\n          key === 'mediatype' &&\n          this.selectedFacets &&\n          Object.values(this.selectedFacets.mediatype).some(\n            bucket => bucket.state !== 'none'\n          )\n        ) {\n          continue;\n        }\n\n        const facetType = key as FacetOption;\n        const buckets = agg.buckets as Bucket[];\n\n        const unusedBuckets = buckets.filter(b => {\n          const selectedFacetBucket = this.selectedFacets?.[facetType][b.key];\n          if (selectedFacetBucket && selectedFacetBucket.state !== 'none') {\n            return false;\n          }\n          return true;\n        });\n\n        if (facetType === 'mediatype') {\n          facets.push(\n            [this.toSmartFacet(facetType, [unusedBuckets[0]])],\n            [this.toSmartFacet(facetType, [unusedBuckets[1]])]\n          );\n        } else if (facetType === 'collection' || facetType === 'subject') {\n          const topBuckets = unusedBuckets.slice(0, 5);\n          facets.push(topBuckets.map(b => this.toSmartFacet(facetType, [b])));\n        } else {\n          facets.push([this.toSmartFacet(facetType, [unusedBuckets[0]])]);\n        }\n      }\n    }\n\n    return facets;\n  }\n\n  private toSmartFacet(\n    facetType: FacetOption,\n    buckets: Bucket[]\n    // prefix = true\n  ): SmartFacet {\n    return {\n      facets: buckets.map(bucket => {\n        let displayText = capitalize(bucket.key.toString());\n        if (facetType === 'collection') {\n          const title = this.collectionTitles?.get(bucket.key.toString());\n          if (title) displayText = title;\n        }\n\n        return {\n          facetType,\n          bucketKey: bucket.key.toString(),\n          displayText,\n        };\n      }),\n    } as SmartFacet;\n  }\n\n  private facetClicked(e: CustomEvent<SmartFacetEvent>): void {\n    if (!e.detail.smartFacet.selected) {\n      this.smartFacets = [\n        [{ ...e.detail.smartFacet, selected: true }],\n        ...this.smartFacets.filter(f => f[0] !== e.detail.smartFacet),\n      ];\n    }\n\n    for (const facet of e.detail.details) {\n      this.selectedFacets = updateSelectedFacetBucket(\n        this.selectedFacets,\n        facet.facetType,\n        facet.bucket,\n        true\n      );\n    }\n\n    const event = new CustomEvent<SelectedFacets>('facetsChanged', {\n      detail: this.selectedFacets,\n    });\n    this.dispatchEvent(event);\n  }\n\n  private facetDropdownClicked(e: CustomEvent<SmartFacetEvent>): void {\n    if (\n      this.smartFacets.find(sf => smartFacetEquals(sf[0], e.detail.smartFacet))\n    ) {\n      return;\n    }\n\n    this.smartFacets = [\n      [{ ...e.detail.smartFacet, selected: true }],\n      ...this.smartFacets,\n    ];\n\n    for (const facet of e.detail.details) {\n      this.selectedFacets = updateSelectedFacetBucket(\n        this.selectedFacets,\n        facet.facetType,\n        facet.bucket,\n        true\n      );\n    }\n\n    const event = new CustomEvent<SelectedFacets>('facetsChanged', {\n      detail: this.selectedFacets,\n    });\n    this.dispatchEvent(event);\n  }\n\n  private onDropdownClick(e: CustomEvent<SmartFacetDropdown>): void {\n    log('smart bar: onDropdownClick', e.detail);\n    this.shadowRoot\n      ?.querySelectorAll('smart-facet-dropdown')\n      .forEach(dropdown => {\n        if (dropdown !== e.detail) {\n          log('closing', dropdown);\n          (dropdown as SmartFacetDropdown).close();\n        }\n      });\n  }\n\n  private filterToggleClicked(): void {\n    this.dispatchEvent(new CustomEvent('filtersToggled'));\n  }\n\n  //\n  // STYLES\n  //\n\n  static get styles(): CSSResultGroup {\n    return css`\n      #smart-facets-container {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 5px;\n        padding: 10px 0;\n      }\n\n      #filters-toggle {\n        margin: 0;\n        border: 0;\n        padding: 5px 10px;\n        border-radius: 15px;\n        background: #194880;\n        color: white;\n        font-size: 1.6rem;\n        font-family: inherit;\n        text-decoration: none;\n        box-shadow: 1px 1px rgba(0, 0, 0, 0.4);\n        cursor: pointer;\n      }\n\n      #filters-toggle.active {\n        background: #09294d;\n        box-shadow: -1px -1px rgba(0, 0, 0, 0.1);\n      }\n\n      #filters-toggle > svg {\n        width: 15px;\n        filter: invert(1);\n        vertical-align: text-bottom;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/collection-facets/smart-facets/smart-facet-button.d.ts

@@ -1,11 +1,11 @@
-import { LitElement, CSSResultGroup, nothing } from 'lit';
-import type { SmartFacet } from './models';
-export declare class SmartFacetButton extends LitElement {
-    facetInfo?: SmartFacet;
-    labelPrefix?: string;
-    selected: boolean;
-    render(): import("lit").TemplateResult<1> | typeof nothing;
-    private get href();
-    private facetClicked;
-    static get styles(): CSSResultGroup;
-}
+import { LitElement, CSSResultGroup, nothing } from 'lit';
+import type { SmartFacet } from './models';
+export declare class SmartFacetButton extends LitElement {
+    facetInfo?: SmartFacet;
+    labelPrefix?: string;
+    selected: boolean;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+    private get href();
+    private facetClicked;
+    static get styles(): CSSResultGroup;
+}