@internetarchive/collection-browser 2.4.1-alpha.1 → 2.4.1-alpha2

package/dist/src/collection-facets/toggle-switch.js

@@ -1,25 +1,25 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from 'lit';
-import { customElement, property, query } from 'lit/decorators.js';
-import { srOnlyStyle } from '../styles/sr-only';
-let ToggleSwitch = class ToggleSwitch extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * The value this switch should have when toggled to the left.
-         */
-        this.leftValue = '';
-        /**
-         * The value this switch should have when toggled to the right.
-         */
-        this.rightValue = '';
-        /**
-         * Which side of the switch is selected (`'left'` or `'right'`).
-         */
-        this.side = 'left';
-    }
-    render() {
-        var _a, _b;
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { srOnlyStyle } from '../styles/sr-only';
+let ToggleSwitch = class ToggleSwitch extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * The value this switch should have when toggled to the left.
+         */
+        this.leftValue = '';
+        /**
+         * The value this switch should have when toggled to the right.
+         */
+        this.rightValue = '';
+        /**
+         * Which side of the switch is selected (`'left'` or `'right'`).
+         */
+        this.side = 'left';
+    }
+    render() {
+        var _a, _b;
         return html `
       <div id="container">
         <label for="switch-left">${(_a = this.leftLabel) !== null && _a !== void 0 ? _a : this.leftValue}</label>
@@ -51,52 +51,52 @@ let ToggleSwitch = class ToggleSwitch extends LitElement {
         </button>
         <label for="switch-right">${(_b = this.rightLabel) !== null && _b !== void 0 ? _b : this.rightValue}</label>
       </div>
-    `;
-    }
-    /**
-     * The currently selected value of this switch.
-     */
-    get value() {
-        return this.side === 'left' ? this.leftValue : this.rightValue;
-    }
-    /**
-     * The label for the currently selected value of this switch.
-     * Falls back to the current value if its label is not defined.
-     */
-    get selectedLabel() {
-        var _a, _b;
-        return this.side === 'left'
-            ? (_a = this.leftLabel) !== null && _a !== void 0 ? _a : this.leftValue
-            : (_b = this.rightLabel) !== null && _b !== void 0 ? _b : this.rightValue;
-    }
-    handleClick() {
-        this.side = this.side === 'left' ? 'right' : 'left';
-        this.emitChangeEvent();
-    }
-    handleRadioChange() {
-        this.side = this.leftRadio.checked ? 'left' : 'right';
-        this.emitChangeEvent();
-    }
-    emitChangeEvent() {
-        const event = new CustomEvent('change', {
-            detail: this.value,
-        });
-        this.dispatchEvent(event);
-    }
-    static get styles() {
-        const switchWidth = css `var(--switchWidth, 30px)`;
-        const switchHeight = css `var(--switchHeight, 14px)`;
-        const switchMarginLeft = css `var(--switchMarginLeft, 5px)`;
-        const switchMarginRight = css `var(--switchMarginRight, 5px)`;
-        const switchBorderWidth = css `var(--switchBorderWidth, 3px)`;
-        const switchBgColor = css `var(--switchBgColor, #194880)`;
-        const switchBorderColor = css `var(--switchBorderColor, #194880)`;
-        const labelFontSize = css `var(--labelFontSize, 1.3rem)`;
-        const knobColor = css `var(--knobColor, white)`;
-        const knobTransitionDuration = css `var(--knobTransitionDuration, 0.25s)`;
-        const knobTransitionFn = css `var(--knobTransitionFn, ease)`;
-        return [
-            srOnlyStyle,
+    `;
+    }
+    /**
+     * The currently selected value of this switch.
+     */
+    get value() {
+        return this.side === 'left' ? this.leftValue : this.rightValue;
+    }
+    /**
+     * The label for the currently selected value of this switch.
+     * Falls back to the current value if its label is not defined.
+     */
+    get selectedLabel() {
+        var _a, _b;
+        return this.side === 'left'
+            ? (_a = this.leftLabel) !== null && _a !== void 0 ? _a : this.leftValue
+            : (_b = this.rightLabel) !== null && _b !== void 0 ? _b : this.rightValue;
+    }
+    handleClick() {
+        this.side = this.side === 'left' ? 'right' : 'left';
+        this.emitChangeEvent();
+    }
+    handleRadioChange() {
+        this.side = this.leftRadio.checked ? 'left' : 'right';
+        this.emitChangeEvent();
+    }
+    emitChangeEvent() {
+        const event = new CustomEvent('change', {
+            detail: this.value,
+        });
+        this.dispatchEvent(event);
+    }
+    static get styles() {
+        const switchWidth = css `var(--switchWidth, 30px)`;
+        const switchHeight = css `var(--switchHeight, 14px)`;
+        const switchMarginLeft = css `var(--switchMarginLeft, 5px)`;
+        const switchMarginRight = css `var(--switchMarginRight, 5px)`;
+        const switchBorderWidth = css `var(--switchBorderWidth, 3px)`;
+        const switchBgColor = css `var(--switchBgColor, #194880)`;
+        const switchBorderColor = css `var(--switchBorderColor, #194880)`;
+        const labelFontSize = css `var(--labelFontSize, 1.3rem)`;
+        const knobColor = css `var(--knobColor, white)`;
+        const knobTransitionDuration = css `var(--knobTransitionDuration, 0.25s)`;
+        const knobTransitionFn = css `var(--knobTransitionFn, ease)`;
+        return [
+            srOnlyStyle,
             css `
         #container {
           display: inline-flex;
@@ -145,30 +145,30 @@ let ToggleSwitch = class ToggleSwitch extends LitElement {
             transition-duration: 0.001s !important; /* Imperceptibly fast */
           }
         }
-      `,
-        ];
-    }
-};
-__decorate([
-    property({ type: String, attribute: true })
-], ToggleSwitch.prototype, "leftValue", void 0);
-__decorate([
-    property({ type: String, attribute: true })
-], ToggleSwitch.prototype, "leftLabel", void 0);
-__decorate([
-    property({ type: String, attribute: true })
-], ToggleSwitch.prototype, "rightValue", void 0);
-__decorate([
-    property({ type: String, attribute: true })
-], ToggleSwitch.prototype, "rightLabel", void 0);
-__decorate([
-    property({ type: String, attribute: true })
-], ToggleSwitch.prototype, "side", void 0);
-__decorate([
-    query('#switch-left')
-], ToggleSwitch.prototype, "leftRadio", void 0);
-ToggleSwitch = __decorate([
-    customElement('toggle-switch')
-], ToggleSwitch);
-export { ToggleSwitch };
+      `,
+        ];
+    }
+};
+__decorate([
+    property({ type: String, attribute: true })
+], ToggleSwitch.prototype, "leftValue", void 0);
+__decorate([
+    property({ type: String, attribute: true })
+], ToggleSwitch.prototype, "leftLabel", void 0);
+__decorate([
+    property({ type: String, attribute: true })
+], ToggleSwitch.prototype, "rightValue", void 0);
+__decorate([
+    property({ type: String, attribute: true })
+], ToggleSwitch.prototype, "rightLabel", void 0);
+__decorate([
+    property({ type: String, attribute: true })
+], ToggleSwitch.prototype, "side", void 0);
+__decorate([
+    query('#switch-left')
+], ToggleSwitch.prototype, "leftRadio", void 0);
+ToggleSwitch = __decorate([
+    customElement('toggle-switch')
+], ToggleSwitch);
+export { ToggleSwitch };
 //# sourceMappingURL=toggle-switch.js.map

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

@@ -1,103 +1,103 @@
-import { LitElement, PropertyValues, TemplateResult } from 'lit';
-import type { Aggregation, AggregationSortType, FilterMap, SearchServiceInterface, SearchType } from '@internetarchive/search-service';
-import '@internetarchive/histogram-date-range';
-import '@internetarchive/feature-feedback';
-import { ModalManagerInterface } from '@internetarchive/modal-manager';
-import type { FeatureFeedbackServiceInterface } from '@internetarchive/feature-feedback';
-import type { RecaptchaManagerInterface } from '@internetarchive/recaptcha-manager';
-import type { AnalyticsManagerInterface } from '@internetarchive/analytics-manager';
-import type { SharedResizeObserverInterface } from '@internetarchive/shared-resize-observer';
-import { FacetOption, SelectedFacets, FacetGroup } from './models';
-import type { CollectionTitles, PageSpecifierParams } from './data-source/models';
-import './collection-facets/more-facets-content';
-import './collection-facets/facets-template';
-import './collection-facets/facet-tombstone-row';
-import './expanded-date-picker';
-export declare class CollectionFacets extends LitElement {
-    searchService?: SearchServiceInterface;
-    searchType?: SearchType;
-    aggregations?: Record<string, Aggregation>;
-    fullYearsHistogramAggregation?: Aggregation;
-    minSelectedDate?: string;
-    maxSelectedDate?: string;
-    moreLinksVisible: boolean;
-    facetsLoading: boolean;
-    fullYearAggregationLoading: boolean;
-    selectedFacets?: SelectedFacets;
-    collapsableFacets: boolean;
-    contentWidth?: number;
-    showHistogramDatePicker: boolean;
-    allowExpandingDatePicker: boolean;
-    query?: string;
-    pageSpecifierParams?: PageSpecifierParams;
-    parentCollections: string[];
-    filterMap?: FilterMap;
-    baseNavigationUrl?: string;
-    collectionPagePath: string;
-    isManageView: boolean;
-    modalManager?: ModalManagerInterface;
-    resizeObserver?: SharedResizeObserverInterface;
-    featureFeedbackService?: FeatureFeedbackServiceInterface;
-    recaptchaManager?: RecaptchaManagerInterface;
-    analyticsHandler?: AnalyticsManagerInterface;
-    collectionTitles?: CollectionTitles;
-    openFacets: Record<FacetOption, boolean>;
-    /**
-     * Maximum # of facet buckets to render per facet group
-     */
-    private allowedFacetCount;
-    render(): TemplateResult<1>;
-    private get collectionPartOfTemplate();
-    private partOfCollectionClicked;
-    /**
-     * Opens a modal dialog containing an enlarged version of the date picker.
-     */
-    private showDatePickerModal;
-    private handleExpandedDatePickerClosed;
-    updated(changed: PropertyValues): void;
-    private dispatchFacetsChangedEvent;
-    /**
-     * Template for the "Expand" button to show the date picker modal, or
-     * `nothing` if that button should currently not be shown.
-     */
-    private get expandDatePickerBtnTemplate();
-    private get histogramTemplate();
-    /**
-     * Dispatches a `histogramDateRangeUpdated` event with the date range copied from the
-     * input event.
-     *
-     * Arrow function to ensure `this` is always bound to the current component.
-     */
-    private histogramDateRangeUpdated;
-    /**
-     * Combines the selected facets with the aggregations to create a single list of facets
-     */
-    private get mergedFacets();
-    /**
-     * Converts the selected facets to a `FacetGroup` array,
-     * which is easier to work with
-     */
-    private get selectedFacetGroups();
-    /**
-     * Converts the raw `aggregations` to `FacetGroups`, which are easier to use
-     */
-    private get aggregationFacetGroups();
-    /**
-     * Generate the template for a facet group with a header and the collapsible
-     * chevron for the mobile view
-     */
-    private getFacetGroupTemplate;
-    private getTombstoneFacetGroupTemplate;
-    /**
-     * Generate the More... link button just below the facets group
-     *
-     * TODO: want to fire analytics?
-     */
-    private searchMoreFacetsLink;
-    showMoreFacetsModal(facetGroup: FacetGroup, sortedBy: AggregationSortType): Promise<void>;
-    /**
-     * Generate the list template for each bucket in a facet group
-     */
-    private getFacetTemplate;
-    static get styles(): import("lit").CSSResult[];
-}
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+import type { Aggregation, AggregationSortType, FilterMap, SearchServiceInterface, SearchType } from '@internetarchive/search-service';
+import '@internetarchive/histogram-date-range';
+import '@internetarchive/feature-feedback';
+import { ModalManagerInterface } from '@internetarchive/modal-manager';
+import type { FeatureFeedbackServiceInterface } from '@internetarchive/feature-feedback';
+import type { RecaptchaManagerInterface } from '@internetarchive/recaptcha-manager';
+import type { AnalyticsManagerInterface } from '@internetarchive/analytics-manager';
+import type { SharedResizeObserverInterface } from '@internetarchive/shared-resize-observer';
+import { FacetOption, SelectedFacets, FacetGroup } from './models';
+import type { CollectionTitles, PageSpecifierParams } from './data-source/models';
+import './collection-facets/more-facets-content';
+import './collection-facets/facets-template';
+import './collection-facets/facet-tombstone-row';
+import './expanded-date-picker';
+export declare class CollectionFacets extends LitElement {
+    searchService?: SearchServiceInterface;
+    searchType?: SearchType;
+    aggregations?: Record<string, Aggregation>;
+    fullYearsHistogramAggregation?: Aggregation;
+    minSelectedDate?: string;
+    maxSelectedDate?: string;
+    moreLinksVisible: boolean;
+    facetsLoading: boolean;
+    fullYearAggregationLoading: boolean;
+    selectedFacets?: SelectedFacets;
+    collapsableFacets: boolean;
+    contentWidth?: number;
+    showHistogramDatePicker: boolean;
+    allowExpandingDatePicker: boolean;
+    query?: string;
+    pageSpecifierParams?: PageSpecifierParams;
+    parentCollections: string[];
+    filterMap?: FilterMap;
+    baseNavigationUrl?: string;
+    collectionPagePath: string;
+    isManageView: boolean;
+    modalManager?: ModalManagerInterface;
+    resizeObserver?: SharedResizeObserverInterface;
+    featureFeedbackService?: FeatureFeedbackServiceInterface;
+    recaptchaManager?: RecaptchaManagerInterface;
+    analyticsHandler?: AnalyticsManagerInterface;
+    collectionTitles?: CollectionTitles;
+    openFacets: Record<FacetOption, boolean>;
+    /**
+     * Maximum # of facet buckets to render per facet group
+     */
+    private allowedFacetCount;
+    render(): TemplateResult<1>;
+    private get collectionPartOfTemplate();
+    private partOfCollectionClicked;
+    /**
+     * Opens a modal dialog containing an enlarged version of the date picker.
+     */
+    private showDatePickerModal;
+    private handleExpandedDatePickerClosed;
+    updated(changed: PropertyValues): void;
+    private dispatchFacetsChangedEvent;
+    /**
+     * Template for the "Expand" button to show the date picker modal, or
+     * `nothing` if that button should currently not be shown.
+     */
+    private get expandDatePickerBtnTemplate();
+    private get histogramTemplate();
+    /**
+     * Dispatches a `histogramDateRangeUpdated` event with the date range copied from the
+     * input event.
+     *
+     * Arrow function to ensure `this` is always bound to the current component.
+     */
+    private histogramDateRangeUpdated;
+    /**
+     * Combines the selected facets with the aggregations to create a single list of facets
+     */
+    private get mergedFacets();
+    /**
+     * Converts the selected facets to a `FacetGroup` array,
+     * which is easier to work with
+     */
+    private get selectedFacetGroups();
+    /**
+     * Converts the raw `aggregations` to `FacetGroups`, which are easier to use
+     */
+    private get aggregationFacetGroups();
+    /**
+     * Generate the template for a facet group with a header and the collapsible
+     * chevron for the mobile view
+     */
+    private getFacetGroupTemplate;
+    private getTombstoneFacetGroupTemplate;
+    /**
+     * Generate the More... link button just below the facets group
+     *
+     * TODO: want to fire analytics?
+     */
+    private searchMoreFacetsLink;
+    showMoreFacetsModal(facetGroup: FacetGroup, sortedBy: AggregationSortType): Promise<void>;
+    /**
+     * Generate the list template for each bucket in a facet group
+     */
+    private getFacetTemplate;
+    static get styles(): import("lit").CSSResult[];
+}