@internetarchive/collection-browser 2.7.12 → 2.7.13

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

@@ -1,86 +1,86 @@
-/* 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() {
+/* 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}
@@ -88,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}
@@ -99,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"
@@ -111,131 +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
-    // 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() {
+    `;
+    }
+    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;
@@ -269,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-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-html").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;
+}