@internetarchive/collection-browser 1.7.1-alpha.0 → 1.9.0-alpha1

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>;