@internetarchive/collection-browser 2.3.0 → 2.4.0

package/dist/src/collection-facets/facet-row.d.ts

@@ -1,30 +1,30 @@
-import { LitElement, TemplateResult, CSSResultGroup } from 'lit';
-import type { FacetOption, FacetBucket, FacetState } from '../models';
-import type { CollectionTitles } from '../data-source/models';
-export declare class FacetRow extends LitElement {
-    /** The name of the facet group to which this facet belongs (e.g., "mediatype") */
-    facetType?: FacetOption;
-    /** The facet bucket containing details about the state, count, and key for this row */
-    bucket?: FacetBucket;
-    /** The collection name cache for converting collection identifiers to titles */
-    collectionTitles?: CollectionTitles;
-    render(): TemplateResult<1>;
-    /**
-     * Template for the full facet row, including the positive/negative checks,
-     * the display name, and the count.
-     */
-    private get facetRowTemplate();
-    /**
-     * Handler for whenever this facet is clicked & its state changes
-     */
-    private facetClicked;
-    /**
-     * Emits a `facetClick` event with details about this facet & its current state
-     */
-    private dispatchFacetClickEvent;
-    /**
-     * Returns the composed facet state corresponding to a positive or negative facet's checked state
-     */
-    static getFacetState(checked: boolean, negative: boolean): FacetState;
-    static get styles(): CSSResultGroup;
-}
+import { LitElement, TemplateResult, CSSResultGroup } from 'lit';
+import type { FacetOption, FacetBucket, FacetState } from '../models';
+import type { CollectionTitles } from '../data-source/models';
+export declare class FacetRow extends LitElement {
+    /** The name of the facet group to which this facet belongs (e.g., "mediatype") */
+    facetType?: FacetOption;
+    /** The facet bucket containing details about the state, count, and key for this row */
+    bucket?: FacetBucket;
+    /** The collection name cache for converting collection identifiers to titles */
+    collectionTitles?: CollectionTitles;
+    render(): TemplateResult<1>;
+    /**
+     * Template for the full facet row, including the positive/negative checks,
+     * the display name, and the count.
+     */
+    private get facetRowTemplate();
+    /**
+     * Handler for whenever this facet is clicked & its state changes
+     */
+    private facetClicked;
+    /**
+     * Emits a `facetClick` event with details about this facet & its current state
+     */
+    private dispatchFacetClickEvent;
+    /**
+     * Returns the composed facet state corresponding to a positive or negative facet's checked state
+     */
+    static getFacetState(checked: boolean, negative: boolean): FacetState;
+    static get styles(): CSSResultGroup;
+}

package/dist/src/collection-facets/facet-row.js

@@ -1,47 +1,47 @@
-var FacetRow_1;
-import { __decorate } from "tslib";
-import { css, html, LitElement, nothing, } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import eyeIcon from '../assets/img/icons/eye';
-import eyeClosedIcon from '../assets/img/icons/eye-closed';
-let FacetRow = FacetRow_1 = class FacetRow extends LitElement {
-    //
-    // COMPONENT LIFECYCLE METHODS
-    //
-    render() {
-        return html `${this.facetRowTemplate}`;
-    }
-    //
-    // TEMPLATE GETTERS
-    //
-    /**
-     * Template for the full facet row, including the positive/negative checks,
-     * the display name, and the count.
-     */
-    get facetRowTemplate() {
-        var _a, _b, _c, _d;
-        const { bucket, facetType } = this;
-        if (!bucket || !facetType)
-            return nothing;
-        const showOnlyCheckboxId = `${facetType}:${bucket.key}-show-only`;
-        const negativeCheckboxId = `${facetType}:${bucket.key}-negative`;
-        // For collections, we render the collection title as a link.
-        // For other facet types, we just have a static value to use.
-        const bucketTextDisplay = facetType !== 'collection'
-            ? html `${(_a = bucket.displayText) !== null && _a !== void 0 ? _a : bucket.key}`
+var FacetRow_1;
+import { __decorate } from "tslib";
+import { css, html, LitElement, nothing, } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import eyeIcon from '../assets/img/icons/eye';
+import eyeClosedIcon from '../assets/img/icons/eye-closed';
+let FacetRow = FacetRow_1 = class FacetRow extends LitElement {
+    //
+    // COMPONENT LIFECYCLE METHODS
+    //
+    render() {
+        return html `${this.facetRowTemplate}`;
+    }
+    //
+    // TEMPLATE GETTERS
+    //
+    /**
+     * Template for the full facet row, including the positive/negative checks,
+     * the display name, and the count.
+     */
+    get facetRowTemplate() {
+        var _a, _b, _c, _d;
+        const { bucket, facetType } = this;
+        if (!bucket || !facetType)
+            return nothing;
+        const showOnlyCheckboxId = `${facetType}:${bucket.key}-show-only`;
+        const negativeCheckboxId = `${facetType}:${bucket.key}-negative`;
+        // For collections, we render the collection title as a link.
+        // For other facet types, we just have a static value to use.
+        const bucketTextDisplay = facetType !== 'collection'
+            ? html `${(_a = bucket.displayText) !== null && _a !== void 0 ? _a : bucket.key}`
             : html `<a href="/details/${bucket.key}">
             ${(_c = (_b = this.collectionTitles) === null || _b === void 0 ? void 0 : _b.get(bucket.key)) !== null && _c !== void 0 ? _c : bucket.key}
-          </a> `;
-        const facetHidden = bucket.state === 'hidden';
-        const facetSelected = bucket.state === 'selected';
-        const titleText = `${facetType}: ${(_d = bucket.displayText) !== null && _d !== void 0 ? _d : bucket.key}`;
-        const onlyShowText = facetSelected
-            ? `Show all ${facetType}s`
-            : `Only show ${titleText}`;
-        const hideText = `Hide ${titleText}`;
-        const unhideText = `Unhide ${titleText}`;
-        const showHideText = facetHidden ? unhideText : hideText;
-        const ariaLabel = `${titleText}, ${bucket.count} results`;
+          </a> `;
+        const facetHidden = bucket.state === 'hidden';
+        const facetSelected = bucket.state === 'selected';
+        const titleText = `${facetType}: ${(_d = bucket.displayText) !== null && _d !== void 0 ? _d : bucket.key}`;
+        const onlyShowText = facetSelected
+            ? `Show all ${facetType}s`
+            : `Only show ${titleText}`;
+        const hideText = `Hide ${titleText}`;
+        const unhideText = `Unhide ${titleText}`;
+        const showHideText = facetHidden ? unhideText : hideText;
+        const ariaLabel = `${titleText}, ${bucket.count} results`;
         return html `
       <div class="facet-row-container">
         <div class="facet-checkboxes">
@@ -49,8 +49,8 @@ let FacetRow = FacetRow_1 = class FacetRow extends LitElement {
             type="checkbox"
             .name=${facetType}
             .value=${bucket.key}
-            @click=${(e) => {
-            this.facetClicked(e, false);
+            @click=${(e) => {
+            this.facetClicked(e, false);
         }}
             .checked=${facetSelected}
             class="select-facet-checkbox"
@@ -62,8 +62,8 @@ let FacetRow = FacetRow_1 = class FacetRow extends LitElement {
             id=${negativeCheckboxId}
             .name=${facetType}
             .value=${bucket.key}
-            @click=${(e) => {
-            this.facetClicked(e, true);
+            @click=${(e) => {
+            this.facetClicked(e, true);
         }}
             .checked=${facetHidden}
             class="hide-facet-checkbox"
@@ -87,58 +87,58 @@ let FacetRow = FacetRow_1 = class FacetRow extends LitElement {
           <div class="facet-count">${bucket.count.toLocaleString()}</div>
         </label>
       </div>
-    `;
-    }
-    //
-    // EVENT HANDLERS & DISPATCHERS
-    //
-    /**
-     * Handler for whenever this facet is clicked & its state changes
-     */
-    facetClicked(e, negative) {
-        const { bucket, facetType } = this;
-        if (!bucket || !facetType)
-            return;
-        const target = e.target;
-        const { checked } = target;
-        bucket.state = FacetRow_1.getFacetState(checked, negative);
-        this.dispatchFacetClickEvent({
-            facetType,
-            bucket,
-            negative,
-        });
-    }
-    /**
-     * Emits a `facetClick` event with details about this facet & its current state
-     */
-    dispatchFacetClickEvent(detail) {
-        const event = new CustomEvent('facetClick', {
-            detail,
-        });
-        this.dispatchEvent(event);
-    }
-    //
-    // OTHER METHODS
-    //
-    /**
-     * Returns the composed facet state corresponding to a positive or negative facet's checked state
-     */
-    static getFacetState(checked, negative) {
-        let state;
-        if (checked) {
-            state = negative ? 'hidden' : 'selected';
-        }
-        else {
-            state = 'none';
-        }
-        return state;
-    }
-    //
-    // STYLES
-    //
-    static get styles() {
-        const facetRowBorderTop = css `var(--facet-row-border-top, 1px solid transparent)`;
-        const facetRowBorderBottom = css `var(--facet-row-border-bottom, 1px solid transparent)`;
+    `;
+    }
+    //
+    // EVENT HANDLERS & DISPATCHERS
+    //
+    /**
+     * Handler for whenever this facet is clicked & its state changes
+     */
+    facetClicked(e, negative) {
+        const { bucket, facetType } = this;
+        if (!bucket || !facetType)
+            return;
+        const target = e.target;
+        const { checked } = target;
+        bucket.state = FacetRow_1.getFacetState(checked, negative);
+        this.dispatchFacetClickEvent({
+            facetType,
+            bucket,
+            negative,
+        });
+    }
+    /**
+     * Emits a `facetClick` event with details about this facet & its current state
+     */
+    dispatchFacetClickEvent(detail) {
+        const event = new CustomEvent('facetClick', {
+            detail,
+        });
+        this.dispatchEvent(event);
+    }
+    //
+    // OTHER METHODS
+    //
+    /**
+     * Returns the composed facet state corresponding to a positive or negative facet's checked state
+     */
+    static getFacetState(checked, negative) {
+        let state;
+        if (checked) {
+            state = negative ? 'hidden' : 'selected';
+        }
+        else {
+            state = 'none';
+        }
+        return state;
+    }
+    //
+    // STYLES
+    //
+    static get styles() {
+        const facetRowBorderTop = css `var(--facet-row-border-top, 1px solid transparent)`;
+        const facetRowBorderBottom = css `var(--facet-row-border-bottom, 1px solid transparent)`;
         return css `
       async-collection-name {
         display: contents;
@@ -221,20 +221,20 @@ let FacetRow = FacetRow_1 = class FacetRow extends LitElement {
       a:hover {
         text-decoration: underline;
       }
-    `;
-    }
-};
-__decorate([
-    property({ type: String })
-], FacetRow.prototype, "facetType", void 0);
-__decorate([
-    property({ type: Object })
-], FacetRow.prototype, "bucket", void 0);
-__decorate([
-    property({ type: Object })
-], FacetRow.prototype, "collectionTitles", void 0);
-FacetRow = FacetRow_1 = __decorate([
-    customElement('facet-row')
-], FacetRow);
-export { FacetRow };
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], FacetRow.prototype, "facetType", void 0);
+__decorate([
+    property({ type: Object })
+], FacetRow.prototype, "bucket", void 0);
+__decorate([
+    property({ type: Object })
+], FacetRow.prototype, "collectionTitles", void 0);
+FacetRow = FacetRow_1 = __decorate([
+    customElement('facet-row')
+], FacetRow);
+export { FacetRow };
 //# sourceMappingURL=facet-row.js.map

package/dist/src/collection-facets/facet-tombstone-row.d.ts

@@ -1,5 +1,5 @@
-import { LitElement, CSSResultGroup } from 'lit';
-export declare class FacetTombstoneRow extends LitElement {
-    render(): import("lit-html").TemplateResult<1>;
-    static get styles(): CSSResultGroup;
-}
+import { LitElement, CSSResultGroup } from 'lit';
+export declare class FacetTombstoneRow extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+    static get styles(): CSSResultGroup;
+}

package/dist/src/collection-facets/facet-tombstone-row.js

@@ -1,17 +1,17 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
-let FacetTombstoneRow = class FacetTombstoneRow extends LitElement {
-    render() {
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+let FacetTombstoneRow = class FacetTombstoneRow extends LitElement {
+    render() {
         return html `
       <div id="row">
         <input type="checkbox" disabled />
         <div class="tombstone-line"></div>
         <div class="tombstone-line"></div>
       </div>
-    `;
-    }
-    static get styles() {
+    `;
+    }
+    static get styles() {
         return css `
       #row {
         display: grid;
@@ -33,11 +33,11 @@ let FacetTombstoneRow = class FacetTombstoneRow extends LitElement {
         height: 15px;
         margin: 0;
       }
-    `;
-    }
-};
-FacetTombstoneRow = __decorate([
-    customElement('facet-tombstone-row')
-], FacetTombstoneRow);
-export { FacetTombstoneRow };
+    `;
+    }
+};
+FacetTombstoneRow = __decorate([
+    customElement('facet-tombstone-row')
+], FacetTombstoneRow);
+export { FacetTombstoneRow };
 //# sourceMappingURL=facet-tombstone-row.js.map

package/dist/src/collection-facets/facets-template.d.ts

@@ -1,17 +1,17 @@
-import { LitElement, TemplateResult, CSSResultGroup } from 'lit';
-import { FacetGroup, SelectedFacets } from '../models';
-import type { CollectionTitles } from '../data-source/models';
-export declare class FacetsTemplate extends LitElement {
-    facetGroup?: FacetGroup;
-    selectedFacets?: SelectedFacets;
-    renderOn?: string;
-    collectionTitles?: CollectionTitles;
-    private facetClicked;
-    private facetChecked;
-    private facetUnchecked;
-    private dispatchFacetClickEvent;
-    private dispatchSelectedFacetsChanged;
-    private get facetsTemplate();
-    render(): TemplateResult<1>;
-    static get styles(): CSSResultGroup;
-}
+import { LitElement, TemplateResult, CSSResultGroup } from 'lit';
+import { FacetGroup, SelectedFacets } from '../models';
+import type { CollectionTitles } from '../data-source/models';
+export declare class FacetsTemplate extends LitElement {
+    facetGroup?: FacetGroup;
+    selectedFacets?: SelectedFacets;
+    renderOn?: string;
+    collectionTitles?: CollectionTitles;
+    private facetClicked;
+    private facetChecked;
+    private facetUnchecked;
+    private dispatchFacetClickEvent;
+    private dispatchSelectedFacetsChanged;
+    private get facetsTemplate();
+    render(): TemplateResult<1>;
+    static get styles(): CSSResultGroup;
+}

package/dist/src/collection-facets/facets-template.js

@@ -1,92 +1,92 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement, nothing, } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { repeat } from 'lit/directives/repeat.js';
-import { getDefaultSelectedFacets, } from '../models';
-import { FacetRow } from './facet-row';
-let FacetsTemplate = class FacetsTemplate extends LitElement {
-    facetClicked(e) {
-        const { bucket, negative } = e.detail;
-        if (bucket.state === 'none') {
-            this.facetUnchecked(bucket);
-        }
-        else {
-            this.facetChecked(bucket, negative);
-        }
-        this.dispatchFacetClickEvent(e.detail);
-    }
-    facetChecked(bucket, negative) {
-        const { facetGroup, selectedFacets } = this;
-        if (!facetGroup)
-            return;
-        let newFacets;
-        if (selectedFacets) {
-            newFacets = {
-                ...selectedFacets,
-            };
-        }
-        else {
-            newFacets = getDefaultSelectedFacets();
-        }
-        newFacets[facetGroup.key][bucket.key] = {
-            ...bucket,
-            state: FacetRow.getFacetState(true, negative),
-        };
-        this.selectedFacets = newFacets;
-        this.dispatchSelectedFacetsChanged();
-    }
-    facetUnchecked(bucket) {
-        const { facetGroup, selectedFacets } = this;
-        if (!facetGroup)
-            return;
-        let newFacets;
-        if (selectedFacets) {
-            newFacets = {
-                ...selectedFacets,
-            };
-        }
-        else {
-            newFacets = getDefaultSelectedFacets();
-        }
-        delete newFacets[facetGroup.key][bucket.key];
-        this.selectedFacets = newFacets;
-        this.dispatchSelectedFacetsChanged();
-    }
-    dispatchFacetClickEvent(detail) {
-        const event = new CustomEvent('facetClick', {
-            detail,
-            composed: true,
-        });
-        this.dispatchEvent(event);
-    }
-    dispatchSelectedFacetsChanged() {
-        const event = new CustomEvent('selectedFacetsChanged', {
-            detail: this.selectedFacets,
-            bubbles: true,
-            composed: true,
-        });
-        this.dispatchEvent(event);
-    }
-    get facetsTemplate() {
-        const { facetGroup } = this;
-        if (!facetGroup)
-            return nothing;
-        let facetBuckets = facetGroup.buckets;
-        /**
-         * sorting FacetBucket before render page / modal
-         * - first, selected items should be at top having sorted
-         * - second, suppressed/hidden items should be after selected having sorted
-         * - and then no-selected / not suppressed items should render having sorted
-         */
-        facetBuckets = [
-            ...facetBuckets
-                .filter(x => x.state === 'selected')
-                .sort((a, b) => (a.count < b.count ? 1 : -1)),
-            ...facetBuckets
-                .filter(x => x.state === 'hidden')
-                .sort((a, b) => (a.count < b.count ? 1 : -1)),
-            ...facetBuckets.filter(x => x.state === 'none'),
-        ];
+import { __decorate } from "tslib";
+import { css, html, LitElement, nothing, } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import { getDefaultSelectedFacets, } from '../models';
+import { FacetRow } from './facet-row';
+let FacetsTemplate = class FacetsTemplate extends LitElement {
+    facetClicked(e) {
+        const { bucket, negative } = e.detail;
+        if (bucket.state === 'none') {
+            this.facetUnchecked(bucket);
+        }
+        else {
+            this.facetChecked(bucket, negative);
+        }
+        this.dispatchFacetClickEvent(e.detail);
+    }
+    facetChecked(bucket, negative) {
+        const { facetGroup, selectedFacets } = this;
+        if (!facetGroup)
+            return;
+        let newFacets;
+        if (selectedFacets) {
+            newFacets = {
+                ...selectedFacets,
+            };
+        }
+        else {
+            newFacets = getDefaultSelectedFacets();
+        }
+        newFacets[facetGroup.key][bucket.key] = {
+            ...bucket,
+            state: FacetRow.getFacetState(true, negative),
+        };
+        this.selectedFacets = newFacets;
+        this.dispatchSelectedFacetsChanged();
+    }
+    facetUnchecked(bucket) {
+        const { facetGroup, selectedFacets } = this;
+        if (!facetGroup)
+            return;
+        let newFacets;
+        if (selectedFacets) {
+            newFacets = {
+                ...selectedFacets,
+            };
+        }
+        else {
+            newFacets = getDefaultSelectedFacets();
+        }
+        delete newFacets[facetGroup.key][bucket.key];
+        this.selectedFacets = newFacets;
+        this.dispatchSelectedFacetsChanged();
+    }
+    dispatchFacetClickEvent(detail) {
+        const event = new CustomEvent('facetClick', {
+            detail,
+            composed: true,
+        });
+        this.dispatchEvent(event);
+    }
+    dispatchSelectedFacetsChanged() {
+        const event = new CustomEvent('selectedFacetsChanged', {
+            detail: this.selectedFacets,
+            bubbles: true,
+            composed: true,
+        });
+        this.dispatchEvent(event);
+    }
+    get facetsTemplate() {
+        const { facetGroup } = this;
+        if (!facetGroup)
+            return nothing;
+        let facetBuckets = facetGroup.buckets;
+        /**
+         * sorting FacetBucket before render page / modal
+         * - first, selected items should be at top having sorted
+         * - second, suppressed/hidden items should be after selected having sorted
+         * - and then no-selected / not suppressed items should render having sorted
+         */
+        facetBuckets = [
+            ...facetBuckets
+                .filter(x => x.state === 'selected')
+                .sort((a, b) => (a.count < b.count ? 1 : -1)),
+            ...facetBuckets
+                .filter(x => x.state === 'hidden')
+                .sort((a, b) => (a.count < b.count ? 1 : -1)),
+            ...facetBuckets.filter(x => x.state === 'none'),
+        ];
         return html `
       <div class="facets-on-${this.renderOn}">
         ${repeat(facetBuckets, bucket => `${facetGroup.key}:${bucket.key}`, bucket => html `<facet-row
@@ -96,12 +96,12 @@ let FacetsTemplate = class FacetsTemplate extends LitElement {
             @facetClick=${this.facetClicked}
           ></facet-row>`)}
       </div>
-    `;
-    }
-    render() {
-        return html `${this.facetsTemplate}`;
-    }
-    static get styles() {
+    `;
+    }
+    render() {
+        return html `${this.facetsTemplate}`;
+    }
+    static get styles() {
         return css `
       @media (max-width: 560px) {
         .facets-on-modal {
@@ -142,23 +142,23 @@ let FacetsTemplate = class FacetsTemplate extends LitElement {
       a:hover {
         text-decoration: underline;
       }
-    `;
-    }
-};
-__decorate([
-    property({ type: Object })
-], FacetsTemplate.prototype, "facetGroup", void 0);
-__decorate([
-    property({ type: Object })
-], FacetsTemplate.prototype, "selectedFacets", void 0);
-__decorate([
-    property({ type: String })
-], FacetsTemplate.prototype, "renderOn", void 0);
-__decorate([
-    property({ type: Object })
-], FacetsTemplate.prototype, "collectionTitles", void 0);
-FacetsTemplate = __decorate([
-    customElement('facets-template')
-], FacetsTemplate);
-export { FacetsTemplate };
+    `;
+    }
+};
+__decorate([
+    property({ type: Object })
+], FacetsTemplate.prototype, "facetGroup", void 0);
+__decorate([
+    property({ type: Object })
+], FacetsTemplate.prototype, "selectedFacets", void 0);
+__decorate([
+    property({ type: String })
+], FacetsTemplate.prototype, "renderOn", void 0);
+__decorate([
+    property({ type: Object })
+], FacetsTemplate.prototype, "collectionTitles", void 0);
+FacetsTemplate = __decorate([
+    customElement('facets-template')
+], FacetsTemplate);
+export { FacetsTemplate };
 //# sourceMappingURL=facets-template.js.map