@internetarchive/collection-browser 2.7.7-alpha.2 → 2.7.8-alpha1

package/src/collection-facets/smart-facets/smart-facet-bar.ts

@@ -1,3 +1,5 @@
+/* eslint-disable no-continue */
+
 import {
   css,
   html,
@@ -66,7 +68,7 @@ export class SmartFacetBar extends LitElement {
           this.smartFacets,
           f =>
             `${f[0].label}|${f[0].facets[0].facetType}|${f[0].facets[0].bucketKey}`,
-          facet => this.makeSmartFacet(facet),
+          facet => this.makeSmartFacet(facet)
         )}
       </div>
     `;
@@ -188,7 +190,7 @@ export class SmartFacetBar extends LitElement {
           key === 'mediatype' &&
           this.selectedFacets &&
           Object.values(this.selectedFacets.mediatype).some(
-            bucket => bucket.state !== 'none',
+            bucket => bucket.state !== 'none'
           )
         ) {
           continue;
@@ -208,7 +210,7 @@ export class SmartFacetBar extends LitElement {
         if (facetType === 'mediatype') {
           facets.push(
             [this.toSmartFacet(facetType, [unusedBuckets[0]])],
-            [this.toSmartFacet(facetType, [unusedBuckets[1]])],
+            [this.toSmartFacet(facetType, [unusedBuckets[1]])]
           );
         } else if (facetType === 'collection' || facetType === 'subject') {
           const topBuckets = unusedBuckets.slice(0, 5);
@@ -224,7 +226,7 @@ export class SmartFacetBar extends LitElement {
 
   private toSmartFacet(
     facetType: FacetOption,
-    buckets: Bucket[],
+    buckets: Bucket[]
     // prefix = true
   ): SmartFacet {
     return {
@@ -257,7 +259,7 @@ export class SmartFacetBar extends LitElement {
         this.selectedFacets,
         facet.facetType,
         facet.bucket,
-        true,
+        true
       );
     }
 
@@ -284,7 +286,7 @@ export class SmartFacetBar extends LitElement {
         this.selectedFacets,
         facet.facetType,
         facet.bucket,
-        true,
+        true
       );
     }
 

package/src/collection-facets/smart-facets/smart-facet-button.ts

@@ -28,9 +28,7 @@ export class SmartFacetButton extends LitElement {
 
     const displayText = capitalize(
       (this.labelPrefix ? `${this.labelPrefix} ` : '') +
-        (this.facetInfo.label ??
-          firstFacet.displayText ??
-          firstFacet.bucketKey),
+        (this.facetInfo.label ?? firstFacet.displayText ?? firstFacet.bucketKey)
     );
     if (!displayText) return nothing;
 
@@ -63,7 +61,7 @@ export class SmartFacetButton extends LitElement {
       for (const facet of this.facetInfo.facets) {
         url.searchParams.append(
           'and[]',
-          encodeURIComponent(`${facet.facetType}:"${facet.bucketKey}"`),
+          encodeURIComponent(`${facet.facetType}:"${facet.bucketKey}"`)
         );
       }
     }
@@ -90,7 +88,7 @@ export class SmartFacetButton extends LitElement {
             negative: false,
           })),
         },
-      }),
+      })
     );
   }
 

package/src/collection-facets/smart-facets/smart-facet-dropdown.ts

@@ -67,7 +67,7 @@ export class SmartFacetDropdown extends LitElement {
   private get activeDropdownOption(): optionInterface | undefined {
     if (!this.activeFacetRef) return undefined;
     return this.dropdownOptions.find(
-      opt => opt.id === this.activeFacetRef?.bucketKey,
+      opt => opt.id === this.activeFacetRef?.bucketKey
     );
   }
 
@@ -77,7 +77,7 @@ export class SmartFacetDropdown extends LitElement {
     let selectedSmartFacet;
     for (const smartFacet of this.facetInfo) {
       const selectedRef = smartFacet.facets.find(
-        b => b.bucketKey === e.detail.option.id,
+        b => b.bucketKey === e.detail.option.id
       );
       if (selectedRef) {
         this.activeFacetRef = selectedRef;
@@ -103,14 +103,14 @@ export class SmartFacetDropdown extends LitElement {
             },
           ],
         },
-      }),
+      })
     );
   }
 
   private onDropdownClick(): void {
     log('smart dropdown: onDropdownClick', this);
     this.dispatchEvent(
-      new CustomEvent<SmartFacetDropdown>('dropdownClick', { detail: this }),
+      new CustomEvent<SmartFacetDropdown>('dropdownClick', { detail: this })
     );
   }
 

package/src/collection-facets/smart-facets/smart-facet-heuristics.ts

@@ -13,7 +13,7 @@ export class SmartQueryHeuristicGroup implements SmartQueryHeuristic {
 
   async getRecommendedFacets(query: string): Promise<SmartFacet[]> {
     const promises = SmartQueryHeuristicGroup.HEURISTICS.map(HeuristicCtor =>
-      new HeuristicCtor().getRecommendedFacets(query),
+      new HeuristicCtor().getRecommendedFacets(query)
     );
 
     return dedupe((await Promise.all(promises)).flat());

package/src/collection-facets/toggle-switch.ts

@@ -84,8 +84,8 @@ export class ToggleSwitch extends LitElement {
    */
   get selectedLabel(): string {
     return this.side === 'left'
-      ? (this.leftLabel ?? this.leftValue)
-      : (this.rightLabel ?? this.rightValue);
+      ? this.leftLabel ?? this.leftValue
+      : this.rightLabel ?? this.rightValue;
   }
 
   private handleClick(): void {

package/src/collection-facets.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-duplicates */
 import {
   css,
   html,
@@ -170,7 +171,7 @@ export class CollectionFacets extends LitElement {
           : nothing}
         ${this.collectionPartOfTemplate}
         ${this.mergedFacets.map(facetGroup =>
-          this.getFacetGroupTemplate(facetGroup),
+          this.getFacetGroupTemplate(facetGroup)
         )}
       </div>
     `;
@@ -348,7 +349,7 @@ export class CollectionFacets extends LitElement {
     e: CustomEvent<{
       minDate: string;
       maxDate: string;
-    }>,
+    }>
   ): void => {
     const { minDate, maxDate } = e.detail;
     const event = new CustomEvent('histogramDateRangeUpdated', {
@@ -365,10 +366,10 @@ export class CollectionFacets extends LitElement {
 
     facetDisplayOrder.forEach(facetKey => {
       const selectedFacetGroup = this.selectedFacetGroups.find(
-        group => group.key === facetKey,
+        group => group.key === facetKey
       );
       const aggregateFacetGroup = this.aggregationFacetGroups.find(
-        group => group.key === facetKey,
+        group => group.key === facetKey
       );
 
       // if the user selected a facet, but it's not in the aggregation, we add it as-is
@@ -387,7 +388,7 @@ export class CollectionFacets extends LitElement {
       let bucketsWithCount =
         selectedFacetGroup?.buckets.map(bucket => {
           const selectedBucket = aggregateFacetGroup.buckets.find(
-            b => b.key === bucket.key,
+            b => b.key === bucket.key
           );
           return selectedBucket
             ? {
@@ -411,7 +412,7 @@ export class CollectionFacets extends LitElement {
        * - additionally want to show all items (selected/suppressed) in page facet area
        */
       let allowedFacetCount = Object.keys(
-        (selectedFacetGroup?.buckets as []) || [],
+        (selectedFacetGroup?.buckets as []) || []
       )?.length;
       if (allowedFacetCount < this.allowedFacetCount) {
         allowedFacetCount = this.allowedFacetCount; // splice start index from 0th
@@ -420,7 +421,7 @@ export class CollectionFacets extends LitElement {
       // For lending facets, only include a specific subset of buckets
       if (facetKey === 'lending') {
         bucketsWithCount = bucketsWithCount.filter(
-          bucket => lendingFacetKeysVisibility[bucket.key as LendingFacetKey],
+          bucket => lendingFacetKeysVisibility[bucket.key as LendingFacetKey]
         );
       }
 
@@ -430,13 +431,13 @@ export class CollectionFacets extends LitElement {
       // For mediatype facets, ensure the collection bucket is always shown if present
       if (facetKey === 'mediatype') {
         const collectionIndex = bucketsWithCount.findIndex(
-          bucket => bucket.key === 'collection',
+          bucket => bucket.key === 'collection'
         );
 
         if (collectionIndex >= allowedFacetCount) {
           const [collectionBucket] = bucketsWithCount.splice(
             collectionIndex,
-            1,
+            1
           );
 
           // If we're showing lots of selected facets, ensure we're not cutting off the last one
@@ -483,7 +484,7 @@ export class CollectionFacets extends LitElement {
               count: facetData.count,
               state: facetData.state,
             };
-          },
+          }
         );
 
         return {
@@ -491,7 +492,7 @@ export class CollectionFacets extends LitElement {
           key: option,
           buckets,
         };
-      },
+      }
     );
 
     return facetGroups;
@@ -511,7 +512,7 @@ export class CollectionFacets extends LitElement {
       if (!title) return;
 
       let castedBuckets = aggregation.getSortedBuckets(
-        defaultFacetSort[option],
+        defaultFacetSort[option]
       ) as Bucket[];
 
       if (option === 'collection') {
@@ -555,7 +556,7 @@ export class CollectionFacets extends LitElement {
    * chevron for the mobile view
    */
   private getFacetGroupTemplate(
-    facetGroup: FacetGroup,
+    facetGroup: FacetGroup
   ): TemplateResult | typeof nothing {
     if (!this.facetsLoading && facetGroup.buckets.length === 0) return nothing;
 
@@ -610,7 +611,7 @@ export class CollectionFacets extends LitElement {
     return html`
       ${map(
         Array(5).fill(null),
-        () => html`<facet-tombstone-row></facet-tombstone-row>`,
+        () => html`<facet-tombstone-row></facet-tombstone-row>`
       )}
     `;
   }
@@ -621,7 +622,7 @@ export class CollectionFacets extends LitElement {
    * TODO: want to fire analytics?
    */
   private searchMoreFacetsLink(
-    facetGroup: FacetGroup,
+    facetGroup: FacetGroup
   ): TemplateResult | typeof nothing {
     // Don't render More... links for FTS searches
     if (!this.moreLinksVisible) {
@@ -653,7 +654,7 @@ export class CollectionFacets extends LitElement {
           label: facetGroup.key,
         });
         this.dispatchEvent(
-          new CustomEvent('showMoreFacets', { detail: facetGroup.key }),
+          new CustomEvent('showMoreFacets', { detail: facetGroup.key })
         );
       }}
       data-testid="more-link-btn"
@@ -664,7 +665,7 @@ export class CollectionFacets extends LitElement {
 
   async showMoreFacetsModal(
     facetGroup: FacetGroup,
-    sortedBy: AggregationSortType,
+    sortedBy: AggregationSortType
   ): Promise<void> {
     const customModalContent = html`
       <more-facets-content
@@ -723,7 +724,7 @@ export class CollectionFacets extends LitElement {
             this.selectedFacets,
             facetGroup.key,
             e.detail.bucket,
-            true,
+            true
           );
 
           const event = new CustomEvent<SelectedFacets>('facetsChanged', {

package/src/data-source/collection-browser-data-source-interface.ts

@@ -155,6 +155,11 @@ export interface CollectionBrowserDataSourceInterface
    */
   reset(): void;
 
+  /**
+   * Resets the data source to its pages.
+   */
+  resetPages(): void;
+
   /**
    * Adds the given page of tile models to the data source.
    * If the given page number already exists, that page will be overwritten.
@@ -280,11 +285,7 @@ export interface CollectionBrowserDataSourceInterface
    * @param callback A callback function to apply on each tile model, as with Array.map
    */
   map(
-    callback: (
-      model: TileModel,
-      index: number,
-      array: TileModel[],
-    ) => TileModel,
+    callback: (model: TileModel, index: number, array: TileModel[]) => TileModel
   ): void;
 
   /**

package/src/data-source/collection-browser-data-source.ts

@@ -162,12 +162,13 @@ export class CollectionBrowserDataSource
     return this._initialSearchCompletePromise;
   }
 
+  // eslint-disable-next-line no-useless-constructor
   constructor(
     /** The host element to which this controller should attach listeners */
     private readonly host: ReactiveControllerHost &
       CollectionBrowserSearchInterface,
     /** Default size of result pages */
-    private pageSize: number = 50,
+    private pageSize: number = 50
   ) {
     // Just setting some property values
   }
@@ -245,6 +246,19 @@ export class CollectionBrowserDataSource
     this.requestHostUpdate();
   }
 
+  /**
+   * @inheritdoc
+   */
+  resetPages(): void {
+    if (Object.keys(this.pages).length !== this.host.maxPagesToManage) {
+      this.pages = {};
+    }
+
+    // Invalidate any fetches in progress
+    this.fetchesInProgress.clear();
+    this.requestHostUpdate();
+  }
+
   /**
    * @inheritdoc
    */
@@ -263,13 +277,13 @@ export class CollectionBrowserDataSource
       const pageStartIndex = this.pageSize * i;
       this.addPage(
         firstPageNum + i,
-        tiles.slice(pageStartIndex, pageStartIndex + this.pageSize),
+        tiles.slice(pageStartIndex, pageStartIndex + this.pageSize)
       );
     }
 
     const visiblePages = this.host.currentVisiblePageNumbers;
     const needsReload = visiblePages.some(
-      page => page >= firstPageNum && page <= firstPageNum + numPages,
+      page => page >= firstPageNum && page <= firstPageNum + numPages
     );
     if (needsReload) {
       this.refreshVisibleResults();
@@ -430,19 +444,16 @@ export class CollectionBrowserDataSource
    * @inheritdoc
    */
   map(
-    callback: (
-      model: TileModel,
-      index: number,
-      array: TileModel[],
-    ) => TileModel,
+    callback: (model: TileModel, index: number, array: TileModel[]) => TileModel
   ): void {
+    if (!Object.keys(this.pages).length) return;
     this.pages = Object.fromEntries(
       Object.entries(this.pages).map(([page, tileModels]) => [
         page,
         tileModels.map((model, index, array) =>
-          model ? callback(model, index, array) : model,
+          model ? callback(model, index, array) : model
         ),
-      ]),
+      ])
     );
     this.requestHostUpdate();
     this.refreshVisibleResults();
@@ -539,12 +550,12 @@ export class CollectionBrowserDataSource
    * @returns A filtered array of tile models satisfying the predicate
    */
   private getFilteredTileModels(
-    predicate: (model: TileModel, index: number, array: TileModel[]) => unknown,
+    predicate: (model: TileModel, index: number, array: TileModel[]) => unknown
   ): TileModel[] {
     return Object.values(this.pages)
       .flat()
       .filter((model, index, array) =>
-        model ? predicate(model, index, array) : false,
+        model ? predicate(model, index, array) : false
       );
   }
 
@@ -656,25 +667,25 @@ export class CollectionBrowserDataSource
       builder.addFilter(
         'year',
         this.host.minSelectedDate,
-        FilterConstraint.GREATER_OR_EQUAL,
+        FilterConstraint.GREATER_OR_EQUAL
       );
     }
     if (this.host.maxSelectedDate) {
       builder.addFilter(
         'year',
         this.host.maxSelectedDate,
-        FilterConstraint.LESS_OR_EQUAL,
+        FilterConstraint.LESS_OR_EQUAL
       );
     }
 
     // Add any selected facets
     if (this.host.selectedFacets) {
       for (const [facetName, facetValues] of Object.entries(
-        this.host.selectedFacets,
+        this.host.selectedFacets
       )) {
         const { name, values } = this.prepareFacetForFetch(
           facetName,
-          facetValues,
+          facetValues
         );
         for (const [value, bucket] of Object.entries(values)) {
           let constraint;
@@ -696,14 +707,14 @@ export class CollectionBrowserDataSource
       builder.addFilter(
         'firstTitle',
         this.host.selectedTitleFilter,
-        FilterConstraint.INCLUDE,
+        FilterConstraint.INCLUDE
       );
     }
     if (this.host.selectedCreatorFilter) {
       builder.addFilter(
         'firstCreator',
         this.host.selectedCreatorFilter,
-        FilterConstraint.INCLUDE,
+        FilterConstraint.INCLUDE
       );
     }
 
@@ -791,7 +802,7 @@ export class CollectionBrowserDataSource
     if (!this.host.selectedFacets) return undefined;
     const facetClauses = [];
     for (const [facetName, facetValues] of Object.entries(
-      this.host.selectedFacets,
+      this.host.selectedFacets
     )) {
       facetClauses.push(this.buildFacetClause(facetName, facetValues));
     }
@@ -844,11 +855,11 @@ export class CollectionBrowserDataSource
    */
   private buildFacetClause(
     facetName: string,
-    facetValues: Record<string, FacetBucket>,
+    facetValues: Record<string, FacetBucket>
   ): string {
     const { name: facetQueryName, values } = this.prepareFacetForFetch(
       facetName,
-      facetValues,
+      facetValues
     );
     const facetEntries = Object.entries(values);
     if (facetEntries.length === 0) return '';
@@ -872,7 +883,7 @@ export class CollectionBrowserDataSource
    */
   private prepareFacetForFetch(
     facetName: string,
-    facetValues: Record<string, FacetBucket>,
+    facetValues: Record<string, FacetBucket>
   ): { name: string; values: Record<string, FacetBucket> } {
     // eslint-disable-next-line prefer-const
     let [normalizedName, normalizedValues] = [facetName, facetValues];
@@ -894,7 +905,7 @@ export class CollectionBrowserDataSource
    */
   private joinFacetClauses(facetClauses: string[]): string | undefined {
     const nonEmptyFacetClauses = facetClauses.filter(
-      clause => clause.length > 0,
+      clause => clause.length > 0
     );
     return nonEmptyFacetClauses.length > 0
       ? `(${nonEmptyFacetClauses.join(' AND ')})`
@@ -928,12 +939,12 @@ export class CollectionBrowserDataSource
     };
     params.uid = await this.requestUID(
       { ...params, sort: sortParams },
-      'aggregations',
+      'aggregations'
     );
 
     const searchResponse = await this.host.searchService?.search(
       params,
-      this.host.searchType,
+      this.host.searchType
     );
     const success = searchResponse?.success;
 
@@ -950,10 +961,10 @@ export class CollectionBrowserDataSource
       const detailMsg = searchResponse?.error?.details?.message;
 
       if (!errorMsg && !detailMsg) {
-        // @ts-expect-error: Property 'Sentry' does not exist on type 'Window & typeof globalThis'
+        // @ts-ignore: Property 'Sentry' does not exist on type 'Window & typeof globalThis'
         window?.Sentry?.captureMessage?.(
           'Missing or malformed facet response from backend',
-          'error',
+          'error'
         );
       }
 
@@ -1048,7 +1059,7 @@ export class CollectionBrowserDataSource
     // log('=== FIRING PAGE REQUEST ===', params);
     const searchResponse = await this.host.searchService?.search(
       params,
-      this.host.searchType,
+      this.host.searchType
     );
     // log('=== RECEIVED PAGE RESPONSE IN CB ===', searchResponse);
     const success = searchResponse?.success;
@@ -1070,7 +1081,7 @@ export class CollectionBrowserDataSource
 
       if (!this.queryErrorMessage) {
         this.queryErrorMessage = 'Missing or malformed response from backend';
-        // @ts-expect-error: Property 'Sentry' does not exist on type 'Window & typeof globalThis'
+        // @ts-ignore: Property 'Sentry' does not exist on type 'Window & typeof globalThis'
         window?.Sentry?.captureMessage?.(this.queryErrorMessage, 'error');
       }
 
@@ -1097,7 +1108,7 @@ export class CollectionBrowserDataSource
 
       if (this.collectionExtraInfo) {
         this.parentCollections = [].concat(
-          this.collectionExtraInfo.public_metadata?.collection ?? [],
+          this.collectionExtraInfo.public_metadata?.collection ?? []
         );
       }
     } else if (this.host.withinProfile) {
@@ -1118,7 +1129,7 @@ export class CollectionBrowserDataSource
       // Update the data source for each returned page.
       // For loans and web archives, we must account for receiving more pages than we asked for.
       const isUnpagedElement = ['lending', 'web_archives'].includes(
-        this.host.profileElement!,
+        this.host.profileElement!
       );
       if (isUnpagedElement) {
         numPages = Math.ceil(results.length / this.pageSize);
@@ -1131,7 +1142,7 @@ export class CollectionBrowserDataSource
         this.addFetchedResultsToDataSource(
           pageNumber + i,
           results.slice(pageStartIndex, pageStartIndex + this.pageSize),
-          !isUnpagedElement || i === numPages - 1,
+          !isUnpagedElement || i === numPages - 1
         );
       }
     }
@@ -1157,7 +1168,7 @@ export class CollectionBrowserDataSource
   private addFetchedResultsToDataSource(
     pageNumber: number,
     results: SearchResult[],
-    needsReload = true,
+    needsReload = true
   ): void {
     const tiles: TileModel[] = [];
     results?.forEach(result => {
@@ -1176,7 +1187,7 @@ export class CollectionBrowserDataSource
    * Fetches the aggregation buckets for the given prefix filter type.
    */
   private async fetchPrefixFilterBuckets(
-    filterType: PrefixFilterType,
+    filterType: PrefixFilterType
   ): Promise<Bucket[]> {
     const trimmedQuery = this.host.baseQuery?.trim();
     if (!this.canPerformSearch) return [];
@@ -1196,12 +1207,12 @@ export class CollectionBrowserDataSource
     };
     params.uid = await this.requestUID(
       { ...params, sort: sortParams },
-      'aggregations',
+      'aggregations'
     );
 
     const searchResponse = await this.host.searchService?.search(
       params,
-      this.host.searchType,
+      this.host.searchType
     );
 
     return (searchResponse?.success?.response?.aggregations?.[
@@ -1229,7 +1240,7 @@ export class CollectionBrowserDataSource
         acc[(bucket.key as string).toUpperCase()] = bucket.doc_count;
         return acc;
       },
-      {},
+      {}
     );
 
     this.requestHostUpdate();

package/src/data-source/collection-browser-query-state.ts

@@ -38,6 +38,7 @@ export interface CollectionBrowserSearchInterface
   readonly defaultSortField: SortField | null;
   readonly facetLoadStrategy: FacetLoadStrategy;
   readonly initialPageNumber: number;
+  readonly maxPagesToManage: number;
   readonly currentVisiblePageNumbers: number[];
   readonly clearResultsOnEmptyQuery?: boolean;
   readonly dataSource?: CollectionBrowserDataSourceInterface;

package/src/empty-placeholder.ts

@@ -23,38 +23,35 @@ export type PlaceholderType =
 @customElement('empty-placeholder')
 export class EmptyPlaceholder extends LitElement {
   private static readonly MESSAGE_EMPTY_QUERY = msg(
-    'To begin searching, enter a search term in the box above and hit "Go".',
+    'To begin searching, enter a search term in the box above and hit "Go".'
   );
 
   private static readonly MESSAGE_NO_SEARCH_RESULTS = msg(
     'Your search did not match any items in the Archive. ' +
-      'Try different keywords or a more general search.',
+      'Try different keywords or a more general search.'
   );
 
   private static readonly MESSAGE_NO_COLLECTION_RESULTS = msg(
     'Your search did not match any items in this collection. ' +
-      'Try different keywords or a more general search.',
+      'Try different keywords or a more general search.'
   );
 
   private static readonly MESSAGE_NO_VIEWABLE_MEMBERS = msg(
-    'This collection contains no viewable items.',
+    'This collection contains no viewable items.'
   );
 
-  private static readonly MESSAGE_QUERY_ERROR = msg(
-    html`The search engine encountered an error, which might be related to your
-      search query.
-      <a
-        href="https://help.archive.org/help/search-building-powerful-complex-queries/"
-      >
-        Tips for constructing search queries.
-      </a> `,
-  );
-
-  private static readonly MESSAGE_COLLECTION_ERROR = msg(
-    html`The search engine encountered an error while loading this collection.
-      If the problem persists, please let us know at
-      <a href="mailto:info@archive.org">info@archive.org</a>.`,
-  );
+  private static readonly MESSAGE_QUERY_ERROR = msg(html`The search engine
+    encountered an error, which might be related to your search query.
+    <a
+      href="https://help.archive.org/help/search-building-powerful-complex-queries/"
+    >
+      Tips for constructing search queries.
+    </a> `);
+
+  private static readonly MESSAGE_COLLECTION_ERROR = msg(html`The search engine
+    encountered an error while loading this collection. If the problem persists,
+    please let us know at
+    <a href="mailto:info@archive.org">info@archive.org</a>.`);
 
   private static readonly QUERY_ERROR_DETAILS_MESSAGE = msg('Error details:');
 

package/src/expanded-date-picker.ts

@@ -96,7 +96,7 @@ export class ExpandedDatePicker extends LitElement {
     e: CustomEvent<{
       minDate: string;
       maxDate: string;
-    }>,
+    }>
   ): void {
     this.minSelectedDate = e.detail.minDate;
     this.maxSelectedDate = e.detail.maxDate;