@internetarchive/collection-browser 4.7.1-alpha-webdev9189.0 → 4.8.0

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

@@ -5,8 +5,8 @@ import type { AnalyticsManagerInterface } from '@internetarchive/analytics-manag
 import { SelectedFacets, FacetOption } from '../models';
 import type { CollectionTitles, PageSpecifierParams, TVChannelAliases } from '../data-source/models';
 import '@internetarchive/elements/ia-status-indicator/ia-status-indicator';
-import './more-facets-pagination';
-import './facets-template';
+import '@internetarchive/ia-clearable-text-input';
+import './more-facets-scroller';
 import './toggle-switch';
 export declare class MoreFacetsContent extends LitElement {
     facetKey?: FacetOption;
@@ -17,10 +17,6 @@ export declare class MoreFacetsContent extends LitElement {
     pageSpecifierParams?: PageSpecifierParams;
     collectionTitles?: CollectionTitles;
     tvChannelAliases?: TVChannelAliases;
-    /**
-     * Maximum number of facets to show per page within the modal.
-     */
-    facetsPerPage: number;
     /**
      * Whether we are waiting for facet data to load.
      * We begin with this set to true so that we show an initial loading indicator.
@@ -51,14 +47,45 @@ export declare class MoreFacetsContent extends LitElement {
      */
     private unappliedFacetChanges;
     /**
-     * Which page of facets we are showing.
+     * Text the patron has entered to narrow down the facet values shown.
+     */
+    private filterText;
+    /**
+     * Whether the search for this facet's values failed, either with an error
+     * result or by throwing.
+     */
+    private loadFailed;
+    /**
+     * The buckets from `facetGroup` that match `filterText`, in display order.
+     * Derived in `willUpdate`.
+     */
+    private filteredBuckets;
+    /**
+     * Each bucket's display text in the normalized form that filtering compares
+     * against, keyed by bucket key. Filled lazily so that each value is only
+     * normalized once, however many times the filter text changes.
      */
-    private pageNumber;
+    private filterKeys;
+    /**
+     * The values currently selected or hidden, in the order they were selected.
+     * Shown as chiclets above the list. Derived in `willUpdate`.
+     */
+    private chosenBuckets;
+    /**
+     * Position of a chiclet that was just removed, whose neighbor should get
+     * focus once it's gone.
+     */
+    private chicletFocusIndex?;
+    private scroller?;
+    private filterInput?;
     willUpdate(changed: PropertyValues): void;
+    updated(changed: PropertyValues): void;
     firstUpdated(): void;
+    disconnectedCallback(): void;
     /**
      * Close more facets modal on Escape click
      */
+    private escapeHandler;
     private setupEscapeListeners;
     /**
      * Whether facet requests are for the search_results page type (either defaulted or explicitly).
@@ -70,38 +97,77 @@ export declare class MoreFacetsContent extends LitElement {
      */
     updateSpecificFacets(): Promise<void>;
     /**
-     * Handler for page number changes from the pagination widget.
+     * Combines the selected facets with the aggregations into the single list of
+     * values the dialog shows. Selected and hidden values keep their place in the
+     * current sort order rather than moving to the front; the chiclets above the
+     * list are what call them out.
      */
-    private pageNumberClicked;
+    private get mergedFacets();
     /**
-     * Combines the selected facets with the aggregations to create a single list of facets
+     * This facet type's selections: the ones made before the dialog opened,
+     * overridden by any unapplied changes made in it. Values stay in the order
+     * they were first selected, and cleared ones remain with state `'none'`.
      */
-    private get mergedFacets();
+    private get currentSelections();
     /**
-     * Converts the selected facets for the current facet key to a `FacetGroup`,
-     * which is easier to work with.
+     * The values that are currently selected or hidden, in the order they were
+     * selected, as they appear in `facetGroup`.
      */
-    private get selectedFacetGroup();
+    private listChosenBuckets;
+    /**
+     * Inserts `bucket` ahead of the first bucket that the current sort would put
+     * after it.
+     */
+    private insertInSortOrder;
+    /**
+     * Orders two buckets the way the aggregations are ordered for the current
+     * sort (see `getSortedBuckets` in search-service).
+     */
+    private compareForSort;
+    /**
+     * The text patrons see for a bucket: the collection title for collections,
+     * and the bucket key for everything else.
+     */
+    private displayTextFor;
     /**
      * Converts the raw `aggregations` for the current facet key to a `FacetGroup`,
      * which is easier to work with.
      */
     private get aggregationFacetGroup();
     /**
-     * Returns a FacetGroup representing only the current page of facet buckets to show.
+     * The buckets whose visible text contains the filter text, ignoring case,
+     * accents and punctuation.
+     */
+    private filterBuckets;
+    private filterKeyFor;
+    /**
+     * Whether the patron's filter text has ruled out every value
      */
-    private get facetGroupForCurrentPage();
+    private get noValuesMatch();
     private get moreFacetsTemplate();
-    private get loaderTemplate();
     /**
-     * How many pages of facets to show in the modal pagination widget
+     * A chiclet for each selected or hidden value, each with a button to clear it
      */
-    private get paginationSize();
-    private get facetsPaginationTemplate();
+    private get chicletsTemplate();
+    private chicletTemplate;
+    private get noMatchesTemplate();
+    private get loadErrorTemplate();
+    private get loaderTemplate();
     private get footerTemplate();
     private sortFacetAggregation;
     private get modalHeaderTemplate();
     render(): TemplateResult<1>;
+    /**
+     * Handler for typing in (or clearing) the filter text field
+     */
+    private filterTextChanged;
+    private facetClicked;
+    /**
+     * Clears the selection a chiclet stands for, which removes the chiclet and
+     * unchecks the value in the list.
+     */
+    private chicletRemoved;
+    private pageChanged;
     private applySearchFacetsClicked;
     private cancelClick;
     static get styles(): CSSResultGroup;