@internetarchive/collection-browser 4.7.1-alpha-webdev9189.0 → 4.8.1-webdev-9227.1

package/dist/src/collection-facets/page-window.js

@@ -0,0 +1,202 @@
+const supportsScrollEnd = 'onscrollend' in window;
+/**
+ * Windowing controller for a horizontal scroller of fixed-width columns that
+ * snaps to page boundaries. Tracks which pages should be in the DOM (`first`
+ * through `last`) and which page the scroller last came to rest on.
+ *
+ * All positions are arithmetic on `colWidth`; the only measurement is the
+ * scroller's width, which comes from a ResizeObserver.
+ *
+ * See docs/design/column-virtualization.md before changing this, especially
+ * its invariants.
+ */
+export class PageWindow {
+    constructor(host, cfg) {
+        this.host = host;
+        this.cfg = cfg;
+        /** Index of the first mounted page. */
+        this.first = 0;
+        /** Index of the last mounted page, or -1 when nothing is mounted. */
+        this.last = -1;
+        /** How many columns fit in the scroller, derived from its measured width. */
+        this.colsPerPage = 1;
+        /** The page the scroller last came to rest on. */
+        this.currentPage = 0;
+        this.viewportW = 0;
+        this.frame = 0;
+        this.landFrame = 0;
+        this.endTimer = 0;
+        /** Whether to re-check the resting page once the host has re-rendered. */
+        this.relandAfterUpdate = false;
+        /** Ref callback for the scroll container. */
+        this.attach = (el) => {
+            const next = el instanceof HTMLElement ? el : undefined;
+            if (next === this.scroller)
+                return;
+            this.detach();
+            if (!next)
+                return;
+            this.scroller = next;
+            next.addEventListener('scroll', this.onScroll, { passive: true });
+            if (supportsScrollEnd) {
+                next.addEventListener('scrollend', this.onScrollEnd);
+            }
+            else {
+                next.addEventListener('scroll', this.onScrollIdle, { passive: true });
+            }
+            this.ro = new ResizeObserver(([e]) => this.onResize(e.contentRect.width));
+            this.ro.observe(next);
+        };
+        this.onScroll = () => {
+            if (this.frame)
+                return;
+            this.frame = requestAnimationFrame(() => {
+                this.frame = 0;
+                this.recompute();
+            });
+        };
+        /** Fallback for browsers without `scrollend`: treat 120ms of quiet as rest. */
+        this.onScrollIdle = () => {
+            clearTimeout(this.endTimer);
+            this.endTimer = window.setTimeout(this.onScrollEnd, 120);
+        };
+        this.onScrollEnd = () => {
+            this.land();
+        };
+        host.addController(this);
+    }
+    get pageWidth() {
+        return this.cfg.colWidth * this.colsPerPage;
+    }
+    get pageCount() {
+        return Math.ceil(this.cfg.total / this.colsPerPage);
+    }
+    get totalWidth() {
+        return this.cfg.colWidth * this.cfg.total;
+    }
+    /**
+     * Width of page `i`. Every page is `pageWidth` except a partial last page,
+     * which is trimmed so that nothing extends the scroll area past `totalWidth`.
+     */
+    pageSpan(i) {
+        return Math.min(this.pageWidth, this.totalWidth - i * this.pageWidth);
+    }
+    /** Updates the number of columns, e.g. when the dataset is filtered. */
+    setTotal(total) {
+        if (total === this.cfg.total)
+            return;
+        this.cfg.total = total;
+        this.recompute(true);
+        // The sizer hasn't resized yet, so wait for the host to render before
+        // reading where the scroller rests.
+        this.relandAfterUpdate = true;
+    }
+    /** Scrolls so that `page` sits at the start of the viewport. */
+    scrollToPage(page, behavior = 'auto') {
+        const target = Math.max(0, Math.min(page, this.pageCount - 1));
+        this.scroller?.scrollTo({ left: target * this.pageWidth, behavior });
+    }
+    hostUpdated() {
+        const el = this.scroller;
+        if (!el)
+            return;
+        // A resize changed the page width. The host has now moved the snap stubs,
+        // so put the page that held the anchor column back at the start.
+        if (this.realignTo !== undefined) {
+            const target = this.realignTo * this.pageWidth;
+            // After a layout change WebKit re-snaps to the snap point with the same
+            // index as before, which is now a different column. Assigning the
+            // position the scroller already has is a no-op that doesn't update that
+            // index, so nudge it first.
+            if (el.scrollLeft === target)
+                el.scrollLeft = target + 1;
+            el.scrollLeft = target;
+            this.realignTo = undefined;
+            this.relandAfterUpdate = true;
+        }
+        if (this.relandAfterUpdate && !this.landFrame) {
+            this.relandAfterUpdate = false;
+            // Next frame, so as not to update the host again from inside its update
+            this.landFrame = requestAnimationFrame(() => {
+                this.landFrame = 0;
+                this.land();
+            });
+        }
+    }
+    hostDisconnected() {
+        this.detach();
+    }
+    detach() {
+        const el = this.scroller;
+        if (!el)
+            return;
+        el.removeEventListener('scroll', this.onScroll);
+        el.removeEventListener('scroll', this.onScrollIdle);
+        el.removeEventListener('scrollend', this.onScrollEnd);
+        this.ro?.disconnect();
+        this.ro = undefined;
+        if (this.frame)
+            cancelAnimationFrame(this.frame);
+        if (this.landFrame)
+            cancelAnimationFrame(this.landFrame);
+        this.frame = 0;
+        this.landFrame = 0;
+        clearTimeout(this.endTimer);
+        this.scroller = undefined;
+    }
+    onResize(width) {
+        const el = this.scroller;
+        if (!el)
+            return;
+        this.viewportW = width;
+        const colsPerPage = Math.max(1, Math.floor(width / this.cfg.colWidth));
+        if (colsPerPage === this.colsPerPage) {
+            this.recompute();
+            return;
+        }
+        // Columns never move (column c always starts at c * colWidth); only the
+        // page boundaries do. Keep the leftmost visible column on screen by
+        // realigning to whichever new page contains it.
+        const anchorCol = Math.round(el.scrollLeft / this.cfg.colWidth);
+        this.colsPerPage = colsPerPage;
+        this.realignTo = Math.floor(anchorCol / colsPerPage);
+        this.recompute(true);
+    }
+    recompute(force = false) {
+        const el = this.scroller;
+        if (!el)
+            return;
+        const pw = this.pageWidth;
+        const buf = this.cfg.buffer ?? 1;
+        const left = el.scrollLeft;
+        const first = Math.max(0, Math.floor(left / pw) - buf);
+        // Floor on both edges, so that first and last shift together at each page
+        // boundary rather than one just before it and one just after.
+        const last = Math.min(this.pageCount - 1, Math.floor((left + this.viewportW) / pw) + buf);
+        // Most scroll events end here: the window only changes at page boundaries
+        if (!force && first === this.first && last === this.last)
+            return;
+        this.first = first;
+        this.last = last;
+        this.host.requestUpdate();
+    }
+    /** Records which page the scroller is resting on. */
+    land() {
+        const el = this.scroller;
+        if (!el)
+            return;
+        const left = el.scrollLeft;
+        const maxLeft = this.totalWidth - this.viewportW;
+        // A partial last page can't reach its own snap point, so resting at the
+        // far end counts as landing on the last page.
+        const atEnd = left >= maxLeft - 1;
+        const page = atEnd ? this.pageCount - 1 : Math.round(left / this.pageWidth);
+        const clamped = Math.max(0, Math.min(page, this.pageCount - 1));
+        if (clamped !== this.currentPage) {
+            this.currentPage = clamped;
+            this.host.requestUpdate();
+        }
+        this.cfg.onRest?.(clamped);
+    }
+}
+//# sourceMappingURL=page-window.js.map

package/dist/src/collection-facets/page-window.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-window.js","sourceRoot":"","sources":["../../../src/collection-facets/page-window.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nexport type PageWindowConfig = {\n  /** Width in px of every column. Columns are uniform. */\n  colWidth: number;\n\n  /** Total number of columns in the dataset. */\n  total: number;\n\n  /** Pages kept mounted on each side of the visible ones. Defaults to 1. */\n  buffer?: number;\n\n  /**\n   * Called each time the scroller comes to rest (or is re-laid out), with the\n   * page it rests on. Fires even when that page hasn't changed.\n   */\n  onRest?: (page: number) => void;\n};\n\nconst supportsScrollEnd = 'onscrollend' in window;\n\n/**\n * Windowing controller for a horizontal scroller of fixed-width columns that\n * snaps to page boundaries. Tracks which pages should be in the DOM (`first`\n * through `last`) and which page the scroller last came to rest on.\n *\n * All positions are arithmetic on `colWidth`; the only measurement is the\n * scroller's width, which comes from a ResizeObserver.\n *\n * See docs/design/column-virtualization.md before changing this, especially\n * its invariants.\n */\nexport class PageWindow implements ReactiveController {\n  /** Index of the first mounted page. */\n  first = 0;\n\n  /** Index of the last mounted page, or -1 when nothing is mounted. */\n  last = -1;\n\n  /** How many columns fit in the scroller, derived from its measured width. */\n  colsPerPage = 1;\n\n  /** The page the scroller last came to rest on. */\n  currentPage = 0;\n\n  private scroller?: HTMLElement;\n\n  private viewportW = 0;\n\n  private frame = 0;\n\n  private landFrame = 0;\n\n  private endTimer = 0;\n\n  private ro?: ResizeObserver;\n\n  /** Page to realign to once the host has re-rendered at a new page width. */\n  private realignTo?: number;\n\n  /** Whether to re-check the resting page once the host has re-rendered. */\n  private relandAfterUpdate = false;\n\n  constructor(\n    private host: ReactiveControllerHost,\n    private cfg: PageWindowConfig,\n  ) {\n    host.addController(this);\n  }\n\n  get pageWidth(): number {\n    return this.cfg.colWidth * this.colsPerPage;\n  }\n\n  get pageCount(): number {\n    return Math.ceil(this.cfg.total / this.colsPerPage);\n  }\n\n  get totalWidth(): number {\n    return this.cfg.colWidth * this.cfg.total;\n  }\n\n  /**\n   * Width of page `i`. Every page is `pageWidth` except a partial last page,\n   * which is trimmed so that nothing extends the scroll area past `totalWidth`.\n   */\n  pageSpan(i: number): number {\n    return Math.min(this.pageWidth, this.totalWidth - i * this.pageWidth);\n  }\n\n  /** Updates the number of columns, e.g. when the dataset is filtered. */\n  setTotal(total: number): void {\n    if (total === this.cfg.total) return;\n    this.cfg.total = total;\n    this.recompute(true);\n    // The sizer hasn't resized yet, so wait for the host to render before\n    // reading where the scroller rests.\n    this.relandAfterUpdate = true;\n  }\n\n  /** Scrolls so that `page` sits at the start of the viewport. */\n  scrollToPage(page: number, behavior: ScrollBehavior = 'auto'): void {\n    const target = Math.max(0, Math.min(page, this.pageCount - 1));\n    this.scroller?.scrollTo({ left: target * this.pageWidth, behavior });\n  }\n\n  /** Ref callback for the scroll container. */\n  attach = (el?: Element): void => {\n    const next = el instanceof HTMLElement ? el : undefined;\n    if (next === this.scroller) return;\n    this.detach();\n    if (!next) return;\n\n    this.scroller = next;\n    next.addEventListener('scroll', this.onScroll, { passive: true });\n    if (supportsScrollEnd) {\n      next.addEventListener('scrollend', this.onScrollEnd);\n    } else {\n      next.addEventListener('scroll', this.onScrollIdle, { passive: true });\n    }\n\n    this.ro = new ResizeObserver(([e]) => this.onResize(e.contentRect.width));\n    this.ro.observe(next);\n  };\n\n  hostUpdated(): void {\n    const el = this.scroller;\n    if (!el) return;\n    // A resize changed the page width. The host has now moved the snap stubs,\n    // so put the page that held the anchor column back at the start.\n    if (this.realignTo !== undefined) {\n      const target = this.realignTo * this.pageWidth;\n      // After a layout change WebKit re-snaps to the snap point with the same\n      // index as before, which is now a different column. Assigning the\n      // position the scroller already has is a no-op that doesn't update that\n      // index, so nudge it first.\n      if (el.scrollLeft === target) el.scrollLeft = target + 1;\n      el.scrollLeft = target;\n      this.realignTo = undefined;\n      this.relandAfterUpdate = true;\n    }\n    if (this.relandAfterUpdate && !this.landFrame) {\n      this.relandAfterUpdate = false;\n      // Next frame, so as not to update the host again from inside its update\n      this.landFrame = requestAnimationFrame(() => {\n        this.landFrame = 0;\n        this.land();\n      });\n    }\n  }\n\n  hostDisconnected(): void {\n    this.detach();\n  }\n\n  private detach(): void {\n    const el = this.scroller;\n    if (!el) return;\n    el.removeEventListener('scroll', this.onScroll);\n    el.removeEventListener('scroll', this.onScrollIdle);\n    el.removeEventListener('scrollend', this.onScrollEnd);\n    this.ro?.disconnect();\n    this.ro = undefined;\n    if (this.frame) cancelAnimationFrame(this.frame);\n    if (this.landFrame) cancelAnimationFrame(this.landFrame);\n    this.frame = 0;\n    this.landFrame = 0;\n    clearTimeout(this.endTimer);\n    this.scroller = undefined;\n  }\n\n  private onResize(width: number): void {\n    const el = this.scroller;\n    if (!el) return;\n    this.viewportW = width;\n\n    const colsPerPage = Math.max(1, Math.floor(width / this.cfg.colWidth));\n    if (colsPerPage === this.colsPerPage) {\n      this.recompute();\n      return;\n    }\n\n    // Columns never move (column c always starts at c * colWidth); only the\n    // page boundaries do. Keep the leftmost visible column on screen by\n    // realigning to whichever new page contains it.\n    const anchorCol = Math.round(el.scrollLeft / this.cfg.colWidth);\n    this.colsPerPage = colsPerPage;\n    this.realignTo = Math.floor(anchorCol / colsPerPage);\n    this.recompute(true);\n  }\n\n  private onScroll = (): void => {\n    if (this.frame) return;\n    this.frame = requestAnimationFrame(() => {\n      this.frame = 0;\n      this.recompute();\n    });\n  };\n\n  /** Fallback for browsers without `scrollend`: treat 120ms of quiet as rest. */\n  private onScrollIdle = (): void => {\n    clearTimeout(this.endTimer);\n    this.endTimer = window.setTimeout(this.onScrollEnd, 120);\n  };\n\n  private onScrollEnd = (): void => {\n    this.land();\n  };\n\n  private recompute(force = false): void {\n    const el = this.scroller;\n    if (!el) return;\n    const pw = this.pageWidth;\n    const buf = this.cfg.buffer ?? 1;\n    const left = el.scrollLeft;\n    const first = Math.max(0, Math.floor(left / pw) - buf);\n    // Floor on both edges, so that first and last shift together at each page\n    // boundary rather than one just before it and one just after.\n    const last = Math.min(\n      this.pageCount - 1,\n      Math.floor((left + this.viewportW) / pw) + buf,\n    );\n    // Most scroll events end here: the window only changes at page boundaries\n    if (!force && first === this.first && last === this.last) return;\n    this.first = first;\n    this.last = last;\n    this.host.requestUpdate();\n  }\n\n  /** Records which page the scroller is resting on. */\n  private land(): void {\n    const el = this.scroller;\n    if (!el) return;\n    const left = el.scrollLeft;\n    const maxLeft = this.totalWidth - this.viewportW;\n    // A partial last page can't reach its own snap point, so resting at the\n    // far end counts as landing on the last page.\n    const atEnd = left >= maxLeft - 1;\n    const page = atEnd ? this.pageCount - 1 : Math.round(left / this.pageWidth);\n    const clamped = Math.max(0, Math.min(page, this.pageCount - 1));\n    if (clamped !== this.currentPage) {\n      this.currentPage = clamped;\n      this.host.requestUpdate();\n    }\n    this.cfg.onRest?.(clamped);\n  }\n}\n"]}

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

@@ -44,6 +44,7 @@ let ToggleSwitch = class ToggleSwitch extends LitElement {
           id="switch-button"
           class=${this.side}
           aria-hidden="true"
+          tabindex="-1"
           @click=${this.handleClick}
         >
           <div id="knob"></div>

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

@@ -1 +1 @@
-{"version":3,"file":"toggle-switch.js","sourceRoot":"","sources":["../../../src/collection-facets/toggle-switch.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, CSSResultGroup } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { srOnlyStyle } from '../styles/sr-only';\n\nexport type Side = 'left' | 'right';\n\n@customElement('toggle-switch')\nexport class ToggleSwitch extends LitElement {\n  /**\n   * The value this switch should have when toggled to the left.\n   */\n  @property({ type: String, attribute: true }) leftValue: string = '';\n\n  /**\n   * The human-readable label to display on the left side of this switch.\n   * If none is provided, `leftValue` is used.\n   */\n  @property({ type: String, attribute: true }) leftLabel?: string;\n\n  /**\n   * The value this switch should have when toggled to the right.\n   */\n  @property({ type: String, attribute: true }) rightValue: string = '';\n\n  /**\n   * The human-readable label to display on the right side of this switch.\n   * If none is provided, `rightValue` is used.\n   */\n  @property({ type: String, attribute: true }) rightLabel?: string;\n\n  /**\n   * Which side of the switch is selected (`'left'` or `'right'`).\n   */\n  @property({ type: String, attribute: true }) side: Side = 'left';\n\n  @query('#switch-left')\n  private leftRadio!: HTMLInputElement;\n\n  render() {\n    return html`\n      <div id=\"container\">\n        <label for=\"switch-left\">${this.leftLabel ?? this.leftValue}</label>\n        <input\n          type=\"radio\"\n          id=\"switch-left\"\n          class=\"sr-only\"\n          name=\"switch\"\n          .value=${this.leftValue}\n          .checked=${this.side === 'left'}\n          @change=${this.handleRadioChange}\n        />\n        <input\n          type=\"radio\"\n          id=\"switch-right\"\n          class=\"sr-only\"\n          name=\"switch\"\n          .value=${this.rightValue}\n          .checked=${this.side === 'right'}\n          @change=${this.handleRadioChange}\n        />\n        <button\n          id=\"switch-button\"\n          class=${this.side}\n          aria-hidden=\"true\"\n          @click=${this.handleClick}\n        >\n          <div id=\"knob\"></div>\n        </button>\n        <label for=\"switch-right\">${this.rightLabel ?? this.rightValue}</label>\n      </div>\n    `;\n  }\n\n  /**\n   * The currently selected value of this switch.\n   */\n  get value(): string {\n    return this.side === 'left' ? this.leftValue : this.rightValue;\n  }\n\n  /**\n   * The label for the currently selected value of this switch.\n   * Falls back to the current value if its label is not defined.\n   */\n  get selectedLabel(): string {\n    return this.side === 'left'\n      ? (this.leftLabel ?? this.leftValue)\n      : (this.rightLabel ?? this.rightValue);\n  }\n\n  private handleClick(): void {\n    this.side = this.side === 'left' ? 'right' : 'left';\n    this.emitChangeEvent();\n  }\n\n  private handleRadioChange(): void {\n    this.side = this.leftRadio.checked ? 'left' : 'right';\n    this.emitChangeEvent();\n  }\n\n  private emitChangeEvent(): void {\n    const event = new CustomEvent<string>('change', {\n      detail: this.value,\n    });\n    this.dispatchEvent(event);\n  }\n\n  static get styles(): CSSResultGroup {\n    const switchWidth = css`var(--switchWidth, 30px)`;\n    const switchHeight = css`var(--switchHeight, 14px)`;\n    const switchMarginLeft = css`var(--switchMarginLeft, 5px)`;\n    const switchMarginRight = css`var(--switchMarginRight, 5px)`;\n    const switchBorderWidth = css`var(--switchBorderWidth, 3px)`;\n    const switchBgColor = css`var(--switchBgColor, #194880)`;\n    const switchBorderColor = css`var(--switchBorderColor, #194880)`;\n    const labelFontSize = css`var(--labelFontSize, 1.3rem)`;\n    const knobColor = css`var(--knobColor, white)`;\n    const knobTransitionDuration = css`var(--knobTransitionDuration, 0.25s)`;\n    const knobTransitionFn = css`var(--knobTransitionFn, ease)`;\n\n    return [\n      srOnlyStyle,\n      css`\n        #container {\n          display: inline-flex;\n          align-items: center;\n          flex-wrap: nowrap;\n          font-size: ${labelFontSize};\n        }\n\n        #switch-button {\n          width: ${switchWidth};\n          height: ${switchHeight};\n          margin: 0 ${switchMarginRight} 0 ${switchMarginLeft};\n          padding: 0;\n          border: ${switchBorderWidth} solid ${switchBorderColor};\n          border-radius: ${switchHeight};\n          box-sizing: content-box;\n          background: ${switchBgColor};\n          appearance: none;\n          cursor: pointer;\n        }\n\n        #switch-button.left #knob {\n          transform: translateX(0);\n        }\n\n        #switch-button.right #knob {\n          transform: translateX(calc(${switchWidth} - ${switchHeight}));\n        }\n\n        #switch-button:focus-visible {\n          outline: 2px solid black;\n          outline-offset: 2px;\n        }\n\n        #knob {\n          display: block;\n          width: ${switchHeight};\n          height: ${switchHeight};\n          border-radius: 50%;\n          background: ${knobColor};\n          transition: transform ${knobTransitionDuration} ${knobTransitionFn};\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n          #knob {\n            transition-duration: 0.001s !important; /* Imperceptibly fast */\n          }\n        }\n      `,\n    ];\n  }\n}\n"]}
+{"version":3,"file":"toggle-switch.js","sourceRoot":"","sources":["../../../src/collection-facets/toggle-switch.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, CSSResultGroup } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { srOnlyStyle } from '../styles/sr-only';\n\nexport type Side = 'left' | 'right';\n\n@customElement('toggle-switch')\nexport class ToggleSwitch extends LitElement {\n  /**\n   * The value this switch should have when toggled to the left.\n   */\n  @property({ type: String, attribute: true }) leftValue: string = '';\n\n  /**\n   * The human-readable label to display on the left side of this switch.\n   * If none is provided, `leftValue` is used.\n   */\n  @property({ type: String, attribute: true }) leftLabel?: string;\n\n  /**\n   * The value this switch should have when toggled to the right.\n   */\n  @property({ type: String, attribute: true }) rightValue: string = '';\n\n  /**\n   * The human-readable label to display on the right side of this switch.\n   * If none is provided, `rightValue` is used.\n   */\n  @property({ type: String, attribute: true }) rightLabel?: string;\n\n  /**\n   * Which side of the switch is selected (`'left'` or `'right'`).\n   */\n  @property({ type: String, attribute: true }) side: Side = 'left';\n\n  @query('#switch-left')\n  private leftRadio!: HTMLInputElement;\n\n  render() {\n    return html`\n      <div id=\"container\">\n        <label for=\"switch-left\">${this.leftLabel ?? this.leftValue}</label>\n        <input\n          type=\"radio\"\n          id=\"switch-left\"\n          class=\"sr-only\"\n          name=\"switch\"\n          .value=${this.leftValue}\n          .checked=${this.side === 'left'}\n          @change=${this.handleRadioChange}\n        />\n        <input\n          type=\"radio\"\n          id=\"switch-right\"\n          class=\"sr-only\"\n          name=\"switch\"\n          .value=${this.rightValue}\n          .checked=${this.side === 'right'}\n          @change=${this.handleRadioChange}\n        />\n        <button\n          id=\"switch-button\"\n          class=${this.side}\n          aria-hidden=\"true\"\n          tabindex=\"-1\"\n          @click=${this.handleClick}\n        >\n          <div id=\"knob\"></div>\n        </button>\n        <label for=\"switch-right\">${this.rightLabel ?? this.rightValue}</label>\n      </div>\n    `;\n  }\n\n  /**\n   * The currently selected value of this switch.\n   */\n  get value(): string {\n    return this.side === 'left' ? this.leftValue : this.rightValue;\n  }\n\n  /**\n   * The label for the currently selected value of this switch.\n   * Falls back to the current value if its label is not defined.\n   */\n  get selectedLabel(): string {\n    return this.side === 'left'\n      ? (this.leftLabel ?? this.leftValue)\n      : (this.rightLabel ?? this.rightValue);\n  }\n\n  private handleClick(): void {\n    this.side = this.side === 'left' ? 'right' : 'left';\n    this.emitChangeEvent();\n  }\n\n  private handleRadioChange(): void {\n    this.side = this.leftRadio.checked ? 'left' : 'right';\n    this.emitChangeEvent();\n  }\n\n  private emitChangeEvent(): void {\n    const event = new CustomEvent<string>('change', {\n      detail: this.value,\n    });\n    this.dispatchEvent(event);\n  }\n\n  static get styles(): CSSResultGroup {\n    const switchWidth = css`var(--switchWidth, 30px)`;\n    const switchHeight = css`var(--switchHeight, 14px)`;\n    const switchMarginLeft = css`var(--switchMarginLeft, 5px)`;\n    const switchMarginRight = css`var(--switchMarginRight, 5px)`;\n    const switchBorderWidth = css`var(--switchBorderWidth, 3px)`;\n    const switchBgColor = css`var(--switchBgColor, #194880)`;\n    const switchBorderColor = css`var(--switchBorderColor, #194880)`;\n    const labelFontSize = css`var(--labelFontSize, 1.3rem)`;\n    const knobColor = css`var(--knobColor, white)`;\n    const knobTransitionDuration = css`var(--knobTransitionDuration, 0.25s)`;\n    const knobTransitionFn = css`var(--knobTransitionFn, ease)`;\n\n    return [\n      srOnlyStyle,\n      css`\n        #container {\n          display: inline-flex;\n          align-items: center;\n          flex-wrap: nowrap;\n          font-size: ${labelFontSize};\n        }\n\n        #switch-button {\n          width: ${switchWidth};\n          height: ${switchHeight};\n          margin: 0 ${switchMarginRight} 0 ${switchMarginLeft};\n          padding: 0;\n          border: ${switchBorderWidth} solid ${switchBorderColor};\n          border-radius: ${switchHeight};\n          box-sizing: content-box;\n          background: ${switchBgColor};\n          appearance: none;\n          cursor: pointer;\n        }\n\n        #switch-button.left #knob {\n          transform: translateX(0);\n        }\n\n        #switch-button.right #knob {\n          transform: translateX(calc(${switchWidth} - ${switchHeight}));\n        }\n\n        #switch-button:focus-visible {\n          outline: 2px solid black;\n          outline-offset: 2px;\n        }\n\n        #knob {\n          display: block;\n          width: ${switchHeight};\n          height: ${switchHeight};\n          border-radius: 50%;\n          background: ${knobColor};\n          transition: transform ${knobTransitionDuration} ${knobTransitionFn};\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n          #knob {\n            transition-duration: 0.001s !important; /* Imperceptibly fast */\n          }\n        }\n      `,\n    ];\n  }\n}\n"]}

package/dist/src/collection-facets.js

@@ -3,7 +3,7 @@ import { css, html, LitElement, nothing, } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { map } from 'lit/directives/map.js';
 import { ref } from 'lit/directives/ref.js';
-import { msg } from '@lit/localize';
+import { localized, msg } from '@lit/localize';
 import { classMap } from 'lit/directives/class-map.js';
 import '@internetarchive/elements/ia-histogram-date-range/ia-histogram-date-range';
 import '@internetarchive/feature-feedback';
@@ -865,7 +865,8 @@ __decorate([
     state()
 ], CollectionFacets.prototype, "openFacets", void 0);
 CollectionFacets = __decorate([
-    customElement('collection-facets')
+    customElement('collection-facets'),
+    localized()
 ], CollectionFacets);
 export { CollectionFacets };
 //# sourceMappingURL=collection-facets.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"collection-facets.js","sourceRoot":"","sources":["../../src/collection-facets.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  PropertyValues,\n  nothing,\n  TemplateResult,\n} from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { map } from 'lit/directives/map.js';\nimport { ref } from 'lit/directives/ref.js';\nimport { msg } from '@lit/localize';\nimport { classMap } from 'lit/directives/class-map.js';\nimport {\n  Aggregation,\n  AggregationSortType,\n  Bucket,\n  FilterMap,\n  SearchServiceInterface,\n  SearchType,\n} from '@internetarchive/search-service';\nimport '@internetarchive/elements/ia-histogram-date-range/ia-histogram-date-range';\nimport '@internetarchive/feature-feedback';\nimport {\n  ModalConfig,\n  ModalManagerInterface,\n} from '@internetarchive/modal-manager';\nimport type { FeatureFeedbackServiceInterface } from '@internetarchive/feature-feedback';\nimport type { RecaptchaManagerInterface } from '@internetarchive/recaptcha-manager';\nimport type { AnalyticsManagerInterface } from '@internetarchive/analytics-manager';\nimport type { SharedResizeObserverInterface } from '@internetarchive/shared-resize-observer';\nimport type {\n  BarScalingOption,\n  BinSnappingInterval,\n} from '@internetarchive/elements/ia-histogram-date-range/models';\nimport chevronIcon from './assets/img/icons/chevron';\nimport expandIcon from './assets/img/icons/expand';\nimport {\n  FacetOption,\n  SelectedFacets,\n  FacetGroup,\n  FacetBucket,\n  defaultFacetDisplayOrder,\n  facetTitles,\n  customFacetDisplayNames,\n  lendingFacetKeysVisibility,\n  LendingFacetKey,\n  suppressedCollections,\n  defaultFacetSort,\n  FacetEventDetails,\n} from './models';\nimport type {\n  CollectionTitles,\n  PageSpecifierParams,\n  TVChannelAliases,\n} from './data-source/models';\nimport {\n  analyticsActions,\n  analyticsCategories,\n} from './utils/analytics-events';\nimport { srOnlyStyle } from './styles/sr-only';\nimport { ExpandedDatePicker } from './expanded-date-picker';\nimport {\n  sortBucketsBySelectionState,\n  updateSelectedFacetBucket,\n} from './utils/facet-utils';\n\nimport '@internetarchive/elements/ia-histogram-date-range/ia-histogram-date-range';\nimport './collection-facets/more-facets-content';\nimport './collection-facets/facets-template';\nimport './collection-facets/facet-tombstone-row';\nimport './expanded-date-picker';\n\n@customElement('collection-facets')\nexport class CollectionFacets extends LitElement {\n  @property({ type: Object }) searchService?: SearchServiceInterface;\n\n  @property({ type: Number }) searchType?: SearchType;\n\n  @property({ type: Object }) aggregations?: Record<string, Aggregation>;\n\n  @property({ type: Object }) histogramAggregation?: Aggregation;\n\n  @property({ type: String }) minSelectedDate?: string;\n\n  @property({ type: String }) maxSelectedDate?: string;\n\n  @property({ type: Boolean }) moreLinksVisible = true;\n\n  @property({ type: Boolean }) facetsLoading = false;\n\n  @property({ type: Boolean }) histogramAggregationLoading = false;\n\n  @property({ type: Object }) selectedFacets?: SelectedFacets;\n\n  @property({ type: Boolean }) collapsableFacets = false;\n\n  @property({ type: Number }) contentWidth?: number;\n\n  @property({ type: Boolean }) showHistogramDatePicker = false;\n\n  @property({ type: Boolean }) allowExpandingDatePicker = false;\n\n  @property({ type: Boolean }) suppressMediatypeFacets = false;\n\n  @property({ type: String }) query?: string;\n\n  @property({ type: Array }) identifiers?: string[];\n\n  @property({ type: Object }) pageSpecifierParams?: PageSpecifierParams;\n\n  @property({ type: Array }) parentCollections: string[] = [];\n\n  @property({ type: Object }) filterMap?: FilterMap;\n\n  @property({ type: String }) baseNavigationUrl?: string;\n\n  @property({ type: String }) collectionPagePath: string = '/details/';\n\n  @property({ type: Boolean }) isManageView = false;\n\n  @property({ type: Boolean }) isTvSearch = false;\n\n  @property({ type: Array }) facetDisplayOrder: FacetOption[] =\n    defaultFacetDisplayOrder;\n\n  @property({ type: Object, attribute: false })\n  modalManager?: ModalManagerInterface;\n\n  @property({ type: Object, attribute: false })\n  resizeObserver?: SharedResizeObserverInterface;\n\n  @property({ type: Object, attribute: false })\n  featureFeedbackService?: FeatureFeedbackServiceInterface;\n\n  @property({ type: Object, attribute: false })\n  recaptchaManager?: RecaptchaManagerInterface;\n\n  @property({ type: Object, attribute: false })\n  analyticsHandler?: AnalyticsManagerInterface;\n\n  @property({ type: Object, attribute: false })\n  collectionTitles?: CollectionTitles;\n\n  @property({ type: Object, attribute: false })\n  tvChannelAliases?: TVChannelAliases;\n\n  @state() openFacets: Record<FacetOption, boolean> = {\n    subject: false,\n    lending: false,\n    mediatype: false,\n    language: false,\n    creator: false,\n    collection: false,\n    year: false,\n    clip_type: false,\n    program: false,\n    person: false,\n    sponsor: false,\n  };\n\n  /**\n   * Maximum # of facet buckets to render per facet group\n   */\n  private allowedFacetCount = 6;\n\n  render() {\n    const containerClasses = classMap({\n      loading: this.facetsLoading,\n      managing: this.isManageView,\n    });\n\n    const heading = this.isTvSearch\n      ? msg('Date Published')\n      : msg('Year Published');\n\n    // Added data-testid for Playwright testing\n    // Using facet-group class and aria-labels is not ideal for Playwright locator\n    const datePickerLabelId = 'date-picker-label';\n    return html`\n      <div id=\"container\" class=${containerClasses}>\n        ${this.showHistogramDatePicker &&\n        (this.histogramAggregation || this.histogramAggregationLoading)\n          ? html`\n              <section\n                class=\"facet-group\"\n                aria-labelledby=${datePickerLabelId}\n                data-testid=\"facet-group-header-label-date-picker\"\n              >\n                <h3 id=${datePickerLabelId}>\n                  ${heading} <span class=\"sr-only\">${msg('range filter')}</span>\n                  ${this.expandDatePickerBtnTemplate}\n                </h3>\n                ${this.histogramTemplate}\n              </section>\n            `\n          : nothing}\n        ${this.collectionPartOfTemplate}\n        <slot name=\"facets-top\"></slot>\n        ${this.mergedFacets.map(facetGroup =>\n          this.getFacetGroupTemplate(facetGroup),\n        )}\n      </div>\n    `;\n  }\n\n  private get collectionPartOfTemplate(): TemplateResult | typeof nothing {\n    // We only display the \"Part Of\" section on collection pages\n    if (!this.parentCollections?.length) return nothing;\n\n    // Added data-testid for Playwright testing\n    // Using className and aria-labels is not ideal for Playwright locator\n    const headingId = 'partof-heading';\n    return html`\n      <section\n        class=\"facet-group partof-collections\"\n        aria-labelledby=${headingId}\n        data-testid=\"facet-group-partof-collections\"\n      >\n        <div class=\"facet-group-header\">\n          <h3 id=${headingId}>${msg('Part Of')}</h3>\n        </div>\n        <ul>\n          ${map(this.parentCollections, collxn => {\n            const collectionURL = `${this.baseNavigationUrl}${this.collectionPagePath}${collxn}`;\n\n            return html` <li>\n              <a\n                href=${collectionURL}\n                data-id=${collxn}\n                @click=${this.partOfCollectionClicked}\n              >\n                ${this.collectionTitles?.get(collxn) ?? collxn}\n              </a>\n            </li>`;\n          })}\n        </ul>\n      </section>\n    `;\n  }\n\n  private partOfCollectionClicked(e: Event): void {\n    this.analyticsHandler?.sendEvent({\n      category: analyticsCategories.default,\n      action: analyticsActions.partOfCollectionClicked,\n      label: (e.target as HTMLElement).dataset.id,\n    });\n  }\n\n  /**\n   * Properties to pass into the date-picker histogram component\n   */\n  private get histogramProps() {\n    const { histogramAggregation: aggregation } = this;\n    if (!aggregation) return undefined;\n\n    // Normalize some properties from the raw aggregation\n    const firstYear =\n      aggregation.first_bucket_year ?? aggregation.first_bucket_key;\n    const lastYear =\n      aggregation.last_bucket_year ?? aggregation.last_bucket_key;\n    if (firstYear == null || lastYear == null) return undefined; // We at least need a start/end year defined\n\n    const firstMonth = aggregation.first_bucket_month ?? 1;\n    const lastMonth = aggregation.last_bucket_month ?? 12;\n\n    const yearInterval = aggregation.interval ?? 1;\n    const monthInterval = aggregation.interval_in_months ?? 12;\n\n    const zeroPadMonth = (month: number) => month.toString().padStart(2, '0');\n\n    // The date picker is configured differently for TV search, allowing month-level resolution\n    if (this.isTvSearch) {\n      // Whether the bucket interval is less than a year\n      // (i.e., requires individual months to be handled & labeled)\n      const mustHandleMonths = monthInterval < 12;\n\n      return {\n        buckets: aggregation.buckets as number[],\n        dateFormat: 'YYYY-MM',\n        tooltipDateFormat: mustHandleMonths ? 'MMM YYYY' : 'YYYY',\n        tooltipLabel: 'broadcast',\n        binSnapping: (mustHandleMonths\n          ? 'month'\n          : 'year') as BinSnappingInterval,\n        barScaling: 'linear' as BarScalingOption,\n        minDate: `${firstYear}-${zeroPadMonth(firstMonth)}`,\n        maxDate: `${lastYear}-${zeroPadMonth(lastMonth + monthInterval - 1)}`,\n      };\n    }\n\n    // All other search types use the same configuration\n    return {\n      buckets: aggregation.buckets as number[],\n      dateFormat: 'YYYY',\n      tooltipDateFormat: 'YYYY',\n      tooltipLabel: 'item',\n      binSnapping: 'year' as BinSnappingInterval,\n      barScaling: 'logarithmic' as BarScalingOption,\n      minDate: `${firstYear}`,\n      maxDate: `${lastYear + yearInterval - 1}`,\n    };\n  }\n\n  /**\n   * Opens a modal dialog containing an enlarged version of the date picker.\n   */\n  private showDatePickerModal(): void {\n    const { histogramProps } = this;\n    if (!histogramProps) return;\n\n    const {\n      buckets,\n      dateFormat,\n      tooltipDateFormat,\n      tooltipLabel,\n      binSnapping,\n      barScaling,\n      minDate,\n      maxDate,\n    } = histogramProps;\n\n    // Because the modal manager does not clear its DOM content after being closed,\n    // it may try to render the exact same date picker template when it is reopened.\n    // And because it isn't actually a descendent of this collection-facets component,\n    // changes to the template defined here may not trigger a reactive update to the date\n    // picker, resulting in it displaying a stale date range.\n    // This ref callback ensures that every time the date picker modal is opened, it will\n    // always propagate the most recent date range into the date picker regardless of\n    // whether Lit thinks the update is necessary.\n    const expandedDatePickerChanged = (elmt?: Element) => {\n      if (elmt && elmt instanceof ExpandedDatePicker) {\n        const expandedDatePicker = elmt as ExpandedDatePicker;\n        expandedDatePicker.minSelectedDate = this.minSelectedDate;\n        expandedDatePicker.maxSelectedDate = this.maxSelectedDate;\n      }\n    };\n\n    const customModalContent = html`\n      <expanded-date-picker\n        ${ref(expandedDatePickerChanged)}\n        .minDate=${minDate}\n        .maxDate=${maxDate}\n        .minSelectedDate=${this.minSelectedDate}\n        .maxSelectedDate=${this.maxSelectedDate}\n        .customDateFormat=${dateFormat}\n        .customTooltipDateFormat=${tooltipDateFormat}\n        .customTooltipLabel=${tooltipLabel}\n        .binSnapping=${binSnapping}\n        .barScaling=${barScaling}\n        .buckets=${buckets}\n        .modalManager=${this.modalManager}\n        .analyticsHandler=${this.analyticsHandler}\n        @histogramDateRangeApplied=${this.histogramDateRangeUpdated}\n        @modalClosed=${this.handleExpandedDatePickerClosed}\n      ></expanded-date-picker>\n    `;\n\n    const config = new ModalConfig({\n      bodyColor: '#fff',\n      headerColor: '#194880',\n      showHeaderLogo: false,\n      closeOnBackdropClick: true, // TODO: want to fire analytics\n      title: html`${msg('Select a date range')}`,\n    });\n\n    this.modalManager?.classList.add('expanded-date-picker');\n    this.modalManager?.showModal({\n      config,\n      customModalContent,\n      userClosedModalCallback: this.handleExpandedDatePickerClosed,\n    });\n\n    this.analyticsHandler?.sendEvent({\n      category: analyticsCategories.default,\n      action: analyticsActions.histogramExpanded,\n      label: window.location.href,\n    });\n  }\n\n  private handleExpandedDatePickerClosed = (): void => {\n    this.modalManager?.classList.remove('expanded-date-picker');\n  };\n\n  updated(changed: PropertyValues) {\n    if (changed.has('selectedFacets')) {\n      this.dispatchFacetsChangedEvent();\n    }\n  }\n\n  // TODO: want to fire analytics?\n  private dispatchFacetsChangedEvent() {\n    const event = new CustomEvent<SelectedFacets>('facetsChanged', {\n      detail: this.selectedFacets,\n    });\n    this.dispatchEvent(event);\n  }\n\n  /**\n   * Template for the \"Expand\" button to show the date picker modal, or\n   * `nothing` if that button should currently not be shown.\n   */\n  private get expandDatePickerBtnTemplate(): TemplateResult | typeof nothing {\n    return this.allowExpandingDatePicker && !this.facetsLoading\n      ? html`<button\n          class=\"expand-date-picker-btn\"\n          aria-haspopup=\"dialog\"\n          @click=${this.showDatePickerModal}\n        >\n          <span class=\"sr-only\">${msg('Expand date histogram')}</span>\n          <span aria-hidden=\"true\">${expandIcon}</span>\n        </button>`\n      : nothing;\n  }\n\n  private get histogramTemplate(): TemplateResult | typeof nothing {\n    if (this.histogramAggregationLoading) {\n      return html` <div class=\"histogram-loading-indicator\">&hellip;</div> `;\n    }\n\n    const { histogramProps } = this;\n    if (!histogramProps) return nothing;\n\n    const {\n      buckets,\n      dateFormat,\n      tooltipDateFormat,\n      tooltipLabel,\n      binSnapping,\n      barScaling,\n      minDate,\n      maxDate,\n    } = histogramProps;\n\n    return html`\n      <ia-histogram-date-range\n        class=${this.isTvSearch ? 'wide-inputs' : ''}\n        .minDate=${minDate}\n        .maxDate=${maxDate}\n        .minSelectedDate=${this.minSelectedDate ?? minDate}\n        .maxSelectedDate=${this.maxSelectedDate ?? maxDate}\n        .updateDelay=${100}\n        .dateFormat=${dateFormat}\n        .tooltipDateFormat=${tooltipDateFormat}\n        .tooltipLabel=${tooltipLabel}\n        .binSnapping=${binSnapping}\n        .barScaling=${barScaling}\n        .bins=${buckets}\n        missingDataMessage=\"...\"\n        .width=${this.collapsableFacets && this.contentWidth\n          ? this.contentWidth\n          : 180}\n        @histogramDateRangeUpdated=${this.histogramDateRangeUpdated}\n      ></ia-histogram-date-range>\n    `;\n  }\n\n  /**\n   * Dispatches a `histogramDateRangeUpdated` event with the date range copied from the\n   * input event.\n   *\n   * Arrow function to ensure `this` is always bound to the current component.\n   */\n  private histogramDateRangeUpdated = (\n    e: CustomEvent<{\n      minDate: string;\n      maxDate: string;\n    }>,\n  ): void => {\n    const { minDate, maxDate } = e.detail;\n    const event = new CustomEvent('histogramDateRangeUpdated', {\n      detail: { minDate, maxDate },\n    });\n    this.dispatchEvent(event);\n  };\n\n  /**\n   * Combines the selected facets with the aggregations to create a single list of facets\n   */\n  private get mergedFacets(): FacetGroup[] {\n    const facetGroups: FacetGroup[] = [];\n\n    this.facetDisplayOrder.forEach(facetKey => {\n      if (facetKey === 'mediatype' && this.suppressMediatypeFacets) return;\n\n      const selectedFacetGroup = this.selectedFacetGroups.find(\n        group => group.key === facetKey,\n      );\n      const aggregateFacetGroup = this.aggregationFacetGroups.find(\n        group => group.key === facetKey,\n      );\n\n      // if the user selected a facet, but it's not in the aggregation, we add it as-is\n      if (selectedFacetGroup && !aggregateFacetGroup) {\n        facetGroups.push(selectedFacetGroup);\n        return;\n      }\n\n      // if we don't have an aggregate facet group, don't add this to the list\n      if (!aggregateFacetGroup) return;\n\n      // start with either the selected group if we have one, or the aggregate group\n      const facetGroup = selectedFacetGroup ?? aggregateFacetGroup;\n\n      // attach the counts to the selected buckets\n      let bucketsWithCount =\n        selectedFacetGroup?.buckets.map(bucket => {\n          const selectedBucket = aggregateFacetGroup.buckets.find(\n            b => b.key === bucket.key,\n          );\n          return selectedBucket\n            ? {\n                ...bucket,\n                count: selectedBucket.count,\n              }\n            : bucket;\n        }) ?? [];\n\n      // append any additional buckets that were not selected\n      aggregateFacetGroup.buckets.forEach(bucket => {\n        const existingBucket = bucketsWithCount.find(b => b.key === bucket.key);\n        if (existingBucket) return;\n        bucketsWithCount.push(bucket);\n      });\n\n      /**\n       * render limited facet items on page facet area\n       *\n       * - by-default we are showing 6 items\n       * - additionally want to show all items (selected/suppressed) in page facet area\n       */\n      let allowedFacetCount = Object.keys(\n        (selectedFacetGroup?.buckets as []) || [],\n      )?.length;\n      if (allowedFacetCount < this.allowedFacetCount) {\n        allowedFacetCount = this.allowedFacetCount; // splice start index from 0th\n      }\n\n      // For lending facets, only include a specific subset of buckets\n      if (facetKey === 'lending') {\n        bucketsWithCount = bucketsWithCount.filter(\n          bucket => lendingFacetKeysVisibility[bucket.key as LendingFacetKey],\n        );\n      }\n\n      // Sort the FacetBuckets so that selected and hidden buckets come before the rest\n      sortBucketsBySelectionState(bucketsWithCount, defaultFacetSort[facetKey]);\n\n      // For mediatype facets, ensure the collection bucket is always shown if present\n      if (facetKey === 'mediatype') {\n        const collectionIndex = bucketsWithCount.findIndex(\n          bucket => bucket.key === 'collection',\n        );\n\n        if (collectionIndex >= allowedFacetCount) {\n          const [collectionBucket] = bucketsWithCount.splice(\n            collectionIndex,\n            1,\n          );\n\n          // If we're showing lots of selected facets, ensure we're not cutting off the last one\n          if (allowedFacetCount > this.allowedFacetCount) {\n            allowedFacetCount += 1;\n          }\n\n          bucketsWithCount.splice(allowedFacetCount - 1, 0, collectionBucket);\n        }\n      }\n\n      // For TV creator facets, uppercase the display text\n      if (facetKey === 'creator' && this.isTvSearch) {\n        bucketsWithCount.forEach(b => {\n          b.displayText = (b.displayText ?? b.key)?.toLocaleUpperCase();\n\n          const channelLabel = this.tvChannelAliases?.get(b.displayText);\n          if (channelLabel && channelLabel !== b.displayText) {\n            b.extraNote = `(${channelLabel})`;\n          }\n        });\n      }\n      // For TV clip_type facets, capitalize the display text\n      if (facetKey === 'clip_type') {\n        bucketsWithCount.forEach(b => {\n          b.displayText ??= b.key;\n          b.displayText =\n            b.displayText.charAt(0).toLocaleUpperCase() +\n            b.displayText.slice(1);\n        });\n      }\n\n      // slice off how many items we want to show in page facet area\n      facetGroup.buckets = bucketsWithCount.slice(0, allowedFacetCount);\n\n      facetGroups.push(facetGroup);\n    });\n\n    return facetGroups;\n  }\n\n  /**\n   * Converts the selected facets to a `FacetGroup` array,\n   * which is easier to work with\n   */\n  private get selectedFacetGroups(): FacetGroup[] {\n    if (!this.selectedFacets) return [];\n\n    const facetGroups: FacetGroup[] = Object.entries(this.selectedFacets).map(\n      ([key, selectedFacets]) => {\n        const option = key as FacetOption;\n        const title = facetTitles[option];\n\n        const buckets: FacetBucket[] = Object.entries(selectedFacets).map(\n          ([value, facetData]) => {\n            let displayText: string = value;\n            // For certain facet types/keys, we use a custom readable display name\n            const currentGroupCustomNames = customFacetDisplayNames[\n              option\n            ] as Record<string, string>;\n            if (currentGroupCustomNames) {\n              displayText = currentGroupCustomNames[value] ?? value;\n            }\n            return {\n              displayText,\n              key: value,\n              count: facetData.count,\n              state: facetData.state,\n            };\n          },\n        );\n\n        return {\n          title,\n          key: option,\n          buckets,\n        };\n      },\n    );\n\n    return facetGroups;\n  }\n\n  /**\n   * Converts the raw `aggregations` to `FacetGroups`, which are easier to use\n   */\n  private get aggregationFacetGroups(): FacetGroup[] {\n    const facetGroups: FacetGroup[] = [];\n    Object.entries(this.aggregations ?? []).forEach(([key, aggregation]) => {\n      // the year_histogram and date_histogram data is in a different format so can't be handled here\n      if (['year_histogram', 'date_histogram'].includes(key)) return;\n\n      const option = key as FacetOption;\n      const title = facetTitles[option];\n      if (!title) return;\n\n      let castedBuckets = aggregation.getSortedBuckets(\n        defaultFacetSort[option],\n      ) as Bucket[];\n\n      if (option === 'collection') {\n        // we are not showing fav- collections or certain deemphasized collections in facets\n        castedBuckets = castedBuckets?.filter(bucket => {\n          const bucketKey = bucket?.key?.toString();\n          return (\n            !suppressedCollections[bucketKey] && !bucketKey?.startsWith('fav-')\n          );\n        });\n      }\n\n      const facetBuckets: FacetBucket[] = castedBuckets.map(bucket => {\n        const bucketKey = bucket.key;\n        let displayText = `${bucket.key}`;\n        // For certain facet types/keys, we use a custom readable display name\n        const currentGroupCustomNames = customFacetDisplayNames[\n          option\n        ] as Record<string, string>;\n        if (currentGroupCustomNames) {\n          displayText = currentGroupCustomNames[bucket.key] ?? `${bucket.key}`;\n        }\n        return {\n          displayText,\n          key: `${bucketKey}`,\n          count: bucket.doc_count,\n          state: 'none',\n        };\n      });\n      const group: FacetGroup = {\n        title,\n        key: option,\n        buckets: facetBuckets,\n      };\n      facetGroups.push(group);\n    });\n    return facetGroups;\n  }\n\n  /**\n   * Generate the template for a facet group with a header and the collapsible\n   * chevron for the mobile view\n   */\n  private getFacetGroupTemplate(\n    facetGroup: FacetGroup,\n  ): TemplateResult | typeof nothing {\n    if (!this.facetsLoading && facetGroup.buckets.length === 0) return nothing;\n\n    const { key } = facetGroup;\n    const isOpen = this.openFacets[key];\n    const collapser = html`\n      <span class=\"collapser ${isOpen ? 'open' : ''}\"> ${chevronIcon} </span>\n    `;\n\n    const toggleCollapsed = () => {\n      const newOpenFacets = { ...this.openFacets };\n      newOpenFacets[key] = !isOpen;\n      this.openFacets = newOpenFacets;\n    };\n\n    // Added data-testid for Playwright testing\n    // Using className and aria-labels is not ideal for Playwright locator\n    const headerId = `facet-group-header-label-${facetGroup.key}`;\n    return html`\n      <section\n        class=\"facet-group ${this.collapsableFacets ? 'mobile' : ''}\"\n        aria-labelledby=${headerId}\n        data-testid=${headerId}\n      >\n        <div class=\"facet-group-header\">\n          <h3\n            id=${headerId}\n            @click=${toggleCollapsed}\n            @keyup=${toggleCollapsed}\n          >\n            ${this.collapsableFacets ? collapser : nothing} ${facetGroup.title}\n            <span class=\"sr-only\">filters</span>\n          </h3>\n        </div>\n        <div\n          class=\"facet-group-content ${isOpen ? 'open' : ''}\"\n          data-testid=\"facet-group-content-${facetGroup.key}\"\n        >\n          ${this.facetsLoading\n            ? this.getTombstoneFacetGroupTemplate()\n            : html`\n                ${this.getFacetTemplate(facetGroup)}\n                ${this.searchMoreFacetsLink(facetGroup)}\n              `}\n        </div>\n      </section>\n    `;\n  }\n\n  private getTombstoneFacetGroupTemplate(): TemplateResult {\n    // Render five tombstone rows\n    return html`\n      ${map(\n        Array(5).fill(null),\n        () => html`<facet-tombstone-row></facet-tombstone-row>`,\n      )}\n    `;\n  }\n\n  /**\n   * Generate the More... link button just below the facets group\n   *\n   * TODO: want to fire analytics?\n   */\n  private searchMoreFacetsLink(\n    facetGroup: FacetGroup,\n  ): TemplateResult | typeof nothing {\n    // Don't render More... links for FTS searches\n    if (!this.moreLinksVisible) {\n      return nothing;\n    }\n\n    // Don't render More... links for lending facets\n    if (facetGroup.key === 'lending') {\n      return nothing;\n    }\n\n    // Don't render More... link if the number of facets < this.allowedFacetCount\n    if (Object.keys(facetGroup.buckets).length < this.allowedFacetCount) {\n      return nothing;\n    }\n\n    // We sort years in numeric order by default, rather than bucket count\n    const facetSort = defaultFacetSort[facetGroup.key];\n\n    // Added data-testid for Playwright testing\n    // Using the className is not ideal for Playwright locator\n    return html`<button\n      class=\"more-link\"\n      @click=${() => {\n        this.showMoreFacetsModal(facetGroup, facetSort);\n        this.analyticsHandler?.sendEvent({\n          category: analyticsCategories.default,\n          action: analyticsActions.showMoreFacetsModal,\n          label: facetGroup.key,\n        });\n        this.dispatchEvent(\n          new CustomEvent('showMoreFacets', { detail: facetGroup.key }),\n        );\n      }}\n      data-testid=\"more-link-btn\"\n    >\n      More...\n    </button>`;\n  }\n\n  async showMoreFacetsModal(\n    facetGroup: FacetGroup,\n    sortedBy: AggregationSortType,\n  ): Promise<void> {\n    const customModalContent = html`\n      <more-facets-content\n        .analyticsHandler=${this.analyticsHandler}\n        .facetKey=${facetGroup.key}\n        .query=${this.query}\n        .identifiers=${this.identifiers}\n        .filterMap=${this.filterMap}\n        .pageSpecifierParams=${this.pageSpecifierParams}\n        .modalManager=${this.modalManager}\n        .searchService=${this.searchService}\n        .searchType=${this.searchType}\n        .collectionTitles=${this.collectionTitles}\n        .tvChannelAliases=${this.tvChannelAliases}\n        .selectedFacets=${this.selectedFacets}\n        .sortedBy=${sortedBy}\n        .isTvSearch=${this.isTvSearch}\n        @facetsChanged=${(e: CustomEvent) => {\n          const event = new CustomEvent<SelectedFacets>('facetsChanged', {\n            detail: e.detail,\n            bubbles: true,\n            composed: true,\n          });\n          this.dispatchEvent(event);\n        }}\n      >\n      </more-facets-content>\n    `;\n\n    const config = new ModalConfig({\n      bodyColor: '#fff',\n      headerColor: '#194880',\n      showHeaderLogo: false,\n      closeOnBackdropClick: true, // TODO: want to fire analytics\n      title: html`Select filters`,\n    });\n    this.modalManager?.classList.add('more-search-facets');\n    this.modalManager?.showModal({\n      config,\n      customModalContent,\n      userClosedModalCallback: () => {\n        this.modalManager?.classList.remove('more-search-facets');\n      },\n    });\n  }\n\n  /**\n   * Generate the list template for each bucket in a facet group\n   */\n  private getFacetTemplate(facetGroup: FacetGroup): TemplateResult {\n    return html`\n      <facets-template\n        .collectionPagePath=${this.collectionPagePath}\n        .facetGroup=${facetGroup}\n        .selectedFacets=${this.selectedFacets}\n        .collectionTitles=${this.collectionTitles}\n        @facetClick=${(e: CustomEvent<FacetEventDetails>) => {\n          this.selectedFacets = updateSelectedFacetBucket(\n            this.selectedFacets,\n            facetGroup.key,\n            e.detail.bucket,\n            true,\n          );\n\n          const event = new CustomEvent<SelectedFacets>('facetsChanged', {\n            detail: this.selectedFacets,\n            bubbles: true,\n            composed: true,\n          });\n          this.dispatchEvent(event);\n        }}\n      ></facets-template>\n    `;\n  }\n\n  static get styles() {\n    return [\n      srOnlyStyle,\n      css`\n        a:link {\n          text-decoration: none;\n          color: var(--ia-theme-link-color, #4b64ff);\n        }\n        a:link:hover {\n          text-decoration: underline;\n        }\n\n        #container.loading {\n          opacity: 0.5;\n        }\n\n        #container.managing {\n          opacity: 0.3;\n        }\n\n        .histogram-loading-indicator {\n          width: 100%;\n          height: 5.25rem;\n          margin-top: 1.75rem;\n          font-size: 1.4rem;\n          text-align: center;\n        }\n\n        .collapser {\n          display: inline-block;\n          cursor: pointer;\n          width: 10px;\n          height: 10px;\n        }\n\n        .collapser svg {\n          transition: transform 0.2s ease-in-out;\n        }\n\n        .collapser.open svg {\n          transform: rotate(90deg);\n        }\n\n        .facet-group {\n          margin-bottom: 2rem;\n        }\n\n        .facet-group h3 {\n          margin-bottom: 0.7rem;\n        }\n\n        .facet-group.mobile h3 {\n          cursor: pointer;\n        }\n\n        .facet-group-header {\n          display: flex;\n          margin-bottom: 0.7rem;\n          justify-content: space-between;\n          border-bottom: 1px solid rgb(232, 232, 232);\n        }\n\n        .facet-group-content {\n          transition: max-height 0.2s ease-in-out;\n        }\n\n        .facet-group.mobile .facet-group-content {\n          max-height: 0;\n          overflow: hidden;\n        }\n\n        .facet-group.mobile .facet-group-content.open {\n          max-height: 2000px;\n        }\n\n        .partof-collections ul {\n          list-style-type: none;\n          padding: 0;\n          font-size: 1.2rem;\n        }\n\n        h3 {\n          font-size: 1.4rem;\n          margin: 0;\n        }\n\n        .more-link {\n          font-size: 1.2rem;\n          text-decoration: none;\n          padding: 0;\n          margin-top: 0.25rem;\n          background: inherit;\n          border: 0;\n          color: var(--ia-theme-link-color, #4b64ff);\n          cursor: pointer;\n        }\n\n        #date-picker-label {\n          display: flex;\n          justify-content: space-between;\n        }\n\n        .expand-date-picker-btn {\n          margin: 0;\n          padding: 0;\n          border: 0;\n          appearance: none;\n          background: none;\n          cursor: pointer;\n        }\n\n        .expand-date-picker-btn svg {\n          width: 14px;\n          height: 14px;\n        }\n\n        .sorting-icon {\n          height: 15px;\n          cursor: pointer;\n        }\n\n        ia-histogram-date-range.wide-inputs {\n          --histogramDateRangeInputWidth: 4.8rem;\n        }\n      `,\n    ];\n  }\n}\n"]}
+{"version":3,"file":"collection-facets.js","sourceRoot":"","sources":["../../src/collection-facets.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  PropertyValues,\n  nothing,\n  TemplateResult,\n} from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { map } from 'lit/directives/map.js';\nimport { ref } from 'lit/directives/ref.js';\nimport { localized, msg } from '@lit/localize';\nimport { classMap } from 'lit/directives/class-map.js';\nimport {\n  Aggregation,\n  AggregationSortType,\n  Bucket,\n  FilterMap,\n  SearchServiceInterface,\n  SearchType,\n} from '@internetarchive/search-service';\nimport '@internetarchive/elements/ia-histogram-date-range/ia-histogram-date-range';\nimport '@internetarchive/feature-feedback';\nimport {\n  ModalConfig,\n  ModalManagerInterface,\n} from '@internetarchive/modal-manager';\nimport type { FeatureFeedbackServiceInterface } from '@internetarchive/feature-feedback';\nimport type { RecaptchaManagerInterface } from '@internetarchive/recaptcha-manager';\nimport type { AnalyticsManagerInterface } from '@internetarchive/analytics-manager';\nimport type { SharedResizeObserverInterface } from '@internetarchive/shared-resize-observer';\nimport type {\n  BarScalingOption,\n  BinSnappingInterval,\n} from '@internetarchive/elements/ia-histogram-date-range/models';\nimport chevronIcon from './assets/img/icons/chevron';\nimport expandIcon from './assets/img/icons/expand';\nimport {\n  FacetOption,\n  SelectedFacets,\n  FacetGroup,\n  FacetBucket,\n  defaultFacetDisplayOrder,\n  facetTitles,\n  customFacetDisplayNames,\n  lendingFacetKeysVisibility,\n  LendingFacetKey,\n  suppressedCollections,\n  defaultFacetSort,\n  FacetEventDetails,\n} from './models';\nimport type {\n  CollectionTitles,\n  PageSpecifierParams,\n  TVChannelAliases,\n} from './data-source/models';\nimport {\n  analyticsActions,\n  analyticsCategories,\n} from './utils/analytics-events';\nimport { srOnlyStyle } from './styles/sr-only';\nimport { ExpandedDatePicker } from './expanded-date-picker';\nimport {\n  sortBucketsBySelectionState,\n  updateSelectedFacetBucket,\n} from './utils/facet-utils';\n\nimport '@internetarchive/elements/ia-histogram-date-range/ia-histogram-date-range';\nimport './collection-facets/more-facets-content';\nimport './collection-facets/facets-template';\nimport './collection-facets/facet-tombstone-row';\nimport './expanded-date-picker';\n\n@customElement('collection-facets')\n@localized()\nexport class CollectionFacets extends LitElement {\n  @property({ type: Object }) searchService?: SearchServiceInterface;\n\n  @property({ type: Number }) searchType?: SearchType;\n\n  @property({ type: Object }) aggregations?: Record<string, Aggregation>;\n\n  @property({ type: Object }) histogramAggregation?: Aggregation;\n\n  @property({ type: String }) minSelectedDate?: string;\n\n  @property({ type: String }) maxSelectedDate?: string;\n\n  @property({ type: Boolean }) moreLinksVisible = true;\n\n  @property({ type: Boolean }) facetsLoading = false;\n\n  @property({ type: Boolean }) histogramAggregationLoading = false;\n\n  @property({ type: Object }) selectedFacets?: SelectedFacets;\n\n  @property({ type: Boolean }) collapsableFacets = false;\n\n  @property({ type: Number }) contentWidth?: number;\n\n  @property({ type: Boolean }) showHistogramDatePicker = false;\n\n  @property({ type: Boolean }) allowExpandingDatePicker = false;\n\n  @property({ type: Boolean }) suppressMediatypeFacets = false;\n\n  @property({ type: String }) query?: string;\n\n  @property({ type: Array }) identifiers?: string[];\n\n  @property({ type: Object }) pageSpecifierParams?: PageSpecifierParams;\n\n  @property({ type: Array }) parentCollections: string[] = [];\n\n  @property({ type: Object }) filterMap?: FilterMap;\n\n  @property({ type: String }) baseNavigationUrl?: string;\n\n  @property({ type: String }) collectionPagePath: string = '/details/';\n\n  @property({ type: Boolean }) isManageView = false;\n\n  @property({ type: Boolean }) isTvSearch = false;\n\n  @property({ type: Array }) facetDisplayOrder: FacetOption[] =\n    defaultFacetDisplayOrder;\n\n  @property({ type: Object, attribute: false })\n  modalManager?: ModalManagerInterface;\n\n  @property({ type: Object, attribute: false })\n  resizeObserver?: SharedResizeObserverInterface;\n\n  @property({ type: Object, attribute: false })\n  featureFeedbackService?: FeatureFeedbackServiceInterface;\n\n  @property({ type: Object, attribute: false })\n  recaptchaManager?: RecaptchaManagerInterface;\n\n  @property({ type: Object, attribute: false })\n  analyticsHandler?: AnalyticsManagerInterface;\n\n  @property({ type: Object, attribute: false })\n  collectionTitles?: CollectionTitles;\n\n  @property({ type: Object, attribute: false })\n  tvChannelAliases?: TVChannelAliases;\n\n  @state() openFacets: Record<FacetOption, boolean> = {\n    subject: false,\n    lending: false,\n    mediatype: false,\n    language: false,\n    creator: false,\n    collection: false,\n    year: false,\n    clip_type: false,\n    program: false,\n    person: false,\n    sponsor: false,\n  };\n\n  /**\n   * Maximum # of facet buckets to render per facet group\n   */\n  private allowedFacetCount = 6;\n\n  render() {\n    const containerClasses = classMap({\n      loading: this.facetsLoading,\n      managing: this.isManageView,\n    });\n\n    const heading = this.isTvSearch\n      ? msg('Date Published')\n      : msg('Year Published');\n\n    // Added data-testid for Playwright testing\n    // Using facet-group class and aria-labels is not ideal for Playwright locator\n    const datePickerLabelId = 'date-picker-label';\n    return html`\n      <div id=\"container\" class=${containerClasses}>\n        ${this.showHistogramDatePicker &&\n        (this.histogramAggregation || this.histogramAggregationLoading)\n          ? html`\n              <section\n                class=\"facet-group\"\n                aria-labelledby=${datePickerLabelId}\n                data-testid=\"facet-group-header-label-date-picker\"\n              >\n                <h3 id=${datePickerLabelId}>\n                  ${heading} <span class=\"sr-only\">${msg('range filter')}</span>\n                  ${this.expandDatePickerBtnTemplate}\n                </h3>\n                ${this.histogramTemplate}\n              </section>\n            `\n          : nothing}\n        ${this.collectionPartOfTemplate}\n        <slot name=\"facets-top\"></slot>\n        ${this.mergedFacets.map(facetGroup =>\n          this.getFacetGroupTemplate(facetGroup),\n        )}\n      </div>\n    `;\n  }\n\n  private get collectionPartOfTemplate(): TemplateResult | typeof nothing {\n    // We only display the \"Part Of\" section on collection pages\n    if (!this.parentCollections?.length) return nothing;\n\n    // Added data-testid for Playwright testing\n    // Using className and aria-labels is not ideal for Playwright locator\n    const headingId = 'partof-heading';\n    return html`\n      <section\n        class=\"facet-group partof-collections\"\n        aria-labelledby=${headingId}\n        data-testid=\"facet-group-partof-collections\"\n      >\n        <div class=\"facet-group-header\">\n          <h3 id=${headingId}>${msg('Part Of')}</h3>\n        </div>\n        <ul>\n          ${map(this.parentCollections, collxn => {\n            const collectionURL = `${this.baseNavigationUrl}${this.collectionPagePath}${collxn}`;\n\n            return html` <li>\n              <a\n                href=${collectionURL}\n                data-id=${collxn}\n                @click=${this.partOfCollectionClicked}\n              >\n                ${this.collectionTitles?.get(collxn) ?? collxn}\n              </a>\n            </li>`;\n          })}\n        </ul>\n      </section>\n    `;\n  }\n\n  private partOfCollectionClicked(e: Event): void {\n    this.analyticsHandler?.sendEvent({\n      category: analyticsCategories.default,\n      action: analyticsActions.partOfCollectionClicked,\n      label: (e.target as HTMLElement).dataset.id,\n    });\n  }\n\n  /**\n   * Properties to pass into the date-picker histogram component\n   */\n  private get histogramProps() {\n    const { histogramAggregation: aggregation } = this;\n    if (!aggregation) return undefined;\n\n    // Normalize some properties from the raw aggregation\n    const firstYear =\n      aggregation.first_bucket_year ?? aggregation.first_bucket_key;\n    const lastYear =\n      aggregation.last_bucket_year ?? aggregation.last_bucket_key;\n    if (firstYear == null || lastYear == null) return undefined; // We at least need a start/end year defined\n\n    const firstMonth = aggregation.first_bucket_month ?? 1;\n    const lastMonth = aggregation.last_bucket_month ?? 12;\n\n    const yearInterval = aggregation.interval ?? 1;\n    const monthInterval = aggregation.interval_in_months ?? 12;\n\n    const zeroPadMonth = (month: number) => month.toString().padStart(2, '0');\n\n    // The date picker is configured differently for TV search, allowing month-level resolution\n    if (this.isTvSearch) {\n      // Whether the bucket interval is less than a year\n      // (i.e., requires individual months to be handled & labeled)\n      const mustHandleMonths = monthInterval < 12;\n\n      return {\n        buckets: aggregation.buckets as number[],\n        dateFormat: 'YYYY-MM',\n        tooltipDateFormat: mustHandleMonths ? 'MMM YYYY' : 'YYYY',\n        tooltipLabel: 'broadcast',\n        binSnapping: (mustHandleMonths\n          ? 'month'\n          : 'year') as BinSnappingInterval,\n        barScaling: 'linear' as BarScalingOption,\n        minDate: `${firstYear}-${zeroPadMonth(firstMonth)}`,\n        maxDate: `${lastYear}-${zeroPadMonth(lastMonth + monthInterval - 1)}`,\n      };\n    }\n\n    // All other search types use the same configuration\n    return {\n      buckets: aggregation.buckets as number[],\n      dateFormat: 'YYYY',\n      tooltipDateFormat: 'YYYY',\n      tooltipLabel: 'item',\n      binSnapping: 'year' as BinSnappingInterval,\n      barScaling: 'logarithmic' as BarScalingOption,\n      minDate: `${firstYear}`,\n      maxDate: `${lastYear + yearInterval - 1}`,\n    };\n  }\n\n  /**\n   * Opens a modal dialog containing an enlarged version of the date picker.\n   */\n  private showDatePickerModal(): void {\n    const { histogramProps } = this;\n    if (!histogramProps) return;\n\n    const {\n      buckets,\n      dateFormat,\n      tooltipDateFormat,\n      tooltipLabel,\n      binSnapping,\n      barScaling,\n      minDate,\n      maxDate,\n    } = histogramProps;\n\n    // Because the modal manager does not clear its DOM content after being closed,\n    // it may try to render the exact same date picker template when it is reopened.\n    // And because it isn't actually a descendent of this collection-facets component,\n    // changes to the template defined here may not trigger a reactive update to the date\n    // picker, resulting in it displaying a stale date range.\n    // This ref callback ensures that every time the date picker modal is opened, it will\n    // always propagate the most recent date range into the date picker regardless of\n    // whether Lit thinks the update is necessary.\n    const expandedDatePickerChanged = (elmt?: Element) => {\n      if (elmt && elmt instanceof ExpandedDatePicker) {\n        const expandedDatePicker = elmt as ExpandedDatePicker;\n        expandedDatePicker.minSelectedDate = this.minSelectedDate;\n        expandedDatePicker.maxSelectedDate = this.maxSelectedDate;\n      }\n    };\n\n    const customModalContent = html`\n      <expanded-date-picker\n        ${ref(expandedDatePickerChanged)}\n        .minDate=${minDate}\n        .maxDate=${maxDate}\n        .minSelectedDate=${this.minSelectedDate}\n        .maxSelectedDate=${this.maxSelectedDate}\n        .customDateFormat=${dateFormat}\n        .customTooltipDateFormat=${tooltipDateFormat}\n        .customTooltipLabel=${tooltipLabel}\n        .binSnapping=${binSnapping}\n        .barScaling=${barScaling}\n        .buckets=${buckets}\n        .modalManager=${this.modalManager}\n        .analyticsHandler=${this.analyticsHandler}\n        @histogramDateRangeApplied=${this.histogramDateRangeUpdated}\n        @modalClosed=${this.handleExpandedDatePickerClosed}\n      ></expanded-date-picker>\n    `;\n\n    const config = new ModalConfig({\n      bodyColor: '#fff',\n      headerColor: '#194880',\n      showHeaderLogo: false,\n      closeOnBackdropClick: true, // TODO: want to fire analytics\n      title: html`${msg('Select a date range')}`,\n    });\n\n    this.modalManager?.classList.add('expanded-date-picker');\n    this.modalManager?.showModal({\n      config,\n      customModalContent,\n      userClosedModalCallback: this.handleExpandedDatePickerClosed,\n    });\n\n    this.analyticsHandler?.sendEvent({\n      category: analyticsCategories.default,\n      action: analyticsActions.histogramExpanded,\n      label: window.location.href,\n    });\n  }\n\n  private handleExpandedDatePickerClosed = (): void => {\n    this.modalManager?.classList.remove('expanded-date-picker');\n  };\n\n  updated(changed: PropertyValues) {\n    if (changed.has('selectedFacets')) {\n      this.dispatchFacetsChangedEvent();\n    }\n  }\n\n  // TODO: want to fire analytics?\n  private dispatchFacetsChangedEvent() {\n    const event = new CustomEvent<SelectedFacets>('facetsChanged', {\n      detail: this.selectedFacets,\n    });\n    this.dispatchEvent(event);\n  }\n\n  /**\n   * Template for the \"Expand\" button to show the date picker modal, or\n   * `nothing` if that button should currently not be shown.\n   */\n  private get expandDatePickerBtnTemplate(): TemplateResult | typeof nothing {\n    return this.allowExpandingDatePicker && !this.facetsLoading\n      ? html`<button\n          class=\"expand-date-picker-btn\"\n          aria-haspopup=\"dialog\"\n          @click=${this.showDatePickerModal}\n        >\n          <span class=\"sr-only\">${msg('Expand date histogram')}</span>\n          <span aria-hidden=\"true\">${expandIcon}</span>\n        </button>`\n      : nothing;\n  }\n\n  private get histogramTemplate(): TemplateResult | typeof nothing {\n    if (this.histogramAggregationLoading) {\n      return html` <div class=\"histogram-loading-indicator\">&hellip;</div> `;\n    }\n\n    const { histogramProps } = this;\n    if (!histogramProps) return nothing;\n\n    const {\n      buckets,\n      dateFormat,\n      tooltipDateFormat,\n      tooltipLabel,\n      binSnapping,\n      barScaling,\n      minDate,\n      maxDate,\n    } = histogramProps;\n\n    return html`\n      <ia-histogram-date-range\n        class=${this.isTvSearch ? 'wide-inputs' : ''}\n        .minDate=${minDate}\n        .maxDate=${maxDate}\n        .minSelectedDate=${this.minSelectedDate ?? minDate}\n        .maxSelectedDate=${this.maxSelectedDate ?? maxDate}\n        .updateDelay=${100}\n        .dateFormat=${dateFormat}\n        .tooltipDateFormat=${tooltipDateFormat}\n        .tooltipLabel=${tooltipLabel}\n        .binSnapping=${binSnapping}\n        .barScaling=${barScaling}\n        .bins=${buckets}\n        missingDataMessage=\"...\"\n        .width=${this.collapsableFacets && this.contentWidth\n          ? this.contentWidth\n          : 180}\n        @histogramDateRangeUpdated=${this.histogramDateRangeUpdated}\n      ></ia-histogram-date-range>\n    `;\n  }\n\n  /**\n   * Dispatches a `histogramDateRangeUpdated` event with the date range copied from the\n   * input event.\n   *\n   * Arrow function to ensure `this` is always bound to the current component.\n   */\n  private histogramDateRangeUpdated = (\n    e: CustomEvent<{\n      minDate: string;\n      maxDate: string;\n    }>,\n  ): void => {\n    const { minDate, maxDate } = e.detail;\n    const event = new CustomEvent('histogramDateRangeUpdated', {\n      detail: { minDate, maxDate },\n    });\n    this.dispatchEvent(event);\n  };\n\n  /**\n   * Combines the selected facets with the aggregations to create a single list of facets\n   */\n  private get mergedFacets(): FacetGroup[] {\n    const facetGroups: FacetGroup[] = [];\n\n    this.facetDisplayOrder.forEach(facetKey => {\n      if (facetKey === 'mediatype' && this.suppressMediatypeFacets) return;\n\n      const selectedFacetGroup = this.selectedFacetGroups.find(\n        group => group.key === facetKey,\n      );\n      const aggregateFacetGroup = this.aggregationFacetGroups.find(\n        group => group.key === facetKey,\n      );\n\n      // if the user selected a facet, but it's not in the aggregation, we add it as-is\n      if (selectedFacetGroup && !aggregateFacetGroup) {\n        facetGroups.push(selectedFacetGroup);\n        return;\n      }\n\n      // if we don't have an aggregate facet group, don't add this to the list\n      if (!aggregateFacetGroup) return;\n\n      // start with either the selected group if we have one, or the aggregate group\n      const facetGroup = selectedFacetGroup ?? aggregateFacetGroup;\n\n      // attach the counts to the selected buckets\n      let bucketsWithCount =\n        selectedFacetGroup?.buckets.map(bucket => {\n          const selectedBucket = aggregateFacetGroup.buckets.find(\n            b => b.key === bucket.key,\n          );\n          return selectedBucket\n            ? {\n                ...bucket,\n                count: selectedBucket.count,\n              }\n            : bucket;\n        }) ?? [];\n\n      // append any additional buckets that were not selected\n      aggregateFacetGroup.buckets.forEach(bucket => {\n        const existingBucket = bucketsWithCount.find(b => b.key === bucket.key);\n        if (existingBucket) return;\n        bucketsWithCount.push(bucket);\n      });\n\n      /**\n       * render limited facet items on page facet area\n       *\n       * - by-default we are showing 6 items\n       * - additionally want to show all items (selected/suppressed) in page facet area\n       */\n      let allowedFacetCount = Object.keys(\n        (selectedFacetGroup?.buckets as []) || [],\n      )?.length;\n      if (allowedFacetCount < this.allowedFacetCount) {\n        allowedFacetCount = this.allowedFacetCount; // splice start index from 0th\n      }\n\n      // For lending facets, only include a specific subset of buckets\n      if (facetKey === 'lending') {\n        bucketsWithCount = bucketsWithCount.filter(\n          bucket => lendingFacetKeysVisibility[bucket.key as LendingFacetKey],\n        );\n      }\n\n      // Sort the FacetBuckets so that selected and hidden buckets come before the rest\n      sortBucketsBySelectionState(bucketsWithCount, defaultFacetSort[facetKey]);\n\n      // For mediatype facets, ensure the collection bucket is always shown if present\n      if (facetKey === 'mediatype') {\n        const collectionIndex = bucketsWithCount.findIndex(\n          bucket => bucket.key === 'collection',\n        );\n\n        if (collectionIndex >= allowedFacetCount) {\n          const [collectionBucket] = bucketsWithCount.splice(\n            collectionIndex,\n            1,\n          );\n\n          // If we're showing lots of selected facets, ensure we're not cutting off the last one\n          if (allowedFacetCount > this.allowedFacetCount) {\n            allowedFacetCount += 1;\n          }\n\n          bucketsWithCount.splice(allowedFacetCount - 1, 0, collectionBucket);\n        }\n      }\n\n      // For TV creator facets, uppercase the display text\n      if (facetKey === 'creator' && this.isTvSearch) {\n        bucketsWithCount.forEach(b => {\n          b.displayText = (b.displayText ?? b.key)?.toLocaleUpperCase();\n\n          const channelLabel = this.tvChannelAliases?.get(b.displayText);\n          if (channelLabel && channelLabel !== b.displayText) {\n            b.extraNote = `(${channelLabel})`;\n          }\n        });\n      }\n      // For TV clip_type facets, capitalize the display text\n      if (facetKey === 'clip_type') {\n        bucketsWithCount.forEach(b => {\n          b.displayText ??= b.key;\n          b.displayText =\n            b.displayText.charAt(0).toLocaleUpperCase() +\n            b.displayText.slice(1);\n        });\n      }\n\n      // slice off how many items we want to show in page facet area\n      facetGroup.buckets = bucketsWithCount.slice(0, allowedFacetCount);\n\n      facetGroups.push(facetGroup);\n    });\n\n    return facetGroups;\n  }\n\n  /**\n   * Converts the selected facets to a `FacetGroup` array,\n   * which is easier to work with\n   */\n  private get selectedFacetGroups(): FacetGroup[] {\n    if (!this.selectedFacets) return [];\n\n    const facetGroups: FacetGroup[] = Object.entries(this.selectedFacets).map(\n      ([key, selectedFacets]) => {\n        const option = key as FacetOption;\n        const title = facetTitles[option];\n\n        const buckets: FacetBucket[] = Object.entries(selectedFacets).map(\n          ([value, facetData]) => {\n            let displayText: string = value;\n            // For certain facet types/keys, we use a custom readable display name\n            const currentGroupCustomNames = customFacetDisplayNames[\n              option\n            ] as Record<string, string>;\n            if (currentGroupCustomNames) {\n              displayText = currentGroupCustomNames[value] ?? value;\n            }\n            return {\n              displayText,\n              key: value,\n              count: facetData.count,\n              state: facetData.state,\n            };\n          },\n        );\n\n        return {\n          title,\n          key: option,\n          buckets,\n        };\n      },\n    );\n\n    return facetGroups;\n  }\n\n  /**\n   * Converts the raw `aggregations` to `FacetGroups`, which are easier to use\n   */\n  private get aggregationFacetGroups(): FacetGroup[] {\n    const facetGroups: FacetGroup[] = [];\n    Object.entries(this.aggregations ?? []).forEach(([key, aggregation]) => {\n      // the year_histogram and date_histogram data is in a different format so can't be handled here\n      if (['year_histogram', 'date_histogram'].includes(key)) return;\n\n      const option = key as FacetOption;\n      const title = facetTitles[option];\n      if (!title) return;\n\n      let castedBuckets = aggregation.getSortedBuckets(\n        defaultFacetSort[option],\n      ) as Bucket[];\n\n      if (option === 'collection') {\n        // we are not showing fav- collections or certain deemphasized collections in facets\n        castedBuckets = castedBuckets?.filter(bucket => {\n          const bucketKey = bucket?.key?.toString();\n          return (\n            !suppressedCollections[bucketKey] && !bucketKey?.startsWith('fav-')\n          );\n        });\n      }\n\n      const facetBuckets: FacetBucket[] = castedBuckets.map(bucket => {\n        const bucketKey = bucket.key;\n        let displayText = `${bucket.key}`;\n        // For certain facet types/keys, we use a custom readable display name\n        const currentGroupCustomNames = customFacetDisplayNames[\n          option\n        ] as Record<string, string>;\n        if (currentGroupCustomNames) {\n          displayText = currentGroupCustomNames[bucket.key] ?? `${bucket.key}`;\n        }\n        return {\n          displayText,\n          key: `${bucketKey}`,\n          count: bucket.doc_count,\n          state: 'none',\n        };\n      });\n      const group: FacetGroup = {\n        title,\n        key: option,\n        buckets: facetBuckets,\n      };\n      facetGroups.push(group);\n    });\n    return facetGroups;\n  }\n\n  /**\n   * Generate the template for a facet group with a header and the collapsible\n   * chevron for the mobile view\n   */\n  private getFacetGroupTemplate(\n    facetGroup: FacetGroup,\n  ): TemplateResult | typeof nothing {\n    if (!this.facetsLoading && facetGroup.buckets.length === 0) return nothing;\n\n    const { key } = facetGroup;\n    const isOpen = this.openFacets[key];\n    const collapser = html`\n      <span class=\"collapser ${isOpen ? 'open' : ''}\"> ${chevronIcon} </span>\n    `;\n\n    const toggleCollapsed = () => {\n      const newOpenFacets = { ...this.openFacets };\n      newOpenFacets[key] = !isOpen;\n      this.openFacets = newOpenFacets;\n    };\n\n    // Added data-testid for Playwright testing\n    // Using className and aria-labels is not ideal for Playwright locator\n    const headerId = `facet-group-header-label-${facetGroup.key}`;\n    return html`\n      <section\n        class=\"facet-group ${this.collapsableFacets ? 'mobile' : ''}\"\n        aria-labelledby=${headerId}\n        data-testid=${headerId}\n      >\n        <div class=\"facet-group-header\">\n          <h3\n            id=${headerId}\n            @click=${toggleCollapsed}\n            @keyup=${toggleCollapsed}\n          >\n            ${this.collapsableFacets ? collapser : nothing} ${facetGroup.title}\n            <span class=\"sr-only\">filters</span>\n          </h3>\n        </div>\n        <div\n          class=\"facet-group-content ${isOpen ? 'open' : ''}\"\n          data-testid=\"facet-group-content-${facetGroup.key}\"\n        >\n          ${this.facetsLoading\n            ? this.getTombstoneFacetGroupTemplate()\n            : html`\n                ${this.getFacetTemplate(facetGroup)}\n                ${this.searchMoreFacetsLink(facetGroup)}\n              `}\n        </div>\n      </section>\n    `;\n  }\n\n  private getTombstoneFacetGroupTemplate(): TemplateResult {\n    // Render five tombstone rows\n    return html`\n      ${map(\n        Array(5).fill(null),\n        () => html`<facet-tombstone-row></facet-tombstone-row>`,\n      )}\n    `;\n  }\n\n  /**\n   * Generate the More... link button just below the facets group\n   *\n   * TODO: want to fire analytics?\n   */\n  private searchMoreFacetsLink(\n    facetGroup: FacetGroup,\n  ): TemplateResult | typeof nothing {\n    // Don't render More... links for FTS searches\n    if (!this.moreLinksVisible) {\n      return nothing;\n    }\n\n    // Don't render More... links for lending facets\n    if (facetGroup.key === 'lending') {\n      return nothing;\n    }\n\n    // Don't render More... link if the number of facets < this.allowedFacetCount\n    if (Object.keys(facetGroup.buckets).length < this.allowedFacetCount) {\n      return nothing;\n    }\n\n    // We sort years in numeric order by default, rather than bucket count\n    const facetSort = defaultFacetSort[facetGroup.key];\n\n    // Added data-testid for Playwright testing\n    // Using the className is not ideal for Playwright locator\n    return html`<button\n      class=\"more-link\"\n      @click=${() => {\n        this.showMoreFacetsModal(facetGroup, facetSort);\n        this.analyticsHandler?.sendEvent({\n          category: analyticsCategories.default,\n          action: analyticsActions.showMoreFacetsModal,\n          label: facetGroup.key,\n        });\n        this.dispatchEvent(\n          new CustomEvent('showMoreFacets', { detail: facetGroup.key }),\n        );\n      }}\n      data-testid=\"more-link-btn\"\n    >\n      More...\n    </button>`;\n  }\n\n  async showMoreFacetsModal(\n    facetGroup: FacetGroup,\n    sortedBy: AggregationSortType,\n  ): Promise<void> {\n    const customModalContent = html`\n      <more-facets-content\n        .analyticsHandler=${this.analyticsHandler}\n        .facetKey=${facetGroup.key}\n        .query=${this.query}\n        .identifiers=${this.identifiers}\n        .filterMap=${this.filterMap}\n        .pageSpecifierParams=${this.pageSpecifierParams}\n        .modalManager=${this.modalManager}\n        .searchService=${this.searchService}\n        .searchType=${this.searchType}\n        .collectionTitles=${this.collectionTitles}\n        .tvChannelAliases=${this.tvChannelAliases}\n        .selectedFacets=${this.selectedFacets}\n        .sortedBy=${sortedBy}\n        .isTvSearch=${this.isTvSearch}\n        @facetsChanged=${(e: CustomEvent) => {\n          const event = new CustomEvent<SelectedFacets>('facetsChanged', {\n            detail: e.detail,\n            bubbles: true,\n            composed: true,\n          });\n          this.dispatchEvent(event);\n        }}\n      >\n      </more-facets-content>\n    `;\n\n    const config = new ModalConfig({\n      bodyColor: '#fff',\n      headerColor: '#194880',\n      showHeaderLogo: false,\n      closeOnBackdropClick: true, // TODO: want to fire analytics\n      title: html`Select filters`,\n    });\n    this.modalManager?.classList.add('more-search-facets');\n    this.modalManager?.showModal({\n      config,\n      customModalContent,\n      userClosedModalCallback: () => {\n        this.modalManager?.classList.remove('more-search-facets');\n      },\n    });\n  }\n\n  /**\n   * Generate the list template for each bucket in a facet group\n   */\n  private getFacetTemplate(facetGroup: FacetGroup): TemplateResult {\n    return html`\n      <facets-template\n        .collectionPagePath=${this.collectionPagePath}\n        .facetGroup=${facetGroup}\n        .selectedFacets=${this.selectedFacets}\n        .collectionTitles=${this.collectionTitles}\n        @facetClick=${(e: CustomEvent<FacetEventDetails>) => {\n          this.selectedFacets = updateSelectedFacetBucket(\n            this.selectedFacets,\n            facetGroup.key,\n            e.detail.bucket,\n            true,\n          );\n\n          const event = new CustomEvent<SelectedFacets>('facetsChanged', {\n            detail: this.selectedFacets,\n            bubbles: true,\n            composed: true,\n          });\n          this.dispatchEvent(event);\n        }}\n      ></facets-template>\n    `;\n  }\n\n  static get styles() {\n    return [\n      srOnlyStyle,\n      css`\n        a:link {\n          text-decoration: none;\n          color: var(--ia-theme-link-color, #4b64ff);\n        }\n        a:link:hover {\n          text-decoration: underline;\n        }\n\n        #container.loading {\n          opacity: 0.5;\n        }\n\n        #container.managing {\n          opacity: 0.3;\n        }\n\n        .histogram-loading-indicator {\n          width: 100%;\n          height: 5.25rem;\n          margin-top: 1.75rem;\n          font-size: 1.4rem;\n          text-align: center;\n        }\n\n        .collapser {\n          display: inline-block;\n          cursor: pointer;\n          width: 10px;\n          height: 10px;\n        }\n\n        .collapser svg {\n          transition: transform 0.2s ease-in-out;\n        }\n\n        .collapser.open svg {\n          transform: rotate(90deg);\n        }\n\n        .facet-group {\n          margin-bottom: 2rem;\n        }\n\n        .facet-group h3 {\n          margin-bottom: 0.7rem;\n        }\n\n        .facet-group.mobile h3 {\n          cursor: pointer;\n        }\n\n        .facet-group-header {\n          display: flex;\n          margin-bottom: 0.7rem;\n          justify-content: space-between;\n          border-bottom: 1px solid rgb(232, 232, 232);\n        }\n\n        .facet-group-content {\n          transition: max-height 0.2s ease-in-out;\n        }\n\n        .facet-group.mobile .facet-group-content {\n          max-height: 0;\n          overflow: hidden;\n        }\n\n        .facet-group.mobile .facet-group-content.open {\n          max-height: 2000px;\n        }\n\n        .partof-collections ul {\n          list-style-type: none;\n          padding: 0;\n          font-size: 1.2rem;\n        }\n\n        h3 {\n          font-size: 1.4rem;\n          margin: 0;\n        }\n\n        .more-link {\n          font-size: 1.2rem;\n          text-decoration: none;\n          padding: 0;\n          margin-top: 0.25rem;\n          background: inherit;\n          border: 0;\n          color: var(--ia-theme-link-color, #4b64ff);\n          cursor: pointer;\n        }\n\n        #date-picker-label {\n          display: flex;\n          justify-content: space-between;\n        }\n\n        .expand-date-picker-btn {\n          margin: 0;\n          padding: 0;\n          border: 0;\n          appearance: none;\n          background: none;\n          cursor: pointer;\n        }\n\n        .expand-date-picker-btn svg {\n          width: 14px;\n          height: 14px;\n        }\n\n        .sorting-icon {\n          height: 15px;\n          cursor: pointer;\n        }\n\n        ia-histogram-date-range.wide-inputs {\n          --histogramDateRangeInputWidth: 4.8rem;\n        }\n      `,\n    ];\n  }\n}\n"]}

package/dist/src/empty-placeholder.d.ts

@@ -1,13 +1,13 @@
 import { LitElement, CSSResultGroup, nothing, TemplateResult } from 'lit';
 export type PlaceholderType = 'empty-query' | 'empty-collection' | 'no-results' | 'query-error' | 'collection-error' | null;
 export declare class EmptyPlaceholder extends LitElement {
-    private static readonly MESSAGE_EMPTY_QUERY;
-    private static readonly MESSAGE_NO_SEARCH_RESULTS;
-    private static readonly MESSAGE_NO_COLLECTION_RESULTS;
-    private static readonly MESSAGE_NO_VIEWABLE_MEMBERS;
-    private static readonly MESSAGE_QUERY_ERROR;
-    private static readonly MESSAGE_COLLECTION_ERROR;
-    private static readonly QUERY_ERROR_DETAILS_MESSAGE;
+    private static get MESSAGE_EMPTY_QUERY();
+    private static get MESSAGE_NO_SEARCH_RESULTS();
+    private static get MESSAGE_NO_COLLECTION_RESULTS();
+    private static get MESSAGE_NO_VIEWABLE_MEMBERS();
+    private static get MESSAGE_QUERY_ERROR();
+    private static get MESSAGE_COLLECTION_ERROR();
+    private static get QUERY_ERROR_DETAILS_MESSAGE();
     placeholderType: PlaceholderType;
     isMobileView?: false;
     isCollection?: false;