@internetarchive/collection-browser 1.8.0 → 1.9.0-alpha1

package/dist/src/collection-facets/more-facets-pagination.d.ts

@@ -1,36 +1,36 @@
-import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-export declare class MoreFacetsPagination extends LitElement {
-    /**
-     * Total number of pages
-     */
-    size: number;
-    /**
-     * Number of pages can be moved in back/forward
-     */
-    step: number;
-    currentPage: number;
-    pages?: number[];
-    firstUpdated(): void;
-    updated(changed: Map<string, any>): void;
-    /** creates `this.pages` array that notes which pages to draw
-     * - `0` is elipses marker
-     * - rule: selected page is centered between -2/+2 pages
-     * - outlier: first page selected, show _1_ 2 3 ... N
-     * - outlier: second page selected, show 1 _2_ 3 4 ... N
-     * - outlier: last page selected, show 1 ... N-2 N-1 _N_
-     * - outlier: if page count = 7, & selected is either [2, 3, 4, 5, 6], show all pages
-     */
-    observePageCount(): void;
-    private createFirstNode;
-    private createMiddelNode;
-    private createLastNode;
-    private get getEllipsisTemplate();
-    emitPageClick(): void;
-    private onRewind;
-    private onForward;
-    private onChange;
-    private getPageTemplate;
-    private get getPagesTemplate();
-    render(): TemplateResult<1>;
-    static get styles(): CSSResultGroup;
-}
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+export declare class MoreFacetsPagination extends LitElement {
+    /**
+     * Total number of pages
+     */
+    size: number;
+    /**
+     * Number of pages can be moved in back/forward
+     */
+    step: number;
+    currentPage: number;
+    pages?: number[];
+    firstUpdated(): void;
+    updated(changed: Map<string, any>): void;
+    /** creates `this.pages` array that notes which pages to draw
+     * - `0` is elipses marker
+     * - rule: selected page is centered between -2/+2 pages
+     * - outlier: first page selected, show _1_ 2 3 ... N
+     * - outlier: second page selected, show 1 _2_ 3 4 ... N
+     * - outlier: last page selected, show 1 ... N-2 N-1 _N_
+     * - outlier: if page count = 7, & selected is either [2, 3, 4, 5, 6], show all pages
+     */
+    observePageCount(): void;
+    private createFirstNode;
+    private createMiddelNode;
+    private createLastNode;
+    private get getEllipsisTemplate();
+    emitPageClick(): void;
+    private onRewind;
+    private onForward;
+    private onChange;
+    private getPageTemplate;
+    private get getPagesTemplate();
+    render(): TemplateResult<1>;
+    static get styles(): CSSResultGroup;
+}

package/dist/src/collection-facets/more-facets-pagination.js

@@ -1,162 +1,162 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement, nothing, } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import arrowLeftIcon from '../assets/img/icons/arrow-left';
-import arrowRightIcon from '../assets/img/icons/arrow-right';
-import { srOnlyStyle } from '../styles/sr-only';
-let MoreFacetsPagination = class MoreFacetsPagination extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Number of pages can be moved in back/forward
-         */
-        this.step = 2;
-        this.currentPage = 1;
-        this.pages = [];
-    }
-    firstUpdated() {
-        this.observePageCount();
-    }
-    updated(changed) {
-        if (changed.has('size')) {
-            this.observePageCount();
-        }
-        if (changed.has('currentPage')) {
-            this.observePageCount();
-            this.emitPageClick();
-        }
-    }
-    /** creates `this.pages` array that notes which pages to draw
-     * - `0` is elipses marker
-     * - rule: selected page is centered between -2/+2 pages
-     * - outlier: first page selected, show _1_ 2 3 ... N
-     * - outlier: second page selected, show 1 _2_ 3 4 ... N
-     * - outlier: last page selected, show 1 ... N-2 N-1 _N_
-     * - outlier: if page count = 7, & selected is either [2, 3, 4, 5, 6], show all pages
-     */
-    observePageCount() {
-        this.pages = []; /* `0` is elipses marker */
-        const paginatorMaxPagesToShow = 7;
-        const atMinThreshold = this.size <= paginatorMaxPagesToShow;
-        /** Display outliers  */
-        if (this.size <= 5) {
-            // display all pages
-            this.pages = [...Array(this.size).keys()].map(i => i + 1);
-            return;
-        }
-        if (this.size === paginatorMaxPagesToShow) {
-            // edge: 7 pages
-            if (this.currentPage === 2) {
-                this.pages = [1, 2, 3, 4, 0, this.size];
-                return;
-            }
-            if (this.currentPage === this.size - 1) {
-                this.pages = [1, 0, 4, 5, this.size - 1, this.size];
-                return;
-            }
-        }
-        if (this.currentPage === 1) {
-            // first page
-            this.pages = [1, 2, 3, 0, this.size];
-            return;
-        }
-        if (this.currentPage === this.size) {
-            // last page
-            this.pages = [1, 0, this.size - 2, this.size - 1, this.size];
-            return;
-        }
-        if (this.currentPage === this.size - 1) {
-            // second last page
-            this.pages = [
-                1,
-                0,
-                this.size - 3,
-                this.size - 2,
-                this.size - 1,
-                this.size,
-            ];
-            return;
-        }
-        if (atMinThreshold &&
-            this.currentPage > 1 &&
-            this.currentPage < paginatorMaxPagesToShow) {
-            this.pages = [...Array(this.size).keys()].map(i => i + 1);
-            return;
-        }
-        /* The rest here calculates the range to display in "page window" */
-        let startPage = this.currentPage - this.step;
-        let endPage = this.currentPage + this.step;
-        if (startPage <= 0) {
-            endPage += -startPage + 1;
-            startPage = 1;
-        }
-        if (endPage >= this.size) {
-            startPage = Math.max(startPage - (endPage - this.size), 1);
-            endPage = this.size;
-        }
-        if (startPage === 2) {
-            endPage -= 1;
-        }
-        if (endPage === this.size - 1) {
-            startPage += 1;
-        }
-        // create first page node
-        this.createFirstNode(startPage);
-        // create middle pages node
-        this.createMiddelNode(startPage, endPage);
-        // create last page node
-        this.createLastNode(endPage);
-    }
-    createFirstNode(startPage) {
-        var _a, _b;
-        if (startPage > 1) {
-            (_a = this.pages) === null || _a === void 0 ? void 0 : _a.push(1);
-        }
-        if (startPage > 2) {
-            (_b = this.pages) === null || _b === void 0 ? void 0 : _b.push(0); // let's asssume 0 is for ellipsis template
-        }
-    }
-    createMiddelNode(startPage, endPage) {
-        var _a;
-        for (let page = startPage; page <= endPage; page += 1) {
-            (_a = this.pages) === null || _a === void 0 ? void 0 : _a.push(page);
-        }
-    }
-    createLastNode(endPage) {
-        var _a, _b;
-        if (endPage < this.size - 1) {
-            (_a = this.pages) === null || _a === void 0 ? void 0 : _a.push(0); // let's asssume 0 is for ellipsis template
-        }
-        if (endPage < this.size) {
-            (_b = this.pages) === null || _b === void 0 ? void 0 : _b.push(this.size);
-        }
-    }
-    get getEllipsisTemplate() {
-        return html `<i class="ellipses">...</i>`;
-    }
-    emitPageClick() {
-        this.dispatchEvent(new CustomEvent('pageNumberClicked', {
-            detail: { page: this.currentPage },
-            bubbles: true,
-            composed: true,
-        }));
-    }
-    onRewind() {
-        this.currentPage -= 1;
-        if (this.currentPage < 1) {
-            this.currentPage = 1;
-        }
-    }
-    onForward() {
-        this.currentPage += 1;
-        if (this.currentPage > this.size) {
-            this.currentPage = this.size;
-        }
-    }
-    onChange(page) {
-        this.currentPage = page;
-    }
-    getPageTemplate(page) {
+import { __decorate } from "tslib";
+import { css, html, LitElement, nothing, } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import arrowLeftIcon from '../assets/img/icons/arrow-left';
+import arrowRightIcon from '../assets/img/icons/arrow-right';
+import { srOnlyStyle } from '../styles/sr-only';
+let MoreFacetsPagination = class MoreFacetsPagination extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Number of pages can be moved in back/forward
+         */
+        this.step = 2;
+        this.currentPage = 1;
+        this.pages = [];
+    }
+    firstUpdated() {
+        this.observePageCount();
+    }
+    updated(changed) {
+        if (changed.has('size')) {
+            this.observePageCount();
+        }
+        if (changed.has('currentPage')) {
+            this.observePageCount();
+            this.emitPageClick();
+        }
+    }
+    /** creates `this.pages` array that notes which pages to draw
+     * - `0` is elipses marker
+     * - rule: selected page is centered between -2/+2 pages
+     * - outlier: first page selected, show _1_ 2 3 ... N
+     * - outlier: second page selected, show 1 _2_ 3 4 ... N
+     * - outlier: last page selected, show 1 ... N-2 N-1 _N_
+     * - outlier: if page count = 7, & selected is either [2, 3, 4, 5, 6], show all pages
+     */
+    observePageCount() {
+        this.pages = []; /* `0` is elipses marker */
+        const paginatorMaxPagesToShow = 7;
+        const atMinThreshold = this.size <= paginatorMaxPagesToShow;
+        /** Display outliers  */
+        if (this.size <= 5) {
+            // display all pages
+            this.pages = [...Array(this.size).keys()].map(i => i + 1);
+            return;
+        }
+        if (this.size === paginatorMaxPagesToShow) {
+            // edge: 7 pages
+            if (this.currentPage === 2) {
+                this.pages = [1, 2, 3, 4, 0, this.size];
+                return;
+            }
+            if (this.currentPage === this.size - 1) {
+                this.pages = [1, 0, 4, 5, this.size - 1, this.size];
+                return;
+            }
+        }
+        if (this.currentPage === 1) {
+            // first page
+            this.pages = [1, 2, 3, 0, this.size];
+            return;
+        }
+        if (this.currentPage === this.size) {
+            // last page
+            this.pages = [1, 0, this.size - 2, this.size - 1, this.size];
+            return;
+        }
+        if (this.currentPage === this.size - 1) {
+            // second last page
+            this.pages = [
+                1,
+                0,
+                this.size - 3,
+                this.size - 2,
+                this.size - 1,
+                this.size,
+            ];
+            return;
+        }
+        if (atMinThreshold &&
+            this.currentPage > 1 &&
+            this.currentPage < paginatorMaxPagesToShow) {
+            this.pages = [...Array(this.size).keys()].map(i => i + 1);
+            return;
+        }
+        /* The rest here calculates the range to display in "page window" */
+        let startPage = this.currentPage - this.step;
+        let endPage = this.currentPage + this.step;
+        if (startPage <= 0) {
+            endPage += -startPage + 1;
+            startPage = 1;
+        }
+        if (endPage >= this.size) {
+            startPage = Math.max(startPage - (endPage - this.size), 1);
+            endPage = this.size;
+        }
+        if (startPage === 2) {
+            endPage -= 1;
+        }
+        if (endPage === this.size - 1) {
+            startPage += 1;
+        }
+        // create first page node
+        this.createFirstNode(startPage);
+        // create middle pages node
+        this.createMiddelNode(startPage, endPage);
+        // create last page node
+        this.createLastNode(endPage);
+    }
+    createFirstNode(startPage) {
+        var _a, _b;
+        if (startPage > 1) {
+            (_a = this.pages) === null || _a === void 0 ? void 0 : _a.push(1);
+        }
+        if (startPage > 2) {
+            (_b = this.pages) === null || _b === void 0 ? void 0 : _b.push(0); // let's asssume 0 is for ellipsis template
+        }
+    }
+    createMiddelNode(startPage, endPage) {
+        var _a;
+        for (let page = startPage; page <= endPage; page += 1) {
+            (_a = this.pages) === null || _a === void 0 ? void 0 : _a.push(page);
+        }
+    }
+    createLastNode(endPage) {
+        var _a, _b;
+        if (endPage < this.size - 1) {
+            (_a = this.pages) === null || _a === void 0 ? void 0 : _a.push(0); // let's asssume 0 is for ellipsis template
+        }
+        if (endPage < this.size) {
+            (_b = this.pages) === null || _b === void 0 ? void 0 : _b.push(this.size);
+        }
+    }
+    get getEllipsisTemplate() {
+        return html `<i class="ellipses">...</i>`;
+    }
+    emitPageClick() {
+        this.dispatchEvent(new CustomEvent('pageNumberClicked', {
+            detail: { page: this.currentPage },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    onRewind() {
+        this.currentPage -= 1;
+        if (this.currentPage < 1) {
+            this.currentPage = 1;
+        }
+    }
+    onForward() {
+        this.currentPage += 1;
+        if (this.currentPage > this.size) {
+            this.currentPage = this.size;
+        }
+    }
+    onChange(page) {
+        this.currentPage = page;
+    }
+    getPageTemplate(page) {
         return html `
       <button
         @click=${() => this.onChange(page)}
@@ -165,20 +165,20 @@ let MoreFacetsPagination = class MoreFacetsPagination extends LitElement {
       >
         ${page}
       </button>
-    `;
-    }
-    get getPagesTemplate() {
-        var _a;
-        if (!this.pages || !this.pages.length) {
-            return nothing;
-        }
+    `;
+    }
+    get getPagesTemplate() {
+        var _a;
+        if (!this.pages || !this.pages.length) {
+            return nothing;
+        }
         return html `
-      ${(_a = this.pages) === null || _a === void 0 ? void 0 : _a.map(page => html `${page !== 0
-            ? this.getPageTemplate(page)
+      ${(_a = this.pages) === null || _a === void 0 ? void 0 : _a.map(page => html `${page !== 0
+            ? this.getPageTemplate(page)
             : this.getEllipsisTemplate}`)}
-    `;
-    }
-    render() {
+    `;
+    }
+    render() {
         return html `
       <div class="facets-pagination">
         <button class="arrow-icon rewind" @click=${this.onRewind}>
@@ -191,11 +191,11 @@ let MoreFacetsPagination = class MoreFacetsPagination extends LitElement {
           ${arrowRightIcon}
         </button>
       </div>
-    `;
-    }
-    static get styles() {
-        return [
-            srOnlyStyle,
+    `;
+    }
+    static get styles() {
+        return [
+            srOnlyStyle,
             css `
         .facets-pagination {
           user-select: none;
@@ -240,24 +240,24 @@ let MoreFacetsPagination = class MoreFacetsPagination extends LitElement {
         .page-numbers {
           display: inline-block;
         }
-      `,
-        ];
-    }
-};
-__decorate([
-    property({ type: Number })
-], MoreFacetsPagination.prototype, "size", void 0);
-__decorate([
-    property({ type: Number })
-], MoreFacetsPagination.prototype, "step", void 0);
-__decorate([
-    property({ type: Number })
-], MoreFacetsPagination.prototype, "currentPage", void 0);
-__decorate([
-    state()
-], MoreFacetsPagination.prototype, "pages", void 0);
-MoreFacetsPagination = __decorate([
-    customElement('more-facets-pagination')
-], MoreFacetsPagination);
-export { MoreFacetsPagination };
+      `,
+        ];
+    }
+};
+__decorate([
+    property({ type: Number })
+], MoreFacetsPagination.prototype, "size", void 0);
+__decorate([
+    property({ type: Number })
+], MoreFacetsPagination.prototype, "step", void 0);
+__decorate([
+    property({ type: Number })
+], MoreFacetsPagination.prototype, "currentPage", void 0);
+__decorate([
+    state()
+], MoreFacetsPagination.prototype, "pages", void 0);
+MoreFacetsPagination = __decorate([
+    customElement('more-facets-pagination')
+], MoreFacetsPagination);
+export { MoreFacetsPagination };
 //# sourceMappingURL=more-facets-pagination.js.map

package/dist/src/collection-facets/toggle-switch.d.ts

@@ -1,41 +1,41 @@
-import { LitElement, CSSResultGroup } from 'lit';
-export declare type Side = 'left' | 'right';
-export declare class ToggleSwitch extends LitElement {
-    /**
-     * The value this switch should have when toggled to the left.
-     */
-    leftValue: string;
-    /**
-     * The human-readable label to display on the left side of this switch.
-     * If none is provided, `leftValue` is used.
-     */
-    leftLabel?: string;
-    /**
-     * The value this switch should have when toggled to the right.
-     */
-    rightValue: string;
-    /**
-     * The human-readable label to display on the right side of this switch.
-     * If none is provided, `rightValue` is used.
-     */
-    rightLabel?: string;
-    /**
-     * Which side of the switch is selected (`'left'` or `'right'`).
-     */
-    side: Side;
-    private leftRadio;
-    render(): import("lit-html").TemplateResult<1>;
-    /**
-     * The currently selected value of this switch.
-     */
-    get value(): string;
-    /**
-     * The label for the currently selected value of this switch.
-     * Falls back to the current value if its label is not defined.
-     */
-    get selectedLabel(): string;
-    private handleClick;
-    private handleRadioChange;
-    private emitChangeEvent;
-    static get styles(): CSSResultGroup;
-}
+import { LitElement, CSSResultGroup } from 'lit';
+export declare type Side = 'left' | 'right';
+export declare class ToggleSwitch extends LitElement {
+    /**
+     * The value this switch should have when toggled to the left.
+     */
+    leftValue: string;
+    /**
+     * The human-readable label to display on the left side of this switch.
+     * If none is provided, `leftValue` is used.
+     */
+    leftLabel?: string;
+    /**
+     * The value this switch should have when toggled to the right.
+     */
+    rightValue: string;
+    /**
+     * The human-readable label to display on the right side of this switch.
+     * If none is provided, `rightValue` is used.
+     */
+    rightLabel?: string;
+    /**
+     * Which side of the switch is selected (`'left'` or `'right'`).
+     */
+    side: Side;
+    private leftRadio;
+    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * The currently selected value of this switch.
+     */
+    get value(): string;
+    /**
+     * The label for the currently selected value of this switch.
+     * Falls back to the current value if its label is not defined.
+     */
+    get selectedLabel(): string;
+    private handleClick;
+    private handleRadioChange;
+    private emitChangeEvent;
+    static get styles(): CSSResultGroup;
+}