@internetarchive/collection-browser 3.4.1-alpha-webdev7761.2 → 3.4.1-alpha-webdev7761.4

package/dist/src/collection-facets/smart-facets/smart-facet-dropdown.js

@@ -7,12 +7,11 @@ let SmartFacetDropdown = class SmartFacetDropdown extends LitElement {
     // COMPONENT LIFECYCLE METHODS
     //
     render() {
-        var _a, _b;
         if (!this.facetInfo || !this.activeFacetRef)
             return nothing;
         if (this.facetInfo.length === 0)
             return nothing;
-        const displayText = (_a = this.activeFacetRef.displayText) !== null && _a !== void 0 ? _a : this.activeFacetRef.bucketKey;
+        const displayText = this.activeFacetRef.displayText ?? this.activeFacetRef.bucketKey;
         if (!displayText)
             return nothing;
         return html `
@@ -35,7 +34,7 @@ let SmartFacetDropdown = class SmartFacetDropdown extends LitElement {
             class="dropdown-label"
             slot="dropdown-label"
             @click=${this.defaultOptionSelected}
-            >${(_b = this.labelPrefix) !== null && _b !== void 0 ? _b : nothing} ${displayText}</span
+            >${this.labelPrefix ?? nothing} ${displayText}</span
           >
         </ia-dropdown>
       </div>
@@ -45,29 +44,28 @@ let SmartFacetDropdown = class SmartFacetDropdown extends LitElement {
     // OTHER METHODS
     //
     get dropdownOptions() {
-        var _a, _b;
-        return ((_b = (_a = this.facetInfo) === null || _a === void 0 ? void 0 : _a.map(smartFacet => {
-            var _a, _b;
+        return (this.facetInfo?.map(smartFacet => {
             const firstFacet = smartFacet.facets[0];
             return {
                 id: firstFacet.bucketKey,
                 label: html `<span>
-            ${(_b = (_a = smartFacet.label) !== null && _a !== void 0 ? _a : firstFacet.displayText) !== null && _b !== void 0 ? _b : firstFacet.bucketKey}
+            ${smartFacet.label ??
+                    firstFacet.displayText ??
+                    firstFacet.bucketKey}
           </span>`,
             };
-        })) !== null && _b !== void 0 ? _b : []);
+        }) ?? []);
     }
     get activeDropdownOption() {
         if (!this.activeFacetRef)
             return undefined;
-        return this.dropdownOptions.find(opt => { var _a; return opt.id === ((_a = this.activeFacetRef) === null || _a === void 0 ? void 0 : _a.bucketKey); });
+        return this.dropdownOptions.find(opt => opt.id === this.activeFacetRef?.bucketKey);
     }
     /**
      * Handler for when the default option on the dropdown button is clicked
      */
     defaultOptionSelected() {
-        var _a;
-        this.handleSelection((_a = this.activeFacetRef) === null || _a === void 0 ? void 0 : _a.bucketKey);
+        this.handleSelection(this.activeFacetRef?.bucketKey);
     }
     /**
      * Handler for when an option in the dropdown menu is selected

package/dist/src/collection-facets/smart-facets/smart-facet-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"smart-facet-dropdown.js","sourceRoot":"","sources":["../../../../src/collection-facets/smart-facets/smart-facet-dropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, CSSResultGroup, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport type { IaDropdown, optionInterface } from '@internetarchive/ia-dropdown';\nimport type { FacetRef, SmartFacet, SmartFacetEvent } from './models';\nimport { log } from '../../utils/log';\n\n@customElement('smart-facet-dropdown')\nexport class SmartFacetDropdown extends LitElement {\n  @property({ type: Array }) facetInfo?: SmartFacet[];\n\n  @property({ type: String }) labelPrefix?: string;\n\n  @property({ type: Object }) activeFacetRef?: FacetRef;\n\n  @query('ia-dropdown') dropdown?: IaDropdown;\n\n  //\n  // COMPONENT LIFECYCLE METHODS\n  //\n\n  render() {\n    if (!this.facetInfo || !this.activeFacetRef) return nothing;\n    if (this.facetInfo.length === 0) return nothing;\n\n    const displayText =\n      this.activeFacetRef.displayText ?? this.activeFacetRef.bucketKey;\n    if (!displayText) return nothing;\n\n    return html`\n      <div class=\"dropdown-container\">\n        <ia-dropdown\n          class=\"dropdown\"\n          displayCaret\n          closeOnSelect\n          closeOnEscape\n          closeOnBackdropClick\n          includeSelectedOption\n          usePopover\n          .options=${this.dropdownOptions}\n          .selectedOption=${this.activeDropdownOption}\n          .openViaButton=${false}\n          @optionSelected=${this.optionSelected}\n          @click=${this.onDropdownClick}\n        >\n          <span\n            class=\"dropdown-label\"\n            slot=\"dropdown-label\"\n            @click=${this.defaultOptionSelected}\n            >${this.labelPrefix ?? nothing} ${displayText}</span\n          >\n        </ia-dropdown>\n      </div>\n    `;\n  }\n\n  //\n  // OTHER METHODS\n  //\n\n  private get dropdownOptions(): optionInterface[] {\n    return (\n      this.facetInfo?.map(smartFacet => {\n        const firstFacet = smartFacet.facets[0];\n        return {\n          id: firstFacet.bucketKey,\n          label: html`<span>\n            ${smartFacet.label ??\n            firstFacet.displayText ??\n            firstFacet.bucketKey}\n          </span>`,\n        };\n      }) ?? []\n    );\n  }\n\n  private get activeDropdownOption(): optionInterface | undefined {\n    if (!this.activeFacetRef) return undefined;\n    return this.dropdownOptions.find(\n      opt => opt.id === this.activeFacetRef?.bucketKey,\n    );\n  }\n\n  /**\n   * Handler for when the default option on the dropdown button is clicked\n   */\n  private defaultOptionSelected(): void {\n    this.handleSelection(this.activeFacetRef?.bucketKey);\n  }\n\n  /**\n   * Handler for when an option in the dropdown menu is selected\n   */\n  private optionSelected(e: CustomEvent<{ option: optionInterface }>): void {\n    this.handleSelection(e.detail.option.id);\n  }\n\n  /**\n   * Responds to a dropdown selection by emitting a `facetClick` event with\n   * the appropriate facet details.\n   */\n  private handleSelection(bucketKey?: string): void {\n    if (!bucketKey || !this.facetInfo || !this.activeFacetRef) return;\n\n    let selectedSmartFacet;\n    for (const smartFacet of this.facetInfo) {\n      const selectedRef = smartFacet.facets.find(\n        b => b.bucketKey === bucketKey,\n      );\n      if (selectedRef) {\n        this.activeFacetRef = selectedRef;\n        selectedSmartFacet = smartFacet;\n      }\n    }\n\n    if (!selectedSmartFacet) return;\n\n    this.dispatchEvent(\n      new CustomEvent<SmartFacetEvent>('facetClick', {\n        detail: {\n          smartFacet: selectedSmartFacet,\n          details: [\n            {\n              facetType: this.activeFacetRef.facetType,\n              bucket: {\n                key: this.activeFacetRef.bucketKey,\n                count: 0,\n                state: 'selected',\n              },\n              negative: false,\n            },\n          ],\n        },\n      }),\n    );\n  }\n\n  private onDropdownClick(): void {\n    log('smart dropdown: onDropdownClick', this);\n    this.dispatchEvent(\n      new CustomEvent<SmartFacetDropdown>('dropdownClick', { detail: this }),\n    );\n  }\n\n  close(): void {\n    if (this.dropdown) {\n      this.dropdown.open = false;\n    }\n  }\n\n  //\n  // STYLES\n  //\n\n  static get styles(): CSSResultGroup {\n    return css`\n      .dropdown-container {\n        padding: 5px 5px;\n        border-radius: 5px;\n        background: white;\n        color: #2c2c2c;\n        border: 1px solid #194880;\n        font-size: 1.4rem;\n        font-family: inherit;\n      }\n\n      .dropdown-label {\n        font-size: 1.4rem;\n        font-family: inherit;\n      }\n\n      .dropdown {\n        --dropdownBorderColor: #194880;\n        --dropdownBorderWidth: 1px;\n        --dropdownBgColor: white;\n        --dropdownHoverBgColor: #f8f8f8;\n        --dropdownTextColor: #2c2c2c;\n        --dropdownHoverTextColor: #2c2c2c;\n        --dropdownCaretColor: #2c2c2c;\n        --dropdownWhiteSpace: nowrap;\n        --caretWidth: 14px;\n        --caretHeight: 14px;\n      }\n    `;\n  }\n}\n"]}
+{"version":3,"file":"smart-facet-dropdown.js","sourceRoot":"","sources":["../../../../src/collection-facets/smart-facets/smart-facet-dropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, CSSResultGroup, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport type { IaDropdown, optionInterface } from '@internetarchive/ia-dropdown';\nimport type { FacetRef, SmartFacet, SmartFacetEvent } from './models';\nimport { log } from '../../utils/log';\n\n@customElement('smart-facet-dropdown')\nexport class SmartFacetDropdown extends LitElement {\n  @property({ type: Array }) facetInfo?: SmartFacet[];\n\n  @property({ type: String }) labelPrefix?: string;\n\n  @property({ type: Object }) activeFacetRef?: FacetRef;\n\n  @query('ia-dropdown') dropdown?: IaDropdown;\n\n  //\n  // COMPONENT LIFECYCLE METHODS\n  //\n\n  render() {\n    if (!this.facetInfo || !this.activeFacetRef) return nothing;\n    if (this.facetInfo.length === 0) return nothing;\n\n    const displayText =\n      this.activeFacetRef.displayText ?? this.activeFacetRef.bucketKey;\n    if (!displayText) return nothing;\n\n    return html`\n      <div class=\"dropdown-container\">\n        <ia-dropdown\n          class=\"dropdown\"\n          displayCaret\n          closeOnSelect\n          closeOnEscape\n          closeOnBackdropClick\n          includeSelectedOption\n          usePopover\n          .options=${this.dropdownOptions}\n          .selectedOption=${this.activeDropdownOption}\n          .openViaButton=${false}\n          @optionSelected=${this.optionSelected}\n          @click=${this.onDropdownClick}\n        >\n          <span\n            class=\"dropdown-label\"\n            slot=\"dropdown-label\"\n            @click=${this.defaultOptionSelected}\n            >${this.labelPrefix ?? nothing} ${displayText}</span\n          >\n        </ia-dropdown>\n      </div>\n    `;\n  }\n\n  //\n  // OTHER METHODS\n  //\n\n  private get dropdownOptions(): optionInterface[] {\n    return (\n      this.facetInfo?.map(smartFacet => {\n        const firstFacet = smartFacet.facets[0];\n        return {\n          id: firstFacet.bucketKey,\n          label: html`<span>\n            ${smartFacet.label ??\n            firstFacet.displayText ??\n            firstFacet.bucketKey}\n          </span>`,\n        };\n      }) ?? []\n    );\n  }\n\n  private get activeDropdownOption(): optionInterface | undefined {\n    if (!this.activeFacetRef) return undefined;\n    return this.dropdownOptions.find(\n      opt => opt.id === this.activeFacetRef?.bucketKey,\n    );\n  }\n\n  /**\n   * Handler for when the default option on the dropdown button is clicked\n   */\n  private defaultOptionSelected(): void {\n    this.handleSelection(this.activeFacetRef?.bucketKey);\n  }\n\n  /**\n   * Handler for when an option in the dropdown menu is selected\n   */\n  private optionSelected(e: CustomEvent<{ option: optionInterface }>): void {\n    this.handleSelection(e.detail.option.id);\n  }\n\n  /**\n   * Responds to a dropdown selection by emitting a `facetClick` event with\n   * the appropriate facet details.\n   */\n  private handleSelection(bucketKey?: string): void {\n    if (!bucketKey || !this.facetInfo || !this.activeFacetRef) return;\n\n    let selectedSmartFacet;\n    for (const smartFacet of this.facetInfo) {\n      const selectedRef = smartFacet.facets.find(\n        b => b.bucketKey === bucketKey,\n      );\n      if (selectedRef) {\n        this.activeFacetRef = selectedRef;\n        selectedSmartFacet = smartFacet;\n      }\n    }\n\n    if (!selectedSmartFacet) return;\n\n    this.dispatchEvent(\n      new CustomEvent<SmartFacetEvent>('facetClick', {\n        detail: {\n          smartFacet: selectedSmartFacet,\n          details: [\n            {\n              facetType: this.activeFacetRef.facetType,\n              bucket: {\n                key: this.activeFacetRef.bucketKey,\n                count: 0,\n                state: 'selected',\n              },\n              negative: false,\n            },\n          ],\n        },\n      }),\n    );\n  }\n\n  private onDropdownClick(): void {\n    log('smart dropdown: onDropdownClick', this);\n    this.dispatchEvent(\n      new CustomEvent<SmartFacetDropdown>('dropdownClick', { detail: this }),\n    );\n  }\n\n  close(): void {\n    if (this.dropdown) {\n      this.dropdown.open = false;\n    }\n  }\n\n  //\n  // STYLES\n  //\n\n  static get styles(): CSSResultGroup {\n    return css`\n      .dropdown-container {\n        padding: 5px 5px;\n        border-radius: 5px;\n        background: white;\n        color: #2c2c2c;\n        border: 1px solid #194880;\n        font-size: 1.4rem;\n        font-family: inherit;\n      }\n\n      .dropdown-label {\n        font-size: 1.4rem;\n        font-family: inherit;\n      }\n\n      .dropdown {\n        --dropdownBorderColor: #194880;\n        --dropdownBorderWidth: 1px;\n        --dropdownBgColor: white;\n        --dropdownHoverBgColor: #f8f8f8;\n        --dropdownTextColor: #2c2c2c;\n        --dropdownHoverTextColor: #2c2c2c;\n        --dropdownCaretColor: #2c2c2c;\n        --dropdownWhiteSpace: nowrap;\n        --caretWidth: 14px;\n        --caretHeight: 14px;\n      }\n    `;\n  }\n}\n"]}

package/dist/src/collection-facets/smart-facets/smart-facet-heuristics.js

@@ -3,16 +3,16 @@ import { BrowserLanguageHeuristic } from './heuristics/browser-language/browser-
 import { QueryKeywordsHeuristic } from './heuristics/query-keywords/query-keywords-heuristic';
 import { WikidataHeuristic } from './heuristics/wikidata/wikidata-heuristic';
 export class SmartQueryHeuristicGroup {
+    // Avoid collapsing the array onto one line
+    // prettier-ignore
+    static { this.DEFAULT_HEURISTICS = [
+        QueryKeywordsHeuristic,
+        WikidataHeuristic,
+        BrowserLanguageHeuristic
+    ]; }
     async getRecommendedFacets(query, heuristics = SmartQueryHeuristicGroup.DEFAULT_HEURISTICS) {
         const promises = heuristics.map(HeuristicCtor => new HeuristicCtor().getRecommendedFacets(query));
         return dedupe((await Promise.all(promises)).flat());
     }
 }
-// Avoid collapsing the array onto one line
-// prettier-ignore
-SmartQueryHeuristicGroup.DEFAULT_HEURISTICS = [
-    QueryKeywordsHeuristic,
-    WikidataHeuristic,
-    BrowserLanguageHeuristic
-];
 //# sourceMappingURL=smart-facet-heuristics.js.map

package/dist/src/collection-facets/smart-facets/smart-facet-heuristics.js.map

@@ -1 +1 @@
-{"version":3,"file":"smart-facet-heuristics.js","sourceRoot":"","sources":["../../../../src/collection-facets/smart-facets/smart-facet-heuristics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,wBAAwB,EAAE,MAAM,0DAA0D,CAAC;AACpG,OAAO,EAAE,sBAAsB,EAAE,MAAM,sDAAsD,CAAC;AAC9F,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAG7E,MAAM,OAAO,wBAAwB;IASnC,KAAK,CAAC,oBAAoB,CACxB,KAAa,EACb,UAAU,GAAG,wBAAwB,CAAC,kBAAkB;QAExD,MAAM,QAAQ,GAAG,UAAU,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAC9C,IAAI,aAAa,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAChD,CAAC;QAEF,OAAO,MAAM,CAAC,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IACtD,CAAC;;AAjBD,2CAA2C;AAC3C,kBAAkB;AACM,2CAAkB,GAAsC;IAC9E,sBAAsB;IACtB,iBAAiB;IACjB,wBAAwB;CACzB,CAAC","sourcesContent":["import { dedupe } from './dedupe';\nimport { BrowserLanguageHeuristic } from './heuristics/browser-language/browser-language-heuristic';\nimport { QueryKeywordsHeuristic } from './heuristics/query-keywords/query-keywords-heuristic';\nimport { WikidataHeuristic } from './heuristics/wikidata/wikidata-heuristic';\nimport type { SmartFacet, SmartQueryHeuristic } from './models';\n\nexport class SmartQueryHeuristicGroup implements SmartQueryHeuristic {\n  // Avoid collapsing the array onto one line\n  // prettier-ignore\n  private static readonly DEFAULT_HEURISTICS: (new () => SmartQueryHeuristic)[] = [\n    QueryKeywordsHeuristic,\n    WikidataHeuristic,\n    BrowserLanguageHeuristic\n  ];\n\n  async getRecommendedFacets(\n    query: string,\n    heuristics = SmartQueryHeuristicGroup.DEFAULT_HEURISTICS,\n  ): Promise<SmartFacet[]> {\n    const promises = heuristics.map(HeuristicCtor =>\n      new HeuristicCtor().getRecommendedFacets(query),\n    );\n\n    return dedupe((await Promise.all(promises)).flat());\n  }\n}\n"]}
+{"version":3,"file":"smart-facet-heuristics.js","sourceRoot":"","sources":["../../../../src/collection-facets/smart-facets/smart-facet-heuristics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,wBAAwB,EAAE,MAAM,0DAA0D,CAAC;AACpG,OAAO,EAAE,sBAAsB,EAAE,MAAM,sDAAsD,CAAC;AAC9F,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAG7E,MAAM,OAAO,wBAAwB;IACnC,2CAA2C;IAC3C,kBAAkB;aACM,uBAAkB,GAAsC;QAC9E,sBAAsB;QACtB,iBAAiB;QACjB,wBAAwB;KACzB,CAAC;IAEF,KAAK,CAAC,oBAAoB,CACxB,KAAa,EACb,UAAU,GAAG,wBAAwB,CAAC,kBAAkB;QAExD,MAAM,QAAQ,GAAG,UAAU,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAC9C,IAAI,aAAa,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAChD,CAAC;QAEF,OAAO,MAAM,CAAC,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IACtD,CAAC","sourcesContent":["import { dedupe } from './dedupe';\nimport { BrowserLanguageHeuristic } from './heuristics/browser-language/browser-language-heuristic';\nimport { QueryKeywordsHeuristic } from './heuristics/query-keywords/query-keywords-heuristic';\nimport { WikidataHeuristic } from './heuristics/wikidata/wikidata-heuristic';\nimport type { SmartFacet, SmartQueryHeuristic } from './models';\n\nexport class SmartQueryHeuristicGroup implements SmartQueryHeuristic {\n  // Avoid collapsing the array onto one line\n  // prettier-ignore\n  private static readonly DEFAULT_HEURISTICS: (new () => SmartQueryHeuristic)[] = [\n    QueryKeywordsHeuristic,\n    WikidataHeuristic,\n    BrowserLanguageHeuristic\n  ];\n\n  async getRecommendedFacets(\n    query: string,\n    heuristics = SmartQueryHeuristicGroup.DEFAULT_HEURISTICS,\n  ): Promise<SmartFacet[]> {\n    const promises = heuristics.map(HeuristicCtor =>\n      new HeuristicCtor().getRecommendedFacets(query),\n    );\n\n    return dedupe((await Promise.all(promises)).flat());\n  }\n}\n"]}

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

@@ -19,10 +19,9 @@ let ToggleSwitch = class ToggleSwitch extends LitElement {
         this.side = 'left';
     }
     render() {
-        var _a, _b;
         return html `
       <div id="container">
-        <label for="switch-left">${(_a = this.leftLabel) !== null && _a !== void 0 ? _a : this.leftValue}</label>
+        <label for="switch-left">${this.leftLabel ?? this.leftValue}</label>
         <input
           type="radio"
           id="switch-left"
@@ -49,7 +48,7 @@ let ToggleSwitch = class ToggleSwitch extends LitElement {
         >
           <div id="knob"></div>
         </button>
-        <label for="switch-right">${(_b = this.rightLabel) !== null && _b !== void 0 ? _b : this.rightValue}</label>
+        <label for="switch-right">${this.rightLabel ?? this.rightValue}</label>
       </div>
     `;
     }
@@ -64,10 +63,9 @@ let ToggleSwitch = class ToggleSwitch extends LitElement {
      * Falls back to the current value if its label is not defined.
      */
     get selectedLabel() {
-        var _a, _b;
         return this.side === 'left'
-            ? ((_a = this.leftLabel) !== null && _a !== void 0 ? _a : this.leftValue)
-            : ((_b = this.rightLabel) !== null && _b !== void 0 ? _b : this.rightValue);
+            ? (this.leftLabel ?? this.leftValue)
+            : (this.rightLabel ?? this.rightValue);
     }
     handleClick() {
         this.side = this.side === 'left' ? 'right' : 'left';

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":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKzC,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QACL;;WAEG;QAC0C,cAAS,GAAW,EAAE,CAAC;QAQpE;;WAEG;QAC0C,eAAU,GAAW,EAAE,CAAC;QAQrE;;WAEG;QAC0C,SAAI,GAAS,MAAM,CAAC;IA4InE,CAAC;IAvIC,MAAM;;QACJ,OAAO,IAAI,CAAA;;mCAEoB,MAAA,IAAI,CAAC,SAAS,mCAAI,IAAI,CAAC,SAAS;;;;;;mBAMhD,IAAI,CAAC,SAAS;qBACZ,IAAI,CAAC,IAAI,KAAK,MAAM;oBACrB,IAAI,CAAC,iBAAiB;;;;;;;mBAOvB,IAAI,CAAC,UAAU;qBACb,IAAI,CAAC,IAAI,KAAK,OAAO;oBACtB,IAAI,CAAC,iBAAiB;;;;kBAIxB,IAAI,CAAC,IAAI;;mBAER,IAAI,CAAC,WAAW;;;;oCAIC,MAAA,IAAI,CAAC,UAAU,mCAAI,IAAI,CAAC,UAAU;;KAEjE,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;IACjE,CAAC;IAED;;;OAGG;IACH,IAAI,aAAa;;QACf,OAAO,IAAI,CAAC,IAAI,KAAK,MAAM;YACzB,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,SAAS,mCAAI,IAAI,CAAC,SAAS,CAAC;YACpC,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,UAAU,mCAAI,IAAI,CAAC,UAAU,CAAC,CAAC;IAC3C,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QACpD,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QACtD,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAEO,eAAe;QACrB,MAAM,KAAK,GAAG,IAAI,WAAW,CAAS,QAAQ,EAAE;YAC9C,MAAM,EAAE,IAAI,CAAC,KAAK;SACnB,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,MAAM,KAAK,MAAM;QACf,MAAM,WAAW,GAAG,GAAG,CAAA,0BAA0B,CAAC;QAClD,MAAM,YAAY,GAAG,GAAG,CAAA,2BAA2B,CAAC;QACpD,MAAM,gBAAgB,GAAG,GAAG,CAAA,8BAA8B,CAAC;QAC3D,MAAM,iBAAiB,GAAG,GAAG,CAAA,+BAA+B,CAAC;QAC7D,MAAM,iBAAiB,GAAG,GAAG,CAAA,+BAA+B,CAAC;QAC7D,MAAM,aAAa,GAAG,GAAG,CAAA,+BAA+B,CAAC;QACzD,MAAM,iBAAiB,GAAG,GAAG,CAAA,mCAAmC,CAAC;QACjE,MAAM,aAAa,GAAG,GAAG,CAAA,8BAA8B,CAAC;QACxD,MAAM,SAAS,GAAG,GAAG,CAAA,yBAAyB,CAAC;QAC/C,MAAM,sBAAsB,GAAG,GAAG,CAAA,sCAAsC,CAAC;QACzE,MAAM,gBAAgB,GAAG,GAAG,CAAA,+BAA+B,CAAC;QAE5D,OAAO;YACL,WAAW;YACX,GAAG,CAAA;;;;;uBAKc,aAAa;;;;mBAIjB,WAAW;oBACV,YAAY;sBACV,iBAAiB,MAAM,gBAAgB;;oBAEzC,iBAAiB,UAAU,iBAAiB;2BACrC,YAAY;;wBAEf,aAAa;;;;;;;;;;uCAUE,WAAW,MAAM,YAAY;;;;;;;;;;mBAUjD,YAAY;oBACX,YAAY;;wBAER,SAAS;kCACC,sBAAsB,IAAI,gBAAgB;;;;;;;;OAQrE;SACF,CAAC;IACJ,CAAC;CACF,CAAA;AAlK8C;IAA5C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;+CAAwB;AAMvB;IAA5C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;+CAAoB;AAKnB;IAA5C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;gDAAyB;AAMxB;IAA5C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;gDAAqB;AAKpB;IAA5C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;0CAAqB;AAGzD;IADP,KAAK,CAAC,cAAc,CAAC;+CACe;AA7B1B,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CAsKxB","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          @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

@@ -53,8 +53,7 @@ let CollectionFacets = class CollectionFacets extends LitElement {
          */
         this.allowedFacetCount = 6;
         this.handleExpandedDatePickerClosed = () => {
-            var _a;
-            (_a = this.modalManager) === null || _a === void 0 ? void 0 : _a.classList.remove('expanded-date-picker');
+            this.modalManager?.classList.remove('expanded-date-picker');
         };
         /**
          * Dispatches a `histogramDateRangeUpdated` event with the date range copied from the
@@ -106,9 +105,8 @@ let CollectionFacets = class CollectionFacets extends LitElement {
     `;
     }
     get collectionPartOfTemplate() {
-        var _a;
         // We only display the "Part Of" section on collection pages
-        if (!((_a = this.parentCollections) === null || _a === void 0 ? void 0 : _a.length))
+        if (!this.parentCollections?.length)
             return nothing;
         // Added data-testid for Playwright testing
         // Using className and aria-labels is not ideal for Playwright locator
@@ -124,7 +122,6 @@ let CollectionFacets = class CollectionFacets extends LitElement {
         </div>
         <ul>
           ${map(this.parentCollections, collxn => {
-            var _a, _b;
             const collectionURL = `${this.baseNavigationUrl}${this.collectionPagePath}${collxn}`;
             return html ` <li>
               <a
@@ -132,7 +129,7 @@ let CollectionFacets = class CollectionFacets extends LitElement {
                 data-id=${collxn}
                 @click=${this.partOfCollectionClicked}
               >
-                ${(_b = (_a = this.collectionTitles) === null || _a === void 0 ? void 0 : _a.get(collxn)) !== null && _b !== void 0 ? _b : collxn}
+                ${this.collectionTitles?.get(collxn) ?? collxn}
               </a>
             </li>`;
         })}
@@ -141,8 +138,7 @@ let CollectionFacets = class CollectionFacets extends LitElement {
     `;
     }
     partOfCollectionClicked(e) {
-        var _a;
-        (_a = this.analyticsHandler) === null || _a === void 0 ? void 0 : _a.sendEvent({
+        this.analyticsHandler?.sendEvent({
             category: analyticsCategories.default,
             action: analyticsActions.partOfCollectionClicked,
             label: e.target.dataset.id,
@@ -152,19 +148,18 @@ let CollectionFacets = class CollectionFacets extends LitElement {
      * Properties to pass into the date-picker histogram component
      */
     get histogramProps() {
-        var _a, _b, _c, _d, _e, _f;
         const { histogramAggregation: aggregation } = this;
         if (!aggregation)
             return undefined;
         // Normalize some properties from the raw aggregation
-        const firstYear = (_a = aggregation.first_bucket_year) !== null && _a !== void 0 ? _a : aggregation.first_bucket_key;
-        const lastYear = (_b = aggregation.last_bucket_year) !== null && _b !== void 0 ? _b : aggregation.last_bucket_key;
+        const firstYear = aggregation.first_bucket_year ?? aggregation.first_bucket_key;
+        const lastYear = aggregation.last_bucket_year ?? aggregation.last_bucket_key;
         if (firstYear == null || lastYear == null)
             return undefined; // We at least need a start/end year defined
-        const firstMonth = (_c = aggregation.first_bucket_month) !== null && _c !== void 0 ? _c : 1;
-        const lastMonth = (_d = aggregation.last_bucket_month) !== null && _d !== void 0 ? _d : 12;
-        const yearInterval = (_e = aggregation.interval) !== null && _e !== void 0 ? _e : 1;
-        const monthInterval = (_f = aggregation.interval_in_months) !== null && _f !== void 0 ? _f : 12;
+        const firstMonth = aggregation.first_bucket_month ?? 1;
+        const lastMonth = aggregation.last_bucket_month ?? 12;
+        const yearInterval = aggregation.interval ?? 1;
+        const monthInterval = aggregation.interval_in_months ?? 12;
         const zeroPadMonth = (month) => month.toString().padStart(2, '0');
         // The date picker is configured differently for TV search, allowing month-level resolution
         if (this.isTvSearch) {
@@ -200,7 +195,6 @@ let CollectionFacets = class CollectionFacets extends LitElement {
      * Opens a modal dialog containing an enlarged version of the date picker.
      */
     showDatePickerModal() {
-        var _a, _b, _c;
         const { histogramProps } = this;
         if (!histogramProps)
             return;
@@ -246,13 +240,13 @@ let CollectionFacets = class CollectionFacets extends LitElement {
             closeOnBackdropClick: true, // TODO: want to fire analytics
             title: html `${msg('Select a date range')}`,
         });
-        (_a = this.modalManager) === null || _a === void 0 ? void 0 : _a.classList.add('expanded-date-picker');
-        (_b = this.modalManager) === null || _b === void 0 ? void 0 : _b.showModal({
+        this.modalManager?.classList.add('expanded-date-picker');
+        this.modalManager?.showModal({
             config,
             customModalContent,
             userClosedModalCallback: this.handleExpandedDatePickerClosed,
         });
-        (_c = this.analyticsHandler) === null || _c === void 0 ? void 0 : _c.sendEvent({
+        this.analyticsHandler?.sendEvent({
             category: analyticsCategories.default,
             action: analyticsActions.histogramExpanded,
             label: window.location.href,
@@ -287,7 +281,6 @@ let CollectionFacets = class CollectionFacets extends LitElement {
             : nothing;
     }
     get histogramTemplate() {
-        var _a, _b;
         if (this.histogramAggregationLoading) {
             return html ` <div class="histogram-loading-indicator">&hellip;</div> `;
         }
@@ -300,8 +293,8 @@ let CollectionFacets = class CollectionFacets extends LitElement {
         class=${this.isTvSearch ? 'wide-inputs' : ''}
         .minDate=${minDate}
         .maxDate=${maxDate}
-        .minSelectedDate=${(_a = this.minSelectedDate) !== null && _a !== void 0 ? _a : minDate}
-        .maxSelectedDate=${(_b = this.maxSelectedDate) !== null && _b !== void 0 ? _b : maxDate}
+        .minSelectedDate=${this.minSelectedDate ?? minDate}
+        .maxSelectedDate=${this.maxSelectedDate ?? maxDate}
         .updateDelay=${100}
         .dateFormat=${dateFormat}
         .tooltipDateFormat=${tooltipDateFormat}
@@ -323,7 +316,6 @@ let CollectionFacets = class CollectionFacets extends LitElement {
     get mergedFacets() {
         const facetGroups = [];
         this.facetDisplayOrder.forEach(facetKey => {
-            var _a, _b;
             if (facetKey === 'mediatype' && this.suppressMediatypeFacets)
                 return;
             const selectedFacetGroup = this.selectedFacetGroups.find(group => group.key === facetKey);
@@ -337,9 +329,9 @@ let CollectionFacets = class CollectionFacets extends LitElement {
             if (!aggregateFacetGroup)
                 return;
             // start with either the selected group if we have one, or the aggregate group
-            const facetGroup = selectedFacetGroup !== null && selectedFacetGroup !== void 0 ? selectedFacetGroup : aggregateFacetGroup;
+            const facetGroup = selectedFacetGroup ?? aggregateFacetGroup;
             // attach the counts to the selected buckets
-            let bucketsWithCount = (_a = selectedFacetGroup === null || selectedFacetGroup === void 0 ? void 0 : selectedFacetGroup.buckets.map(bucket => {
+            let bucketsWithCount = selectedFacetGroup?.buckets.map(bucket => {
                 const selectedBucket = aggregateFacetGroup.buckets.find(b => b.key === bucket.key);
                 return selectedBucket
                     ? {
@@ -347,7 +339,7 @@ let CollectionFacets = class CollectionFacets extends LitElement {
                         count: selectedBucket.count,
                     }
                     : bucket;
-            })) !== null && _a !== void 0 ? _a : [];
+            }) ?? [];
             // append any additional buckets that were not selected
             aggregateFacetGroup.buckets.forEach(bucket => {
                 const existingBucket = bucketsWithCount.find(b => b.key === bucket.key);
@@ -361,7 +353,7 @@ let CollectionFacets = class CollectionFacets extends LitElement {
              * - by-default we are showing 6 items
              * - additionally want to show all items (selected/suppressed) in page facet area
              */
-            let allowedFacetCount = (_b = Object.keys((selectedFacetGroup === null || selectedFacetGroup === void 0 ? void 0 : selectedFacetGroup.buckets) || [])) === null || _b === void 0 ? void 0 : _b.length;
+            let allowedFacetCount = Object.keys(selectedFacetGroup?.buckets || [])?.length;
             if (allowedFacetCount < this.allowedFacetCount) {
                 allowedFacetCount = this.allowedFacetCount; // splice start index from 0th
             }
@@ -386,9 +378,8 @@ let CollectionFacets = class CollectionFacets extends LitElement {
             // For TV creator facets, uppercase the display text
             if (facetKey === 'creator' && this.isTvSearch) {
                 bucketsWithCount.forEach(b => {
-                    var _a, _b, _c;
-                    b.displayText = (_b = ((_a = b.displayText) !== null && _a !== void 0 ? _a : b.key)) === null || _b === void 0 ? void 0 : _b.toLocaleUpperCase();
-                    const channelLabel = (_c = this.tvChannelAliases) === null || _c === void 0 ? void 0 : _c.get(b.displayText);
+                    b.displayText = (b.displayText ?? b.key)?.toLocaleUpperCase();
+                    const channelLabel = this.tvChannelAliases?.get(b.displayText);
                     if (channelLabel && channelLabel !== b.displayText) {
                         b.extraNote = `(${channelLabel})`;
                     }
@@ -397,8 +388,7 @@ let CollectionFacets = class CollectionFacets extends LitElement {
             // For TV clip_type facets, capitalize the display text
             if (facetKey === 'clip_type') {
                 bucketsWithCount.forEach(b => {
-                    var _a;
-                    (_a = b.displayText) !== null && _a !== void 0 ? _a : (b.displayText = b.key);
+                    b.displayText ??= b.key;
                     b.displayText =
                         b.displayText.charAt(0).toLocaleUpperCase() +
                             b.displayText.slice(1);
@@ -421,12 +411,11 @@ let CollectionFacets = class CollectionFacets extends LitElement {
             const option = key;
             const title = facetTitles[option];
             const buckets = Object.entries(selectedFacets).map(([value, facetData]) => {
-                var _a;
                 let displayText = value;
                 // for lending facets, convert the key to a readable format
                 if (option === 'lending') {
                     displayText =
-                        (_a = lendingFacetDisplayNames[value]) !== null && _a !== void 0 ? _a : value;
+                        lendingFacetDisplayNames[value] ?? value;
                 }
                 return {
                     displayText,
@@ -447,9 +436,8 @@ let CollectionFacets = class CollectionFacets extends LitElement {
      * Converts the raw `aggregations` to `FacetGroups`, which are easier to use
      */
     get aggregationFacetGroups() {
-        var _a;
         const facetGroups = [];
-        Object.entries((_a = this.aggregations) !== null && _a !== void 0 ? _a : []).forEach(([key, aggregation]) => {
+        Object.entries(this.aggregations ?? []).forEach(([key, aggregation]) => {
             // the year_histogram and date_histogram data is in a different format so can't be handled here
             if (['year_histogram', 'date_histogram'].includes(key))
                 return;
@@ -460,20 +448,19 @@ let CollectionFacets = class CollectionFacets extends LitElement {
             let castedBuckets = aggregation.getSortedBuckets(defaultFacetSort[option]);
             if (option === 'collection') {
                 // we are not showing fav- collections or certain deemphasized collections in facets
-                castedBuckets = castedBuckets === null || castedBuckets === void 0 ? void 0 : castedBuckets.filter(bucket => {
-                    var _a;
-                    const bucketKey = (_a = bucket === null || bucket === void 0 ? void 0 : bucket.key) === null || _a === void 0 ? void 0 : _a.toString();
-                    return (!suppressedCollections[bucketKey] && !(bucketKey === null || bucketKey === void 0 ? void 0 : bucketKey.startsWith('fav-')));
+                castedBuckets = castedBuckets?.filter(bucket => {
+                    const bucketKey = bucket?.key?.toString();
+                    return (!suppressedCollections[bucketKey] && !bucketKey?.startsWith('fav-'));
                 });
             }
             const facetBuckets = castedBuckets.map(bucket => {
-                var _a;
                 const bucketKey = bucket.key;
                 let displayText = `${bucket.key}`;
                 // for lending facets, convert the bucket key to a readable format
                 if (option === 'lending') {
                     displayText =
-                        (_a = lendingFacetDisplayNames[bucket.key]) !== null && _a !== void 0 ? _a : `${bucket.key}`;
+                        lendingFacetDisplayNames[bucket.key] ??
+                            `${bucket.key}`;
                 }
                 return {
                     displayText,
@@ -572,9 +559,8 @@ let CollectionFacets = class CollectionFacets extends LitElement {
         return html `<button
       class="more-link"
       @click=${() => {
-            var _a;
             this.showMoreFacetsModal(facetGroup, facetSort);
-            (_a = this.analyticsHandler) === null || _a === void 0 ? void 0 : _a.sendEvent({
+            this.analyticsHandler?.sendEvent({
                 category: analyticsCategories.default,
                 action: analyticsActions.showMoreFacetsModal,
                 label: facetGroup.key,
@@ -587,7 +573,6 @@ let CollectionFacets = class CollectionFacets extends LitElement {
     </button>`;
     }
     async showMoreFacetsModal(facetGroup, sortedBy) {
-        var _a, _b;
         const customModalContent = html `
       <more-facets-content
         .analyticsHandler=${this.analyticsHandler}
@@ -622,13 +607,12 @@ let CollectionFacets = class CollectionFacets extends LitElement {
             closeOnBackdropClick: true, // TODO: want to fire analytics
             title: html `Select filters`,
         });
-        (_a = this.modalManager) === null || _a === void 0 ? void 0 : _a.classList.add('more-search-facets');
-        (_b = this.modalManager) === null || _b === void 0 ? void 0 : _b.showModal({
+        this.modalManager?.classList.add('more-search-facets');
+        this.modalManager?.showModal({
             config,
             customModalContent,
             userClosedModalCallback: () => {
-                var _a;
-                (_a = this.modalManager) === null || _a === void 0 ? void 0 : _a.classList.remove('more-search-facets');
+                this.modalManager?.classList.remove('more-search-facets');
             },
         });
     }
@@ -676,7 +660,7 @@ let CollectionFacets = class CollectionFacets extends LitElement {
 
         .histogram-loading-indicator {
           width: 100%;
-          height: 2.25rem;
+          height: 5.25rem;
           margin-top: 1.75rem;
           font-size: 1.4rem;
           text-align: center;