@internetarchive/collection-browser 0.4.7 → 0.4.8-alpha.1

package/dist/src/sort-filter-bar/alpha-bar.js

@@ -1,63 +1,63 @@
-import { __decorate } from "tslib";
-import { LitElement, html, css } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-let AlphaBar = class AlphaBar extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.selectedLetter = null;
-        this.alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
-    }
-    get selectedUppercaseLetter() {
-        var _a;
-        return (_a = this.selectedLetter) === null || _a === void 0 ? void 0 : _a.toUpperCase();
-    }
-    render() {
+import { __decorate } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let AlphaBar = class AlphaBar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.selectedLetter = null;
+        this.alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
+    }
+    get selectedUppercaseLetter() {
+        var _a;
+        return (_a = this.selectedLetter) === null || _a === void 0 ? void 0 : _a.toUpperCase();
+    }
+    render() {
         return html `
       <div id="container">
         <ul>
-          ${this.alphabet.map(letter => {
-            var _a;
+          ${this.alphabet.map(letter => {
+            var _a;
             return html `
                 <li
-                  class=${letter === this.selectedUppercaseLetter
-                ? 'selected'
+                  class=${letter === this.selectedUppercaseLetter
+                ? 'selected'
                 : ''}
                 >
-                  ${((_a = this.letterCounts) === null || _a === void 0 ? void 0 : _a[letter])
-                ? this.letterLinkTemplate(letter)
+                  ${((_a = this.letterCounts) === null || _a === void 0 ? void 0 : _a[letter])
+                ? this.letterLinkTemplate(letter)
                 : html `<span>${letter}</span>`}
                 </li>
-              `;
+              `;
         })}
         </ul>
       </div>
-    `;
-    }
-    letterLinkTemplate(letter) {
+    `;
+    }
+    letterLinkTemplate(letter) {
         return html `
       <a
         href="#"
-        @click=${(e) => {
-            e.preventDefault();
-            this.letterClicked(letter);
+        @click=${(e) => {
+            e.preventDefault();
+            this.letterClicked(letter);
         }}
       >
         ${letter}
       </a>
-    `;
-    }
-    letterClicked(letter) {
-        if (letter === this.selectedUppercaseLetter) {
-            this.selectedLetter = null;
-        }
-        else {
-            this.selectedLetter = letter;
-        }
-        this.dispatchEvent(new CustomEvent('letterChanged', {
-            detail: { selectedLetter: this.selectedUppercaseLetter },
-        }));
-    }
-};
+    `;
+    }
+    letterClicked(letter) {
+        if (letter === this.selectedUppercaseLetter) {
+            this.selectedLetter = null;
+        }
+        else {
+            this.selectedLetter = letter;
+        }
+        this.dispatchEvent(new CustomEvent('letterChanged', {
+            detail: { selectedLetter: this.selectedUppercaseLetter },
+        }));
+    }
+};
 AlphaBar.styles = css `
     h1 {
       font-size: 1.2rem;
@@ -103,15 +103,15 @@ AlphaBar.styles = css `
     .selected a {
       color: white;
     }
-  `;
-__decorate([
-    property({ type: String })
-], AlphaBar.prototype, "selectedLetter", void 0);
-__decorate([
-    property({ type: Object })
-], AlphaBar.prototype, "letterCounts", void 0);
-AlphaBar = __decorate([
-    customElement('alpha-bar')
-], AlphaBar);
-export { AlphaBar };
+  `;
+__decorate([
+    property({ type: String })
+], AlphaBar.prototype, "selectedLetter", void 0);
+__decorate([
+    property({ type: Object })
+], AlphaBar.prototype, "letterCounts", void 0);
+AlphaBar = __decorate([
+    customElement('alpha-bar')
+], AlphaBar);
+export { AlphaBar };
 //# sourceMappingURL=alpha-bar.js.map

package/dist/src/sort-filter-bar/img/compact.d.ts

@@ -1 +1 @@
-export declare const compactIcon: import("lit-html").TemplateResult<2>;
+export declare const compactIcon: import("lit-html").TemplateResult<2>;

package/dist/src/sort-filter-bar/img/compact.js

@@ -1,5 +1,5 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const compactIcon = svg `
 <svg viewBox="0 0 100 100" xmlns = "http://www.w3.org/2000/svg" > <path d="m96.9964435 6h-93.90621462c-.91561615 0-1.65899868-.29021372-2.23014758-.87064117-.57114891-.58042745-.85783455-1.3048369-.86005692-2.17322835 0-.81214848.28668564-1.50731158.86005692-2.08548931.57337127-.57817773 1.3167538-.86839145 2.23014758-.87064117h93.90621462c.800053 0 1.5012105.29021372 2.1034726.87064117.602262.58042745.9022819 1.27559055.9000718 2.08548931 0 .86839145-.3000321 1.5928009-.9000718 2.17322835-.6000398.58042745-1.3011973.87064117-2.1034726.87064117zm-93.90621462 9.6666667h93.90621462c.800053 0 1.5012105.2861891 2.1034726.8585673.602262.5723782.9022819 1.2579009.9000718 2.0565682 0 .8563487-.3000321 1.5851326-.9000718 2.1863516-.6000398.6012189-1.3011973.9007192-2.1034726.8985129h-93.90621462c-.91561615 0-1.65899868-.2995125-2.23014758-.8985129-.57114891-.5990005-.85783455-1.3277843-.86005692-2.1863516 0-.8008858.28668564-1.4864086.86005692-2.0565682.57337127-.5701597 1.3167538-.8563488 2.23014758-.8585673zm0 15.6700431h93.90621462c.800053 0 1.5012105.303883 2.1034726.9116489.602262.6077659.9022819 1.2886888.9000718 2.0427687-.0022346.7540799-.3022545 1.4496342-.9000718 2.0866629-.5978174.6370287-1.2989749.955543-2.1034726.955543h-93.90621462c-.85783454 0-1.58788286-.3038829-2.19014494-.9116488s-.90228193-1.3179516-.90007182-2.1305571c.00223463-.8126055.30225448-1.5081599.90007182-2.0866629.59781734-.5785031 1.32786566-.8688802 2.19014494-.8711312zm0 15.6632902h93.90621462c.800053 0 1.5012105.2861892 2.1034726.8585675.602262.5723783.9022819 1.2290603.9000718 1.9700462 0 .7986674-.3144775 1.5274514-.943408 2.186352-.6289306.6589006-1.3156427.9872417-2.0601364.9850343h-93.90621462c-.85783454 0-1.58788286-.3139318-2.19014494-.9417731-.60226208-.6278414-.90228193-1.3699365-.90007182-2.2262854 0-.7986674.2866979-1.4697699.86006918-2.0133074.57337127-.5435376 1.3167538-.8153063 2.23014758-.8153063zm0 15.6666667h93.90621462c.800053 0 1.5012105.3038947 2.1034726.9116593.602262.6077647.9022819 1.3472117.9000718 2.218341 0 .7540783-.3000321 1.4203685-.9000718 1.9988703-.6000398.5785019-1.3011973.8688784-2.1034726.8711294h-93.90621462c-.91561615 0-1.65899868-.2757451-2.23014758-.8272352-.57114891-.5514902-.85783455-1.2324117-.86005692-2.0427645 0-.8688784.28668564-1.6083253.86005692-2.218341.57337127-.6100156 1.3167538-.9138979 2.23014758-.9116593zm0 15.6666666h93.90621462c.800053 0 1.5012105.3038948 2.1034726.9116594.602262.6077646.9022819 1.3472116.9000718 2.2183409 0 .7540784-.3000321 1.4203685-.9000718 1.9988704-.6000398.5785019-1.3011973.8688784-2.1034726.8711293h-93.90621462c-.91561615 0-1.65899868-.275745-2.23014758-.8272352-.57114891-.5514901-.85783455-1.2324116-.86005692-2.0427645 0-.8688783.28668564-1.6083253.86005692-2.2183409.57337127-.6100156 1.3167538-.9138979 2.23014758-.9116594zm0 15.6666667h93.90621462c.800053 0 1.5012105.3038947 2.1034726.9116594.602262.6077646.9022819 1.3472116.9000718 2.2183409 0 .7540784-.3000321 1.4203685-.9000718 1.9988704-.6000398.5785019-1.3011973.8688783-2.1034726.8711293h-93.90621462c-.91561615 0-1.65899868-.2757451-2.23014758-.8272352-.57114891-.5514901-.85783455-1.2324116-.86005692-2.0427645 0-.8688783.28668564-1.6083253.86005692-2.2183409.57337127-.6100156 1.3167538-.913898 2.23014758-.9116594z" /> </svg>
-`;
+`;
 //# sourceMappingURL=compact.js.map

package/dist/src/sort-filter-bar/img/list.d.ts

@@ -1 +1 @@
-export declare const listIcon: import("lit-html").TemplateResult<2>;
+export declare const listIcon: import("lit-html").TemplateResult<2>;

package/dist/src/sort-filter-bar/img/list.js

@@ -1,5 +1,5 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const listIcon = svg `
 <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><g fill="#000" fill-rule="nonzero"><path d="m97.8975061 6h-65.7343743c-.6409315 0-1.1612995-.29021372-1.5611039-.87064117-.3998043-.58042745-.6004844-1.3048369-.60204-2.17322835 0-.81214848.20068-1.50731158.60204-2.08548931.4013601-.57817773.921728-.86839145 1.5611039-.87064117h65.7343743c.5600372 0 1.0508477.29021372 1.4724313.87064117s.6315976 1.27559055.6300505 2.08548931c0 .86839145-.2100226 1.5928009-.6300505 2.17322835-.420028.58042745-.9108384.87064117-1.4724313.87064117z"/><path d="m97.8975061 61h-65.7343743c-.6409315 0-1.1612995-.2902137-1.5611039-.8706412-.3998043-.5804274-.6004844-1.3048369-.60204-2.1732283 0-.8121485.20068-1.5073116.60204-2.0854893.4013601-.5781778.921728-.8683915 1.5611039-.8706412h65.7343743c.5600372 0 1.0508477.2902137 1.4724313.8706412.4215836.5804274.6315976 1.2755905.6300505 2.0854893 0 .8683914-.2100226 1.5928009-.6300505 2.1732283-.420028.5804275-.9108384.8706412-1.4724313.8706412z"/><path d="m97.8975061 19h-65.7343743c-.6409315 0-1.1612995-.2902137-1.5611039-.8706412-.3998043-.5804274-.6004844-1.3048369-.60204-2.1732283 0-.8121485.20068-1.5073116.60204-2.0854893.4013601-.5781778.921728-.8683915 1.5611039-.8706412h65.7343743c.5600372 0 1.0508477.2902137 1.4724313.8706412.4215836.5804274.6315976 1.2755905.6300505 2.0854893 0 .8683914-.2100226 1.5928009-.6300505 2.1732283-.420028.5804275-.9108384.8706412-1.4724313.8706412z"/><path d="m97.8975061 74h-65.7343743c-.6409315 0-1.1612995-.2902137-1.5611039-.8706412-.3998043-.5804274-.6004844-1.3048369-.60204-2.1732283 0-.8121485.20068-1.5073116.60204-2.0854893.4013601-.5781778.921728-.8683915 1.5611039-.8706412h65.7343743c.5600372 0 1.0508477.2902137 1.4724313.8706412.4215836.5804274.6315976 1.2755905.6300505 2.0854893 0 .8683914-.2100226 1.5928009-.6300505 2.1732283-.420028.5804275-.9108384.8706412-1.4724313.8706412z"/><path d="m97.8975061 32h-65.7343743c-.6409315 0-1.1612995-.2902137-1.5611039-.8706412-.3998043-.5804274-.6004844-1.3048369-.60204-2.1732283 0-.8121485.20068-1.5073116.60204-2.0854893.4013601-.5781778.921728-.8683915 1.5611039-.8706412h65.7343743c.5600372 0 1.0508477.2902137 1.4724313.8706412.4215836.5804274.6315976 1.2755905.6300505 2.0854893 0 .8683914-.2100226 1.5928009-.6300505 2.1732283-.420028.5804275-.9108384.8706412-1.4724313.8706412z"/><path d="m97.8975061 87h-65.7343743c-.6409315 0-1.1612995-.2902137-1.5611039-.8706412-.3998043-.5804274-.6004844-1.3048369-.60204-2.1732283 0-.8121485.20068-1.5073116.60204-2.0854893.4013601-.5781778.921728-.8683915 1.5611039-.8706412h65.7343743c.5600372 0 1.0508477.2902137 1.4724313.8706412.4215836.5804274.6315976 1.2755905.6300505 2.0854893 0 .8683914-.2100226 1.5928009-.6300505 2.1732283-.420028.5804275-.9108384.8706412-1.4724313.8706412z"/><path d="m97.8975061 45h-65.7343743c-.6409315 0-1.1612995-.2902137-1.5611039-.8706412-.3998043-.5804274-.6004844-1.3048369-.60204-2.1732283 0-.8121485.20068-1.5073116.60204-2.0854893.4013601-.5781778.921728-.8683915 1.5611039-.8706412h65.7343743c.5600372 0 1.0508477.2902137 1.4724313.8706412.4215836.5804274.6315976 1.2755905.6300505 2.0854893 0 .8683914-.2100226 1.5928009-.6300505 2.1732283-.420028.5804275-.9108384.8706412-1.4724313.8706412z"/><path d="m97.8975061 100h-65.7343743c-.6409315 0-1.1612995-.2902137-1.5611039-.8706412-.3998043-.5804274-.6004844-1.3048369-.60204-2.1732283 0-.8121485.20068-1.5073116.60204-2.0854893.4013601-.5781778.921728-.8683915 1.5611039-.8706412h65.7343743c.5600372 0 1.0508477.2902137 1.4724313.8706412.4215836.5804274.6315976 1.2755905.6300505 2.0854893 0 .8683914-.2100226 1.5928009-.6300505 2.1732283-.420028.5804275-.9108384.8706412-1.4724313.8706412z"/><path d="m0 0h25v25h-25z"/><path d="m0 55h25v25h-25z"/></g></svg>
-`;
+`;
 //# sourceMappingURL=list.js.map

package/dist/src/sort-filter-bar/img/sort-triangle.d.ts

@@ -1 +1 @@
-export declare const sortIcon: import("lit-html").TemplateResult<2>;
+export declare const sortIcon: import("lit-html").TemplateResult<2>;

package/dist/src/sort-filter-bar/img/sort-triangle.js

@@ -1,5 +1,5 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const sortIcon = svg `
 <svg viewBox="0 0 100 55" xmlns="http://www.w3.org/2000/svg"><path d="m50 0 50 55h-100z"/></svg>
-`;
+`;
 //# sourceMappingURL=sort-triangle.js.map

package/dist/src/sort-filter-bar/img/tile.d.ts

@@ -1 +1 @@
-export declare const tileIcon: import("lit-html").TemplateResult<2>;
+export declare const tileIcon: import("lit-html").TemplateResult<2>;

package/dist/src/sort-filter-bar/img/tile.js

@@ -1,5 +1,5 @@
-import { svg } from 'lit';
+import { svg } from 'lit';
 export const tileIcon = svg `
 <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="m64 54v46h-28v-46zm36 0v46h-28v-46zm-72 0v46h-28v-46zm36-54v46h-28v-46zm36 0v46h-28v-46zm-72 0v46h-28v-46z"/></svg>
-`;
+`;
 //# sourceMappingURL=tile.js.map

package/dist/src/sort-filter-bar/sort-filter-bar.d.ts

@@ -1,108 +1,108 @@
-import { LitElement, PropertyValues, TemplateResult } from 'lit';
-import type { SharedResizeObserverInterface, SharedResizeObserverResizeHandlerInterface } from '@internetarchive/shared-resize-observer';
-import { CollectionDisplayMode, PrefixFilterCounts, PrefixFilterType, SortField } from '../models';
-import './alpha-bar';
-declare type AlphaSelector = 'creator' | 'title';
-export declare class SortFilterBar extends LitElement implements SharedResizeObserverResizeHandlerInterface {
-    displayMode?: CollectionDisplayMode;
-    sortDirection: 'asc' | 'desc' | null;
-    selectedSort: SortField;
-    selectedTitleFilter: string | null;
-    selectedCreatorFilter: string | null;
-    showRelevance: boolean;
-    prefixFilterCountMap?: Record<PrefixFilterType, PrefixFilterCounts>;
-    resizeObserver?: SharedResizeObserverInterface;
-    alphaSelectorVisible: AlphaSelector | null;
-    dateSortSelectorVisible: boolean;
-    viewSortSelectorVisible: boolean;
-    desktopSelectorBarWidth: number;
-    selectorBarContainerWidth: number;
-    hoveringOverDateSortOptions: boolean;
-    private desktopSortSelector;
-    private sortSelectorContainer;
-    render(): TemplateResult<1>;
-    updated(changed: PropertyValues): void;
-    private setupEscapeListeners;
-    private boundSortBarSelectorEscapeListener;
-    disconnectedCallback(): void;
-    private disconnectResizeObserver;
-    private setupResizeObserver;
-    private get mobileSelectorVisible();
-    private get alphaBarTemplate();
-    handleResize(entry: ResizeObserverEntry): void;
-    private get sortDirectionSelectorTemplate();
-    private get desktopSortSelectorTemplate();
-    /**
-     * This generates each of the sort option links.
-     *
-     * It manages the display value and the selected state of the option.
-     *
-     * @param sortField
-     * @param options {
-     *    additionalClickEvent?: () => void; If this is provided, it will also be called when the option is clicked.
-     *    displayName?: TemplateResult; The name to display for the option. Defaults to the sortField display name.
-     *    isSelected?: () => boolean; A function that returns true if the option is selected. Defaults to the selectedSort === sortField.
-     * }
-     * @returns
-     */
-    private getSortDisplayOption;
-    private get mobileSortSelectorTemplate();
-    private mobileSortChanged;
-    private get displayOptionTemplate();
-    private get dateSortSelector();
-    private get viewSortSelector();
-    private getDateSortButton;
-    private selectDateSort;
-    private setSortDirections;
-    private setSelectedSort;
-    /**
-     * There are four date sort options.
-     *
-     * This checks to see if the current sort is one of them.
-     *
-     * @readonly
-     * @private
-     * @type {boolean}
-     * @memberof SortFilterBar
-     */
-    private get dateOptionSelected();
-    /**
-     * There are two view sort options.
-     *
-     * This checks to see if the current sort is one of them.
-     *
-     * @readonly
-     * @private
-     * @type {boolean}
-     * @memberof SortFilterBar
-     */
-    private get viewOptionSelected();
-    /**
-     * The display name of the current date field
-     *
-     * @readonly
-     * @private
-     * @type {string}
-     * @memberof SortFilterBar
-     */
-    private get dateSortField();
-    /**
-     * The display name of the current view field
-     *
-     * @readonly
-     * @private
-     * @type {string}
-     * @memberof SortFilterBar
-     */
-    private get viewSortField();
-    private get titleSelectorBar();
-    private get creatorSelectorBar();
-    private titleLetterChanged;
-    private creatorLetterChanged;
-    private emitTitleLetterChangedEvent;
-    private emitCreatorLetterChangedEvent;
-    private displayModeChanged;
-    private emitSortChangedEvent;
-    static styles: import("lit").CSSResult;
-}
-export {};
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+import type { SharedResizeObserverInterface, SharedResizeObserverResizeHandlerInterface } from '@internetarchive/shared-resize-observer';
+import { CollectionDisplayMode, PrefixFilterCounts, PrefixFilterType, SortField } from '../models';
+import './alpha-bar';
+declare type AlphaSelector = 'creator' | 'title';
+export declare class SortFilterBar extends LitElement implements SharedResizeObserverResizeHandlerInterface {
+    displayMode?: CollectionDisplayMode;
+    sortDirection: 'asc' | 'desc' | null;
+    selectedSort: SortField;
+    selectedTitleFilter: string | null;
+    selectedCreatorFilter: string | null;
+    showRelevance: boolean;
+    prefixFilterCountMap?: Record<PrefixFilterType, PrefixFilterCounts>;
+    resizeObserver?: SharedResizeObserverInterface;
+    alphaSelectorVisible: AlphaSelector | null;
+    dateSortSelectorVisible: boolean;
+    viewSortSelectorVisible: boolean;
+    desktopSelectorBarWidth: number;
+    selectorBarContainerWidth: number;
+    hoveringOverDateSortOptions: boolean;
+    private desktopSortSelector;
+    private sortSelectorContainer;
+    render(): TemplateResult<1>;
+    updated(changed: PropertyValues): void;
+    private setupEscapeListeners;
+    private boundSortBarSelectorEscapeListener;
+    disconnectedCallback(): void;
+    private disconnectResizeObserver;
+    private setupResizeObserver;
+    private get mobileSelectorVisible();
+    private get alphaBarTemplate();
+    handleResize(entry: ResizeObserverEntry): void;
+    private get sortDirectionSelectorTemplate();
+    private get desktopSortSelectorTemplate();
+    /**
+     * This generates each of the sort option links.
+     *
+     * It manages the display value and the selected state of the option.
+     *
+     * @param sortField
+     * @param options {
+     *    additionalClickEvent?: () => void; If this is provided, it will also be called when the option is clicked.
+     *    displayName?: TemplateResult; The name to display for the option. Defaults to the sortField display name.
+     *    isSelected?: () => boolean; A function that returns true if the option is selected. Defaults to the selectedSort === sortField.
+     * }
+     * @returns
+     */
+    private getSortDisplayOption;
+    private get mobileSortSelectorTemplate();
+    private mobileSortChanged;
+    private get displayOptionTemplate();
+    private get dateSortSelector();
+    private get viewSortSelector();
+    private getDateSortButton;
+    private selectDateSort;
+    private setSortDirections;
+    private setSelectedSort;
+    /**
+     * There are four date sort options.
+     *
+     * This checks to see if the current sort is one of them.
+     *
+     * @readonly
+     * @private
+     * @type {boolean}
+     * @memberof SortFilterBar
+     */
+    private get dateOptionSelected();
+    /**
+     * There are two view sort options.
+     *
+     * This checks to see if the current sort is one of them.
+     *
+     * @readonly
+     * @private
+     * @type {boolean}
+     * @memberof SortFilterBar
+     */
+    private get viewOptionSelected();
+    /**
+     * The display name of the current date field
+     *
+     * @readonly
+     * @private
+     * @type {string}
+     * @memberof SortFilterBar
+     */
+    private get dateSortField();
+    /**
+     * The display name of the current view field
+     *
+     * @readonly
+     * @private
+     * @type {string}
+     * @memberof SortFilterBar
+     */
+    private get viewSortField();
+    private get titleSelectorBar();
+    private get creatorSelectorBar();
+    private titleLetterChanged;
+    private creatorLetterChanged;
+    private emitTitleLetterChangedEvent;
+    private emitCreatorLetterChangedEvent;
+    private displayModeChanged;
+    private emitSortChangedEvent;
+    static styles: import("lit").CSSResult;
+}
+export {};