@internetarchive/collection-browser 2.2.3-alpha.6 → 2.4.0

package/dist/src/empty-placeholder.js

@@ -1,78 +1,78 @@
-var EmptyPlaceholder_1;
-import { __decorate } from "tslib";
-import { css, html, LitElement, nothing, } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { choose } from 'lit/directives/choose.js';
-import { msg } from '@lit/localize';
-import emptyQueryIcon from './assets/img/icons/empty-query';
-import nullResultIcon from './assets/img/icons/null-result';
-let EmptyPlaceholder = EmptyPlaceholder_1 = class EmptyPlaceholder extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.placeholderType = null;
-        this.detailMessage = '';
-    }
-    render() {
-        return this.placeholderType ? html `${this.placeholderTemplate}` : nothing;
-    }
-    get placeholderTemplate() {
+var EmptyPlaceholder_1;
+import { __decorate } from "tslib";
+import { css, html, LitElement, nothing, } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { choose } from 'lit/directives/choose.js';
+import { msg } from '@lit/localize';
+import emptyQueryIcon from './assets/img/icons/empty-query';
+import nullResultIcon from './assets/img/icons/null-result';
+let EmptyPlaceholder = EmptyPlaceholder_1 = class EmptyPlaceholder extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.placeholderType = null;
+        this.detailMessage = '';
+    }
+    render() {
+        return this.placeholderType ? html `${this.placeholderTemplate}` : nothing;
+    }
+    get placeholderTemplate() {
         return html `
       <div
-        class="placeholder ${this.placeholderType} ${this.isMobileView
-            ? 'mobile'
+        class="placeholder ${this.placeholderType} ${this.isMobileView
+            ? 'mobile'
             : 'desktop'}"
       >
-        ${choose(this.placeholderType, [
-            ['empty-query', () => this.emptyQueryTemplate],
-            ['empty-collection', () => this.emptyCollectionTemplate],
-            ['no-results', () => this.noResultsTemplate],
-            ['query-error', () => this.queryErrorTemplate],
-            ['collection-error', () => this.collectionErrorTemplate],
+        ${choose(this.placeholderType, [
+            ['empty-query', () => this.emptyQueryTemplate],
+            ['empty-collection', () => this.emptyCollectionTemplate],
+            ['no-results', () => this.noResultsTemplate],
+            ['query-error', () => this.queryErrorTemplate],
+            ['collection-error', () => this.collectionErrorTemplate],
         ])}
       </div>
-    `;
-    }
-    get emptyQueryTemplate() {
+    `;
+    }
+    get emptyQueryTemplate() {
         return html `
       <h2 class="title">${EmptyPlaceholder_1.MESSAGE_EMPTY_QUERY}</h2>
       <div>${emptyQueryIcon}</div>
-    `;
-    }
-    get emptyCollectionTemplate() {
+    `;
+    }
+    get emptyCollectionTemplate() {
         return html `
       <h2 class="title">${EmptyPlaceholder_1.MESSAGE_NO_VIEWABLE_MEMBERS}</h2>
       <div>${nullResultIcon}</div>
-    `;
-    }
-    get noResultsTemplate() {
+    `;
+    }
+    get noResultsTemplate() {
         return html `
       <h2 class="title">
-        ${this.isCollection
-            ? EmptyPlaceholder_1.MESSAGE_NO_COLLECTION_RESULTS
+        ${this.isCollection
+            ? EmptyPlaceholder_1.MESSAGE_NO_COLLECTION_RESULTS
             : EmptyPlaceholder_1.MESSAGE_NO_SEARCH_RESULTS}
       </h2>
       <div>${nullResultIcon}</div>
-    `;
-    }
-    get queryErrorTemplate() {
+    `;
+    }
+    get queryErrorTemplate() {
         return html `
       <h2 class="title">${EmptyPlaceholder_1.MESSAGE_QUERY_ERROR}</h2>
       <div>${nullResultIcon}</div>
       <p class="error-details">
         ${EmptyPlaceholder_1.QUERY_ERROR_DETAILS_MESSAGE} ${this.detailMessage}
       </p>
-    `;
-    }
-    get collectionErrorTemplate() {
+    `;
+    }
+    get collectionErrorTemplate() {
         return html `
       <h2 class="title">${EmptyPlaceholder_1.MESSAGE_COLLECTION_ERROR}</h2>
       <div>${nullResultIcon}</div>
       <p class="error-details">
         ${EmptyPlaceholder_1.QUERY_ERROR_DETAILS_MESSAGE} ${this.detailMessage}
       </p>
-    `;
-    }
-    static get styles() {
+    `;
+    }
+    static get styles() {
         return css `
       :host {
         text-align: center;
@@ -113,41 +113,41 @@ let EmptyPlaceholder = EmptyPlaceholder_1 = class EmptyPlaceholder extends LitEl
         font-size: 1.2rem;
         word-break: break-word;
       }
-    `;
-    }
-};
-EmptyPlaceholder.MESSAGE_EMPTY_QUERY = msg('To begin searching, enter a search term in the box above and hit "Go".');
-EmptyPlaceholder.MESSAGE_NO_SEARCH_RESULTS = msg('Your search did not match any items in the Archive. ' +
-    'Try different keywords or a more general search.');
-EmptyPlaceholder.MESSAGE_NO_COLLECTION_RESULTS = msg('Your search did not match any items in this collection. ' +
-    'Try different keywords or a more general search.');
-EmptyPlaceholder.MESSAGE_NO_VIEWABLE_MEMBERS = msg('This collection contains no viewable items.');
+    `;
+    }
+};
+EmptyPlaceholder.MESSAGE_EMPTY_QUERY = msg('To begin searching, enter a search term in the box above and hit "Go".');
+EmptyPlaceholder.MESSAGE_NO_SEARCH_RESULTS = msg('Your search did not match any items in the Archive. ' +
+    'Try different keywords or a more general search.');
+EmptyPlaceholder.MESSAGE_NO_COLLECTION_RESULTS = msg('Your search did not match any items in this collection. ' +
+    'Try different keywords or a more general search.');
+EmptyPlaceholder.MESSAGE_NO_VIEWABLE_MEMBERS = msg('This collection contains no viewable items.');
 EmptyPlaceholder.MESSAGE_QUERY_ERROR = msg(html `The search engine
     encountered an error, which might be related to your search query.
     <a
       href="https://help.archive.org/help/search-building-powerful-complex-queries/"
     >
       Tips for constructing search queries.
-    </a> `);
+    </a> `);
 EmptyPlaceholder.MESSAGE_COLLECTION_ERROR = msg(html `The search engine
     encountered an error while loading this collection. If the problem persists,
     please let us know at
-    <a href="mailto:info@archive.org">info@archive.org</a>.`);
-EmptyPlaceholder.QUERY_ERROR_DETAILS_MESSAGE = msg('Error details:');
-__decorate([
-    property({ type: String })
-], EmptyPlaceholder.prototype, "placeholderType", void 0);
-__decorate([
-    property({ type: Boolean })
-], EmptyPlaceholder.prototype, "isMobileView", void 0);
-__decorate([
-    property({ type: Boolean })
-], EmptyPlaceholder.prototype, "isCollection", void 0);
-__decorate([
-    property({ type: String })
-], EmptyPlaceholder.prototype, "detailMessage", void 0);
-EmptyPlaceholder = EmptyPlaceholder_1 = __decorate([
-    customElement('empty-placeholder')
-], EmptyPlaceholder);
-export { EmptyPlaceholder };
+    <a href="mailto:info@archive.org">info@archive.org</a>.`);
+EmptyPlaceholder.QUERY_ERROR_DETAILS_MESSAGE = msg('Error details:');
+__decorate([
+    property({ type: String })
+], EmptyPlaceholder.prototype, "placeholderType", void 0);
+__decorate([
+    property({ type: Boolean })
+], EmptyPlaceholder.prototype, "isMobileView", void 0);
+__decorate([
+    property({ type: Boolean })
+], EmptyPlaceholder.prototype, "isCollection", void 0);
+__decorate([
+    property({ type: String })
+], EmptyPlaceholder.prototype, "detailMessage", void 0);
+EmptyPlaceholder = EmptyPlaceholder_1 = __decorate([
+    customElement('empty-placeholder')
+], EmptyPlaceholder);
+export { EmptyPlaceholder };
 //# sourceMappingURL=empty-placeholder.js.map

package/dist/src/expanded-date-picker.d.ts

@@ -1,43 +1,43 @@
-import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
-import type { ModalManagerInterface } from '@internetarchive/modal-manager';
-import type { AnalyticsManagerInterface } from '@internetarchive/analytics-manager';
-export declare class ExpandedDatePicker extends LitElement {
-    minDate?: string;
-    maxDate?: string;
-    minSelectedDate?: string;
-    maxSelectedDate?: string;
-    buckets?: number[];
-    modalManager?: ModalManagerInterface;
-    analyticsHandler?: AnalyticsManagerInterface;
-    render(): TemplateResult;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    /**
-     * Add an event listener to close the date picker modal when the Esc key is pressed
-     */
-    private setupEscapeListener;
-    /**
-     * Remove the Esc key listener that was previously added
-     */
-    private removeEscapeListener;
-    /**
-     * Closes the modal dialog if the given event is pressing the Esc key.
-     * Arrow function to ensure `this` remains bound to the current component.
-     */
-    private boundEscapeListener;
-    /**
-     * When the histogram is updated, keep track of the newly selected date range.
-     * We don't commit to the new range until the apply button is clicked.
-     */
-    private histogramDateRangeUpdated;
-    /**
-     * When the Apply button is clicked, emit the current date range and close the modal.
-     */
-    private applyBtnClicked;
-    /**
-     * Closes the modal associated with this component (if it exists) and dispatches a
-     * modalClosed event.
-     */
-    private closeModal;
-    static get styles(): CSSResultGroup;
-}
+import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
+import type { ModalManagerInterface } from '@internetarchive/modal-manager';
+import type { AnalyticsManagerInterface } from '@internetarchive/analytics-manager';
+export declare class ExpandedDatePicker extends LitElement {
+    minDate?: string;
+    maxDate?: string;
+    minSelectedDate?: string;
+    maxSelectedDate?: string;
+    buckets?: number[];
+    modalManager?: ModalManagerInterface;
+    analyticsHandler?: AnalyticsManagerInterface;
+    render(): TemplateResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Add an event listener to close the date picker modal when the Esc key is pressed
+     */
+    private setupEscapeListener;
+    /**
+     * Remove the Esc key listener that was previously added
+     */
+    private removeEscapeListener;
+    /**
+     * Closes the modal dialog if the given event is pressing the Esc key.
+     * Arrow function to ensure `this` remains bound to the current component.
+     */
+    private boundEscapeListener;
+    /**
+     * When the histogram is updated, keep track of the newly selected date range.
+     * We don't commit to the new range until the apply button is clicked.
+     */
+    private histogramDateRangeUpdated;
+    /**
+     * When the Apply button is clicked, emit the current date range and close the modal.
+     */
+    private applyBtnClicked;
+    /**
+     * Closes the modal associated with this component (if it exists) and dispatches a
+     * modalClosed event.
+     */
+    private closeModal;
+    static get styles(): CSSResultGroup;
+}

package/dist/src/expanded-date-picker.js

@@ -1,22 +1,22 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { analyticsActions, analyticsCategories, } from './utils/analytics-events';
-let ExpandedDatePicker = class ExpandedDatePicker extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Closes the modal dialog if the given event is pressing the Esc key.
-         * Arrow function to ensure `this` remains bound to the current component.
-         */
-        this.boundEscapeListener = (e) => {
-            if (e.key === 'Escape') {
-                this.closeModal();
-            }
-        };
-    }
-    render() {
-        var _a, _b;
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { analyticsActions, analyticsCategories, } from './utils/analytics-events';
+let ExpandedDatePicker = class ExpandedDatePicker extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Closes the modal dialog if the given event is pressing the Esc key.
+         * Arrow function to ensure `this` remains bound to the current component.
+         */
+        this.boundEscapeListener = (e) => {
+            if (e.key === 'Escape') {
+                this.closeModal();
+            }
+        };
+    }
+    render() {
+        var _a, _b;
         return html `
       <div id="container">
         <histogram-date-range
@@ -42,68 +42,68 @@ let ExpandedDatePicker = class ExpandedDatePicker extends LitElement {
           </button>
         </histogram-date-range>
       </div>
-    `;
-    }
-    connectedCallback() {
-        var _a;
-        (_a = super.connectedCallback) === null || _a === void 0 ? void 0 : _a.call(this);
-        this.setupEscapeListener();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = super.disconnectedCallback) === null || _a === void 0 ? void 0 : _a.call(this);
-        this.removeEscapeListener();
-    }
-    /**
-     * Add an event listener to close the date picker modal when the Esc key is pressed
-     */
-    setupEscapeListener() {
-        document.addEventListener('keydown', this.boundEscapeListener);
-    }
-    /**
-     * Remove the Esc key listener that was previously added
-     */
-    removeEscapeListener() {
-        document.removeEventListener('keydown', this.boundEscapeListener);
-    }
-    /**
-     * When the histogram is updated, keep track of the newly selected date range.
-     * We don't commit to the new range until the apply button is clicked.
-     */
-    histogramDateRangeUpdated(e) {
-        this.minSelectedDate = e.detail.minDate;
-        this.maxSelectedDate = e.detail.maxDate;
-    }
-    /**
-     * When the Apply button is clicked, emit the current date range and close the modal.
-     */
-    applyBtnClicked() {
-        var _a;
-        const event = new CustomEvent('histogramDateRangeApplied', {
-            detail: {
-                minDate: this.minSelectedDate,
-                maxDate: this.maxSelectedDate,
-            },
-        });
-        this.dispatchEvent(event);
-        this.closeModal();
-        (_a = this.analyticsHandler) === null || _a === void 0 ? void 0 : _a.sendEvent({
-            category: analyticsCategories.default,
-            action: analyticsActions.histogramChangedFromModal,
-            label: window.location.href,
-        });
-    }
-    /**
-     * Closes the modal associated with this component (if it exists) and dispatches a
-     * modalClosed event.
-     */
-    closeModal() {
-        if (this.modalManager) {
-            this.modalManager.closeModal();
-            this.dispatchEvent(new CustomEvent('modalClosed'));
-        }
-    }
-    static get styles() {
+    `;
+    }
+    connectedCallback() {
+        var _a;
+        (_a = super.connectedCallback) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.setupEscapeListener();
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = super.disconnectedCallback) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.removeEscapeListener();
+    }
+    /**
+     * Add an event listener to close the date picker modal when the Esc key is pressed
+     */
+    setupEscapeListener() {
+        document.addEventListener('keydown', this.boundEscapeListener);
+    }
+    /**
+     * Remove the Esc key listener that was previously added
+     */
+    removeEscapeListener() {
+        document.removeEventListener('keydown', this.boundEscapeListener);
+    }
+    /**
+     * When the histogram is updated, keep track of the newly selected date range.
+     * We don't commit to the new range until the apply button is clicked.
+     */
+    histogramDateRangeUpdated(e) {
+        this.minSelectedDate = e.detail.minDate;
+        this.maxSelectedDate = e.detail.maxDate;
+    }
+    /**
+     * When the Apply button is clicked, emit the current date range and close the modal.
+     */
+    applyBtnClicked() {
+        var _a;
+        const event = new CustomEvent('histogramDateRangeApplied', {
+            detail: {
+                minDate: this.minSelectedDate,
+                maxDate: this.maxSelectedDate,
+            },
+        });
+        this.dispatchEvent(event);
+        this.closeModal();
+        (_a = this.analyticsHandler) === null || _a === void 0 ? void 0 : _a.sendEvent({
+            category: analyticsCategories.default,
+            action: analyticsActions.histogramChangedFromModal,
+            label: window.location.href,
+        });
+    }
+    /**
+     * Closes the modal associated with this component (if it exists) and dispatches a
+     * modalClosed event.
+     */
+    closeModal() {
+        if (this.modalManager) {
+            this.modalManager.closeModal();
+            this.dispatchEvent(new CustomEvent('modalClosed'));
+        }
+    }
+    static get styles() {
         return css `
       #container {
         display: flex;
@@ -126,32 +126,32 @@ let ExpandedDatePicker = class ExpandedDatePicker extends LitElement {
         color: white;
         cursor: pointer;
       }
-    `;
-    }
-};
-__decorate([
-    property({ type: String })
-], ExpandedDatePicker.prototype, "minDate", void 0);
-__decorate([
-    property({ type: String })
-], ExpandedDatePicker.prototype, "maxDate", void 0);
-__decorate([
-    property({ type: String })
-], ExpandedDatePicker.prototype, "minSelectedDate", void 0);
-__decorate([
-    property({ type: String })
-], ExpandedDatePicker.prototype, "maxSelectedDate", void 0);
-__decorate([
-    property({ type: Array })
-], ExpandedDatePicker.prototype, "buckets", void 0);
-__decorate([
-    property({ type: Object, attribute: false })
-], ExpandedDatePicker.prototype, "modalManager", void 0);
-__decorate([
-    property({ type: Object, attribute: false })
-], ExpandedDatePicker.prototype, "analyticsHandler", void 0);
-ExpandedDatePicker = __decorate([
-    customElement('expanded-date-picker')
-], ExpandedDatePicker);
-export { ExpandedDatePicker };
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], ExpandedDatePicker.prototype, "minDate", void 0);
+__decorate([
+    property({ type: String })
+], ExpandedDatePicker.prototype, "maxDate", void 0);
+__decorate([
+    property({ type: String })
+], ExpandedDatePicker.prototype, "minSelectedDate", void 0);
+__decorate([
+    property({ type: String })
+], ExpandedDatePicker.prototype, "maxSelectedDate", void 0);
+__decorate([
+    property({ type: Array })
+], ExpandedDatePicker.prototype, "buckets", void 0);
+__decorate([
+    property({ type: Object, attribute: false })
+], ExpandedDatePicker.prototype, "modalManager", void 0);
+__decorate([
+    property({ type: Object, attribute: false })
+], ExpandedDatePicker.prototype, "analyticsHandler", void 0);
+ExpandedDatePicker = __decorate([
+    customElement('expanded-date-picker')
+], ExpandedDatePicker);
+export { ExpandedDatePicker };
 //# sourceMappingURL=expanded-date-picker.js.map

package/dist/src/language-code-handler/language-code-handler.d.ts

@@ -1,37 +1,37 @@
-export interface LanguageCodeHandlerInterface {
-    /**
-     * This takes a list of codes in the format `en-us|en|en-gb` and
-     * returns the first language code in the list.
-     *
-     * The codes in the string should always represent the same language name.
-     * eg `en-us`, `en-gb`, and `en` should always be "English"
-     *
-     * @param languageCodes
-     */
-    getLanguageNameFromCodeString(languageCodes: string): string;
-    /**
-     * This creates a serialized string of language codes for the given language.
-     *
-     * eg. `English` becomes `en-us|en|en-gb|.....`
-     *
-     * @param languageName
-     */
-    getCodeStringFromLanguageName(languageName: string): string;
-    /**
-     * Get an array of langauge codes from a serialized string.
-     *
-     * eg. `en-us|en|en-gb` becomes `['en-us', 'en', 'en-gb']`
-     *
-     * @param languageCodes
-     */
-    getCodeArrayFromCodeString(languageCodes: string): string[];
-}
-export declare class LanguageCodeHandler implements LanguageCodeHandlerInterface {
-    private delimeter;
-    /** @inheritdoc */
-    getLanguageNameFromCodeString(languageCodes: string): string;
-    /** @inheritdoc */
-    getCodeStringFromLanguageName(languageName: string): string;
-    /** @inheritdoc */
-    getCodeArrayFromCodeString(languageCodes: string): string[];
-}
+export interface LanguageCodeHandlerInterface {
+    /**
+     * This takes a list of codes in the format `en-us|en|en-gb` and
+     * returns the first language code in the list.
+     *
+     * The codes in the string should always represent the same language name.
+     * eg `en-us`, `en-gb`, and `en` should always be "English"
+     *
+     * @param languageCodes
+     */
+    getLanguageNameFromCodeString(languageCodes: string): string;
+    /**
+     * This creates a serialized string of language codes for the given language.
+     *
+     * eg. `English` becomes `en-us|en|en-gb|.....`
+     *
+     * @param languageName
+     */
+    getCodeStringFromLanguageName(languageName: string): string;
+    /**
+     * Get an array of langauge codes from a serialized string.
+     *
+     * eg. `en-us|en|en-gb` becomes `['en-us', 'en', 'en-gb']`
+     *
+     * @param languageCodes
+     */
+    getCodeArrayFromCodeString(languageCodes: string): string[];
+}
+export declare class LanguageCodeHandler implements LanguageCodeHandlerInterface {
+    private delimeter;
+    /** @inheritdoc */
+    getLanguageNameFromCodeString(languageCodes: string): string;
+    /** @inheritdoc */
+    getCodeStringFromLanguageName(languageName: string): string;
+    /** @inheritdoc */
+    getCodeArrayFromCodeString(languageCodes: string): string[];
+}

package/dist/src/language-code-handler/language-code-handler.js

@@ -1,27 +1,27 @@
-import { codeToLanguageMap } from './language-code-mapping';
-export class LanguageCodeHandler {
-    constructor() {
-        this.delimeter = '|';
-    }
-    /** @inheritdoc */
-    getLanguageNameFromCodeString(languageCodes) {
-        const split = this.getCodeArrayFromCodeString(languageCodes);
-        if (split.length === 0)
-            return '';
-        const languageCode = split[0];
-        const languageName = codeToLanguageMap[languageCode];
-        return languageName !== null && languageName !== void 0 ? languageName : languageCodes;
-    }
-    /** @inheritdoc */
-    getCodeStringFromLanguageName(languageName) {
-        const languageCodes = Object.keys(codeToLanguageMap).filter(code => codeToLanguageMap[code] === languageName);
-        const stringifiedCodes = languageCodes === null || languageCodes === void 0 ? void 0 : languageCodes.join(this.delimeter);
-        return stringifiedCodes;
-    }
-    /** @inheritdoc */
-    getCodeArrayFromCodeString(languageCodes) {
-        const split = languageCodes.split(this.delimeter);
-        return split;
-    }
-}
+import { codeToLanguageMap } from './language-code-mapping';
+export class LanguageCodeHandler {
+    constructor() {
+        this.delimeter = '|';
+    }
+    /** @inheritdoc */
+    getLanguageNameFromCodeString(languageCodes) {
+        const split = this.getCodeArrayFromCodeString(languageCodes);
+        if (split.length === 0)
+            return '';
+        const languageCode = split[0];
+        const languageName = codeToLanguageMap[languageCode];
+        return languageName !== null && languageName !== void 0 ? languageName : languageCodes;
+    }
+    /** @inheritdoc */
+    getCodeStringFromLanguageName(languageName) {
+        const languageCodes = Object.keys(codeToLanguageMap).filter(code => codeToLanguageMap[code] === languageName);
+        const stringifiedCodes = languageCodes === null || languageCodes === void 0 ? void 0 : languageCodes.join(this.delimeter);
+        return stringifiedCodes;
+    }
+    /** @inheritdoc */
+    getCodeArrayFromCodeString(languageCodes) {
+        const split = languageCodes.split(this.delimeter);
+        return split;
+    }
+}
 //# sourceMappingURL=language-code-handler.js.map

package/dist/src/language-code-handler/language-code-mapping.d.ts

@@ -1 +1 @@
-export declare const codeToLanguageMap: Record<string, string>;
+export declare const codeToLanguageMap: Record<string, string>;