@internetarchive/collection-browser 1.14.12 → 1.14.13

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

@@ -0,0 +1,67 @@
+import { type FacetBucket, type FacetGroup, type FacetOption, type FacetValue } from './models';
+/**
+ * A record of all the facet buckets for a particular facet type, indexed by their bucket key
+ */
+export declare type FacetBucketsRecord = Record<FacetValue, FacetBucket>;
+declare type SelectedFacetsModel = Record<FacetOption, FacetBucketsRecord>;
+/**
+ * A class to hold, query, and manipulate state about selected/hidden facets.
+ */
+export declare class SelectedFacets implements SelectedFacetsModel {
+    readonly collection: FacetBucketsRecord;
+    readonly creator: FacetBucketsRecord;
+    readonly language: FacetBucketsRecord;
+    readonly lending: FacetBucketsRecord;
+    readonly mediatype: FacetBucketsRecord;
+    readonly subject: FacetBucketsRecord;
+    readonly year: FacetBucketsRecord;
+    constructor(initValues?: Partial<SelectedFacetsModel>);
+    /**
+     * Executes the given function on every facet bucket within the current SelectedFacets object.
+     * @param fn The function to execute for each facet bucket
+     */
+    forEach(fn: (bucket: FacetBucket, bucketKey: FacetValue, facetType: FacetOption) => unknown): void;
+    /**
+     * Executes the given function on every facet type within the current SelectedFacets object.
+     * Similar to `SelectedFacets.forEach`, but operating on the full set of buckets for each type
+     * (rather than individual buckets).
+     * @param fn The function to execute for each facet type
+     */
+    forEachFacetType(fn: (buckets: FacetBucketsRecord, facetType: FacetOption) => unknown): void;
+    /**
+     * Like `Array.some`, returns whether the given predicate function returns true for
+     * any of the facet buckets contained in this object.
+     * @param predicate Function returning a boolean for each bucket
+     * @returns Whether any of the facet buckets satisfy the predicate
+     */
+    some(predicate: (bucket: FacetBucket, bucketKey: FacetValue, facetType: FacetOption) => boolean): boolean;
+    /**
+     * Like `Array.every`, returns whether the given predicate function returns true for
+     * *all* of the facet buckets contained in this object.
+     * @param predicate Function returning a boolean for each bucket
+     * @returns Whether all of the facet buckets satisfy the predicate
+     */
+    every(predicate: (bucket: FacetBucket, bucketKey: FacetValue, facetType: FacetOption) => boolean): boolean;
+    /**
+     * Returns a new SelectedFacets object deeply cloned from this one (same contents).
+     */
+    clone(): SelectedFacets;
+    /**
+     * Returns a new SelectedFacets object cloned from this one with all of the given `otherFacets`
+     * applied overtop. Facets from this object will be overwritten by those in `otherFacets`
+     * that have the same facet type and bucket key.
+     *
+     * @param otherFacets The other SelectedFacets object to merge into this one.
+     */
+    merge(otherFacets?: SelectedFacets): SelectedFacets;
+    /**
+     * Returns a new SelectedFacets object with facet buckets normalized, such that any
+     * buckets with a state of 'none' are removed entirely.
+     */
+    normalize(): SelectedFacets;
+    /**
+     * Converts this SelectedFacets object into an array of equivalent FacetGroups.
+     */
+    toFacetGroups(): FacetGroup[];
+}
+export {};

package/dist/src/selected-facets.js

@@ -0,0 +1,149 @@
+import { facetTitles, lendingFacetDisplayNames, } from './models';
+const VALID_FACET_OPTIONS = new Set([
+    'collection',
+    'creator',
+    'language',
+    'lending',
+    'mediatype',
+    'subject',
+    'year',
+]);
+/**
+ * A class to hold, query, and manipulate state about selected/hidden facets.
+ */
+export class SelectedFacets {
+    constructor(initValues) {
+        this.collection = {};
+        this.creator = {};
+        this.language = {};
+        this.lending = {};
+        this.mediatype = {};
+        this.subject = {};
+        this.year = {};
+        if (initValues) {
+            for (const [facetType, buckets] of Object.entries(initValues)) {
+                if (VALID_FACET_OPTIONS.has(facetType)) {
+                    for (const [bucketKey, bucket] of Object.entries(buckets)) {
+                        this[facetType][bucketKey] = { ...bucket };
+                    }
+                }
+            }
+        }
+    }
+    /**
+     * Executes the given function on every facet bucket within the current SelectedFacets object.
+     * @param fn The function to execute for each facet bucket
+     */
+    forEach(fn) {
+        for (const [facetType, buckets] of Object.entries(this)) {
+            for (const [bucketKey, bucket] of Object.entries(buckets)) {
+                fn(bucket, bucketKey, facetType);
+            }
+        }
+    }
+    /**
+     * Executes the given function on every facet type within the current SelectedFacets object.
+     * Similar to `SelectedFacets.forEach`, but operating on the full set of buckets for each type
+     * (rather than individual buckets).
+     * @param fn The function to execute for each facet type
+     */
+    forEachFacetType(fn) {
+        for (const [facetType, buckets] of Object.entries(this)) {
+            fn(buckets, facetType);
+        }
+    }
+    /**
+     * Like `Array.some`, returns whether the given predicate function returns true for
+     * any of the facet buckets contained in this object.
+     * @param predicate Function returning a boolean for each bucket
+     * @returns Whether any of the facet buckets satisfy the predicate
+     */
+    some(predicate) {
+        for (const [facetType, buckets] of Object.entries(this)) {
+            for (const [bucketKey, bucket] of Object.entries(buckets)) {
+                if (predicate(bucket, bucketKey, facetType))
+                    return true;
+            }
+        }
+        return false;
+    }
+    /**
+     * Like `Array.every`, returns whether the given predicate function returns true for
+     * *all* of the facet buckets contained in this object.
+     * @param predicate Function returning a boolean for each bucket
+     * @returns Whether all of the facet buckets satisfy the predicate
+     */
+    every(predicate) {
+        for (const [facetType, buckets] of Object.entries(this)) {
+            for (const [bucketKey, bucket] of Object.entries(buckets)) {
+                if (!predicate(bucket, bucketKey, facetType))
+                    return false;
+            }
+        }
+        return true;
+    }
+    /**
+     * Returns a new SelectedFacets object deeply cloned from this one (same contents).
+     */
+    clone() {
+        return new SelectedFacets(this);
+    }
+    /**
+     * Returns a new SelectedFacets object cloned from this one with all of the given `otherFacets`
+     * applied overtop. Facets from this object will be overwritten by those in `otherFacets`
+     * that have the same facet type and bucket key.
+     *
+     * @param otherFacets The other SelectedFacets object to merge into this one.
+     */
+    merge(otherFacets) {
+        const merged = this.clone();
+        otherFacets === null || otherFacets === void 0 ? void 0 : otherFacets.forEach((bucket, bucketKey, facetType) => {
+            merged[facetType][bucketKey] = { ...bucket };
+        });
+        return merged;
+    }
+    /**
+     * Returns a new SelectedFacets object with facet buckets normalized, such that any
+     * buckets with a state of 'none' are removed entirely.
+     */
+    normalize() {
+        const normalized = this.clone();
+        normalized.forEach((bucket, bucketKey, facetType) => {
+            if (bucket.state === 'none') {
+                delete normalized[facetType][bucketKey];
+            }
+        });
+        return normalized;
+    }
+    /**
+     * Converts this SelectedFacets object into an array of equivalent FacetGroups.
+     */
+    toFacetGroups() {
+        const facetGroups = {};
+        this.forEach((bucket, bucketKey, facetType) => {
+            var _a;
+            const title = facetTitles[facetType];
+            let displayText = bucketKey;
+            // For lending facets, convert the key to a more readable format
+            if (facetType === 'lending') {
+                displayText =
+                    (_a = lendingFacetDisplayNames[bucketKey]) !== null && _a !== void 0 ? _a : bucketKey;
+            }
+            if (!facetGroups[facetType]) {
+                facetGroups[facetType] = {
+                    title,
+                    key: facetType,
+                    buckets: [],
+                };
+            }
+            facetGroups[facetType].buckets.push({
+                displayText,
+                key: bucketKey,
+                count: bucket.count,
+                state: bucket.state,
+            });
+        });
+        return Object.values(facetGroups);
+    }
+}
+//# sourceMappingURL=selected-facets.js.map

package/dist/src/selected-facets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selected-facets.js","sourceRoot":"","sources":["../../src/selected-facets.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  facetTitles,\n  type FacetBucket,\n  type FacetGroup,\n  type FacetOption,\n  type FacetValue,\n  lendingFacetDisplayNames,\n  LendingFacetKey,\n} from './models';\n\n/**\n * A record of all the facet buckets for a particular facet type, indexed by their bucket key\n */\nexport type FacetBucketsRecord = Record<FacetValue, FacetBucket>;\n\n// Implementing this model ensures that every facet type is accounted for\ntype SelectedFacetsModel = Record<FacetOption, FacetBucketsRecord>;\n\nconst VALID_FACET_OPTIONS: Set<FacetOption> = new Set([\n  'collection',\n  'creator',\n  'language',\n  'lending',\n  'mediatype',\n  'subject',\n  'year',\n]);\n\n/**\n * A class to hold, query, and manipulate state about selected/hidden facets.\n */\nexport class SelectedFacets implements SelectedFacetsModel {\n  readonly collection: FacetBucketsRecord = {};\n\n  readonly creator: FacetBucketsRecord = {};\n\n  readonly language: FacetBucketsRecord = {};\n\n  readonly lending: FacetBucketsRecord = {};\n\n  readonly mediatype: FacetBucketsRecord = {};\n\n  readonly subject: FacetBucketsRecord = {};\n\n  readonly year: FacetBucketsRecord = {};\n\n  constructor(initValues?: Partial<SelectedFacetsModel>) {\n    if (initValues) {\n      for (const [facetType, buckets] of Object.entries(initValues)) {\n        if (VALID_FACET_OPTIONS.has(facetType as FacetOption)) {\n          for (const [bucketKey, bucket] of Object.entries(buckets)) {\n            this[facetType as FacetOption][bucketKey] = { ...bucket };\n          }\n        }\n      }\n    }\n  }\n\n  /**\n   * Executes the given function on every facet bucket within the current SelectedFacets object.\n   * @param fn The function to execute for each facet bucket\n   */\n  forEach(\n    fn: (\n      bucket: FacetBucket,\n      bucketKey: FacetValue,\n      facetType: FacetOption\n    ) => unknown\n  ): void {\n    for (const [facetType, buckets] of Object.entries(\n      this as SelectedFacetsModel\n    )) {\n      for (const [bucketKey, bucket] of Object.entries(buckets)) {\n        fn(bucket, bucketKey, facetType as FacetOption);\n      }\n    }\n  }\n\n  /**\n   * Executes the given function on every facet type within the current SelectedFacets object.\n   * Similar to `SelectedFacets.forEach`, but operating on the full set of buckets for each type\n   * (rather than individual buckets).\n   * @param fn The function to execute for each facet type\n   */\n  forEachFacetType(\n    fn: (buckets: FacetBucketsRecord, facetType: FacetOption) => unknown\n  ): void {\n    for (const [facetType, buckets] of Object.entries(\n      this as SelectedFacetsModel\n    )) {\n      fn(buckets, facetType as FacetOption);\n    }\n  }\n\n  /**\n   * Like `Array.some`, returns whether the given predicate function returns true for\n   * any of the facet buckets contained in this object.\n   * @param predicate Function returning a boolean for each bucket\n   * @returns Whether any of the facet buckets satisfy the predicate\n   */\n  some(\n    predicate: (\n      bucket: FacetBucket,\n      bucketKey: FacetValue,\n      facetType: FacetOption\n    ) => boolean\n  ): boolean {\n    for (const [facetType, buckets] of Object.entries(\n      this as SelectedFacetsModel\n    )) {\n      for (const [bucketKey, bucket] of Object.entries(buckets)) {\n        if (predicate(bucket, bucketKey, facetType as FacetOption)) return true;\n      }\n    }\n\n    return false;\n  }\n\n  /**\n   * Like `Array.every`, returns whether the given predicate function returns true for\n   * *all* of the facet buckets contained in this object.\n   * @param predicate Function returning a boolean for each bucket\n   * @returns Whether all of the facet buckets satisfy the predicate\n   */\n  every(\n    predicate: (\n      bucket: FacetBucket,\n      bucketKey: FacetValue,\n      facetType: FacetOption\n    ) => boolean\n  ): boolean {\n    for (const [facetType, buckets] of Object.entries(\n      this as SelectedFacetsModel\n    )) {\n      for (const [bucketKey, bucket] of Object.entries(buckets)) {\n        if (!predicate(bucket, bucketKey, facetType as FacetOption))\n          return false;\n      }\n    }\n\n    return true;\n  }\n\n  /**\n   * Returns a new SelectedFacets object deeply cloned from this one (same contents).\n   */\n  clone(): SelectedFacets {\n    return new SelectedFacets(this);\n  }\n\n  /**\n   * Returns a new SelectedFacets object cloned from this one with all of the given `otherFacets`\n   * applied overtop. Facets from this object will be overwritten by those in `otherFacets`\n   * that have the same facet type and bucket key.\n   *\n   * @param otherFacets The other SelectedFacets object to merge into this one.\n   */\n  merge(otherFacets?: SelectedFacets): SelectedFacets {\n    const merged = this.clone();\n    otherFacets?.forEach((bucket, bucketKey, facetType) => {\n      merged[facetType][bucketKey] = { ...bucket };\n    });\n\n    return merged;\n  }\n\n  /**\n   * Returns a new SelectedFacets object with facet buckets normalized, such that any\n   * buckets with a state of 'none' are removed entirely.\n   */\n  normalize(): SelectedFacets {\n    const normalized = this.clone();\n    normalized.forEach((bucket, bucketKey, facetType) => {\n      if (bucket.state === 'none') {\n        delete normalized[facetType][bucketKey];\n      }\n    });\n\n    return normalized;\n  }\n\n  /**\n   * Converts this SelectedFacets object into an array of equivalent FacetGroups.\n   */\n  toFacetGroups(): FacetGroup[] {\n    const facetGroups: Record<string, FacetGroup> = {};\n\n    this.forEach((bucket, bucketKey, facetType) => {\n      const title = facetTitles[facetType];\n      let displayText = bucketKey;\n\n      // For lending facets, convert the key to a more readable format\n      if (facetType === 'lending') {\n        displayText =\n          lendingFacetDisplayNames[bucketKey as LendingFacetKey] ?? bucketKey;\n      }\n\n      if (!facetGroups[facetType]) {\n        facetGroups[facetType] = {\n          title,\n          key: facetType,\n          buckets: [],\n        };\n      }\n\n      facetGroups[facetType].buckets.push({\n        displayText,\n        key: bucketKey,\n        count: bucket.count,\n        state: bucket.state,\n      });\n    });\n\n    return Object.values(facetGroups);\n  }\n}\n"]}

package/dist/src/sort-filter-bar/alpha-bar-tooltip.d.ts

@@ -1,6 +1,6 @@
-import { LitElement, CSSResultGroup } from 'lit';
-export declare class AlphaBarTooltip extends LitElement {
-    numResults: number;
-    render(): import("lit-html").TemplateResult<1>;
-    static get styles(): CSSResultGroup;
-}
+import { LitElement, CSSResultGroup } from 'lit';
+export declare class AlphaBarTooltip extends LitElement {
+    numResults: number;
+    render(): import("lit-html").TemplateResult<1>;
+    static get styles(): CSSResultGroup;
+}

package/dist/src/sort-filter-bar/alpha-bar-tooltip.js

@@ -1,12 +1,12 @@
-import { __decorate } from "tslib";
-import { LitElement, html, css } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-let AlphaBarTooltip = class AlphaBarTooltip extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.numResults = 0;
-    }
-    render() {
+import { __decorate } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let AlphaBarTooltip = class AlphaBarTooltip extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.numResults = 0;
+    }
+    render() {
         return html `
       <div id="tooltip-container" role="tooltip">
         <div id="arrow"></div>
@@ -14,11 +14,11 @@ let AlphaBarTooltip = class AlphaBarTooltip extends LitElement {
           ${this.numResults} ${this.numResults === 1 ? 'result' : 'results'}
         </div>
       </div>
-    `;
-    }
-    static get styles() {
-        const arrowSize = css `var(--tooltipArrowSize, 5px)`;
-        const arrowOffset = css `var(--tooltipArrowOffset, 0px)`;
+    `;
+    }
+    static get styles() {
+        const arrowSize = css `var(--tooltipArrowSize, 5px)`;
+        const arrowOffset = css `var(--tooltipArrowOffset, 0px)`;
         return css `
       #tooltip-container {
         width: max-content;
@@ -47,14 +47,14 @@ let AlphaBarTooltip = class AlphaBarTooltip extends LitElement {
         text-align: center;
         text-decoration: none;
       }
-    `;
-    }
-};
-__decorate([
-    property({ type: Number })
-], AlphaBarTooltip.prototype, "numResults", void 0);
-AlphaBarTooltip = __decorate([
-    customElement('alpha-bar-tooltip')
-], AlphaBarTooltip);
-export { AlphaBarTooltip };
+    `;
+    }
+};
+__decorate([
+    property({ type: Number })
+], AlphaBarTooltip.prototype, "numResults", void 0);
+AlphaBarTooltip = __decorate([
+    customElement('alpha-bar-tooltip')
+], AlphaBarTooltip);
+export { AlphaBarTooltip };
 //# sourceMappingURL=alpha-bar-tooltip.js.map

package/dist/src/sort-filter-bar/alpha-bar.d.ts

@@ -1,21 +1,21 @@
-import { LitElement, TemplateResult } from 'lit';
-import type { PrefixFilterCounts } from '../models';
-import './alpha-bar-tooltip';
-export declare class AlphaBar extends LitElement {
-    selectedLetter: string | null;
-    letterCounts?: PrefixFilterCounts;
-    ariaLandmarkLabel?: string;
-    private tooltipShown;
-    private hoveredLetter?;
-    private tooltip?;
-    private readonly alphabet;
-    private get selectedUppercaseLetter();
-    render(): TemplateResult<1>;
-    private letterButtonTemplate;
-    private tooltipTemplate;
-    private letterClicked;
-    private handleMouseMove;
-    private handleMouseLeave;
-    private positionTooltip;
-    static styles: import("lit").CSSResult;
-}
+import { LitElement, TemplateResult } from 'lit';
+import type { PrefixFilterCounts } from '../models';
+import './alpha-bar-tooltip';
+export declare class AlphaBar extends LitElement {
+    selectedLetter: string | null;
+    letterCounts?: PrefixFilterCounts;
+    ariaLandmarkLabel?: string;
+    private tooltipShown;
+    private hoveredLetter?;
+    private tooltip?;
+    private readonly alphabet;
+    private get selectedUppercaseLetter();
+    render(): TemplateResult<1>;
+    private letterButtonTemplate;
+    private tooltipTemplate;
+    private letterClicked;
+    private handleMouseMove;
+    private handleMouseLeave;
+    private positionTooltip;
+    static styles: import("lit").CSSResult;
+}

package/dist/src/sort-filter-bar/alpha-bar.js

@@ -1,27 +1,27 @@
-import { __decorate } from "tslib";
-import { LitElement, html, css, nothing } from 'lit';
-import { customElement, property, state, query } from 'lit/decorators.js';
-import './alpha-bar-tooltip';
-let AlphaBar = class AlphaBar extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.selectedLetter = null;
-        this.tooltipShown = false;
-        this.alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
-    }
-    get selectedUppercaseLetter() {
-        var _a;
-        return (_a = this.selectedLetter) === null || _a === void 0 ? void 0 : _a.toUpperCase();
-    }
-    render() {
-        var _a;
+import { __decorate } from "tslib";
+import { LitElement, html, css, nothing } from 'lit';
+import { customElement, property, state, query } from 'lit/decorators.js';
+import './alpha-bar-tooltip';
+let AlphaBar = class AlphaBar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.selectedLetter = null;
+        this.tooltipShown = false;
+        this.alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
+    }
+    get selectedUppercaseLetter() {
+        var _a;
+        return (_a = this.selectedLetter) === null || _a === void 0 ? void 0 : _a.toUpperCase();
+    }
+    render() {
+        var _a;
         return html `
       <section id="container" aria-label=${(_a = this.ariaLandmarkLabel) !== null && _a !== void 0 ? _a : nothing}>
         <ul>
           ${this.alphabet.map(letter => html `
                 <li
-                  class=${letter === this.selectedUppercaseLetter
-            ? 'selected'
+                  class=${letter === this.selectedUppercaseLetter
+            ? 'selected'
             : nothing}
                   @mousemove=${this.handleMouseMove}
                   @mouseleave=${this.handleMouseLeave}
@@ -32,103 +32,103 @@ let AlphaBar = class AlphaBar extends LitElement {
               `)}
         </ul>
       </section>
-    `;
-    }
-    letterButtonTemplate(letter) {
-        var _a, _b, _c;
-        const ariaLabel = `${letter}: ${(_b = (_a = this.letterCounts) === null || _a === void 0 ? void 0 : _a[letter]) !== null && _b !== void 0 ? _b : 0} results`;
+    `;
+    }
+    letterButtonTemplate(letter) {
+        var _a, _b, _c;
+        const ariaLabel = `${letter}: ${(_b = (_a = this.letterCounts) === null || _a === void 0 ? void 0 : _a[letter]) !== null && _b !== void 0 ? _b : 0} results`;
         return html `
       <button
         aria-label=${ariaLabel}
         ?disabled=${!((_c = this.letterCounts) === null || _c === void 0 ? void 0 : _c[letter])}
-        @click=${() => {
-            this.letterClicked(letter);
+        @click=${() => {
+            this.letterClicked(letter);
         }}
       >
         ${letter}
       </button>
-    `;
-    }
-    tooltipTemplate(letter) {
-        var _a, _b;
-        if (this.hoveredLetter !== letter)
-            return nothing;
-        return this.tooltipShown
+    `;
+    }
+    tooltipTemplate(letter) {
+        var _a, _b;
+        if (this.hoveredLetter !== letter)
+            return nothing;
+        return this.tooltipShown
             ? html `<alpha-bar-tooltip
           data-letter=${letter}
           .numResults=${(_b = (_a = this.letterCounts) === null || _a === void 0 ? void 0 : _a[this.hoveredLetter]) !== null && _b !== void 0 ? _b : 0}
-        ></alpha-bar-tooltip>`
-            : nothing;
-    }
-    letterClicked(letter) {
-        if (letter === this.selectedUppercaseLetter) {
-            this.selectedLetter = null;
-        }
-        else {
-            this.selectedLetter = letter;
-        }
-        this.dispatchEvent(new CustomEvent('letterChanged', {
-            detail: { selectedLetter: this.selectedUppercaseLetter },
-        }));
-    }
-    async handleMouseMove(e) {
-        var _a, _b;
-        const target = e.target;
-        if (target && !this.tooltipShown) {
-            const targetLetter = (_b = (_a = target.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : undefined;
-            this.tooltipShown = true;
-            this.hoveredLetter = targetLetter;
-            await this.updateComplete;
-            await new Promise(resolve => {
-                setTimeout(resolve, 0);
-            });
-            if (this.tooltip && this.tooltip.dataset.letter === targetLetter) {
-                this.positionTooltip(target);
-            }
-        }
-    }
-    handleMouseLeave() {
-        this.tooltipShown = false;
-        this.hoveredLetter = undefined;
-    }
-    positionTooltip(targetElmt) {
-        if (!this.tooltip)
-            return;
-        // Basic positioning is just to center the whole tooltip on the letter box.
-        const tooltipWidth = this.tooltip.clientWidth;
-        const letterWidth = targetElmt.clientWidth;
-        let left = letterWidth / 2 - tooltipWidth / 2;
-        // But we also need to ensure the tooltip doesn't flow outside the viewport.
-        // First, calculate the full width of the document body, including margins
-        // (but not including any scrollbar).
-        const bodyStyle = getComputedStyle(document.body);
-        const bodyMarginLeft = parseFloat(bodyStyle.getPropertyValue('margin-left'));
-        const bodyMarginRight = parseFloat(bodyStyle.getPropertyValue('margin-right'));
-        const bodyWidthWithMargin = document.body.clientWidth + bodyMarginLeft + bodyMarginRight;
-        // Calculate the positions of the tooltip's left/right edges, and determine
-        // how much they overflow the viewport by (if at all).
-        const targetRect = targetElmt.getBoundingClientRect();
-        const tooltipLeft = targetRect.left + left;
-        const tooltipRight = tooltipLeft + tooltipWidth;
-        const offset = 1; // How many pixels the tooltip must be offset from the left/right edges
-        let overflowAmt;
-        if (tooltipLeft < offset) {
-            // Tooltip overflows left edge of viewport
-            overflowAmt = tooltipLeft - offset;
-        }
-        else if (tooltipRight > bodyWidthWithMargin - offset) {
-            // Tooltip overflows right edge of viewport
-            overflowAmt = tooltipRight - bodyWidthWithMargin + offset;
-        }
-        // Apply any needed adjustment to the tooltip and its arrow to keep it in the viewport
-        if (overflowAmt) {
-            left -= overflowAmt;
-            this.tooltip.style.setProperty('--tooltipArrowOffset', `${overflowAmt}px`);
-        }
-        this.tooltip.style.left = `${left}px`;
-        this.tooltip.classList.add('fade-in');
-    }
-};
+        ></alpha-bar-tooltip>`
+            : nothing;
+    }
+    letterClicked(letter) {
+        if (letter === this.selectedUppercaseLetter) {
+            this.selectedLetter = null;
+        }
+        else {
+            this.selectedLetter = letter;
+        }
+        this.dispatchEvent(new CustomEvent('letterChanged', {
+            detail: { selectedLetter: this.selectedUppercaseLetter },
+        }));
+    }
+    async handleMouseMove(e) {
+        var _a, _b;
+        const target = e.target;
+        if (target && !this.tooltipShown) {
+            const targetLetter = (_b = (_a = target.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : undefined;
+            this.tooltipShown = true;
+            this.hoveredLetter = targetLetter;
+            await this.updateComplete;
+            await new Promise(resolve => {
+                setTimeout(resolve, 0);
+            });
+            if (this.tooltip && this.tooltip.dataset.letter === targetLetter) {
+                this.positionTooltip(target);
+            }
+        }
+    }
+    handleMouseLeave() {
+        this.tooltipShown = false;
+        this.hoveredLetter = undefined;
+    }
+    positionTooltip(targetElmt) {
+        if (!this.tooltip)
+            return;
+        // Basic positioning is just to center the whole tooltip on the letter box.
+        const tooltipWidth = this.tooltip.clientWidth;
+        const letterWidth = targetElmt.clientWidth;
+        let left = letterWidth / 2 - tooltipWidth / 2;
+        // But we also need to ensure the tooltip doesn't flow outside the viewport.
+        // First, calculate the full width of the document body, including margins
+        // (but not including any scrollbar).
+        const bodyStyle = getComputedStyle(document.body);
+        const bodyMarginLeft = parseFloat(bodyStyle.getPropertyValue('margin-left'));
+        const bodyMarginRight = parseFloat(bodyStyle.getPropertyValue('margin-right'));
+        const bodyWidthWithMargin = document.body.clientWidth + bodyMarginLeft + bodyMarginRight;
+        // Calculate the positions of the tooltip's left/right edges, and determine
+        // how much they overflow the viewport by (if at all).
+        const targetRect = targetElmt.getBoundingClientRect();
+        const tooltipLeft = targetRect.left + left;
+        const tooltipRight = tooltipLeft + tooltipWidth;
+        const offset = 1; // How many pixels the tooltip must be offset from the left/right edges
+        let overflowAmt;
+        if (tooltipLeft < offset) {
+            // Tooltip overflows left edge of viewport
+            overflowAmt = tooltipLeft - offset;
+        }
+        else if (tooltipRight > bodyWidthWithMargin - offset) {
+            // Tooltip overflows right edge of viewport
+            overflowAmt = tooltipRight - bodyWidthWithMargin + offset;
+        }
+        // Apply any needed adjustment to the tooltip and its arrow to keep it in the viewport
+        if (overflowAmt) {
+            left -= overflowAmt;
+            this.tooltip.style.setProperty('--tooltipArrowOffset', `${overflowAmt}px`);
+        }
+        this.tooltip.style.left = `${left}px`;
+        this.tooltip.classList.add('fade-in');
+    }
+};
 AlphaBar.styles = css `
     h1 {
       font-size: 1.2rem;
@@ -215,27 +215,27 @@ AlphaBar.styles = css `
         grid-template-columns: repeat(13, 1fr);
       }
     }
-  `;
-__decorate([
-    property({ type: String })
-], AlphaBar.prototype, "selectedLetter", void 0);
-__decorate([
-    property({ type: Object })
-], AlphaBar.prototype, "letterCounts", void 0);
-__decorate([
-    property({ type: String })
-], AlphaBar.prototype, "ariaLandmarkLabel", void 0);
-__decorate([
-    state()
-], AlphaBar.prototype, "tooltipShown", void 0);
-__decorate([
-    state()
-], AlphaBar.prototype, "hoveredLetter", void 0);
-__decorate([
-    query('alpha-bar-tooltip')
-], AlphaBar.prototype, "tooltip", void 0);
-AlphaBar = __decorate([
-    customElement('alpha-bar')
-], AlphaBar);
-export { AlphaBar };
+  `;
+__decorate([
+    property({ type: String })
+], AlphaBar.prototype, "selectedLetter", void 0);
+__decorate([
+    property({ type: Object })
+], AlphaBar.prototype, "letterCounts", void 0);
+__decorate([
+    property({ type: String })
+], AlphaBar.prototype, "ariaLandmarkLabel", void 0);
+__decorate([
+    state()
+], AlphaBar.prototype, "tooltipShown", void 0);
+__decorate([
+    state()
+], AlphaBar.prototype, "hoveredLetter", void 0);
+__decorate([
+    query('alpha-bar-tooltip')
+], AlphaBar.prototype, "tooltip", void 0);
+AlphaBar = __decorate([
+    customElement('alpha-bar')
+], AlphaBar);
+export { AlphaBar };
 //# sourceMappingURL=alpha-bar.js.map

package/dist/src/sort-filter-bar/img/compact.d.ts

@@ -1 +1 @@
-export declare const compactIcon: import("lit-html").TemplateResult<2>;
+export declare const compactIcon: import("lit-html").TemplateResult<2>;